Buy Now AED 170.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Introduction to HTML5
  • Level Foundation
  • المدة 13 ساعات hours
  • الطبع بواسطة University of Michigan
  • Offered by

عن

Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?). Throughout the course there will be a strong emphasis on adhering to syntactic standards for validation and semantic standards to promote wide accessibility for users with disabilities. The textbook we use is available online, "The Missing Link: An Introduction to Web Development and Programming" by Michael Mendez from www.opensuny.org. This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance. This is the first course in the Web Design For Everybody specialization. Subsequent courses focus on the marketable skills of styling the page with CSS3, adding interactivity with JavaScript and enhancing the styling with responsive design.

الوحدات

Lesson 0: Welcome

    • 1 Videos
    • 4 Readings
Show info about module content

1 Videos

  • Introduction to HTML5

4 Readings

  • Course Syllabus
  • Pre-Course Survey
  • Required Course Materials
  • Optional Course Resources

Lesson 1: History and Evolution

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • The Browser Wars

1 Videos

  • The Evolution of HTML

1 Readings

  • Resources

Lesson 2: How It Works

    • 1 Videos
Show info about module content

1 Videos

  • How it Works: The "Magic" of Page Requests

Lesson 3: Tools and Tips

    • 4 Videos
    • 4 Readings
Show info about module content

4 Videos

  • Looking at Your Browser Options
  • Editors: How to Use an Editor to Create an HTML File
  • Editors: How to use VS Code
  • Editors: How to use Replit

4 Readings

  • Browsers
  • Editors: How to use VS Code
  • Editors: How to use Replit
  • Additional Resources

Lesson 4: Week 1 Quiz

    • 1 Assignment
Show info about module content

1 Assignment

  • HTML/Web Basics

Lesson 1: The Document Object Model (DOM)

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • The Document Object Model (DOM)

1 Readings

  • Resources

Lesson 2: HTML5 Elements - Tags, Syntax, Semantics, and Templates

    • 4 Videos
    • 5 Readings
Show info about module content

4 Videos

  • HTML5 Tags and Syntax
  • Semantic Tags
  • Template Page in Visual Studio Code
  • Template Page in Replit

5 Readings

  • HTML5 Tags and Syntax
  • Cheatsheets
  • Semantic Tags
  • Code Placement
  • Starter Code for Template Page

Lesson 3: Images

    • 2 Videos
    • 3 Readings
Show info about module content

2 Videos

  • Images
  • Accessible Images

3 Readings

  • Images and Icons
  • Copyright, Fair Use, and Inclusive Images
  • Alternative Text

Lesson 4: Hyperlinks

    • 1 Videos
    • 1 Readings
Show info about module content

1 Videos

  • Hyperlinks

1 Readings

  • Hyperlink Tag

Lesson 5: Useful Tags

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Tags!

1 Videos

  • Useful Tags

1 Readings

  • Additional Resources

Lesson 1: Accessibility - Human Factors to Consider in Web Design

    • 1 Videos
    • 2 Readings
Show info about module content

1 Videos

  • Accessible Web

2 Readings

  • Resources
  • Does Your Browser Support Accessibility?

Lesson 2: Validating Your Code

    • 1 Videos
Show info about module content

1 Videos

  • Validating Your Site

Lesson 3: Putting Your Code on the Web

    • 4 Videos
    • 2 Readings
Show info about module content

4 Videos

  • Hosting Your Site
  • Creating a GitHub Pages Account (Optional)
  • Uploading to GitHub Pages Account (Optional)
  • Sharing Your Page from Replit

2 Readings

  • Putting Your Code Out on to the Web
  • Sharing Your Page from Replit

Lesson 4: Final Project & Quiz

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
    • 1 ExternalTool
    • 1 Assignment
Show info about module content

1 Assignment

  • Final Course Quiz

1 External Tool

  • Share Final Projects with Course Community

1 Peer Review

  • Final Project

1 Videos

  • Final Project Demo

1 Readings

  • Final Project Description

Lesson 5: Where To Go From Here?

    • 1 Videos
    • 2 Readings
Show info about module content

1 Videos

  • Closing

2 Readings

  • Congratulations!
  • Post-Course Survey

The Secret Lecture

    • 1 Readings
Show info about module content

1 Readings

  • Watch for a link to more material

Auto Summary

"Introduction to HTML5" is a foundational course in IT & Computer Science, designed for novices eager to understand web page creation. Taught by Coursera, it covers the theory, practicality, and standards of HTML5, emphasizing accessibility and validation. With no prerequisites required, learners will build confidence through a final project creating a simple web page. The course spans 780 minutes and is the first in the "Web Design For Everybody" specialization. Subscription options include Starter, Professional, and Paid, catering to a wide audience seeking step-by-step guidance in web design basics.

Colleen van Lent, Ph.D.
Instructors

Colleen van Lent, Ph.D.

Charles Russell Severance
Instructors

Charles Russell Severance