Web Fundamentals
This topic covers web fundamentals, including web architecture, components, and technologies used to build and operate websites. Learners will implement specified components of a website, gaining practical skills in web development.
Assessment criteria
Topic Overview
The City & Guilds Level 2 Diploma in ICT Systems Support provides a comprehensive foundation for students aspiring to become IT support technicians. This qualification covers essential skills such as installing and configuring hardware and software, maintaining computer networks, and providing user support. It is designed to prepare learners for entry-level roles in IT support or for further study in more advanced ICT qualifications.
This diploma is structured around practical, real-world scenarios that mirror the challenges faced in professional IT environments. Students will learn to diagnose and resolve common technical issues, manage system security, and communicate effectively with end-users. The course also emphasizes the importance of health and safety regulations and data protection laws, ensuring that graduates are not only technically proficient but also aware of their legal and ethical responsibilities.
By completing this qualification, students gain a recognized credential that demonstrates their ability to support ICT systems in a variety of settings, from small businesses to large organizations. The skills acquired are directly applicable to roles such as IT support technician, helpdesk analyst, or network support assistant, making this diploma a valuable stepping stone into the ICT industry.
Key Concepts
Core ideas you must understand for this topic
- →Hardware and Software Installation: Understanding how to install, configure, and troubleshoot operating systems, applications, and peripheral devices.
- →Network Fundamentals: Knowledge of network topologies, protocols (e.g., TCP/IP), and the ability to set up and maintain local area networks (LANs).
- →User Support and Communication: Developing skills to provide effective technical support, including active listening, problem-solving, and clear documentation.
- →System Security: Implementing basic security measures such as antivirus software, firewalls, and password policies to protect data and systems.
- →Health and Safety: Applying relevant legislation (e.g., Health and Safety at Work Act) to ensure safe working practices in an ICT environment.
Learning Objectives
What you need to know and understand
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
Assessment Criteria
Key criteria assessors look for in your portfolio
- Know web architecture and components (e.g., servers, browsers, protocols).
- Know about technologies used to build websites (e.g., HTML, CSS, JavaScript).
- Implement specified components of a website (e.g., navigation, forms).
- Test and verify that implemented components work correctly.
- Describes web architecture including client-server model.
- Identifies key web technologies (HTML, CSS, JavaScript).
- Explains how web servers and browsers interact.
- Implements specified components using HTML and CSS.
- Tests and validates web pages for functionality.
- Describe web architecture including client-server model.
- Explain the role of HTML, CSS, and JavaScript in web development.
- Identify web hosting and domain name systems.
- Implement a web component using HTML and CSS.
- Test and debug a web component for functionality.
- Correctly identifies web architecture components.
- Explains the role of key web technologies.
- Demonstrates ability to create a basic web page.
- Implements specified components accurately.
- Tests and verifies website functionality.
- Describe web architecture including client-server model.
- Identify key technologies: HTML, CSS, JavaScript, HTTP.
- Explain the role of web servers and browsers.
- Implement a simple webpage using HTML and CSS.
- Test and debug basic web components.
- Award credit for accurately describing web architecture components (e.g., web servers, DNS, HTTP/HTTPS) and their interactions.
- Award credit for correctly identifying and explaining the purpose of client-side versus server-side technologies with relevant examples.
- Award credit for implementing website components that fully meet the given specification, with clean, well-commented code.
- Award credit for evidence of testing and debugging the implemented components across at least two different browsers.
- Award credit for demonstrating an understanding of accessibility and responsive design principles in the implemented solution.
- Describe web architecture and components (e.g., servers, browsers).
- Explain technologies like HTML, CSS, and JavaScript.
- Implement specified components of a website.
- Understand hosting and domain name systems.
Assessment Guidance
Guidance for achieving higher grades
- 💡Use a text editor and browser developer tools.
- 💡Test your website on different browsers and devices.
- 💡Keep code organised and commented for readability.
- 💡Use code snippets to demonstrate understanding.
- 💡Explain the role of each technology in web development.
- 💡Practice creating simple web pages with correct structure.
- 💡Use validators to check your code.
- 💡Understand the difference between static and dynamic websites.
- 💡Practice building a simple webpage from scratch.
- 💡Use diagrams to explain web architecture.
- 💡Practice coding simple web pages from scratch.
- 💡Check command words: 'Describe', 'Explain', 'Implement'.
- 💡Practise writing semantic HTML and CSS layouts.
- 💡Use browser developer tools to inspect and debug.
- 💡Understand the difference between static and dynamic sites.
- 💡For portfolio-based assessment, provide annotated screenshots mapping your implemented components back to the original specification criteria.
- 💡Include a written commentary explaining key design decisions, such as why a particular HTML5 structural element or CSS layout method was chosen.
- 💡Evidence your testing process by recording results in a table, noting any issues found and how they were resolved.
- 💡Use the City & Guilds command words (e.g., 'describe', 'implement', 'test') precisely as they appear in the assignment brief to ensure every learning outcome is addressed.
- 💡Demonstrate professional practice by version-controlling your code and referencing industry standards (W3C) in your documentation.
- 💡Practice coding simple web pages.
- 💡Use developer tools to inspect elements.
- 💡Understand the role of each technology in the stack.
- 💡Always refer to specific legislation and standards (e.g., Data Protection Act 2018, ISO 27001) when discussing security or data handling to show depth of knowledge.
- 💡In practical assessments, demonstrate a logical troubleshooting approach: identify the problem, isolate the cause, implement a solution, and verify the fix. This structured method earns higher marks.
- 💡Use correct technical terminology consistently. For example, distinguish between 'fault' (hardware/software issue) and 'error' (user mistake) to show precision.
Common Mistakes
Common errors to avoid in your coursework
- Confusing client-side and server-side technologies.
- Neglecting responsive design principles.
- Failing to validate HTML and CSS code.
- Confusing client-side and server-side technologies.
- Writing invalid HTML or CSS code.
- Neglecting cross-browser compatibility.
- Confusing client-side and server-side technologies.
- Writing invalid HTML or CSS syntax.
- Neglecting responsive design principles.
- Confusing client-side and server-side technologies.
- Neglecting to validate HTML/CSS code.
- Failing to test website across different browsers.
- Confusing client-side and server-side technologies.
- Forgetting to close HTML tags or improper nesting.
- Not testing across different browsers.
- Confusing the roles of HTML, CSS, and JavaScript—for example, using HTML for styling or expecting JavaScript to structure content.
- Neglecting to close tags or using deprecated HTML elements, leading to validation errors and inconsistent rendering.
- Assuming a single browser test is sufficient, ignoring cross-browser compatibility issues.
- Overlooking responsive design, resulting in components that fail on mobile viewports.
- Failing to differentiate between server-side processing (e.g., PHP, database queries) and client-side execution (e.g., form validation).
- Confusing client-side and server-side technologies.
- Writing invalid HTML or CSS.
- Not testing website components across browsers.
- Misconception: 'IT support is just about fixing computers.' Correction: While troubleshooting is a key part, the role also involves proactive maintenance, user training, and ensuring systems run efficiently.
- Misconception: 'You don't need to understand networking for basic support.' Correction: Many issues involve network connectivity, so a solid grasp of networking fundamentals is essential.
- Misconception: 'Security is only the IT manager's responsibility.' Correction: Every support technician must follow security protocols to prevent breaches and protect user data.
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 Fundamentals
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.
Demonstrate baseline knowledge, accurate terminology, and core practical application.
Provide detailed analysis, structured explanations, and clear workplace reasoning.
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 (e.g., CPU, RAM, hard drive).
- •Familiarity with common operating systems like Windows or macOS.
- •Elementary knowledge of computer networks (e.g., what a router does).
Coursework AI Review
Paste your assignment brief and check your draft against its P/M/D criteria
Key Terminology
Essential terms to know
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
- Know web architecture and components, Know about the technologies used to build and operate websites, Implement specified components of a web-site
Ready to learn?
AI-powered learning tailored to this unit