Web Design Fundamentals – HTML & CSS

This course introduces students to the basics of web design using HTML and CSS. It is designed for beginners to help them understand how websites are structured and styled. Students will learn to create simple, responsive web pages, develop a sense of layout and design, and gain practical skills to build their first websites.


Topics Covered

1. HTML Basics

  • Introduction to HTML
  • HTML Tags & Elements
  • Headings, Paragraphs, and Lists
  • Links, Images, and Multimedia
  • Forms and Input Fields

2. CSS Basics

  • Introduction to CSS
  • Inline, Internal, and External Styles
  • Colors, Fonts, and Text Styling
  • Box Model & Layouts
  • Margins, Padding, and Borders

3. Web Page Structure & Design

  • Structuring a Web Page
  • Creating Navigation Menus
  • Header, Footer, and Sections
  • Responsive Design Basics

4. Practical Projects

  • Building a Personal Webpage
  • Styling with CSS
  • Creating a Simple Portfolio
  • Experimenting with Colors, Fonts, and Layouts

5. Web Best Practices

  • Semantic HTML
  • Cross-Browser Compatibility
  • Accessibility Basics
  • Debugging and Validation