Short intro and course overview to what you will be learning

Topics covered:

Setting up a simple development environment

Writing clean and semantic HTML

Structuring content for readability and accessibility

CSS basics: box model, display types, positioning

Styling navigation menus and buttons

Introduction to responsive design (media queries)

Mini-project: personal profile or landing page

Outcome:

Students gain confidence writing HTML and CSS and can build a small responsive page from scratch.

• Cognitive load
• Hick’s Law
• Fitts’s Law
• Gestalt principles
• Visual hierarchy