Designing and developing a Web site
This topic covers designing and developing websites using (X)HTML and CSS, including multimedia integration, testing, and understanding web standards. It also addresses business use of the internet.
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. It covers a broad range of topics including networking, database management, web development, and IT project management. This diploma is recognised by employers and universities, providing a solid foundation for roles such as IT technician, network administrator, or software developer.
The qualification is structured around mandatory and optional units, allowing students to specialise in areas that match their career aspirations. Core units typically include principles of ICT, communication skills, and health and safety, while optional units delve into specific technologies like Cisco networking, Microsoft server administration, or programming in Python. The course emphasises hands-on learning, with assessments often involving practical tasks, projects, and written exams.
Mastering this diploma is crucial because it bridges the gap between academic theory and real-world application. Students develop problem-solving abilities, technical proficiency, and professional conduct—skills highly valued in the fast-evolving ICT sector. By the end of the course, learners are prepared to take on entry-level ICT roles or progress to higher education, such as a foundation degree or apprenticeship.
Key Concepts
Core ideas you must understand for this topic
- →Networking fundamentals: Understanding IP addressing, subnetting, OSI and TCP/IP models, and configuring routers and switches.
- →Database design and SQL: Creating normalised databases, writing queries using SELECT, JOIN, and subqueries, and ensuring data integrity.
- →Web development lifecycle: Planning, designing, coding, testing, and deploying websites using HTML, CSS, JavaScript, and server-side scripting.
- →IT project management: Applying methodologies like PRINCE2 or Agile, managing resources, and documenting project progress.
- →Cybersecurity principles: Identifying threats, implementing security measures such as firewalls and encryption, and following data protection regulations.
Learning Objectives
What you need to know and understand
- Design a Web site to address loosely-defined requirements, Use web development tools to build (X)HTML- and CSS-based websitesto address well-defined specifications, Understand the technology and tools needed to use multimedia in the context of a website, Develop test strategies and apply these to a Web site, Understand the need for Web standards, Understand the concepts associated with using the Internet and the World Wide Web for business
Assessment Criteria
Key criteria assessors look for in your portfolio
- Designs a website to meet loosely-defined requirements.
- Builds a website using valid (X)HTML and CSS.
- Integrates multimedia elements appropriately.
- Develops and applies a test strategy.
- Explains the importance of web standards and accessibility.
Assessment Guidance
Guidance for achieving higher grades
- 💡Keep up with current web standards (HTML5, CSS3).
- 💡Use responsive design principles.
- 💡Document your testing process.
- 💡For practical assessments, always test your work thoroughly. For example, after configuring a network, use ping and traceroute to verify connectivity, and check routing tables. Examiners award marks for demonstrating that you can identify and fix issues.
- 💡In written exams, use technical terminology accurately. For instance, when explaining a database query, mention 'normalisation', 'foreign key', and 'referential integrity' to show depth of understanding. Avoid vague terms like 'things' or 'stuff'.
- 💡Manage your time effectively in project-based units. Break the project into phases (e.g., analysis, design, implementation, testing) and allocate time for each. Examiners look for evidence of planning and reflection in your project report.
Common Mistakes
Common errors to avoid in your coursework
- Using deprecated HTML tags or inline styles.
- Neglecting cross-browser compatibility.
- Failing to test on different devices.
- Misconception: Subnetting is just about dividing IP addresses. Correction: Subnetting also improves network performance and security by isolating traffic and reducing broadcast domains.
- Misconception: Normalisation always means splitting tables until they are in 3NF. Correction: Over-normalisation can lead to performance issues; sometimes denormalisation is necessary for read-heavy applications.
- Misconception: Agile means no documentation. Correction: Agile emphasises working software over comprehensive documentation, but some documentation (e.g., user stories, sprint backlogs) is still essential for communication and traceability.
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 Designing and developing a Web site
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, such as the function of CPU, RAM, and operating systems.
- •Familiarity with common productivity tools like word processors and spreadsheets, as these are used for documentation and data analysis.
- •Some experience with programming logic (e.g., variables, loops, conditionals) is helpful but not essential, as the course introduces programming from a foundational level.
Coursework AI Review
Paste your assignment brief and check your draft against its P/M/D criteria
Key Terminology
Essential terms to know
- Design a Web site to address loosely-defined requirements, Use web development tools to build (X)HTML- and CSS-based websitesto address well-defined specifications, Understand the technology and tools needed to use multimedia in the context of a website, Develop test strategies and apply these to a Web site, Understand the need for Web standards, Understand the concepts associated with using the Internet and the World Wide Web for business
Ready to learn?
AI-powered learning tailored to this unit