This is an old revision of the document!
Introduction to HTML: Building Web Pages
Course Duration: 20 hours of teacher based training via video conferencing over 2 months.
Course Description: This course is designed for beginners who want to learn the fundamentals of HTML, the building block of web development. You'll start with the basics and gradually progress to creating your own web pages. By the end of this course, you'll have the skills to construct simple websites.
Module 1: Introduction to HTML (1-2 lessons)
- Lesson 1: What is HTML?
- Lesson 2: Setting Up Your Development Environment
- Assignment: Creating Your First HTML Document
Module 2: HTML Elements (2-3 lessons)
- Lesson 3: HTML Document Structure
- Lesson 4: Headings, Paragraphs, and Text Formatting
- Lesson 5: Lists (Ordered and Unordered)
- Assignment: Building a Basic Web Page with Text Content
Module 3: Hyperlinks and Images (2-3 lessons)
- Lesson 6: Creating Hyperlinks
- Lesson 7: Embedding Images
- Lesson 8: Image Alt Text and Best Practices
- Assignment: Adding Links and Images to Your Web Page
Module 4: HTML Forms (2-3 lessons)
- Lesson 9: Introduction to HTML Forms
- Lesson 10: Input Types (Text, Checkbox, Radio, etc.)
- Lesson 11: Submitting Forms
- Assignment: Building a Simple Contact Form
Module 5: HTML Tables (1-2 lessons)
- Lesson 12: Creating Tables
- Lesson 13: Formatting Tables
- Assignment: Designing a Basic Data Table
Module 6: HTML Semantic Elements (2-3 lessons)
- Lesson 14: Introduction to Semantic Elements
- Lesson 15: Headers and Footers
- Lesson 16: Nav, Article, Section, and Aside
- Assignment: Applying Semantic Elements to a Web Page
Module 7: HTML5 Audio and Video (1-2 lessons)
- Lesson 17: Embedding Audio and Video
- Lesson 18: Customizing Audio and Video Controls
- Assignment: Adding Multimedia Elements to Your Web Page
Module 8: HTML Forms and CSS (2-3 lessons)
- Lesson 19: Styling Forms with CSS
- Lesson 20: CSS Selectors and Properties
- Lesson 21: CSS Layout Basics
- Assignment: Styling Your Web Page with CSS
Module 9: HTML Forms and JavaScript (2-3 lessons)
- Lesson 22: Introduction to JavaScript
- Lesson 23: JavaScript Events and Form Validation
- Lesson 24: Enhancing Interactivity
- Assignment: Adding JavaScript Functionality to Your Web Page
Module 10: Final Project (1-2 lessons)
- Lesson 25: Project Guidelines
- Lesson 26: Presenting Your Web Page
- Assignment: Creating a Complete Web Project
Bonus Module: Hosting and Publishing (Optional)
- Lesson 27: Choosing a Web Hosting Provider
- Lesson 28: Publishing Your Website
Course Conclusion and Next Steps
- Recap of What You've Learned
- Further Learning Paths in Web Development