Website Software — City and Guilds of London Institute QCF Digital Skills & IT Revision

    This element covers the practical skills required to build and publish a basic website using industry-standard software. Learners will create structured HT

    Topic Synopsis

    This element covers the practical skills required to build and publish a basic website using industry-standard software. Learners will create structured HTML documents, apply CSS for styling, integrate multimedia content, and use web authoring tools to manage site assets. The goal is to produce a functional, accessible website that is published and live on the internet, demonstrating competence in front-end web development fundamentals.

    Key Concepts & Core Principles

    Exam Tips & Revision Strategies

    Common Misconceptions & Mistakes to Avoid

    Examiner Marking Points

    Website Software

    CITY AND GUILDS OF LONDON INSTITUTE
    vocational

    This element covers the practical skills required to build and publish a basic website using industry-standard software. Learners will create structured HTML documents, apply CSS for styling, integrate multimedia content, and use web authoring tools to manage site assets. The goal is to produce a functional, accessible website that is published and live on the internet, demonstrating competence in front-end web development fundamentals.

    2
    Learning Outcomes
    8
    Assessment Guidance
    8
    Key Skills
    2
    Key Terms
    8
    Assessment Criteria

    Assessment criteria

    City & Guilds Level 2 Certificate For Software Developers (QCF)
    City & Guilds Level 2 Certificate for IT Users (QCF)

    Topic Overview

    The City & Guilds Level 2 Certificate for Software Developers (QCF) is a vocational qualification designed to equip you with the foundational skills needed to start a career in software development. This qualification covers essential programming concepts, software design principles, and practical coding techniques using languages like Python, Java, or C#. You'll learn how to write clean, efficient code, debug errors, and create simple applications that solve real-world problems. The course is structured around hands-on projects, ensuring you gain practical experience alongside theoretical knowledge.

    This qualification matters because it directly aligns with industry needs. Employers value candidates who can demonstrate competence in programming logic, problem-solving, and software development methodologies. By completing this certificate, you'll build a strong portfolio of work that showcases your ability to design, code, test, and document software. It also serves as a stepping stone to higher-level qualifications, such as the Level 3 Diploma in Software Development, or apprenticeships in the tech sector.

    Within the wider subject of Digital Skills & IT, this certificate focuses specifically on the 'software development' pathway. It complements other IT qualifications by providing a deep dive into coding and software engineering, rather than just general digital literacy. You'll learn how software is built from scratch, from understanding user requirements to deploying a finished product. This practical focus makes it ideal for students who enjoy logical thinking, creativity, and building things with technology.

    Key Concepts

    Core ideas you must understand for this topic

    • →Programming constructs: sequence, selection (if-else), and iteration (loops) – the building blocks of any program.
    • →Data types and structures: understanding integers, strings, arrays/lists, and how to manipulate them.
    • →Debugging techniques: using breakpoints, print statements, and error messages to identify and fix code issues.
    • →Software development lifecycle: stages from requirements gathering to design, coding, testing, and maintenance.
    • →Version control basics: using tools like Git to track changes and collaborate on code.

    Learning Objectives

    What you need to know and understand

    • Create structures and styles for websites, Use website software tools to prepare content for websites, Publish websites
    • Create structures and styles and use them to produce websites, Select and use website software tools and features to develop multiple page websites with multimedia and interactive features, Publish and test multiple page websites with multimedia and interactive features

    Assessment Criteria

    Key criteria assessors look for in your portfolio

    • Award credit for demonstrating correct use of HTML5 structural elements (header, nav, main, footer) to create a logical document outline.
    • Award credit for applying CSS to control layout, typography, and colour, including the use of external stylesheets and consistent styling across multiple pages.
    • Award credit for using web-authoring software to prepare and optimise images, multimedia, and other assets before insertion into web pages.
    • Award credit for publishing a complete website to a web server using appropriate file transfer methods, ensuring all links and resources function correctly in a live environment.
    • Award credit for demonstrating the ability to create a clear site structure (e.g., using a site map or folder hierarchy) and apply consistent CSS styling across all pages.
    • Expect evidence of using website software tools to insert and optimise multimedia elements, such as images, audio, or video, with correct file paths and appropriate formats.
    • Look for the implementation of interactive features like functional navigation links, forms, or JavaScript widgets, with a clear explanation of their purpose.
    • Evidence of testing the website on multiple browsers/devices, documenting errors found and fixes applied, and successfully publishing to a live server with all links working.

    Assessment Guidance

    Guidance for achieving higher grades

    • 💡Use semantic HTML5 tags to structure your content, as this demonstrates an understanding of web standards and improves accessibility marks.
    • 💡Validate your HTML and CSS code using online tools (e.g., W3C validators) and include screenshots of the results in your evidence portfolio.
    • 💡Before submitting, test all internal and external hyperlinks, and ensure downloadable files (if any) are accessible and not blocked by the server.
    • 💡Document your publishing process with clear screenshots, including the FTP client settings and the live website URL, to provide full evidence for the assessor.
    • 💡Always start with a wireframe or site map to plan the structure; include this in your evidence to show planning skills.
    • 💡Use an external CSS file linked to all pages for consistency and easier maintenance; annotate your code to explain key styling choices.
    • 💡Before publishing, validate your HTML and CSS using online tools and document the results as evidence of quality assurance.
    • 💡Record a screen capture or use a testing log to demonstrate cross-browser and device testing, highlighting any adjustments made.
    • 💡Always read the question carefully and identify what is being asked. Many students lose marks by misinterpreting the requirements or missing key details like input/output formats.
    • 💡Show your working: in coding tasks, include comments to explain your logic. Even if your code isn't perfect, partial marks are awarded for correct reasoning and structure.
    • 💡Test your code thoroughly before submitting. Use a range of test cases, including normal, boundary, and invalid inputs, to demonstrate that your solution is robust.

    Common Mistakes

    Common errors to avoid in your coursework

    • Forgetting to include a valid DOCTYPE declaration, causing browsers to render pages in quirks mode with inconsistent results.
    • Using absolute file paths (e.g., C:\Users\...) instead of relative paths when linking to stylesheets, images, or other pages, breaking the site when moved or published.
    • Overlooking image optimisation, resulting in slow-loading pages due to uncompressed high-resolution images.
    • Neglecting to test the published website in multiple browsers or on different devices, missing layout or functionality issues.
    • Failing to maintain consistent styling across pages, leading to a disjointed look.
    • Using absolute file paths instead of relative paths, causing broken links or missing media when published.
    • Overlooking accessibility features, such as missing alt text for images or poor colour contrast.
    • Not testing the website thoroughly before submission, leaving broken links or unresponsive design issues.
    • Misconception: 'Programming is just about writing code.' Correction: While coding is central, software development also involves planning, testing, documentation, and communication. A good developer spends time understanding the problem before writing a single line.
    • Misconception: 'If the code runs, it's correct.' Correction: Running without errors doesn't mean the program works correctly. You must test with different inputs and edge cases to ensure the output is as expected.
    • Misconception: 'You need to be a maths genius to code.' Correction: Basic logic and problem-solving skills are more important than advanced maths. Most programming tasks involve simple arithmetic and logical reasoning.

    Frequently Asked Questions

    Common questions students ask about this topic

    Before You Start

    Prior knowledge that will help with this topic

    • •Basic digital literacy: ability to use a computer, manage files, and navigate an operating system.
    • •Fundamental maths skills: understanding of arithmetic, comparisons, and simple algebra (e.g., variables).
    • •Logical thinking: ability to break down problems into step-by-step instructions.

    Key Terminology

    Essential terms to know

    • Create structures and styles for websites, Use website software tools to prepare content for websites, Publish websites
    • Create structures and styles and use them to produce websites, Select and use website software tools and features to develop multiple page websites with multimedia and interactive features, Publish and test multiple page websites with multimedia and interactive features

    Ready to learn?

    AI-powered learning tailored to this unit

    Related Topics in CITY AND GUILDS OF LONDON INSTITUTE vocational Digital Skills & IT

    Business Concepts 2

    View Topic

    Creating a procedural computer program

    View Topic

    Creating an event driven computer program

    View Topic

    Creating an object oriented computer program

    View Topic