Web development
CITY & GUILDS LIMITED
Vocational
This topic covers web architecture, technologies, and the process of developing a website from specification to implementation. Learners must understand client-server models, markup languages, and web standards.
24
Learning Outcomes
28
Assessment Guidance
27
Key Skills
20
Key Terms
36
Assessment Criteria
Assessment criteria
City & Guilds Level 3 Diploma in ICT Systems and Principles for IT Professionals
City & Guilds Level 2 Award in ICT Systems and Principles
City & Guilds Level 2 Diploma in ICT Systems Support
City & Guilds Level 2 Certificate in ICT Systems Support
City & Guilds Level 3 Certificate in ICT Systems and Principles
City & Guilds Level 3 Diploma in ICT Systems Support
City & Guilds Level 2 Diploma in ICT Systems and Principles for IT Professionals
Topic Overview
The City & Guilds Level 3 Diploma in ICT Systems Support is a vocational qualification designed to equip students with the practical skills and theoretical knowledge needed to support and maintain ICT systems in a professional environment. This diploma covers a broad range of topics including hardware installation, software configuration, network management, security protocols, and troubleshooting methodologies. It is ideal for those aspiring to roles such as IT support technician, network administrator, or helpdesk analyst, providing a solid foundation for entry-level positions or further study in computing.
Throughout the course, students engage with real-world scenarios and hands-on tasks that mirror the challenges faced in the ICT industry. Key areas of study include understanding system architecture, implementing cybersecurity measures, managing operating systems, and providing user support. The qualification emphasizes problem-solving, communication, and technical proficiency, ensuring learners can diagnose and resolve issues efficiently. By the end of the diploma, students will be able to configure and maintain ICT systems, apply health and safety regulations, and work effectively as part of a technical team.
This diploma is part of the wider City & Guilds suite of vocational qualifications, recognized by employers across the UK. It bridges the gap between academic study and practical application, making it highly relevant for students who prefer a hands-on approach to learning. The skills gained are transferable across various sectors, from education to corporate IT, and provide a pathway to advanced certifications such as CompTIA A+ or Microsoft Certified: Modern Desktop Administrator Associate.
Key Concepts
Core ideas you must understand for this topic
- →System Architecture: Understanding the components of a computer system, including CPU, memory, storage, and peripherals, and how they interact to process data.
- →Network Fundamentals: Knowledge of network topologies, protocols (e.g., TCP/IP, DNS), and devices (routers, switches) to enable communication and resource sharing.
- →Security Principles: Implementing measures such as firewalls, encryption, and access controls to protect systems from threats like malware and unauthorized access.
- →Troubleshooting Methodology: A systematic approach to identifying, diagnosing, and resolving hardware and software issues, including documentation and escalation procedures.
- →Operating System Management: Installing, configuring, and maintaining operating systems (Windows, Linux) including user accounts, file systems, and system updates.
Learning Objectives
What you need to know and understand
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Describe the components of web architecture, including clients, servers, and protocols.
- Explain the purpose and function of key web technologies such as HTML, CSS, and JavaScript.
- Develop a detailed website specification based on client requirements.
- Implement HTML elements to structure web content.
- Apply CSS to style web pages and enhance user experience.
- Incorporate basic JavaScript to add interactivity to web pages.
- Test and debug web pages to ensure functionality and usability.
- Describe the components of web architecture and their functions.
- Explain the roles of different web technologies in website operation.
- Develop a detailed website specification based on client requirements.
- Implement web pages using HTML and CSS.
- Apply scripting to enhance website interactivity.
- Test and debug website functionality.
- Evaluate website performance against specification.
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Describe the components of web architecture, including clients, servers, and protocols.
- Explain the functions of web browsers and web servers in delivering web content.
- Compare different web technologies used to build and operate websites.
- Develop a detailed specification for a website based on a client brief.
- Implement a multi-page website using HTML and CSS.
- Test a website for functionality and usability against the specification.
Assessment Criteria
Key criteria assessors look for in your portfolio
- Describe web architecture and the role of components.
- Explain technologies used to build and operate a website.
- Develop a detailed website specification.
- Implement website elements using HTML, CSS, and JavaScript.
- Understand web architecture including client-server model and HTTP protocol.
- Identify key web technologies such as HTML, CSS, JavaScript, and server-side languages.
- Develop a clear website specification covering purpose, audience, and functionality.
- Implement basic website elements like navigation, forms, and multimedia.
- Award credit for accurately identifying the roles of web servers, browsers, and protocols like HTTP/HTTPS.
- Award credit for explaining how HTML, CSS, and JavaScript contribute to the structure, presentation, and behavior of a website.
- Award credit for producing a specification that includes clear objectives, target audience, content outline, and technical requirements.
- Award credit for creating HTML code that uses semantic tags and proper document structure.
- Award credit for applying CSS rules that demonstrate understanding of selectors, properties, and responsive design.
- Award credit for implementing JavaScript functions that respond to user events and manipulate the DOM.
- Award credit for conducting systematic testing and documenting fixes for identified issues.
- Award credit for correctly identifying and explaining the roles of web servers, browsers, and protocols.
- Award credit for demonstrating understanding of client-side vs server-side technologies.
- Award credit for producing a specification that includes clear objectives, target audience, and functional requirements.
- Award credit for implementing web pages with valid HTML and CSS that match the specification.
- Award credit for incorporating interactive elements using JavaScript or similar.
- Award credit for conducting systematic testing and documenting fixes.
- Award credit for evaluating the final website against the original specification.
- Describe web architecture including client-server model and protocols.
- Explain the roles of HTML, CSS, and JavaScript in web development.
- Develop a website specification including purpose, audience, and functionality.
- Implement a web page using HTML and CSS with responsive design.
- Understand web architecture and components.
- Identify technologies for website development.
- Develop a website specification.
- Implement elements of a website.
- Award credit for accurately identifying the roles of web clients and servers in a client-server model.
- Award credit for explaining the purpose of HTTP/HTTPS and how they facilitate data transfer.
- Award credit for comparing at least two web technologies, such as HTML/CSS vs. a CMS.
- Award credit for producing a specification that includes clear objectives, target audience, and technical requirements.
- Award credit for implementing a website that includes multiple linked pages, consistent styling, and appropriate content.
- Award credit for conducting tests that check links, navigation, and responsiveness, and for documenting results.
Assessment Guidance
Guidance for achieving higher grades
- 💡Use semantic HTML for better accessibility.
- 💡Validate your code using W3C tools.
- 💡Plan your site structure before coding.
- 💡Use diagrams to explain web architecture clearly.
- 💡Provide specific examples of technologies used in web development.
- 💡Ensure your specification includes measurable success criteria.
- 💡Practice creating website specifications from given scenarios, ensuring all requirements are addressed.
- 💡Build a portfolio of small web projects that demonstrate your ability to use HTML, CSS, and JavaScript.
- 💡Learn to read and interpret web architecture diagrams and explain the flow of data.
- 💡Familiarize yourself with common web development tools and browsers' developer tools for testing.
- 💡When implementing, focus on clean, well-commented code that follows web standards.
- 💡Review the assessment criteria and ensure your work provides clear evidence for each.
- 💡Use real-world examples to illustrate web architecture concepts.
- 💡Practice creating specifications from given scenarios.
- 💡Ensure your code is well-commented and follows best practices.
- 💡Test your website thoroughly and keep a log of issues and resolutions.
- 💡Review the assessment criteria to ensure you meet all requirements.
- 💡Learn the basic structure of an HTML document and CSS selectors.
- 💡Practice creating a simple multi-page website with navigation.
- 💡Understand the importance of user experience and testing.
- 💡Familiarise yourself with current web standards.
- 💡Always test website elements across browsers.
- 💡Document the specification clearly.
- 💡Use diagrams to illustrate the client-server model and data flow.
- 💡When comparing technologies, consider factors like ease of use, flexibility, and cost.
- 💡In the specification, be specific about the site's purpose, audience, and success criteria.
- 💡During implementation, comment your code and keep it organized for easier testing and maintenance.
- 💡Document all testing steps and outcomes to provide evidence for assessment.
- 💡When answering questions about troubleshooting, always outline a clear step-by-step process: identify the problem, establish a theory of probable cause, test the theory, implement a solution, verify functionality, and document findings. This structured approach demonstrates methodical thinking.
- 💡For network-related questions, be precise with terminology. For example, distinguish between a hub, switch, and router, and explain their OSI model layers. Use diagrams where appropriate to illustrate data flow.
- 💡In security questions, emphasize the principle of least privilege and defense in depth. Mention specific tools like Group Policy for access control or Wireshark for network analysis to show practical knowledge.
Common Mistakes
Common errors to avoid in your coursework
- Ignoring responsive design principles.
- Poor code structure and lack of comments.
- Failing to test across different browsers.
- Confusing client-side and server-side technologies.
- Omitting accessibility considerations in website design.
- Failing to test website across different browsers and devices.
- Confusing the roles of client-side and server-side technologies.
- Neglecting to consider accessibility and responsive design when building web pages.
- Writing a specification that is too vague or lacks measurable success criteria.
- Using inline styles instead of external CSS, leading to maintenance issues.
- Failing to validate HTML and CSS, resulting in cross-browser compatibility problems.
- Overcomplicating JavaScript without understanding basic syntax and logic.
- Confusing client-side and server-side technologies.
- Neglecting to consider user experience and accessibility in the specification.
- Writing HTML/CSS that is not validated or contains errors.
- Failing to test the website across different browsers or devices.
- Not documenting the development process or changes made.
- Confusing front-end and back-end technologies.
- Creating specifications that are too vague or incomplete.
- Neglecting accessibility and cross-browser compatibility.
- Confusing front-end and back-end technologies.
- Skipping the specification stage.
- Neglecting responsive design principles.
- Confusing the roles of the client and server in web communication.
- Assuming HTML is a programming language rather than a markup language.
- Neglecting to test the website on different browsers or devices.
- Failing to align the website specification with the client's requirements.
- Misconception: ICT support is just about fixing broken computers. Correction: It also involves proactive maintenance, network administration, security management, and user training to prevent issues.
- Misconception: All problems can be solved by restarting the device. Correction: While restarting can resolve temporary glitches, many issues require deeper analysis, such as checking logs, updating drivers, or reconfiguring settings.
- Misconception: Security is only the IT department's responsibility. Correction: End users play a crucial role in security through practices like strong passwords, recognizing phishing attempts, and reporting suspicious activity.
Frequently Asked Questions
Common questions students ask about this topic
Pass / Merit / Distinction Evidence Checklist
How your portfolio evidence is graded for CITY & GUILDS LIMITED Web development
Every vocational unit is marked against named criteria rather than an exam percentage. Your tutor's brief lists the exact codes for this unit — here is what each band is asking you to do.
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 understanding of computer hardware components and their functions.
- •Familiarity with common operating systems (Windows, Linux) and basic file management.
- •Foundational knowledge of networking concepts such as IP addresses and the OSI model.
Coursework AI Review
Paste your assignment brief and check your draft against its P/M/D criteria
Key Terminology
Essential terms to know
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Web architecture and components
- Web technologies and their functions
- Website specification development
- Implementation of website elements
- Client-server model and protocols
- Web standards and accessibility
- Web architecture and components
- Web technologies and tools
- Website specification and planning
- Implementation and coding
- Testing and maintenance
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Understand web architecture and components, Understand the technologies that can be used to built and operate a website, Develop a web-site specification, Implement elements of a web-site
- Web architecture and client-server model
- Web technologies and standards
- Website specification and planning
- Implementation and testing of web pages
- Legal and ethical considerations in web development
Ready to learn?
AI-powered learning tailored to this unit