Course description

Want to build your own website, understand the pages you edit at work, or take your first step into coding? This course teaches you HTML and CSS from scratch, step by step, until you've built a complete, responsive, accessible website and published it online for free.

It's a full course, not a quick tutorial. There are 10 sections and 55 step-by-step written lessons with real code you type yourself, and every lesson ends with a practical task. Every section has a practice pack with start and finished versions of the code, so you can always check your work. You build a four-page website for a small bike repair shop, then make and publish a portfolio page of your own.

What you'll learn

• HTML: headings, paragraphs, lists, links, images, tables and the page structure that browsers and search engines expect.
• Multi-page sites: folders, file paths, navigation and a shared header and footer.
• CSS: selectors, colours, fonts, units and how the cascade decides which rule wins.
• Layout: the box model, spacing, Flexbox and CSS Grid.
• Responsive design: mobile-first pages that work on phones, tablets and laptops.
• Forms and accessibility: a contact form with proper labels, keyboard-friendly pages and good contrast.
• Polish: hover effects, CSS variables, faster images, favicons and debugging with developer tools.
• Publishing: hosting, domains, free publishing options, search basics and UK privacy basics.

Two final projects

You'll finish and review the bike shop website using a professional checklist, then build and publish your own portfolio page from a starter template.

Who this course is for

• Complete beginners who have never written code.
• Small business owners who want to understand or build their own site.
• Office, admin and marketing staff who edit web pages or emails.
• Anyone thinking about a career in web development who wants a solid start.

How the course works

Read each lesson, type the code yourself, then do the Try it task. All you need is a Windows or Mac computer, a web browser and Visual Studio Code, which is free. No paid software or hosting is needed. You keep lifetime access, so you can come back whenever you build your next site.

What will i learn?

• Write clean, valid HTML with headings, lists, links, images and tables
• Structure a multi-page website with semantic HTML and shared navigation
• Style pages with CSS selectors, colours, fonts and units
• Understand the box model and build layouts with Flexbox and CSS Grid
• Make pages responsive with mobile-first media queries and flexible images
• Build an accessible contact form and check your site for accessibility
• Polish a site with hover effects, CSS variables, faster images and a favicon
• Publish a website for free and understand hosting, domains and search basics

Frequently asked question