This subtopic equips learners with practical skills to plan, build, and publish functional websites using industry-standard software. It covers creating st
Topic Synopsis
This subtopic equips learners with practical skills to plan, build, and publish functional websites using industry-standard software. It covers creating structured HTML and styled CSS code, integrating multimedia and interactive elements, and managing the deployment process from local development to a live web server.
Key Concepts & Core Principles
- File management: Organising, saving, and retrieving files in appropriate formats and locations, including understanding folder structures and file extensions.
- Data handling: Entering, editing, and formatting data accurately in spreadsheets, using formulas and functions to perform calculations and create charts.
- Document production: Applying formatting techniques (fonts, styles, headers/footers) and using tools like mail merge to produce professional documents.
- Database design: Creating tables, setting primary keys, establishing relationships, and using queries to extract specific information.
- Presentation skills: Designing slides with consistent themes, adding multimedia elements, and using transitions/animations appropriately to enhance communication.
Exam Tips & Revision Strategies
- Before submitting, thoroughly validate your HTML and CSS code using official W3C validators to demonstrate professional competence.
- Document your development process with clear, annotated screenshots of code and browser previews to provide strong evidence for assessors.
- Always include a testing log showing that you have checked your published website on at least two different web browsers and screen sizes.
- Plan the website structure with a sitemap and wireframes before starting to build; this ensures a logical flow and easy assessment.
- Always optimise images and other media for web use to improve performance and meet assignment criteria.
- Test every link and page thoroughly after publishing, and provide screenshots as evidence of a fully functional website.
- Use relative paths for internal links to ensure the site works when moved to the server.
Common Misconceptions & Mistakes to Avoid
- Learners often embed presentation markup directly into HTML instead of using external CSS, leading to poorly maintainable code.
- Many fail to test the website across different browsers and devices, resulting in layout or functionality issues for end users.
- Incorrect file paths when linking to resources (images, CSS files) frequently cause broken elements after publishing.
- Students often confuse website structure with visual design, neglecting to plan navigation leading to broken links.
- A common mistake is using large unoptimised media files, causing slow loading times and exceeding hosting limits.
- Many overlook testing the website across different browsers or devices, resulting in layout inconsistencies.
Examiner Marking Points
- Award credit for demonstrating a clear separation of content (HTML) and presentation (CSS) in the website structure.
- Award credit when the learner uses website software tools to correctly insert and optimise images, videos, or audio files.
- Award credit for successfully publishing the completed website to a specified hosting environment with all links and resources functioning correctly.
- Award credit for demonstrating the ability to create a logical site structure with multiple pages and consistent navigation.
- Assess for appropriate use of styles (e.g., fonts, colours, layout) to enhance visual presentation and consistency across pages.
- Evidence of using website software tools to prepare and optimise content, such as resizing images, formatting text, and inserting hyperlinks.
- Look for successful publication of the website to a specified location, with verification that all pages and media load correctly.