Today you get a small two-page site about hobbies.
You will put a banner across the very top of each page. A banner is a coloured strip with a short title. It tells a visitor, in one glance, what the site is about.
By the end, both of your pages will share the same banner at the top.
When someone opens a web page, their eyes go to the top first.
In about one second they decide: is this page for me?
A banner sits across that top strip. It holds a few words and a colour, so the visitor knows what the whole site is about before they read anything else.
Later today you will find the banner in Layout, place one on each page, write short words on it, and pick a colour so both pages match.
Open the interactive activity. Your site is already there. You do not need to find it.
Click the Your web page tab so you can see the page, not only the blocks.
You have two pages: Home and Reading.
On the page preview, click Home or Reading in the site menu to open each page.
On Home, look from the top down. What does a visitor see first right now?
Before you add anything, predict:
Click the Blocks tab. Click the big page block labelled Home so you are editing that page.
From Layout, drag a banner block onto the Home page.
Drop it at the very top of the Home page, above the menu block.
If it lands in the wrong place, drag it up until it sits first.
Click the Your web page tab. You should see a coloured strip across the top that says Banner.
Click the Blocks tab. Click your banner block on the Home page.
On the banner block, click the word Banner and type a short title instead.
Use a few words only, not a full sentence. For example: My Hobbies.
On the same block, pick a colour from the colour dropdown that fits your site and still makes the title easy to read.
Click the Your web page tab. Check the top strip shows your words and your colour.
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.