MA-WEB1

Intro to Web — HTML and CSS

Structure pages with HTML and style them with CSS — guided sessions on one café website

Sixteen guided sessions build a complete mental model of building websites, all on one small café website (the Harbor Café) you will assemble page by page. Start with how the web works and HTML structure (elements, attributes, the document skeleton), then master text and semantic markup, lists, links and paths, images, tables, forms, and the HTML5 layout elements that name a page's regions. The CSS half begins with rules, selectors, and the cascade, then colour and typography, the box model, styling lists/tables/forms, and layout — flow, positioning, and floats, then flexbox and CSS Grid. Finish with responsive design (viewport, media queries, mobile-first) and a capstone that assembles the full café page with a wireframe-to-code process. Every session is build-by-hand: you write each element, rule, box computation, and layout on paper before checking reveals, with auto-graded quizzes.

1. 1How the web works, and HTML structure~60 min
2. 2Text and semantic markup~60 min
3. 3Lists~55 min
4. 4Links and paths~60 min
5. 5Images~55 min
6. 6Tables~60 min
7. 7Forms~65 min
8. 8Extra markup and HTML5 layout~60 min
9. 9Introducing CSS: rules, selectors, and linking~65 min
10. 10Color and text styling~60 min
11. 11The box model~65 min
12. 12Styling lists, tables, and forms~60 min
13. 13Layout: flow, positioning, and floats~65 min
14. 14Flexbox and CSS Grid~65 min
15. 15Responsive design~55 min
16. 16Process and design: building a page~65 min