I can answer one genuine test question from every taught strand of the WDD unit (WDD1-15).
I can identify, from my own results, exactly which strands need further revision before the January prelim.
Success criteria
I can attempt every question in the coverage map below without skipping a strand.
I can mark my own answers honestly against the model answers and explanations provided.
I can turn my results into a specific, prioritised revision plan rather than a vague overall impression.
Warm up - test format
Answer all three questions, then check your answers.
WU1
How many strands of the WDD unit does this test cover?
WU2
Which two lessons are deliberately NOT part of this test's coverage map?
WDD1 and WDD2 are both taught strands and are covered.
Correct - WDD16 was retrieval practice, not new content, and WDD17 is this test itself, so neither appears as a coverage-map strand.
WDD14 and WDD15 are both taught strands and are covered.
CSS lessons (WDD6-10) are taught strands and are covered like any other.
WU3
Which section of this lesson should you use to plan your revision after marking your own test?
Coverage map - every WDD strand
Each item below names one taught WDD strand and the single skill Task Set A tests for it. Use this as a checklist while you work through Task Set A, and again afterwards to see at a glance which strands still need revision.
1
WDD1
Analysis - stating a functional requirement
2
WDD2
Structure - counting levels in a site map
3
WDD3
Wireframes - what belongs on a wireframe
4
WDD4
Semantic HTML - naming the correct element
5
WDD5
Forms - choosing the correct input type
6
WDD6
CSS basics - naming a stylesheet method
7
WDD7
Box model - calculating visible width
8
WDD8
Margins/padding - applying margin collapse
9
WDD9
Height/width - percentage height's condition
10
WDD10
Nav bars - writing a descendant selector
11
WDD11
JS events - naming a mouse event
12
WDD12
Show/hide - the empty-string starting state
13
WDD13
Layout change - converting to camelCase
14
WDD14
Testing - naming an orphan page
15
WDD15
Evaluation - judging against both WDD criteria
Worked example - how each test question is marked
Example - a coverage-map question in full
1
Strand: WDD8, margins and padding.
2
Question: Box A has margin-bottom: 40px. Box B sits directly below in normal flow with margin-top: 25px. State the visible gap between them.
✓
Model answer: 40px - adjacent vertical margins between block elements collapse to the larger value, not the sum of 40 and 25.
Now you try
Before starting Task Set A, look back at the coverage map above and predict which one or two strands you feel least confident about. Keep that prediction in mind as you work through the test.
Comparing your prediction against your actual Task Set A results is itself useful revision information - a strand you predicted correctly confirms a real gap worth prioritising, while a surprising result (confident but wrong, or unsure but correct) is worth noting too.
Common mistakes
Skipping a strand that feels unfamiliar. Every question below is a genuine mark - an honest attempt, even if wrong, gives far more useful revision information than a blank answer.
Marking generously against the model answers. Self-marking only helps if it is honest - use the "I need to revisit" option whenever there is real doubt.
Treating this as a repeat of WDD16. WDD16 mixed several strands per question; this test asks one focused question per strand, so a strong WDD16 result does not guarantee a strong result here.
Losing marks on terminology. "Descendant selector," "margin collapse," "camelCase," "orphan page" and the two WDD evaluation criteria are all specific terms worth using exactly.
Exam tip
Work through the coverage map strand by strand rather than jumping around - each Task Set A question is self-contained, so there is no advantage to answering out of order, and working through it in order makes it easy to spot at a glance which strands were skipped.
Task Set A - One question per strand
Task Set A - One question per strand
15 questions, one per coverage-map strand above. Work through all of them, then check your answers.
Q1 - WDD1, Analysis
What term describes a statement of what a website must let its users do?
Q2 - WDD2, Structure
A site has a home page, a second level of 4 pages, and one third-level page below one of those 4. How many levels does the site have?
Q3 - WDD3, Wireframes
Which of these belongs on a wireframe?
Final colours are left out of a wireframe.
Exact final images are left out of a wireframe.
Correct - a wireframe shows layout and structure, not finished styling.
Exact spacing values are a CSS decision, not a wireframe decision.
Q4 - WDD4, Semantic HTML
Which semantic element should wrap a page's main, unique content?
Q5 - WDD5, Forms
Which input type restricts a field to numeric values only?
Q6 - WDD6, CSS basics
What term describes CSS rules written in a separate .css file and linked into the HTML with a <link> element?
Q7 - WDD7, Box model
A box has content width 150px, padding 10px on left and right, and border 5px on left and right. State its visible width in pixels.
Q8 - WDD8, Margins and padding
Box A has margin-bottom: 30px. Box B sits directly below in normal flow with margin-top: 15px. State the visible gap between them in pixels.
Q9 - WDD9, Height and width
What must be true for a percentage height to have any visible effect on an element?
Width and height percentages are independent of each other.
Correct - percentage height is calculated against the parent's height, which must be explicitly set.
display: block alone does not make percentage height work without a parent height.
Without an explicit parent height, percentage height has no effect - this is the key WDD9 gotcha.
Q10 - WDD10, Nav bars and descendant selectors
Write a descendant selector that styles only <a> elements found anywhere inside a <nav> element.
Q11 - WDD11, JS events and functions
Which mouse event fires the moment the pointer leaves an element?
Q12 - WDD12, Showing/hiding content
Explain the "empty string starting state" gotcha that can make a show/hide toggle function fail on its very first click.
Model answer
Q13 - WDD13, Changing page layout
Convert the CSS property border-color into the correct JavaScript camelCase property name.
Q14 - WDD14, Testing
What term describes a page that has no link pointing to it from anywhere else on the site?
Q15 - WDD15, Evaluation
A booking form correctly saves every valid booking, but usability testing found users could not tell its submit button was clickable due to poor colour contrast. Evaluate this against both WDD criteria, with evidence.
Model answer
Task Set B - Revision planning
Task Set B - Revision planning
Use your own Task Set A results to plan next steps - no auto-check.
Revision 1
List every coverage-map strand where today's test revealed a gap, using your own Task Set A results.
Model answer
Revision 2
For the gaps you listed in Revision 1, describe exactly what you will do to close each one before the January prelim.
Model answer
Revision 3
If you are considering WDD for the Assignment (Task 3) rather than the question paper alone, which strands are most worth extra attention, and why?
Model answer
File this in OneNote under: Higher Computing Science > Web Design & Development > WDD17
Teacher notes - Shift+T to toggle
Timing: content is scoped for a double period and lands on one (Thu 17 Dec 2026, per WDD.md §2a/§4) - an "OK" match, the same as WDD11/WDD14. This is the final scheduled WDD lesson before the January prelim.
Format: follows the SDD22 coverage-grid / one-question-per-strand pattern, per WDD.md's explicit instruction ("no spec, Scholar, or Chris equivalent needed - follow the SDD21/SDD22 pattern already proven on this site"). Unlike WDD16's mixed-scenario questions, every Task Set A question here targets exactly one strand, matching SDD22's genuine per-strand test rather than SDD21's connected-scenario retrieval practice.
Mark scheme: Q1 functional requirement (1), Q2 3 levels (1), Q3 c (1), Q4 main (1), Q5 number (1), Q6 external stylesheet (1), Q7 180px (2 - working + answer), Q8 30px (2 - working + answer), Q9 b (1), Q10 nav a (2 - selector shape + correct elements), Q11 onmouseout (1), Q12 self-assessed (3 - empty string state, why it breaks the toggle, fix), Q13 borderColor (1), Q14 orphan page (1), Q15 self-assessed (3 - fitness for purpose judgement with evidence, usability judgement with evidence, correct use of testing evidence). Total: 22 marks across the 15 strands.
No new facts are introduced - every fact and every numeric answer above was independently verified when its original lesson (WDD1-15) was built, and is repeated here unchanged.
WDD is now complete: 17 of 17 lessons built. Next unit-level priority per CLAUDE.md's course content map is CS14 (CS unit test), the one remaining lesson needed to complete the entire four-unit course.