Curriculum Portal

Select a course.

arrow_back

Web Development

infoWhy this? Working from a client brief develops the complete process of planning and producing a purposeful multi-page website for a defined audience. Analysis, wireframing, consistent templates, HTML, CSS, multimedia, navigation, and lawful asset use help us create coherent, accessible, and usable outcomes.

scheduleWhy now? Earlier web foundations introduced semantic HTML, CSS, navigation, accessibility, and testing; we now apply and extend them through a sustained design-and-development process. This secures the webpage structures and styling knowledge needed before JavaScript adds programmable behaviour.

neurologyYou need to know

  • A website is made up of different parts and features, such as headers, navigation menus, content areas, footers, images, and links, each serving a specific purpose for usability and communication.
  • A client brief is a document that explains the client's requirements, including the purpose of the website, the target audience, design preferences, content needs, and any constraints.
  • A mind map is used during planning to organise ideas, structure content, and explore different features and pages before development begins.
  • A wireframe diagram is a simple visual layout of a webpage that shows where elements like text, images, buttons, and navigation will be placed.
  • Wireframe diagrams are created to plan the structure of a website, test layout ideas, and ensure usability before coding or adding content.
  • A master page is a template that contains common elements, such as headers, navigation bars, and footers, that appear consistently across multiple pages of a website.
  • HTML stands for HyperText Markup Language and is the standard markup language used to define the content and structure of webpages.
  • CSS stands for Cascading Style Sheets and controls the presentation and layout of webpages.
  • JavaScript adds programmable behaviour and interactivity to webpages.
  • Adding videos to a website can increase user engagement, explain information more effectively, and make content more interactive and appealing.
  • Multimedia refers to the use of multiple forms of media, such as text, images, audio, video, and animation, to communicate information on a website.
  • Images found on the internet cannot always be used on professional websites because they may be protected by copyright laws, meaning permission or a licence is required.
  • A web form is an interactive element that allows users to enter and submit information, such as contact details, feedback, or survey responses.

rocket_launchYou must be able to

  • Review and analyse existing websites by identifying their key features, layout, and effectiveness for the intended audience.
  • Identify at least two categories that can be used to describe a target audience, such as age, interests, gender, or purpose.
  • Identify and describe the key assets that are likely to appear on every page of a website, including navigation menus, logos, headers, and footers.
  • Explain why creating a master page is important when developing a website with multiple pages.
  • Explain how wireframes support the design process by planning layout, structure, and user experience before development.
  • Justify the use of wireframes in web design by explaining how they save time, reduce errors, and improve usability.
  • Explain why a consistent design is important for user experience, accessibility, and branding across a website.
  • Explain the purpose of a client brief and how it influences design decisions when creating a website for a client.
  • Build and link a multi-page website using HTML.
  • Structure webpage content using appropriate HTML elements, including headings, paragraphs, images, and links.
  • Apply CSS to control the presentation and layout of a multi-page website.
  • Insert permitted images, audio, or video into webpages so that the media displays correctly.
  • Create a functional navigation system that allows users to move between all pages of a website.
  • Distinguish between the roles of HTML, CSS, and JavaScript by identifying that HTML defines content and structure, CSS controls presentation and layout, and JavaScript adds programmable behaviour and interactivity.


Revision Quiz

trophy Congratulations! You have completed the quiz.