Editor Help
If you want to edit a page, first navigate to the page, then click the small Edit link.
You will be asked for a user name and password. You should keep your own record of these - email the designer if you forget, or want them changed.
Buttons at the top right:
New Page to create a new page - automatically added to the bottom section of the menu
Restore to revert to the previous version of the page - discards the last edit
Delete to delete the page
Attach to attach a file from your PC or shared drive: useful for including documents, spreadsheets or presentations.
Editing
The Enter key will generate a new paragraph (in Internet Explorer): if you want a line break without a new paragraph, use Shift+Enter. This is the same way most word processors work.
Simply pressing Enter...
…gets a new para. But pressing Shift+Enter...
…gets a line break without a new paragraph.
The Page Title will be added to the top of the page, using style Heading 1.
Toolbar
The editor toolbar is similar to the one in Microsoft Word and should seem familiar:
- The toolbar may have been configured so that you do not see all the buttons shown here.
The toolbar buttons allow you to format the selected text.
You can select text by dragging with the mouse, just as in other applications.
Double click to select a word.
Use the pull-down to choose heading styles that conform to the site style sheet. It applies to the current line or paragraph - the one containing the cursor.
Heading 1 has been used at top of the page for the title, so it is better to start other headings at the Heading 2 level. To remove a heading style, select Paragraph format.
or Ctrl+B for Bold, or Ctrl+I for Italic.
You should probably avoid using underline in web pages: people often assume underlined text is a link. You may want to use Ctrl+U to switch off underline on text you have pasted in from elsewhere.
Colour text brings up the Colour dialogue: you should use this sparingly or your pages may become too 'busy'. You can select a colour from the palette or type in a colour name or hex code (starting #), if you know it.
Highlight text also brings up the Colour dialogue.
Indent text or Remove indent
Justify, or align, text: left, right, centred.
Undo or Redo your last change.
Bullets and Numbers make selected paragraphs into lists, just as in your word processor.
brings up the Insert link dialogue, but you need to have some text selected first. So, first you select the text (click and drag) you want to make into a link, then, click the link button and enter the URL, or address of the page you want to link to.
You can click Browse to see a list of pages on the site and then click the filename of the one to which you want to link.
If you open the page you want in another window you can copy the link address from the address bar then paste it into the address field.
- To link to a page that is on this site, click the button and you will see a list of pages.
Just click the one you want and your link is inserted.- To make an email link, replace the 'http://' with 'mailto:'
is the 'Clean up' button.
- This removes all formatting (including bold, italic, etc.) from the current selection.
- If there is no text selected it 'cleans' the whole document:
If you paste content in from a Word document, it will probably contain some fonts and formatting that don't conform to the website house style. The Clean up button sorts this out and makes the page conform to the house style. It should retain bullets, tables, bold and italic. Fonts and colours will convert to the house style. You may want to set heading styles (from Choose style) on each heading line after using Clean up.
Pictures or images
brings up the Insert Image dialogue. You can choose a picture from the website or upload a new one.
First click the Browse button to see a list of images already available. Click an image name to preview it, and click Use This to insert the image.
If you want to add a new image from your computer, scroll to the bottom of the list and click Browse... to bring up a window allowing you to browse your local files.
Select the file you want and click Open. When the file browser disappears, click Upload. It may take a while for the image to upload.
Double clicking an existing picture in the page you are editing also brings up the image dialogue.
The form lets you format the image:
Image address (URL): the address if you know it, otherwise click Browse
Alternate text: The text that is displayed, or read out aloud, to users who cannot see the image. If left blank, Whizzywig inserts part of the filename.
Align: 'Normal' means the image is in-line, inside the text 
<-like that; 'Left' floats the image to the left of the page and the text flows round it; 'Right' floats the image to the right ->
Border: A number on its own gives the width of the border, in pixels, so '0' means 'no border'.
If you know a little CSS you can also specify a border using strings like
Photographs usually look better with a border set to
'1' or '1px solid black'.Logos should normally have border set to
'0'
Margin: A number on its own gives the width of the space round the image, in pixels, so '0' means 'no margin'. 5 or 10 are sensible numbers to keep text clear of images.
If you know a little CSS you can also specify a margin using strings like
'1em' (1 'M' character wide) or
'0 5px' (0 at top and bottom, 5 pixels at sides) or
'15px 0 30px 1em' (starting at top, going clockwise, 15 pixels at the top, nothing at the right, 30 pixels at the bottom, 2 'M' characters wide at the left. Top, Right, Bottom, Left: TRBL.
(if available) opens a window that lets you pick an image that has already been uploaded.
In the image preview, hover over a filename to preview it. To insert it into your page you can either drag the picture into your page or click the filename.
Tables
the table button brings up a dialogue to insert a new table. If you are already in a table the table editor buttons are visible:
(remember, hovering over a button shows a label to remind you of what the button does)
Add row above the current one,
Add row below,
Delete row
Add column before,
Add column after,
Delete column.
Table in cell creates a new table inside the current table cell.
Cut and Paste
You can use Copy (or Ctrl+C) and Paste (or Ctrl+V) on the Edit menu of Internet Explorer (or whatever browser you are using). This allows you to paste text from another application (e.g. a Word document) into to the edit area. This is useful if you already have text prepared in Word, or Excel, or another web page.
After you have pasted in from another application, you should then click the
Clean up button on the toolbar.
This will make the text conform to the site style. The site style is controlled by a 'style sheet' and determines what fonts and colours to use for text and headings. Changes made to the style sheet affect every page on the site.
Clean up
- Clean up removes pre-set fonts and other unwelcome insertions added by Microsoft Office. Without using clean up, pasting in from an external application may introduce invalid HTML (mark-up code).
- Clean up preserves bold, italics, tables and bullet lists.
- On tables it attempts to remove the fixed width from columns, which makes them more easily viewed in a web page and more easily edited.
- Clean up may remove formatting you have added yourself.
If you click with text selected it removes formatting (including bold, italics, etc.) from the current selection.