Module 6

Building Websites

Learn how the websites you use every day are built from scratch. You will explore HTML structure, CSS styling rules, browser rendering processes, web positioning, responsive design, and how to publish your site live on the internet.

Module Overview

Learning Outcomes:

Understand what makes up a website anatomy (Header, Navigation, Content, Footer)
Learn the HTML tag hierarchy and build element trees
Style pages using CSS properties (Colors, Fonts, Margin, Padding)
Learn how browsers parse HTML into a DOM and display a styled page
Build fluid and responsive layouts for mobile, tablet, and desktop viewports
Understand domains, web hosting, and website publishing workflows

Chapters

14 interactive chapters designed for Class 5–7 exploration.

01 Introduction to Websites Diagram

02 Types of Websites Diagram

03 How Browsers Display Websites Diagram

04 Introduction to HTML Diagram

05 HTML Elements and Tags Diagram

06 Creating Headings and Paragraphs Diagram

07 Adding Images and Links Diagram

08 Lists and Tables Diagram

09 Introduction to CSS Diagram

10 Colors, Fonts and Styling Diagram

11 Layout and Positioning Diagram

12 Responsive Web Design Diagram

13 How Websites Go Live Diagram

14 Build Your First Website Diagram

Start Chapter 1: Introduction to Websites

← Back to Explorer Pack

Consica Academy · Explorer Pack · Module 6