This subtopic covers the essential practical skills for creating, styling, and publishing a basic website using designated website software. Learners will
Topic Synopsis
This subtopic covers the essential practical skills for creating, styling, and publishing a basic website using designated website software. Learners will develop the ability to structure web pages, apply consistent visual styles, and prepare content such as text, images, and hyperlinks. Successful completion typically involves producing a functional, multi-page website that reflects planning and is uploaded to a live host, demonstrating the full workflow from creation to publication.
Key Concepts & Core Principles
- **Effective Document Creation and Formatting:** Mastering word processing software to produce professional, well-structured documents, including the use of styles, templates, mail merge, and advanced formatting features.
- **Data Management and Analysis with Spreadsheets:** Developing proficiency in spreadsheet software to organise, calculate, analyse, and present data using formulas, functions, charts, and data validation.
- **Engaging Presentation Design and Delivery:** Creating impactful presentations using presentation software, incorporating multimedia elements, effective slide layouts, and understanding principles of clear communication.
- **Efficient Digital Communication and Collaboration:** Utilising email, calendars, and online collaboration tools effectively and securely, understanding netiquette, attachment management, and shared document practices.
- **File Management, Security, and Digital Citizenship:** Organising files and folders logically, understanding basic cybersecurity practices (e.g., strong passwords, virus protection), and responsible online behaviour.
Exam Tips & Revision Strategies
- Before starting, sketch a site map and page wireframes to plan the structure and content flow; this demonstrates forward planning and supports higher marks.
- Always conduct thorough post-publication testing: check every link, validate HTML/CSS, and view on at least two browsers to catch errors early.
- Add basic accessibility features, such as alt text for images and sufficient colour contrast, as these are increasingly expected and show professional awareness.
- In your evidence portfolio, include clear before-and-after screenshots of your web pages as they appear during development and once published, annotated to explain key decisions.
- When planning, always consider the target audience and purpose of the website, and document how this influenced layout, content, and navigation choices.
- Plan your website structure with a sitemap before starting any coding or design work; this will make navigation creation and file management much more efficient.
- Use version control practices even at a basic level (e.g., date-stamped backups) so you can revert if a major error is introduced during development.
- Document every test you perform with clear annotations showing what was checked and any issues resolved; this evidence is crucial for passing the testing criterion.
Common Misconceptions & Mistakes to Avoid
- Students often confuse absolute and relative hyperlinks, leading to broken links when the website is published to a different directory structure.
- Many learners style pages individually rather than using an external stylesheet or master theme, resulting in inconsistencies and inefficient maintenance.
- A frequent oversight is neglecting to test the website on different browsers and devices, missing layout distortions or broken features.
- Confusing absolute and relative file paths, leading to broken hyperlinks or missing images after publishing.
- Overusing formatting options such as different fonts and colours, resulting in visually cluttered and inconsistent page design.
- Neglecting to test the published site on different browsers or devices, which can cause layout issues to go unnoticed.
Examiner Marking Points
- Award credit for demonstrating the creation of a logical folder and file structure, with separate pages linked via clear navigation.
- Credit should be given when the learner applies consistent styling using either a linked CSS file or built-in template/theme features, ensuring headings, body text, and colors are uniform.
- Assessors should look for evidence of successful publication, including uploading files to a server and verifying all internal and external hyperlinks function correctly in a live environment.
- Award credit for producing a detailed plan that clearly maps out page layout, content hierarchy, and navigation structure prior to development.
- Award credit for correctly using website software features to create at least two interlinked web pages that demonstrate consistent formatting, accurate hyperlinks, and appropriate use of templates or themes.
- Award credit for successfully publishing the completed web pages to the designated Internet or intranet location, including evidence of testing to confirm all elements display and function correctly.
- Award credit for demonstrating the logical organisation of website files and folders, ensuring all linked resources (images, stylesheets) are correctly referenced with relative paths.
- Award credit for evidence of using website software to construct a multi-page site with consistent navigation (e.g., menu bars) and a coherent house style applied through external CSS.