Today you finish your site. No new blocks. You use everything you already know: a banner, a row, boxes, and a look for the whole site.
Your job is to lay it out so a visitor sees the most important thing first. By the end, your site should be ready to show.
This is the project lesson for the module. There is no new block and no target listing. Pupils finish the site they have been carrying forward.
Open the interactive on the board and show the sample site for about one minute. Point at the top of the page: banner first, then heading, then the rest. Say: this is what a clear top of page looks like. Then send them to plan before they drag anything.
Protect the close. If time runs short, trim a build stretch. Still reach Make sense, Reflect and the recap. Ring a hard mid-build bell at 10 minutes in each long build so the checkpoints stay on time.
Before you touch a block, decide three things. Say them quietly to yourself.
1. What is this site about? In a few words. That goes on your banner.
2. What should a visitor see first? The most important thing belongs at the top, under the banner.
3. What will you change on Home first so it sounds like you? You will do Home first, then your second page.
Keep those three answers in your head. You will use them while you build.
Keep this short and spoken. Walk the room and listen for pupils who cannot name what the site is about in a few words. Help them shrink a long idea into a short banner line.
Pair talk is fine here if it helps. Do not let planning run long: the build stretches need the minutes.
Item 3 now matches the build order: Home first, then the second page. Do not let pupils plan a different page order.
Open the interactive. Your site is already there.
Do Home first. Use the Done list. Then do the same on your second page (Hobbies, Tips, or whatever it is called in the menu).
Edit what is already there. Do not add a second banner. Change at least the banner words and one page colour so the site is clearly yours. Only treat a line as done when you can see it on Your web page.
Done looks like this:
Need help? Work one line at a time.
1. Banner
From Layout, drag a banner to the very top if the page has none. Type a few words about the site and pick a colour. If a banner is already there, click it and fix the words and colour.
2. Same banner on both pages
Use the same banner words on your second page as on Home.
3. Page colours and font
Click the big page block. Change the background colour, text colour and font.
4. Heading
From Content, drag a heading under the banner and menu if needed. If one is there, change the words to fit your site.
Mid-build bell: at 10 minutes, call a quick stop. Anyone still on Home finishes the Done list for Home only, then moves to the second page. Keep the checkpoint at the full 14 minutes so the close stays protected.
Look-fors while you walk:
Remind anyone stuck on colour that the banner colour comes from its own dropdown on the block. Do not send them to the CSS tab to recolour a banner.
If a pupil's earlier work is thin, the starting site in the interactive is enough to finish from. They can change the words and layout to make it theirs. Stop anyone stacking a second banner on a page that already has one.
Second pages may be called Hobbies, Tips, or a name the pupil chose. Point them at the menu labels, not a fixed page name.
Model one how-to at a time on the board if the room looks stuck: banner first, then page colours, then heading. Do not read the whole Need help block aloud in one go.
Stop building. Hands off the keyboard for a minute.
Open the Your web page tab. Look only at the top of your Home page.
Ask yourself:
If the answer is no, you know what to fix in the next stretch.
Do this as a whole class look-up. Pick two or three pupils to say out loud what they see first on their own page. Keep it kind and quick.
The point is the design question of the module: the top of the page decides whether a visitor stays. Do not turn this into a long critique.
Back to the interactive. Now give your site a shape a reader can scan.
If you already have two topic boxes in a row, only change words, pictures and colours. Do not stack more boxes.
Edit what is there. Do not add a second banner. Check Your web page against the list. Add only what is missing. Do Home first, then your second page (Hobbies, Tips, or whatever it is called in the menu).
Done looks like this:
Row
Put blocks inside the row, in the empty space on that block, not beside it on the page.
If you need a row, from Layout drag a row onto your page. Put two blocks inside it. A picture and a text block side by side works well.
Coloured boxes
From Layout, drag the Coloured box (the block that wraps a topic). We will call it a coloured box. Move the heading and text for one topic inside it and pick its colour. Add a second coloured box for another topic. Try putting both inside one row so they sit side by side.
Make it yours
Change the words so the site sounds like you. Swap pictures from the gallery if you want.
Need a simpler target? One row and two coloured boxes on Home is enough.
Finished early? Add a second row or stronger colour contrast on your second page.
Mid-build bell: at 10 minutes, call a quick stop. Pupils who already meet the Done list on Home move to polish words and the second page. Anyone still stacking duplicates stops and personalises instead. Keep the checkpoint fixed so the close is protected.
Common snag: blocks dropped beside the row instead of inside it. Say inside the row, in the empty space on that block.
First name it fully once: the Coloured box in the Layout tray (the block that wraps a topic). After that, say coloured box. The block type in the workspace is wp_card.
Do not ask anyone to recolour a box from the CSS tab. The colour dropdown on the block is the only way that works.
Pupils whose site already has rows and boxes should personalise words and pictures, not stack duplicates.
If the room stalls, model one short action on the board at a time: first a row with two things inside, then one coloured box, then a second.
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.