Web Development (Year 9)

About Course

The Web Development course in Year 9 introduces pupils to the principles and practices of creating functional, well-designed websites using modern web technologies. Pupils learn how websites are structured, styled, and made interactive while developing problem-solving, creativity, and digital literacy skills. The course emphasises best practices in design, accessibility, and online safety, providing a strong foundation for further study in computing, coding, and digital careers.
Key Content Areas
Web Foundations
How the web works: servers, browsers, and URLs
Website structure and planning
Introduction to user experience (UX) and accessibility principles
HTML (Structure)
HTML page structure
Headings, paragraphs, lists, images, and links
Semantic HTML elements
Creating multi-page websites
CSS (Styling)
Styling text, colours, and backgrounds
Layout techniques (box model, basic positioning, flexbox introduction)
Responsive design basics
Consistent visual branding
Introduction to Interactivity
Basic JavaScript concepts (variables, events, simple functions)
Enhancing user interaction
Debugging simple scripts

Course Content

AUTUMN TERM
Focus: HTML, CSS, Web Design Principles and Safe Web Practices

WEEK 1: Introduction to Web Development
WEEK 2: How the Internet & Websites Work
WEEK 3: Introduction to HTML
WEEK 4: HTML Text, Links & Images
WEEK 5: Lists, Tables & Page Organisation
WEEK 6: Introduction to CSS (Styling Webpages)
WEEK 7: Layout, Design & User Experience (UX)
WEEK 8: Online Safety & Legal Issues
WEEK 9: Planning a Website (Mini Project Prep)
WEEK 10: Mini Website Project & Assessment

SPRING TERM
Focus: Advanced CSS, Layout Systems and Responsive Design

WEEK 1: Revisiting HTML & CSS Foundations
WEEK 2: CSS Selectors (Targeting Elements Properly)
WEEK 3: CSS Box Model (VERY IMPORTANT)
WEEK 4: Layout with CSS (Display & Positioning)
WEEK 5: Flexbox (Modern Layout System)
WEEK 6: Responsive Design (What & Why)
WEEK 7: Media Queries (Making Sites Responsive)
WEEK 8: Images, Fonts & Responsive Media
WEEK 9: Website Redesign Project (Planning & Build)
WEEK 10: Project Completion & Assessment

SUMMER TERM
Focus: JavaScript Basics and Interactivity

WEEK 1: Introduction to JavaScript
WEEK 2: Adding JavaScript to a Webpage
WEEK 3: Variables & Data Types
WEEK 4: User Input & Output
WEEK 5: Decision Making (If Statements)
WEEK 6: JavaScript Events (Interactivity Begins)
WEEK 7: DOM (Document Object Model)
WEEK 8: Styling with JavaScript
WEEK 9: Mini Interactive Project
WEEK 10: Presentation, Assessment & Reflection

Student Ratings & Reviews

No Review Yet