← Course catalogue
WEB-101Foundation

Web development

HTML & CSS Responsive Web Design

Build accessible, mobile-first websites that remain useful on low-cost phones and slow connections.

Next delivery

5 October 2026 – 30 October 2026

Teaching days
Monday–Thursday
Time
09:30–12:30
Mode
Hybrid / Remote
Enrolment
Open for enrolment
Sign in to enrol

What you will be able to do

Clear outcomes. Practical evidence.

  • Write semantic HTML
  • Create responsive CSS layouts
  • Apply accessibility fundamentals
  • Publish a lightweight website

Course structure

Modules and lessons

01

Web foundations and semantic HTML

Build valid page structure with meaningful headings, landmarks and links.

  1. Web foundations and semantic HTML60 min
02

Content, media, tables and forms

Create accessible content, images, tables and labelled forms.

  1. Content, media, tables and forms60 min
03

CSS foundations and the box model

Apply selectors, cascade, spacing, typography, colour and reusable classes.

  1. CSS foundations and the box model60 min
04

Display, positioning and Flexbox

Construct dependable one-dimensional layouts without brittle positioning.

  1. Display, positioning and Flexbox60 min
05

CSS Grid and component layouts

Build responsive page and card grids using intrinsic sizing.

  1. CSS Grid and component layouts60 min
06

Mobile-first responsive design

Use fluid units, media queries and responsive media for common devices.

  1. Mobile-first responsive design60 min
07

Accessibility, quality and publishing

Audit keyboard use, contrast, performance, validation and Git-based publishing.

  1. Accessibility, quality and publishing60 min
08

Capstone responsive website

Deliver an accessible website for a fictional Sierra Leone organisation.

  1. Capstone responsive website60 min

Access and progression

Know what the course requires.

The required capability matters; the learner does not have to personally own every device.

Who it is for

Aspiring developers, technical learners, career changers and practitioners seeking applied computing skills.

Hardware access

Personal 64-bit computer with 4 GB RAM and 20 GB free, or use the required device and software at a readiness-approved THNF centre.

Software and practical access

Course software is available through the text-first pack, an approved offline installer or a readiness-approved THNF centre.

Possible progression

Junior development, data, web, application-support or technical-project progression appropriate to the completed portfolio.

Progression is not a guarantee of employment or external certification.

Sierra Leone context

Mobile-first, low-data solutions for Sierra Leonean schools, traders, transport, agriculture, NGOs and SMEs using synthetic local names, districts and NLe values.

Skills in context

Career directions and next steps

These are realistic directions that the skills can support—not promises of employment, job titles or external certification.

  • Junior front-end developer
  • Web-content assistant
  • Freelance website builder
Possible progression pathways

Beginner to intermediate web developer