10 Multimedia · 2026
Week 5 · Lesson 09

ASSESSMENT 1 — Recipe Card Practical Skills Check

Week 5 · 75 minutes (assessment) · Year 10 Industrial Technology — Multimedia

IND5-2IND5-3IND5-5IND5-6

Learning intentions

  • I can build a single-page recipe card website in 75 minutes.
  • I can demonstrate HTML structure, CSS styling, and box model use.
  • I can submit work that meets all 16 checklist items.

Success criteria

  • My recipe.html file is valid HTML with required semantic structure.
  • My styles.css file has 3+ selector types and uses the box model.
  • I submit both files + one image to Classroom before the bell.

Do Now · 5 min

This is Assessment 1 (10% of Term). You have 75 minutes. Read the brief carefully before you start.

Conditions: Individual work. MDN allowed. VS Code + DevTools allowed. Your own notes from L01–L08 allowed. No AI chatbots. No copying full code from tutorials. Save frequently.

I Do · ~10 min Teacher demonstration

Teacher confirms the brief is understood. 2-minute questions window. Then — go.

Open the starter HTML

We Do · ~15 min Guided build

No "we do" during assessment. Teacher circulates silently, answers clarifying questions only (not coding help).

You Do · ~35 min Independent practice

Your brief

Build a single-page recipe card website for a recipe of your choice (family favourite, snack, drink, dessert). Your page must include ALL of the following:

  1. Valid DOCTYPE and html/head/body structure
  2. A meaningful <title>
  3. A linked external stylesheet
  4. Exactly one <h1> — the recipe title
  5. A <p> introduction (2-4 sentences)
  6. An <img> with descriptive alt text
  7. A <ul> or <ol> of ingredients (5+ items)
  8. A <ol> of numbered instructions (4+ steps)
  9. At least one <a> tag linking to an external source
  10. At least 3 different CSS selector types (element, class, id)
  11. Background-color AND color properties used
  12. Font-family (with web-safe fallback)
  13. Padding AND margin (both, at least once each)
  14. Border on at least one element
  15. At least one class selector styled
  16. Page is presentable — no broken images, no text overflow

Upload to Classroom before the bell: recipe.html, styles.css, your image file (zipped together, or each file individually).

Differentiation

Support

Differentiated rubric with Limited-Outstanding bands. Student may use the starter HTML which contains placeholder comments showing where each element goes.

Core

Complete the brief as written.

Extension

Add a 'nutrition' section with a semantic table, and use :hover on the external link.

Exit Ticket · 5 min

When you finish: save, test in Live Server, upload to Classroom. Do NOT leave early. Use remaining time to polish styling or check accessibility.

Feedback returned Week 6 Lesson 11 (one week).

Resources for this lesson

📚 Deeper Reading

External references drawn from Shay Howe's "Learn to Code HTML & CSS" and University of Michigan's "Web Design for Everybody" Coursera specialization. All credit to original authors.