Back To Home Page
🌐 Website Creation with HTML & CSS
Total Duration: 3 Free Classes | Age Group: 10 Years and Above
Goal: Create your first live website.
🌟 Class 1: Introduction to Websites & HTML Basics
Pre-requisite:
Basic computer operation skills (typing, using a mouse)
Activity:
- Explore popular websites and their components
- Introduce basic HTML structure
<html>
<head><title>My First Web Page</title></head>
<body><h1>Hello World!</h1></body>
</html>
Learning Outcome:
- Understand what a website is
- Learn the structure of an HTML page
- View and create their first webpage
Home Task:
Create a webpage with their name, favorite color, and favorite animal using <h1> and <p>.
🎨 Class 2: Formatting with HTML & Introduction to CSS
Pre-requisite:
Completed Class 1 and typed a basic HTML page
Activity:
- Add tags like <img>, <a>, <ul>, <li>
- Introduce inline CSS using style attribute
<h1 style="color: blue;">Welcome!</h1>
<p style="font-size: 18px;">This is my styled webpage.</p>
Learning Outcome:
- Use images, lists, and links in HTML
- Apply simple inline styles
- Understand basic visual customization
Home Task:
Create a "My Hobby" webpage with a heading, paragraph, image, list, and at least one color style.
🧑💻 Class 3: Creating Your First Mini Website
Pre-requisite:
Completed Class 2 and familiar with basic CSS
Activity:
- Guide them to create 3 web pages: Home, About Me, My Favorites
- Link pages together using <a href="...">
- Apply CSS to each page consistently
Learning Outcome:
- Understand internal linking
- Create and organize multi-page websites
- Apply consistent design with CSS
Home Task:
Complete the 3-page mini website and keep it organized in a folder named "MyWebsite".