Practical Work
What the exam tests
Your ability to produce a small, working multimedia or web artefact under time pressure and document it: file organisation, HTML/CSS/JS integration, image/audio/video edits, and browser testing.
Core rules
- Create a project folder with subfolders: css, js, img and media. Use lower-case, hyphenated names and no spaces.
- Build structure first (HTML), then presentation (external CSS), then behaviour (external JS).
- Use relative paths consistently. Test every link, image and form control.
- For image tasks, record original and final dimensions, format and compression choice.
- For audio/video, record trim points, export preset and file size.
- Validate HTML/CSS and check the browser console for JavaScript errors.
Worked example
Task: a two-page site with a contact form validated by JavaScript. Steps: create index.html and contact.html; link style.css in both; add script.js with a submit handler; test empty and invalid email; verify navigation works from both pages; run an HTML validator; capture screenshots. Reasoning: external files avoid duplication; testing both pages catches relative-path errors; validation catches unclosed tags before the examiner does.
Traps
Do not submit files loose on the desktop - broken paths lose marks. Do not leave placeholder text or broken images. Do not use inline CSS for everything. Do not forget to test after moving the folder. Do not ignore console errors.