Back to Courses
HTML & CSS Fundamentals

HTML & CSS Fundamentals

C
CelestineSoftware Engineer

Master HTML and CSS from scratch. Build professional websites using industry-standard tools and clean, semantic code. Perfect for absolute beginners starting their web development journey.

Web Development Intensive

3h 56m
Beginner Level
5 Modules

Curriculum Outcomes

Understand the secret language that builds everything on the web.

Transform from a website visitor into a professional creator.

Build the structural code for a complete personal website from scratch.

Gain total confidence using real-world developer tools like VS Code.

Master the habit of thinking like a programmer to solve problems.

Modules

Step-by-step mastery
1

Introduction to the Web

Pull back the curtain on how the internet functions. You will learn the difference between clients and servers, set up your professional coding environment, and build your very first web page from scratch. This module concludes with you designing and launching your own personal "Hype Page" project using real HTML.

1.1
How the Internet Works
5m
1.2
What Are HTML & CSS?
11m
1.3
Setting Up Your Development Environment
12m
1.4
Your First Web Page
12m
1.5
[PROJECT] Your Personal "Hype" Page
20m
1.6
[WALKTHROUGH] Step-by-Step "Hype" Page
10m
2

HTML Structure & Semantics

Learn how to build the intelligent "Skeleton" of a professional website. In this module, you will move beyond basic tags to master the art of semantic HTML5. You will learn how to structure deep content using lists, tables, and interactive forms, while ensuring your pages are accessible to everyone and optimized for search engines.

2.1
Headings, Paragraphs & Text Formatting
10m
2.2
Links, Images & Media
5m
2.3
Lists, Tables & Forms
5m
2.4
Semantic HTML5 Elements
5m
2.5
Accessibility Basics
6m
2.6
[PROJECT] Your Professional Digital Resume
12m
2.7
[WALKTHROUGH] Step-by-Step: Your Professional Digital Resume
10m
3

CSS Styling Essentials

Take your websites from plain text to vibrant digital experiences. In this module, you will master the art of styling using CSS. You will learn how to paint the web with colors, control typography like a designer, and master the fundamental "Box Model" that powers every layout on the internet. Turn your code into a visual masterpiece.

3.1
Selectors, Properties & Values
7m
3.2
The Box Model
6m
3.3
Colors, Backgrounds & Gradients
7m
3.4
Typography & Google Fonts
6m
3.5
CSS Units - px, em, rem, %, vh/vw
8m
3.6
[PROJECT] Styling Your Personal Branding Page
11m
3.7
[WALKTHROUGH] Step-by-Step: Styling Your Personal Branding Page
10m
4

Layout Techniques

Move beyond simple stacks and learn how to control your website's layout like a pro. In this module, you will master the "Display" property, learn the secrets of "Positioning," and take a deep dive into Flexbox—the industry standard for building modern, responsive designs. Discover how to create side-by-side columns, navigation bars, and flexible grids that work on any device.

4.1
Display, Position & Float
9m
4.2
Flexbox Deep Dive
9m
4.3
CSS Grid Deep Dive
10m
4.4
Building a Complete Page Layout
12m
4.5
[PROJECT] The Master Dashboard Layout
4.6
[WALKTHROUGH] Step-by-Step: The Master Dashboard Layout
20m
5

Project - Build a Portfolio Page

This is your moment to shine. In this final capstone module, you will bring together everything you have learned in this course to build a professional, multi-section Personal Portfolio. From planning your design to deploying it live on the web, you will create a real-world asset that showcases your skills to the world. It is time to go from student to creator.

5.1
Planning the Layout
10m
5.2
Building the Structure
7m
5.3
Styling & Polish
17m
5.4
Deploying to the Web
10m