This subtopic introduces learners to the fundamentals of web page creation using user-friendly software tools. Learners will plan a simple website, structu
Topic Synopsis
This subtopic introduces learners to the fundamentals of web page creation using user-friendly software tools. Learners will plan a simple website, structure content using basic HTML or a WYSIWYG editor, apply formatting such as headings and images, and understand how to publish the pages to a live server or local intranet. Practical application includes building a personal portfolio or a basic information page, essential for developing digital literacy in everyday and workplace contexts.
Key Concepts & Core Principles
- File management: creating, saving, opening, and organising files and folders on a computer system.
- Word processing basics: formatting text (bold, italic, underline), inserting images, and using spell check.
- Spreadsheet fundamentals: entering data, using simple formulas (SUM, AVERAGE), and creating basic charts.
- Internet safety: understanding secure websites (HTTPS), avoiding phishing, and respecting copyright when using online content.
- Using input devices: keyboard shortcuts (e.g., Ctrl+C, Ctrl+V) and mouse techniques (click, double-click, drag).
Exam Tips & Revision Strategies
- Always draft a simple paper sketch or digital wireframe of your page layout before using the software.
- Use the software’s built-in templates as a starting point to ensure a consistent, accessible design before customising.
- After publishing, test all links and image displays in a different browser or device to confirm they work correctly.
- Create a checklist from the assessment criteria (headings, images, links) and tick off each element as you add it to avoid omissions.
- Always keep a saved copy of your work before publishing, and label files clearly
- Use the preview function in the website software to check your page layout before publishing
- When inserting images, place them in the same folder as your web page and use relative paths
- Stick to a simple, clear design with consistent formatting to meet the assessment criteria efficiently
Common Misconceptions & Mistakes to Avoid
- Jumping straight into design software without a plan, resulting in a disorganised layout that confuses the learner.
- Omitting alt text for images, which fails accessibility requirements and marks criteria for inclusive design.
- Linking to local file paths (e.g., C:\Users\...) instead of relative URLs, causing broken links after uploading.
- Overusing different fonts, colours, or animations, making the page visually cluttered and unprofessional.
- Failing to plan the page content before starting, leading to disorganised output
- Using spaces or special characters in filenames, causing broken links or failed uploads
Examiner Marking Points
- Award credit for a clear plan or storyboard outlining page structure, target audience, and purpose before creation.
- Evidence required of using appropriate heading levels (e.g., main heading, subheadings) to organise content logically.
- Assess for successful insertion of at least one image with alternative text, demonstrating basic accessibility awareness.
- Credit given for publishing the page to a web server or intranet, confirmed by a working URL or screenshot of the live page.
- Award credit for evidence of a simple plan (e.g., sketch, storyboard, or bulleted list of content)
- Award credit for demonstrating the ability to open website software and input text correctly
- Award credit for applying at least one formatting feature (e.g., heading style, bold, italic) to enhance readability
- Award credit for successful insertion of a working hyperlink