Build Real-World Websites Using HTML5, CSS3, Sass and more
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Build Real-World Websites Using HTML5, CSS3, Sass and more
Included with
Ask Coursera
Recommended experience
Recommended experience
What you'll learn
Identify the key structural elements of a website
Demonstrate how to embed an external video into a website
Construct a simple login form using HTML
Differentiate between various types of CSS positioning
Skills you'll gain
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
There are 4 modules in this course
Updated in May 2025.
This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course takes you from the basics of HTML and CSS to advanced web development techniques, empowering you to build professional and responsive websites. You’ll start with the essentials, creating your first website while learning key concepts like HTML structure, headings, paragraphs, links, images, and forms. Alongside this, you'll master CSS to style your web pages, ensuring they look polished and professional. As the course progresses, you will dive into more sophisticated styling techniques using Flexbox, CSS Grid, and Sass. These tools allow you to create flexible layouts, align content effectively, and handle responsive design challenges. You'll also engage with projects, including creating an Amazon checkout page, a photo gallery, and a mathematics tutorial website, all while applying your newfound Flexbox and Grid skills. By the end of the course, you'll be able to structure, style, and host fully responsive websites. With projects designed to challenge and build your skills, you’ll gain a strong foundation in modern web design principles. Sass will also be introduced to help streamline your CSS workflow, allowing for more efficient and maintainable code. This course is perfect for beginners and intermediate web developers, hobbyists, and anyone interested in creating websites from scratch. No prior experience is required, but basic computer literacy is recommended.
In this module, we will start with the basics of web development, introducing you to HTML. You’ll learn to create your first website and share it with the world through free web hosting. You’ll also explore various HTML elements, from text to multimedia, to enhance your website’s structure.
What's included
22 videos1 reading
22 videos•Total 140 minutes
- Introduction•2 minutes
- Structure of a Website•9 minutes
- Your First Website•6 minutes
- Get Your Free Unlimited Web Hosting•9 minutes
- Share Your Website with the World•7 minutes
- Share Your Website with the World - Cyberduck Version•13 minutes
- Share Your Website with the World - FileZilla Version•16 minutes
- Headings•5 minutes
- Paragraphs•2 minutes
- Links•7 minutes
- Images•4 minutes
- Inline Versus Block Elements•6 minutes
- iframes - Activity: Embed a Nice Relaxing YouTube Video to Your Website•5 minutes
- Unordered Lists•3 minutes
- Ordered Lists•2 minutes
- Description Lists•2 minutes
- Tables•4 minutes
- Entities•5 minutes
- Forms Part 1 - Activity: Create a Simple Login Form•8 minutes
- Forms Part 2 - Activity: Create a Marketplace Checkout Form•20 minutes
- Text Decoration•4 minutes
- Comments•2 minutes
1 reading•Total 10 minutes
- Full Course Resources•10 minutes
In this module, we will dive into CSS, the language responsible for the look and feel of your website. You’ll learn different methods to apply styles, control layouts, and add stunning visual effects. By mastering these concepts, you’ll be able to create visually appealing, responsive web designs.
What's included
28 videos1 assignment
28 videos•Total 129 minutes
- Introduction•1 minute
- Inline CSS•2 minutes
- Internal CSS•2 minutes
- External CSS•2 minutes
- Classes and IDs•3 minutes
- Div and Span•7 minutes
- Box Model•3 minutes
- Box Model Padding•4 minutes
- Box Model: Border•6 minutes
- Box Model: Outline•2 minutes
- Box Model: Margin•2 minutes
- Background•7 minutes
- Floating•4 minutes
- Positioning•6 minutes
- Display•3 minutes
- Text Decoration•5 minutes
- Text Align•2 minutes
- Text Font•4 minutes
- Text Effects•8 minutes
- Image Sprites•5 minutes
- Image Opacity•3 minutes
- Styling Lists•8 minutes
- Styling Links•7 minutes
- Gradients•10 minutes
- 2D Transforms•6 minutes
- 3D Transforms•5 minutes
- Transitions•5 minutes
- Animations•9 minutes
1 assignment•Total 15 minutes
- Assessment 1•15 minutes
In this module, we will put your HTML and CSS skills to the test by building a full-fledged mathematics tutorial website. You’ll design key website sections, such as headers, menus, and footers, while learning how to style each element for a professional look and feel.
What's included
8 videos
8 videos•Total 99 minutes
- Introduction•2 minutes
- Header - Part 1•18 minutes
- Header - Part 2•16 minutes
- Menu•18 minutes
- Introduction Box•7 minutes
- Sidebars - Part 1•20 minutes
- Sidebars - Part 2•8 minutes
- Footer and Congratulations•10 minutes
In this module, we will explore advanced CSS concepts such as Flexbox and Grid to create dynamic, responsive websites. You will also learn to optimize your CSS code using Sass, a powerful preprocessor that enhances code organization and reusability for large-scale projects.
What's included
26 videos3 assignments
26 videos•Total 349 minutes
- Flexbox: Introduction•4 minutes
- Flexbox: Basic Flexbox•16 minutes
- Flexbox: Align Flex Items•16 minutes
- Flexbox: Align Flex Lines•7 minutes
- Flexbox: Resize Flex Items - Part 1•19 minutes
- Flexbox: Resize Flex Items - Part 2•15 minutes
- Flexbox Application: Photo Gallery - Part 1•9 minutes
- Flexbox Application: Photo Gallery - Part 2•12 minutes
- Flexbox Application: Amazon Checkout - Part 1•19 minutes
- Flexbox Application: Amazon Checkout - Part 2•18 minutes
- Flexbox Application: Amazon Checkout - Part 3•11 minutes
- Flexbox Application: Math Website - Part 1•13 minutes
- Flexbox Application: Math Website - Part 2•11 minutes
- Flexbox Application: Math Website - Part 3•13 minutes
- CSS Grid: Introduction and Basic Grid Template•19 minutes
- CSS Grid: Implicit Versus Explicit Grid•8 minutes
- CSS Grid: Grid Areas and Responsive Design•14 minutes
- CSS Grid: Master the "grid-column" Property•8 minutes
- CSS Grid: Grid Coordinates•17 minutes
- CSS Grid: Align Grid Items•13 minutes
- CSS Grid Application: Photo Gallery•9 minutes
- CSS Grid Application: Picture Grid•9 minutes
- Sass: Introduction - Installation - Nesting Syntax•20 minutes
- Sass: .scss Versus .sass - Variables•14 minutes
- Sass: @import and @extend Directives•16 minutes
- Sass: Mixins - Operators - Functions•20 minutes
3 assignments•Total 90 minutes
- Full Course Practice Assessment•15 minutes
- Assessment 2•15 minutes
- Full Course Assessment•60 minutes
Instructor
Explore more from Mobile and Web Development
Course
Category: Credit offered- B
Board Infinity
Course
Status: Free TrialCategory: Credit offered Course
Status: Free TrialCategory: Credit offeredCourse
Status: Free TrialCategory: Credit offered
Why people choose Coursera for their career
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
More questions
Financial aid available,
