When you enroll in this course, you'll also be enrolled in this Specialization.
Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate
There are 3 modules in this course
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 the code, but how do I put it on the web to share with others?). 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.
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.
In Module One 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. The biggest challenge will be to begin using VS Code and GitHub Codespaces to create and edit your own HTML files. Thankfully this class is recorded so you can watch those videos a few times while we get the hang of creating webpages.
How it Works: The "Magic" of Page Requests•9 minutes
Looking at Your Browser Options•5 minutes
Editors: How to Use an Editor to Create an HTML File•10 minutes
Editors: How to use VS Code•6 minutes
Introduction to IDEs and GitHub Codespaces•6 minutes
Getting Started with Github•5 minutes
9 readings•Total 67 minutes
Course Syllabus•10 minutes
Pre-Course Survey•10 minutes
Required Course Materials•5 minutes
Optional Course Resources•5 minutes
Resources•2 minutes
Browsers•5 minutes
Editors: How to use VS Code•10 minutes
Using GitHub Codespaces•10 minutes
Additional Resources•10 minutes
2 assignments•Total 40 minutes
Module One Knowledge Check•10 minutes
HTML/Web Basics •30 minutes
2 discussion prompts•Total 20 minutes
The Browser Wars•10 minutes
Which code editor will you use? •10 minutes
Module Two: Structure of a Web Page
Module 2•5 hours to complete
Module details
In Module Two, 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 using the Shay Howe online textbook as a reference. I will include links after the lectures, but some students prefer to read before the videos. (My preferred approach is to read/watch/read again.)
What's included
11 videos11 readings2 assignments
Show info about module content
11 videos•Total 90 minutes
The Document Object Model (DOM)•10 minutes
HTML5 Tags and Syntax•12 minutes
Semantic Tags•6 minutes
Downloading and Uploading Code with VSCode and Github•4 minutes
Template Page in Visual Studio Code•8 minutes
Copying Code with GitHub Codespaces•4 minutes
Template Page in Github Codespaces•8 minutes
Images•9 minutes
Accessible Images•8 minutes
Hyperlinks•9 minutes
Useful Tags•12 minutes
11 readings•Total 166 minutes
Resources•60 minutes
HTML5 Tags and Syntax•30 minutes
Cheatsheets•10 minutes
Semantic Tags•10 minutes
Code Placement •10 minutes
Starter Code for Template Page•1 minute
Images and Icons•10 minutes
Copyright, Fair Use, and Inclusive Images•10 minutes
Alternative Text•5 minutes
Hyperlink Tag•10 minutes
Additional Resources•10 minutes
2 assignments•Total 70 minutes
Module Two Knowledge Check•10 minutes
Tags!•60 minutes
Week Three: Hosting and Accessibility
Module 3•4 hours to complete
Module details
Okay, you created a file... what now? In Module Three, 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 if you decide to use something other than Codespaces. There are many free and paid services that you can use to get your work off your computer and on to the Internet.
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.
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Learner reviews
4.7
27,888 reviews
5 stars
78.81%
4 stars
18%
3 stars
2.36%
2 stars
0.30%
1 star
0.49%
Showing 3 of 27888
M
MO
4·
Reviewed on Jun 16, 2017
This was at a self learning pace that allowed me to succeed. Colleen van Lent does a great job in the videos where they are short enough to not lose interest, yet enough information to easily learn.
M
MS
5·
Reviewed on May 15, 2016
very clear and organized. I'm totally dumb in any kind of computer thing but this course uses easy words to explain the complex ideas. It really lowers my anxiety. Thank you for such a great course!
M
MG
5·
Reviewed on Oct 18, 2015
Perfect for someone who wants to start learning HTML5 and the entire specialization from scratch.The course is well paced, starts off easy, and seriously takes you step by step into making a web-page.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.