Intermediate
40 mins
Teacher/Student led
+105 XP

Studio: a Site for Something You Care About

An optional studio build. Pupils plan, write, arrange and style a multi-page site on a subject of their own choosing, then read it cold as a stranger would and fix what fails. No new blocks.

Teacher Class Feed

Load previous activity

    1 - Start: What We're Building ~3 mins

    Illustration for Start: what we're buildingA studio session is a build, not a lesson. No new blocks today. One site, on whatever you want, made properly.

    Getting started: open the builder on the next step. If you have a site from earlier it is waiting there; if not, there is a Home page waiting with a heading and one line on it, ready for you to replace.

    Pick something you actually know about. A team, a game, a place, a band, a hobby. The writing is easier and the result is better.

    2 - Plan It Before You Build It ~5 mins

    Five minutes of planning saves the whole session. On paper or in your head, decide:

    • Your subject, in one sentence a stranger would understand.
    • Your pages. Two or three. A home page plus one page going deeper is plenty; four thin pages is worse than two good ones.
    • The one line you want read first. That is your banner.
    • What sits beside what. Anything that comes in pairs belongs in a row.

    Then build in that order: write first, arrange second, style last. Styling an empty page is the commonest way to run out of time with nothing on screen.

    3 - Write the Words First ~9 mins

    Get the content down. It will look plain, and that is correct for now.

    1. On your Home page, set the heading to your subject.
    2. From Content, add text blocks and write two short paragraphs. Write them properly, as if for someone who knows nothing about it.
    3. From Content, add a subheading, then more text under it.
    4. From Page, drag a second page block onto an empty part of the workspace and name it. Write that page too.

    Do not style anything yet.

    Interactive activity

    4 - Arrange It so It Can Be Scanned ~8 mins

    Now decide where things sit.

    1. From Layout, put a banner at the top of your Home page carrying the one line you chose.
    2. From Links & buttons, add a menu block under it so a reader can reach every page.
    3. From Layout, add a row with two box blocks inside it, and move something into each box.
    4. Check the Your web page tab after each change, not at the end.

    Interactive activity

    5 - Style It ~5 mins

    Last two jobs, and the second matters more.

    1. On each page block, choose a background, a text colour and a font that suit your subject. Keep them the same on every page or the site stops feeling like one site.
    2. Then read your site from the top as somebody who has never heard of your subject.

    Interactive activity

    123learn · Online learning platform

    Unlock the full learning experience

    You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

    Hundreds of curriculum-aligned lessons
    Interactive activities in every lesson
    Printable resources & progress tracking
    Copyright Notice
    This lesson is copyright of Coding Ireland 2017 - 2025. Unauthorised use, copying or distribution is not allowed.
    🍪 Our website uses cookies to make your browsing experience better. By using our website you agree to our use of cookies. Learn more