Aim C — Development & Testing

Building the website in HTML, CSS and JavaScript, then applying accessibility/SEO standards, publishing, testing and refining it. Feeds PSAB Task 3 (C.P5, C.M5, C.D3). Lessons 15–28.

HTML — Page Structure & Navigation

  • Build HTML page structure using appropriate elements
  • Create navigation: menus, internal and external links, anchors
Lesson ready

HTML — Content: Images, Video, Tables & Forms

  • Add text, images and video to a webpage
  • Add tables of information and forms to a webpage
Lesson ready

CSS — Styling Fundamentals

  • Apply CSS for colour, web typography and text formatting
  • Style links, buttons, tables and forms with CSS
Lesson ready

CSS — Page Layout, Box Model & Responsive Design

  • Apply the CSS box model to control layout
  • Build responsive layouts using CSS media queries and layout tools
Lesson ready

JavaScript — Displaying Images

  • Use JavaScript to build an image slider
  • Use JavaScript to build an image gallery
Lesson ready

JavaScript — Displaying Information & Animation

  • Build accordions, tabs, modal boxes and information filtering with JavaScript
  • Apply hover effects, transitions, an animated logo and motion
Lesson ready

JavaScript — Search, Shopping Cart, Video & Maps

  • Implement a search function and/or shopping cart where applicable
  • Control video and video backgrounds; embed an interactive map where applicable
Lesson ready

Accessibility Features & Standards

  • Apply alternative tags, zoom features and text-to-speech
  • Understand WCAG, W3C standards and HTML5 standards; use semantic HTML
Lesson ready

Search Engine Optimisation & Self-Review

  • Consider SEO within content and site structure
  • Conduct a self-review: quality vs. similar sites, suitability, client requirements, legal/ethical, consistency, readability
Coming soon

Publishing the Website

  • Understand the website publishing process, including hosting and domain set-up
  • Apply legal/ethical compliance and pre-publish quality checks
Coming soon

Testing — Functionality Test Plan

  • Create a test plan covering links, user interactivity and responsiveness
  • Execute the test plan and capture evidence (screenshots / screen recordings)
Lesson ready

Usability Testing & Refinements

  • Conduct a usability / user-testing audit: accessibility, logical navigation, clarity, user experience
  • Make refinements to the website based on testing findings
Coming soon

PSAB Task 3 — Supervised Build Session: Develop, Test & Refine

  • Use the site map, designs and assets to build a website meeting all client requirements
  • Apply website development tools, techniques and processes; carry out testing and make refinements
Coming soon

PSAB Task 3 Completion, Final Submission & Unit Review

  • Finalise, test and submit the completed website and all supporting evidence
  • Review learning across all three learning aims (A, B, C) against the unit's success criteria
Coming soon