School website handbook

6. Writing the words

You type straight into the finished page. What you see is what a parent will see. There is no separate preview to remember.

The page editor with a white sheet of text showing headings, a paragraph and a bulleted list.
The white sheet is the page. It is the width the website gives a page, on purpose.

The row of buttons

The editor toolbar: a Normal text dropdown, then buttons for bold, italic, underline, crossed out, alignment, lists, quote, link, picture, video, table, form, undo and redo.
Hover over any button and it tells you its name.
Normal text
A dropdown. Choose Heading 2 to start a new section of the page. Headings also build the list of sections down the side of the page, automatically.
B, I, U, S
Bold, italic, underline and crossed out. Use bold sparingly — a page where everything is bold has nothing emphasised.
Line up
Left, middle or right. Left is right for almost everything.
Lists
A bullet list, or a numbered list for steps that happen in order.
Quote
Sets a passage apart with a line down the side.
Add a link
Turns the selected words into a link. See below.
Add a picture
Puts a photograph inside the words. See below.
Add a video
Puts a YouTube or Vimeo video in the page.
Add a table
Starts a table of three rows and three columns, with a heading row.
Add a form
Puts the enrolment enquiry form into the page.
Undo / Redo
Steps backwards and forwards through what you have typed. Ctrl+Z works too.
See the code
The far right button. Shows the page as plain text. You will not need this. If you open it by mistake, press it again to come back.

There are no colour or font controls, on purpose

That is what keeps every page of the website looking like it belongs to the same school. The design is looked after for you.

  1. Select the words that should be the link.
  2. Press the link button.
  3. Type where it should go, then press Add link.
  • For another page on your website, type the address part only: /enrolment.
  • For another website, paste the whole thing: https://….

To take a link off, select the words, press the link button, clear the box and press Remove link.

Adding a picture

The add-a-picture panel, with a From my computer button, a box to paste a link, a description box, a width box and a Where dropdown.
Where the picture sits, how wide it is, and what it shows.
  1. Click in the page where you want the picture.
  2. Press the picture button.
  3. Press From my computer, or paste a link to a picture.
  4. Fill in what it shows. See the note below.
  5. Set the Width in dots. 400 is a good size beside words; 800 is large.
  6. Choose Where: on its own, in the middle, or with the text beside it.
  7. Press Add picture.

Always describe the picture

"What it shows, for people who cannot see it" is read aloud to blind visitors, and shown if the picture fails to load. Write what is happening — "Students planting in the kitchen garden" — not "photo" or the file name.

Adding a video

  1. Press the video button.
  2. Paste the link you see in your browser when watching it. YouTube and Vimeo both work.
  3. Say what the video is, for people using a screen reader.
  4. Press Add video.

You can also press Upload a video file to put a video of your own on the website. Keep those short — a long video is a very large file.

Adding the enrolment form

The add-a-form panel, saying the form goes in wherever the cursor is, with a button labelled Enrolment and tour enquiry.
The form drops in wherever your cursor is.
  1. Click in the page where the form should sit — usually at the bottom.
  2. Press the form button.
  3. Press Enrolment and tour enquiry.

It needs an office address first

The form only appears on the real website once an email address has been set under Enrolment Form. See section 11.