Week 1
The web as a publishing medium
Inspect how a page communicates before CSS. Build a one-page reading profile with headings, links and images.
Slides coming laterModules
A 12-week path from page structure to a tested, published multi-page site.
Week 2
HTML and semantic structure
Use landmarks, heading hierarchy, lists, figures and meaningful link text to turn content into a readable document.
Slides coming laterWeek 3
Typography and visual hierarchy
Choose type scale, line length, spacing and contrast to establish what a reader notices first.
Slides coming laterWeek 4
Layout with CSS
Work with normal flow, flexbox and grid. Compare a narrow reading column with a multi-column information layout.
Slides coming laterWeek 5
Colour, image and identity
Create a restrained visual system and prepare images with useful alternative text and appropriate crops.
Slides coming laterWeek 6
Responsive design
Design for a small screen first, then add space and structure for larger screens without hiding essential information.
Slides coming laterWeek 7
Interaction and forms
Build clear navigation and an accessible form. Test focus order, labels, errors and keyboard access.
Slides coming laterWeek 8
Accessibility review
Use a practical audit to check headings, contrast, focus visibility, text alternatives and motion settings.
Slides coming laterWeek 9
Content systems and multi-page sites
Plan information architecture, shared navigation and reusable page patterns for a small site.
Slides coming laterWeek 10
User testing and revision
Observe a classmate completing a task, record what blocked them, then make and justify two revisions.
Slides coming laterWeek 11
Publication and performance
Check assets, metadata, source attribution and loading decisions before publishing a preview.
Slides coming laterWeek 12
Portfolio review
Present the final site, explain the design system and reflect on evidence from testing and revision.
Slides coming later