CIW Site Development Foundations
This topic covers creating web pages using HTML and CSS, enhancing websites with multimedia and interactivity, and managing e-commerce requirements such as payment security and user experience.
Assessment criteria
Topic Overview
The City & Guilds Level 3 Diploma in ICT Professional Competence is a vocational qualification designed to equip students with the practical skills and theoretical knowledge required for a career in ICT. This diploma covers a broad range of topics, including network infrastructure, database design, web development, and IT project management. It is structured to reflect real-world industry practices, ensuring that learners are prepared for roles such as IT support technician, network administrator, or web developer.
This qualification is part of the City & Guilds suite of vocationally-related qualifications (VRQs), which are recognised by employers and higher education institutions across the UK. The diploma emphasises hands-on learning, with assessments that include practical tasks, projects, and written exams. Students will develop competencies in troubleshooting, system analysis, and communication, which are essential for success in the fast-paced ICT sector.
By studying this diploma, students gain a comprehensive understanding of how ICT systems operate within organisations. They learn to design, implement, and maintain secure and efficient systems, while also considering legal and ethical implications. This qualification not only builds technical expertise but also fosters problem-solving and teamwork skills, making it a solid foundation for further study or direct entry into the workforce.
Key Concepts
Core ideas you must understand for this topic
- →Network topologies and protocols: Understanding how data is transmitted across networks, including TCP/IP, Ethernet, and wireless standards, and the physical layout of networks (star, mesh, bus).
- →Database design and normalisation: Creating relational databases using SQL, applying normalisation (1NF, 2NF, 3NF) to reduce redundancy and ensure data integrity.
- →Web development lifecycle: From requirements gathering to deployment, using HTML, CSS, JavaScript, and server-side scripting to build responsive and accessible websites.
- →IT project management methodologies: Applying PRINCE2 or Agile frameworks to plan, execute, and monitor ICT projects, including risk management and stakeholder communication.
- →Cybersecurity principles: Implementing measures such as firewalls, encryption, and access controls to protect systems from threats, and understanding relevant legislation like the Data Protection Act 2018.
Learning Objectives
What you need to know and understand
- Be able to create a web page, Understand web site enhancements, Be able to manage the e-commerce requirements of a website
- Be able to create a web page, Understand web site enhancements, Be able to manage the e-commerce requirements of a website
Assessment Criteria
Key criteria assessors look for in your portfolio
- Create a web page using HTML and CSS.
- Add enhancements like images, forms, and hyperlinks.
- Explain e-commerce features such as shopping carts and SSL.
- Ensure the website meets accessibility and usability standards.
- Award credit for correctly structuring an HTML5 document with appropriate doctype, head, and body elements, including meta tags for character set and viewport.
- Award credit for applying CSS consistently to achieve a cohesive visual design, using selectors, properties, and responsive layout techniques.
- Award credit for implementing a functional e-commerce component, such as a shopping cart that stores user selections and calculates totals using client-side scripting.
- Award credit for demonstrating understanding of secure data handling, including HTTPS usage and basic input validation for customer information.
Assessment Guidance
Guidance for achieving higher grades
- 💡Practise coding a simple page from scratch.
- 💡Learn key e-commerce terms like SSL and payment gateway.
- 💡Test your page in multiple browsers.
- 💡Validate your HTML and CSS code using W3C validators before submission to avoid syntax errors and ensure standards compliance.
- 💡When demonstrating e-commerce functionality, clearly explain how you would implement security measures like SSL certificates and secure payment gateways, even if not fully coded.
- 💡Organise your code with comments and consistent indentation; assessors will look for readability and professional presentation.
- 💡Show awareness of accessibility standards (WCAG) by using semantic HTML, proper form labels, and keyboard navigation support.
- 💡When answering questions about network design, always justify your choice of topology or protocol with specific reasons related to cost, scalability, or reliability. Examiners look for evidence of critical thinking, not just textbook definitions.
- 💡In database tasks, show your working for normalisation steps. Even if your final design is incorrect, partial marks are awarded for correctly identifying functional dependencies and applying normal forms.
- 💡For web development projects, ensure your code is well-commented and follows accessibility standards (e.g., WCAG 2.1). Examiners value clean, maintainable code that demonstrates an understanding of best practices.
Common Mistakes
Common errors to avoid in your coursework
- Using deprecated HTML tags instead of modern standards.
- Neglecting responsive design for different devices.
- Overlooking security measures for e-commerce transactions.
- Using deprecated HTML elements or attributes (e.g., <center>, <font>) instead of modern CSS for styling and layout.
- Forgetting to include alt attributes for images, which leads to accessibility issues and possible mark loss.
- Confusing server-side and client-side scripting roles: attempting to process payments entirely with JavaScript without secure backend integration.
- Neglecting to test web pages in multiple browsers, resulting in inconsistent rendering or broken features.
- Misconception: 'Normalisation always means splitting tables into as many as possible.' Correction: Normalisation aims to reduce redundancy without sacrificing performance. Over-normalisation can lead to complex queries and slower performance; third normal form (3NF) is often sufficient for most applications.
- Misconception: 'A faster internet connection always means better network performance.' Correction: Network performance depends on latency, bandwidth, and packet loss. A fast connection can still suffer from high latency due to poor routing or congestion, affecting real-time applications like VoIP.
- Misconception: 'Cybersecurity is only about installing antivirus software.' Correction: Cybersecurity involves a layered approach including policies, user training, access controls, and regular updates. Antivirus is just one component; social engineering and physical security are equally important.
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 CIW Site Development Foundations
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
- •A basic understanding of computer hardware and software components, such as the function of CPUs, RAM, and storage devices.
- •Familiarity with fundamental networking concepts like IP addresses, DNS, and the OSI model, as covered in Level 2 ICT qualifications.
- •Elementary mathematics skills, particularly in binary arithmetic and logical operations, which are used in subnetting and error detection.
Coursework AI Review
Paste your assignment brief and check your draft against its P/M/D criteria
Key Terminology
Essential terms to know
- Be able to create a web page, Understand web site enhancements, Be able to manage the e-commerce requirements of a website
- Be able to create a web page, Understand web site enhancements, Be able to manage the e-commerce requirements of a website
Ready to learn?
AI-powered learning tailored to this unit