Website Design

    GATEWAY QUALIFICATIONS LIMITED
    vocational

    This unit covers the uses and features of websites, designing for an audience and purpose, creating a website, and testing/reviewing it. Learners develop practical skills in web design and development.

    4
    Learning Outcomes
    12
    Assessment Guidance
    12
    Key Skills
    4
    Key Terms
    17
    Assessment Criteria

    Assessment criteria

    Gateway Qualifications Level 2 Certificate in Digital and IT Skills
    Gateway Qualifications Level 2 Extended Certificate in Digital and IT Skills
    Gateway Qualifications Level 1 Award in Website Design
    Gateway Qualifications Level 2 Diploma in Digital and IT Skills

    Topic Overview

    The Gateway Qualifications Level 2 Extended Certificate in Digital and IT Skills is a vocationally-related qualification designed to equip students with essential digital literacy and practical IT competencies. This qualification covers a broad range of topics, including using digital devices, creating and editing digital content, online safety, and understanding the fundamentals of computer networks. It is ideal for students who wish to develop hands-on skills for further study or entry-level roles in the digital sector.

    This qualification matters because digital skills are increasingly vital in almost every career path. By completing this certificate, students demonstrate their ability to use common software applications, manage digital information securely, and communicate effectively online. The course also emphasises responsible digital citizenship, preparing learners to navigate the online world safely and ethically.

    Within the wider subject of Computer Science, this qualification provides a practical foundation that complements theoretical concepts. While A-level Computer Science focuses on programming and algorithms, this extended certificate ensures students are confident with everyday digital tools, data management, and cybersecurity basics. It is an excellent stepping stone for apprenticeships, further vocational study, or employment in IT support, administration, or digital media.

    Key Concepts

    Core ideas you must understand for this topic

    • Digital literacy: The ability to use digital devices, applications, and networks to access, manage, and create information effectively and responsibly.
    • Online safety: Understanding risks such as phishing, cyberbullying, and data breaches, and knowing how to protect personal information and devices.
    • Digital content creation: Using software to produce documents, spreadsheets, presentations, images, and multimedia content, including formatting and editing techniques.
    • Data management: Organising, storing, and backing up files; understanding file types, folders, and cloud storage; and applying data protection principles.
    • Networking basics: How devices connect via local area networks (LANs) and the internet, including IP addresses, routers, and wireless connectivity.

    Learning Objectives

    What you need to know and understand

    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.
    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.
    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.
    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.

    Assessment Criteria

    Key criteria assessors look for in your portfolio

    • Identifies appropriate uses and features of websites for different purposes.
    • Designs a website that meets the needs of a specified audience and purpose.
    • Creates a functional website using appropriate tools and techniques.
    • Tests the website and reviews it against requirements, identifying improvements.
    • Identifies different types of websites and their features.
    • Designs a website with clear audience and purpose.
    • Creates a functional website using appropriate tools.
    • Tests website functionality and usability.
    • Reviews and suggests improvements based on testing.
    • Knows different uses and features of websites.
    • Designs a website suitable for the target audience.
    • Creates a website using appropriate tools.
    • Tests and reviews the website for usability and errors.
    • Know the uses and features of websites.
    • Design a website for a specific audience and purpose.
    • Create a website using appropriate tools.
    • Test and review a website for functionality and usability.

    Assessment Guidance

    Guidance for achieving higher grades

    • 💡Plan your site structure with a clear sitemap before building.
    • 💡Ensure all links work and pages load correctly during testing.
    • 💡Use consistent design elements (colours, fonts) for a professional look.
    • 💡Plan site structure with a sitemap before coding.
    • 💡Use wireframes to layout pages.
    • 💡Conduct user testing and document feedback.
    • 💡Plan your site map before building.
    • 💡Use templates to save time.
    • 💡Get feedback from others during testing.
    • 💡Plan site structure with wireframes.
    • 💡Ensure accessibility (e.g., alt text, contrast).
    • 💡Test navigation and links thoroughly.
    • 💡When answering questions about online safety, always give specific examples (e.g., 'using two-factor authentication' rather than just 'be careful'). This shows deeper understanding.
    • 💡For digital content tasks, pay attention to formatting details like font size, colour contrast, and image placement. Marks are often awarded for consistency and accessibility.
    • 💡In networking questions, remember the difference between a router (connects networks) and a switch (connects devices within a network). Use diagrams in your answers to illustrate connections.

    Common Mistakes

    Common errors to avoid in your coursework

    • Designing without considering the target audience's needs.
    • Neglecting to test the website on different browsers or devices.
    • Poor navigation structure making the site hard to use.
    • Ignoring responsive design for mobile devices.
    • Poor navigation structure confusing users.
    • Failing to test on multiple browsers.
    • Poor navigation structure.
    • Inconsistent design elements.
    • Not testing on different browsers or devices.
    • Designing without considering user experience.
    • Using too many features that slow the site.
    • Not testing across different browsers or devices.
    • Misconception: 'If a website looks professional, it must be safe.' Correction: Professional-looking sites can still be phishing scams. Always check the URL for HTTPS and look for trust signals like privacy policies.
    • Misconception: 'Cloud storage means my files are automatically safe forever.' Correction: Cloud storage is convenient but not infallible. You should still back up important files locally and use strong passwords.
    • Misconception: 'Digital content creation is just about typing and clicking.' Correction: Effective content creation requires understanding audience, purpose, and design principles, such as alignment, contrast, and readability.

    Frequently Asked Questions

    Common questions students ask about this topic

    Pass / Merit / Distinction Evidence Checklist

    How your portfolio evidence is graded for GATEWAY QUALIFICATIONS LIMITED Website Design

    Pass (P)

    Demonstrate baseline knowledge, accurate terminology, and core practical application.

    Merit (M)

    Provide detailed analysis, structured explanations, and clear workplace reasoning.

    Distinction (D)

    Deliver thorough evaluation, original problem solving, and fully justified recommendations.

    Before You Start

    Prior knowledge that will help with this topic

    • Basic computer literacy: ability to turn on a computer, use a mouse and keyboard, and open/close applications.
    • Familiarity with common software like Microsoft Word, Excel, and web browsers at a beginner level.
    • Understanding of internet basics: what a web browser is, how to search online, and what a URL is.

    Coursework AI Review

    Self-check your coursework evidence against P/M/D criteria

    Key Terminology

    Essential terms to know

    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.
    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.
    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.
    • 1. Know the uses and features of websites. 2. Be able to design a website for an audience and purpose. 3. Be able to create a website. 4. Be able to test and review a website.

    Ready to learn?

    AI-powered learning tailored to this unit