This subtopic equips learners with the practical and theoretical skills to design, develop, and deploy multi-page websites incorporating multimedia and int
Topic Synopsis
This subtopic equips learners with the practical and theoretical skills to design, develop, and deploy multi-page websites incorporating multimedia and interactive elements. It focuses on using industry-standard website software tools to create well-structured, styled, and responsive web pages, while ensuring accessibility and usability. Learners will also practice testing and publishing websites, mirroring real-world workflows for web development.
Key Concepts & Core Principles
- Advanced formatting and layout in word processing, including styles, templates, mail merge, and collaborative editing.
- Complex spreadsheet functions such as VLOOKUP, IF statements, pivot tables, and data validation for analysis and reporting.
- Database design principles: creating tables with primary keys, establishing relationships, and using queries to extract meaningful information.
- Effective presentation techniques: using slide masters, animations, transitions, and embedding multimedia to engage an audience.
- Safe and responsible use of IT: understanding data protection, copyright, and cybersecurity best practices when working online.
Exam Tips & Revision Strategies
- Always test your website on multiple browsers and devices.
- Document your design choices and testing process for portfolio evidence.
- Use version control or systematic backup during development.
- Pay attention to loading times and optimize multimedia files.
- Always begin by sketching a simple wireframe or plan; this demonstrates your planning process and helps you stay focused during creation.
- Use the built-in templates or wizards in website software as a starting point, but personalise them to meet the assessment criteria and avoid generic outputs.
- When publishing, double-check the server's file structure requirements and permissions; ensure your main page is named appropriately (e.g., index.html).
- Keep a checklist of the learning objectives and tick each one off as you incorporate it into your web page to ensure all evidence points are covered.
Common Misconceptions & Mistakes to Avoid
- Overlooking responsive design leading to poor mobile layout.
- Incorrect file paths causing broken links or missing media.
- Neglecting accessibility standards (e.g., missing alt text for images).
- Failing to validate code resulting in rendering errors.
- Failing to save web page files with the correct extension (e.g., .html) or placing them in the wrong directory, causing broken links or missing pages.
- Confusing formatting (visual appearance) with structure (semantic markup), leading to poor accessibility and search engine visibility.
Examiner Marking Points
- Award credit for demonstrating correct use of HTML tags to structure content.
- Award credit for consistent application of CSS across multiple pages.
- Evidence of multimedia elements with appropriate attributes.
- Credit for implementing a functional interactive form or dynamic element.
- Evidence of systematic testing plan and results.
- Credit for successful upload and live testing of the published site.
- Award credit for demonstrating a clear plan or storyboard for the web page layout prior to creation, indicating content positioning and navigation.
- Evidence of using website software tools to structure content, such as applying heading levels (h1, h2, etc.), paragraph breaks, and lists, should be clearly identifiable.