Web Design Starter
Build and style your own web pages with real HTML and CSS.
A friendly first step into web design. Students learn how websites work, structure pages with HTML, style them with CSS, lay them out with flexbox, and finish by building their own multi-section website about a hobby they love.
Ask about this course
About this course
In Web Design Starter, students write real HTML and CSS from the very first lesson, inside a Web project in My Projects with a live preview that updates as they type. Lesson by lesson they learn how the browser turns code into a page, how to organise content with headings, lists, links, images and meaningful page sections, and how to style it with colours, fonts, classes and the box model. They then learn simple layout with flexbox, build cards, and make pages that look good on phones and laptops. Good habits are built in from the start: clear alt text for images, readable colour contrast, semantic tags and meaningful class names. The course finishes with a personal project — an "All about my hobby" website that the student plans, builds, reviews and polishes with their instructor.
What your child will learn
- Explain what HTML, CSS and JavaScript each do on a web page
- Structure a page with headings, paragraphs, lists, links, images and simple tables
- Use semantic sections (header, main, section, footer) to organise content
- Style pages with CSS selectors, classes, colours, fonts and the box model
- Lay out content in rows and columns with flexbox and build simple cards
- Make a page that adapts to small screens using max-width and a media query
- Write helpful alt text and choose readable colour contrast
- Plan, build and polish a complete multi-section website
Course structure
- 1
How websites work
Discover what happens when you open a website, meet HTML, CSS and JavaScript, and write your first tags, headings and paragraphs.
3 lessons
- 2
Structure and content
Add lists, links and images with good alt text, organise pages into meaningful sections, present information in tables, and build your first full web page.
4 lessons
- 3
Styling with CSS
Learn how CSS rules and selectors work, choose colours with good contrast, style text with fonts, use classes, and master the box model.
3 lessons
- 4
Layout and design
Arrange content in rows and columns with flexbox, build card layouts, make pages work on small screens, and apply design tips for spacing, consistency and accessibility.
3 lessons
- 5
Final website
Plan, build, review and polish an "All about my hobby" website that brings together everything from the course.
2 lessons
Example projects
My first web page
A personal page with headings, a list of favourite things, a link, an image with good alt text and simple styling.
Hobby fact cards
A row of styled cards built with flexbox, each showing a picture and a fun fact.
All about my hobby
A multi-section website with a header, navigation links, sections, a table, cards and a footer that works on phones and laptops.