Introduction to HTML5

4.7
6,042 ratings
1,599 reviews

Course 1 of 5 in the Web Design for Everybody (Basics of Web Development and Coding) Specialization

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. You can see a sample final page at http://intro-webdesign.com/html5-plain.html. 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. You can see a sample site for the capstone course at http://intro-webdesign.com/
Globe

100% online course

Start instantly and learn at your own schedule.
Clock

Approx. 8 hours to complete

Suggested: 3 weeks of study, 2-4 hours/week
CommentDots

English

Subtitles: English

Skills you will gain

Html5Web DesignWeb DevelopmentDocument Object Model
Globe

100% online course

Start instantly and learn at your own schedule.
Clock

Approx. 8 hours to complete

Suggested: 3 weeks of study, 2-4 hours/week
CommentDots

English

Subtitles: English

Syllabus - What you will learn from this course

1

Section
Clock
2 hours to complete

Week One

This week we will uncover the "mystery" behind the Internet. What happens when you type a URL into your browser so that a webpage magically appears? What is HTML5 and what happened to HTML 1 - 4? We will also cover some practical concepts that you need to master before you begin coding your own pages. ...
SvgReading
5 videos (Total 50 min), 7 readings, 1 quiz
Video5 videos
01.02 - The Evolution of HTML9m
01.03 - How it Works: The "Magic" of Page Requests12m
01.04 - Looking at Your Browser Options4m
01.05 - Editors: How to use an editor to create an HTML file14m
SvgReading7 readings
Syllabus6m
Required Materials2m
Optional Resources3m
Help us learn more about you!10m
OPTIONAL - The browser wars1m
OPTIONAL - The origins of MOSAIC1m
Browsers1m
Quiz1 practice exercises
Week One - HTML/Web basics0m

2

Section
Clock
2 hours to complete

Week Two

This week you will need to take a deep breath and jump into coding. I will cover a large number of HTML tags, but it is important that you do more than just listen to these video and read the text book material. You need to practice (and fail!) in order to learn. Believe it or not, once you master the basic idea of using tags and attributes you will know everything you need to use any HTML5 tag. The page may not look the way you want it to look yet, but you will be able to use text, links, images, tables, and even music and videos! If you want to refer to a textbook this week for reinforcement of concepts, we will be covering Chapters 7 (again), 9, 10, 11, 13, 16, and 18. Some of the quiz questions may come from the reading!! ...
SvgReading
9 videos (Total 81 min), 1 quiz
Video9 videos
02.02 - HTML5 Tags and Syntax12m
02.03 - Semantic Tags6m
02.04 - Template Page7m
02.05 - Images9m
02.06 - Hyperlinks9m
02.07 - Multimedia7m
02.08 - Tables8m
02.09 - Useful Tags11m
Quiz1 practice exercises
Tags!58m

3

Section
Clock
2 hours to complete

Week Three

Okay, you created a file...what now? This week we will begin by covering the important but often overlooked concepts of validation and accessibility. Did you follow the DOM structure when you created your page? Did you use semantic tags to make sure that page viewers can access all of the information, even if they have physical or cognitive disabilities? This is knowledge you can use if you would like to pursue a career as a web accessibility specialist. Finally I will briefly cover the steps needed to post your site to the web. There are many free and paid services that you can use to get your work off your computer and on to the Internet. ...
SvgReading
7 videos (Total 47 min), 6 readings, 2 quizzes
Video7 videos
03.02 - Validating Your Site7m
03.03 - Hosting Your Site5m
03.04 - cPanel8m
03.05 - Using Secure File Transfer Protocol7m
03.06 - Final Project Demo3m
03.07 - Closing3m
SvgReading6 readings
Putting Your Code Out on to the Web2m
Final Project Description5m
The Final Exam has changed.1m
Congratulations!5m
Watch for a link to more material1m
Post-course Survey10m
Quiz2 practice exercises
Hosting and Validation10m
Final Project - Put it Together18m
4.7
SvgDirectionSigns

47%

started a new career
Briefcase

83%

got a tangible career benefit from this course
Money

16%

got a pay increase or promotion

Top Reviews

By ABSep 27th 2017

I really enjoyed everything about this course. I thought the exercises/quizzes were fair and the instructor showed me many things that will serve me well going forward. Great course, great instructor!

By TBNov 11th 2017

Good introduction to web development. The teacher (Colleen van Lent) has great attitude and seems interested in getting students themselves interested... she explained the intro topics very clearly.

Instructors

Avatar

Charles Severance

Associate Professor

About University of Michigan

The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future....

Frequently Asked Questions

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • If you pay for this course, you will have access to all of the features and content you need to earn a Course Certificate. If you complete the course successfully, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. Note that the Course Certificate does not represent official academic credit from the partner institution offering the course.

  • Yes! Coursera provides financial aid to learners who would like to complete a course but cannot afford the course fee. To apply for aid, select "Learn more and apply" in the Financial Aid section below the "Enroll" button. You'll be prompted to complete a simple application; no other paperwork is required.

More questions? Visit the Learner Help Center