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 4 modules in this course
This course is designed to build your skills in web development and design, no matter how little experience or technical knowledge you currently have. You probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With a billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills.
By the end of this course you’ll be able to describe the structure and functionality of the world wide web, create static web pages using HTML and CSS, select an appropriate web hosting service, and publish your webpages for the world to see. Finally, you’ll be able to develop a working model for creating your own personal or business websites in the future and launch yourself on a learning journey in web development.
Welcome to the course! In this module, we will begin with downloading and installing the code editor Visual Studio Code. You will then be able to identify different parts of the HTML language, manually add basic tags for web pages, and properly use basic opening and closing tags with content on a HTML file to markup content. You will also test files for errors using a HTML validator. Let’s get started!
What's included
15 videos2 readings2 assignments
Show info about module content
15 videos•Total 93 minutes
Course Introduction•2 minutes
Module Introduction, Part 1•1 minute
Module Introduction, Part 2•3 minutes
Installing and Using VS Code, Part 1 (Mac)•3 minutes
Installing and Using VS Code, Part 2 (Windows)•3 minutes
Installing and Using VS Code, Part 3•11 minutes
Installing and Using VS Code, Part 4•3 minutes
Understanding the Language of HTML, Part 1•6 minutes
Understanding the Language of HTML, Part 2•8 minutes
Understanding the Language of HTML, Part 3•7 minutes
Understanding the Language of HTML, Part 4•4 minutes
Understanding the Language of HTML, Part 5•9 minutes
Understanding the Language of HTML, Part 6•11 minutes
Creating a Basic Web Page•12 minutes
Markup Practice Files•11 minutes
2 readings•Total 16 minutes
Course Navigation and Safety Statement•1 minute
30 Years on From Introducing the Web to the World•15 minutes
2 assignments•Total 40 minutes
Reflection: Think Like a Developer•10 minutes
Module 1 Quiz•30 minutes
Links, Images, & Files
Module 2•2 hours to complete
Module details
In this module, we will use the anchor tag in HTML to create different kinds of links. You’ll link to files within the same website using relative path syntax. You’ll also demonstrate using tags that put replaced content on a web page. We’ll continue on by identifying different image formats used for images displayed on web pages. You’ll practice using appropriate attributes to provide the browser with more information about replaced content. We’ll finish up this module by identifying other types of replaced content such as video, audio, and iFrame content. Let’s get started.
What's included
11 videos2 assignments
Show info about module content
11 videos•Total 72 minutes
Module Introduction•1 minute
Creating Links, Part 1•10 minutes
Creating Links, Part 2•6 minutes
Creating Links, Part 3•9 minutes
Working with Replaced Content (Images) & Image Formats, Part 1•9 minutes
Working with Replaced Content (Images) & Image Formats, Part 2•6 minutes
Working with Replaced Content (Images) & Image Formats, Part 3•4 minutes
Working with Replaced Content (Images) & Image Formats, Part 4•8 minutes
Working with Replaced Content (Images) & Image Formats, Part 5•4 minutes
Working with Replaced Content (Images) & Image Formats, Part 6•7 minutes
Markup Practice Files, Part 2•9 minutes
2 assignments•Total 60 minutes
Reflection: Think Like a Web Developer•30 minutes
Module 2 Quiz•30 minutes
Putting Your Site Online
Module 3•3 hours to complete
Module details
Welcome to Module 3! In this module, we’ll identify and correctly use different semantic sectioning elements in HTML files. You’ll demonstrate using HTML to change markup on different platforms. You’ll also demonstrate using a service like GitHub to store and share Git repositories. We’ll finish up the module by creating linked HTML files with folders and subfolders, and practice optimizing images and using them on pages for a personal website project. We have a lot to cover, so let’s get started!
What's included
13 videos2 assignments1 discussion prompt
Show info about module content
13 videos•Total 102 minutes
Module Introduction•1 minute
Semantic Markup, Part 1 •6 minutes
Semantic Markup, Part 2•10 minutes
Applying HTML Knowledge to Other Systems•6 minutes
Installing Git on Mac, Part 1•5 minutes
Installing Git on Mac, Part 2•4 minutes
Installing Git on Windows•4 minutes
Publishing a Website on GitHub on Windows, Part 1•14 minutes
Publishing a Website on GitHub on Windows, Part 2•7 minutes
Publishing a Website on GitHub on Mac•13 minutes
Fix a broken GitHub connection•5 minutes
Personal Website•15 minutes
Portfolio Webpage on GitHub•11 minutes
2 assignments•Total 60 minutes
Reflection: Think Like a Developer•30 minutes
Module 3 Quiz•30 minutes
1 discussion prompt•Total 30 minutes
Semantic Markup Discussion•30 minutes
Introduction to CSS
Module 4•3 hours to complete
Module details
Welcome to the final module of this course! In this module, we’ll articulate the purpose of CSS and identify different parts of a CSS rule. You’ll demonstrate using characters such as curly braces, semi-colons, and commas when writing CSS syntax. Then, we’ll articulate and differentiate big ideas in CSS and create more specific CSS rules through the use of combinator selectors. We’ll finish up the module by identifying where and how CSS can be used within a website, including in-line CSS, CSS rules inside style tags, and CSS in linked stylesheets.
What's included
15 videos1 reading2 assignments
Show info about module content
15 videos•Total 82 minutes
Module Introduction•1 minute
Introduction to CSS•10 minutes
Inheritance in CSS•5 minutes
CSS Syntax •2 minutes
Cascade and Specificity in CSS, Part 1•7 minutes
Cascade and Specificity in CSS, Part 2•8 minutes
Combinator Selectors and Linked Stylesheets•10 minutes
Lemmings Webpage, Part 1•8 minutes
Lemmings Webpage, Part 2•4 minutes
Lemmings Webpage, Part 3•5 minutes
Lemmings Webpage, Part 4•5 minutes
Lemmings Webpage, Part 5•4 minutes
Lemmings Webpage, Part 6•9 minutes
Lemmings Webpage, Part 7•2 minutes
Course Summary•1 minute
1 reading•Total 10 minutes
The Unreasonable Effectiveness of Simple HTML•10 minutes
2 assignments•Total 60 minutes
Reflection: Think Like a Developer•30 minutes
Module 4 Quiz•30 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Instructor ratings
Instructor ratings
We asked all learners to give feedback on our instructors based on the quality of their teaching style.
UC Davis, one of the nation’s top-ranked research universities, is a global leader in agriculture, veterinary medicine, sustainability, environmental and biological sciences, and technology. With four colleges and six professional schools, UC Davis and its students and alumni are known for their academic excellence, meaningful public service and profound international impact.
"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
3,727 reviews
5 stars
73.49%
4 stars
21.27%
3 stars
3.78%
2 stars
0.61%
1 star
0.83%
Showing 3 of 3727
A
AD
5·
Reviewed on May 2, 2020
This course was fabulous. I got to learn many more interesting things during this course . This is a very good primary course to learn web development. Good Luck to the future learner :)
V
VM
4·
Reviewed on Nov 18, 2020
it would be more helpful to design while taking the modules to understand when we are creating labels, functions in order to make it more tangible since we are learning through recordings.
H
HY
5·
Reviewed on Nov 26, 2020
This is one of the best course for a beginner to build his/her skill in the web development field. And I'm also grateful to our tutor Daniel Randall for teaching us such a great thing.
What will I actually learn in this web development course?
You'll learn how simple websites are structured, styled, and published on the web. It starts with HTML basics and page structure, then moves into links, images, semantic markup, and CSS so you can turn plain content into a working static site. Along the way, you'll create pages, connect them with navigation, and make them available online.
Do I need any background before starting this course?
No, you don't need prior coding or web development experience. The course begins with basic HTML and even walks through setting up a code editor before moving into styling and publishing, so it assumes very little technical knowledge. Some comfort working with files and folders on your computer will help, since you'll organize pages and site assets as you go.
Is this course beginner-friendly for web development?
Yes, it's a good fit if you're new to web development and want a clear introduction to how websites are made. The lessons build step by step from basic tags to CSS, links, images, and getting a simple site online. If you already know HTML and CSS, you may find the pace introductory rather than challenging.
How long does it take to complete this course?
Plan on about 11 hours to finish the course. At around 10 hours a week, that's roughly one week of study, or a little longer if you like to pause and code along with the lessons. The workload includes video lessons, readings, quizzes, and guided website-building practice.
Are there hands-on exercises or projects in this course?
Yes, there's guided hands-on work throughout the course. You'll write HTML and CSS in a code editor, create linked pages and folders, add images and navigation, and practice publishing a small site online with GitHub. It's more structured exercise than open-ended project work, so you apply each idea right after it's introduced.
What topics are covered in this course?
The course focuses on the core pieces of basic web development: HTML for structure, CSS for presentation, and the file organization that keeps a small site working smoothly. You'll also work with links, images, semantic markup, and simple publishing, including how pages connect inside a site. By the end, you'll have a solid picture of how a static website is built, styled, and shared.
What can I actually do after finishing this course?
By the end, you should be able to create and publish a small static website using HTML and CSS. That includes building linked pages, adding images and navigation, using semantic page sections, and applying basic styling so the site is readable and organized. For example, you could put together a simple portfolio-style site and make it available online.
Is this course more focused on theory or hands-on learning?
It leans hands-on, but in a guided way. You'll spend time writing and editing pages as the course explains ideas like semantic markup and CSS rules, so it's a good fit if you want to learn by making small pieces of a site rather than only reading about them.
Why would I choose this course over other web development courses?
Choose this course if you want web development taught as a clear path from markup to a live website, not just as a collection of isolated concepts. It walks you from HTML and CSS basics into file organization, semantic structure, links, images, and publishing, with guided practice at each stage. If you want a beginner course that's practical without jumping quickly into more advanced programming, this one is a strong fit.