| Save |
 |
|
Save without exiting
To save changes you have made to a file (without exiting) you
can either:
Click the 'Save' icon or Use the save drop down, and choose
‘save’
or
Use a shortcut to save: ‘Ctrl + S’
NB. Once you have saved a document, you cannot ‘undo’
any changes prior to the save. |
| |
|
Save & Exit
To save changes you have made to a file and exit:Click the 'Save'
drop down Choose ‘save and exit’
The file will be saved and you will be taken back to the File
Manager. |
| |
|
Revert to last saved version
To discard changes and revert to the last saved version of the
file:
Click the 'Save' drop downChoose ‘revert’
You will be asked “Are you sure you want to discard changes
and revert to the last saved file?”
Answering “Ok” will take you back to the last saved
version of the file, answering “Cancel” will not
discard your changes. |
 |
| Cancel without Saving |
 |
|
To cancel changes without saving:
Click the 'Cancel Without Saving' icon. A dialog box will appear,
asking for confirmation.
You will be asked “Are you sure you want to cancel without
saving changing?”
Answering “Ok” will take you back to the file manager
without saving any changes
Answering “Cancel” will keep you in the file and
will not discard your changes. |
|
| Switch Editing
Mode (Text or WYSIWYG) |
 |
|
To switch between editing modes,
click the 'Switch Editing Mode (Text or WYSIWYG)' icon.
This will toggle between the editing modes (Text - showing all the HTML or
WYSIWYG - showing the content of the page).
Note that the status bar (at the bottom of the window) will reflect the editing
mode currently in use.
This is recommended for advanced users only. |
|
| Show Preview |
 |
|
To show a preview of the page
being edited:
Click the 'Show Preview' icon. This will bring up a pop-up
window previewing the page being edited.
Click the “Show Preview’ drop-down menu to choose
from the preview sizes:
800 x 600 (ctrl+F12)
640 x 480
1024 x 768 |
|
| Print |
 |
|
To print a page being edited:
Click the 'print' icon. This will print the document to your
default printer. |
|
| Spell Check (F7) |
 |
|
To check spelling, select the text you would
like to spell check (if you do not select the text, then your
whole document will be checked)
Click on the spell checker icon or right click on the mouse
and scroll down to ‘Check spelling’.
You will be taken to the first incorrectly spelled word.
You can then choose to
- Change the incorrectly spelled word with the suggested
words provided
- Ignore the incorrectly spelled word (i.e. not make any
changes to it)
To check spelling of a single word, highlight the word and
right click on the mouse to get a selection of suggested
replacements. To replace the miss-spelt word with one of
the suggested words, simple select one of the replacements.
|
|
| Cut (Ctrl+X) |
 |
|
To cut a portion of the document (image or text):
Highlight the desired portion and click the 'Cut' icon (keyboard
shortcut – ctrl + x),
or
Click the right mouse button on the desired portion and choose
‘cut’ |
|
| Copy (Ctrl+C) |
 |
|
To copy a portion of the document:
Highlight the desired portion and click the 'Copy' icon (keyboard
shortcut - ctrl+c),
or
Click the right mouse button on the desired portion and choose
‘copy’ If you want to copy multiple items that can’t
be highlighted together with the cursor, then hold down the
control key and highlight the areas you need copying with the
mouse cursor. |
|
| Paste (Ctrl+V) |
 |
|
To paste a portion that has already been
cut (or copied):
Select where you want to place the desired portion on the
page and click the 'Paste' icon (keyboard shortcut – ctrl+v),
or Click the right mouse button on the desired portion and
choose ‘paste'.
To paste from Microsoft Word, click on the drop-down tab
and select the ‘Paste from MS Word’ option (control
D)
|
|
| Paste from Word (Ctrl+D) |
|
|
To paste a portion that has already been
cut (or copied):
Select where you want to place the desired portion on the
page and click the 'Paste' icon (keyboard shortcut – ctrl+v),
or Click the right mouse button on the desired portion and
choose ‘paste'.
To paste from Microsoft Word, click on the drop-down tab
and select the ‘Paste from MS Word’ option (control
D)
|
|
| Find and Replace |
 |
|
To find and replace words or phrases within
the text:
Select the search and replace feature. Enter the word or
phrase you wish to replace and type it in the “Find
what” field
Select the new word or phrase you wish to replace the searched
text with in the ‘Replace with’ field.
You can choose to ‘find next’ which allows you
to manually replace instances of the searched text, or you
can choose ‘replace all’ which allows you to
replace all instances of the selected text.
Selecting the optional ‘Match Case’ tab allows
you to search for a word or phrase with exactly the same
upper or lower-case spelling of the word or phrase entered
in ‘Find What’. Not selecting this option means
that a word entered in the ‘Find what’ field
with upper case characters will return a search of upper
and lower case matches of the same word.
Selecting the optional ‘Match whole word only’ tab
allows the search to only display the words that are an exact
match of the word or phrase entered in the ‘Find What’ field.
|
|
| Undo (Ctrl+Z) |
 |
|
To undo the last change:
Click the 'Undo' icon (keyboard shortcut – ctrl+z). Each
consecutive click will undo the previous change to the document. |
|
| Redo (Ctrl+Y) |
 |
|
To redo the last change:
Click the 'Redo' icon (keyboard shortcut - ctrl+y). Each consecutive
click will repeat the last change to the document. |
|
| Remove Text Formatting |
 |
|
To remove all text formatting (eg Bold, Font type, font size etc) on selected text, select
the desired text and click the 'remove text formatting' icon. |
|
| Bold (Ctrl+B) |
 |
|
To bold text:
Select the desired portion of text and click the 'Bold' icon
(keyboard shortcut – ctrl + b).
Each consecutive click will toggle this function on and off.
To find out whether existing text is bold, highlight the text
with the cursor. If the ‘bold’ button is indented,
then the text has been formatted to ‘bold’. |
|
| Underline (Ctrl+U) |
 |
|
To underline text:
Select the desired portion of text and click the 'Underline'
icon
(keyboard shortcut – ctrl+u).
Each consecutive click will toggle this function on and off.
To find out whether existing text is underlined, highlight the
text with the cursor. If the ‘underline’ button
is indented, then the text has been formatted to ‘underline’. |
|
| Italic (Ctrl+I) |
 |
|
To convert text to italic:
Select the desired portion of text and click the 'Italic' icon
(keyboard shortcut – ctrl+ i).
Each consecutive click will toggle this function on and off.
To find out whether existing text is italic, highlight the text
with the cursor. If the ‘italic’ button is indented,
then the text has been formatted to ‘italic’. |
|
| Strikethrough |
 |
|
To format text as strike through Select the
text you want formatted by highlighting it and select the ‘Strike
through’ icon.
Each consecutive click will toggle this feature on and off
|
|
| Insert Number List |
 |
|
To start a numbered text list:
Click the 'Insert Numbered List' icon. If text has already
been selected, the selection will be converted to a numbered
list.
Each consecutive click will toggle this function on and off.
|
|
| Insert Bullet List |
 |
|
To start a bullet text list:
Click the 'Insert Bullet List' icon. If text has already been
selected, the selection will be converted to a bullet list.
Each consecutive click will toggle this function on and off. |
|
| Decrease Indent |
 |
|
To decrease indent of a paragraph:
1. Click the 'Decrease Indent' icon.
2. Highlight the portion of text needing indenting and click
the icon.
Each consecutive click will move text further to the left. |
|
| Increase Indent |
 |
|
To increase indent of a paragraph:
Click the 'Increase Indent' icon. Highlight the portion of text
needing indenting and click the icon.
Each consecutive click will move text further to the right. |
|
| Align Left |
 |
|
To align to the left:
Make a selection in the document and click the 'Align Left'
icon. |
|
| Align Center |
 |
|
To align to the center:
Make a selection in the document and click the 'Align Center'
icon. |
|
| Align Right |
 |
|
To align to the right:
Make a selection in the document and click the 'Align Right'
icon. |
|
| Align Justify |
 |
|
To align justify:
Make a selection in the document and click the 'Align Justify'
icon. |
|
| Create / Modify
HyperLink |
 |
|
To create a hyperlink:
Select text/image to create the link on
Click the 'Create / Modify HyperLink' icon. A HyperLink window
will appear, split into two sections. The top section ('Link
Information') will have existing link information, if the
object you selected already had a link.
You can also type the full URL of the page you want to link
to in the URL text box.
You can also enter the target window information (optional)
and an anchor name (if linking to an anchor - optional). This
is if you want to reference a different section of the same
file
You can specify the file extension you need.
The bottom section contains a cut-down version of the 'File
Manager'.
You can use this to navigate through your site's files and
folders. When you have found the file you want to link to,
click the 'Get Link Location' link next to that page.
The information will be automatically updated in the 'Link
Information' portion of the page.
When finished, click the 'Insert Link' button to insert the
HyperLink you just created, or click 'Remove Link' to remove
an existing link.
Clicking 'Cancel' will close the window and take you back
to the editor.
To modify an existing hyperlink:
Select the link and click on the 'Create / Modify HyperLink'
icon.
The HyperLink window will appear.
Make your changes and select the 'Insert Link' button. Select
‘remove link’ to remove an existing link.
|
|
| Create Email Link |
 |
|
To create an email link:
Select text or an image on the web page you are editing where
you would like the link to appear.
Click the 'Create Email Link' icon.
In the dialogue box, type the email address for the link and
the subject of the email.
When finished, click the 'Insert Link' button to insert the
email link, or 'Cancel' to close the box.
To modify the email link, select (highlight) it with the cursor
and click on the ‘Create Email Link’ icon and change
the link information as required.
|
|
| Insert / Modify
Anchor |
 |
|
To insert an anchor:
Select the desire spot on the page you are editing and click
the ‘Insert or Modify anchor’ icon. In the dialog
box, type in the name for the anchor and click ‘Insert
Anchor’, or ‘Cancel’ to close the box.
An anchor icon will appear on the page where the anchor
was specified. To move the anchor, simple click and drag
the icon to where it is required. To view the icon once you
have made the move, toggle the ‘show guidlelines’ icon
on and off.
To modify an anchor, select the anchor icon (displayed when
Guidelines are switched on)
and click the 'Insert or Modify Anchor' icon. Make your changes
and hit the 'Modify Anchor' button or click 'Cancel' to close
the window.
|
|
| Font |
 |
|
To change the font of text, select the
desired portion of text and click the 'Font' drop-down
menu.
Select the desired font (choose from Default - Times
New Roman, Arial, Verdana, Tahoma, Courier New or Georgia). |
|
|
| Font Size |
 |
|
To change the size of text, select the
desired portion of text and click the 'Size' drop-down
menu.
Select the desired size (text size 1-7). |
|
|
| Format |
 |
|
To change the format of text, select the
desired portion of text and click the 'Format' drop-down
menu.
Select the desired format (choose from Normal, and Heading1
- Heading6). |
|
|
| Style |
 |
|
To change the style of text, images,
form objects, tables, table cells etc:
Select the desired element and click the 'Style' drop-down
menu, which will display all styles defined in the style-sheet.
Select the desired style from the menu.
Note: this dropdown menu will not contain any styles
to select from if there is no style-sheet applied to
the page.
|
|
|
| Superscript |
 |
|
To convert text to superscript (vertically aligned
higher):
Select the desired portion of text and click the 'Superscript'
icon. Each consecutive click will toggle this function on and
off.
To find out whether existing text is superscript, highlight
the text with the cursor. If the ‘superscript’ button
is indented, then the text has been formatted to ‘superscript’. |
|
| Subscript |
 |
|
To convert text to subscript (vertically aligned
lower):
Select the desired portion of text and click the 'subscript'
icon. Each consecutive click will toggle this function on and
off.
To find out whether existing text is subscript, highlight the
text with the cursor. If the ‘subscript’ button
is indented, then the text has been formatted to ‘subscript’. |
|
| Font Color |
 |
|
To change the colour of text, select the
desired portion of text and click the 'Colour' drop-down
menu.
Select the desired colour from the large selection in
the drop-down menu. |
|
|
| Highlight Color |
 |
|
To highlight font:
Select the desired portion of text and Click the 'Highlight'
drop-down menu.Select the desired color from the large
selection in the drop-down menu. |
|
| Insert Table |
 |
|
To insert a table, select the desired
location, then click the 'Table Functions' icon.
Select "Insert Table" from the drop down menu
A new window will pop-up with the following fields: Rows - number
of rows in table; Columns - number of columns in table; Width
- width of table; BgColour - background colour of table; Cell
Padding - padding around cells; Cell Spacing - spacing between
cells and Border - border around cells.
Fill in table details then click the 'Insert Table' button to
insert table, or click 'Cancel' to go back to the editor. |
|
| Modify Table Properties |
| |
|
To modify table properties, select
a table or click anywhere inside the table to modify, then select
the 'Modify Table' link from the table functions menu.
A pop-up window will appear with the table's properties. Click
the 'Modify Table Properties' button to save your changes, or
click 'Cancel' to go back to the editor.
Note: this function will not work if a table has not been selected. |
|
| Modify Cell Properties |
| |
|
To modify cell properties, click
inside the cell to modify, then click the table properties icon
to show the 'Modify Cell Properties' link.
A pop-up window will appear with the cells' properties.
Click the 'Modify Form Properties' button to save your changes,
or click 'Cancel' to go back to the editor.
Note: this function will not work if a cell has not been selected
and does not work across multiple cells. |
|
| Insert Row Above |
| |
|
To insert row above, click inside
cell above which to insert a row, then click the table properties
icon to show the 'Insert Row Above' link.
Each consecutive click will insert another row above the selected
cell.
Note: this function will not work if a cell has not been selected. |
|
| Insert Row Below |
| |
|
To insert row below, click inside
cell below which to insert a row, then click the table properties
icon to show the 'Insert Row Below' link.
Each consecutive click will insert another row below the selected
cell.
Note: this function will not work if a cell has not been selected. |
|
| Delete Row |
| |
|
To delete a row, click inside cell
which is in the row to be deleted, then click the table properties
icon to show the 'Delete Row' link.
Note: this function will not work if a cell has not been selected. |
|
| Insert Column After |
| |
|
To insert column after, click inside
cell after which to insert a column, then click the table properties
icon to show the 'Insert Column After' link.
Each consecutive click will insert another column after the
selected cell.
Note: this function will not work if a cell has not been selected. |
|
| Insert Column Before |
| |
|
To insert column before, click inside
cell before which to insert a column, then click the table properties
icon to show the 'Insert Column After' link.
Each consecutive click will insert another column before the
selected cell.
Note: this function will not work if a cell has not been selected. |
|
| Delete Column |
| |
|
To delete a column, click inside
cell which is in the column to be deleted, then click the table
properties icon to show the 'Delete Column' link.
Note: this function will not work if a cell has not been selected. |
|
| Increase
Column Span |
| |
|
To insert column span, click inside
cell who's span is to be increased, then click the table properties
icon to show the 'Increase Column Span' link.
Each consecutive click will further increase the column span
of the selected cell.
Note: this function will not work if a cell has not been selected. |
|
| Decrease Column
Span |
| |
|
To decrease column span, click inside
cell who's span is to be decreased, then click the table properties
icon to show the 'Decrease Column Span' link.
Each consecutive click will further decrease the column span
of the selected cell. Note: this function will not work if a
cell has not been selected. |
|
| Insert Form |
 |
|
To insert a form, select desired position then
click the 'Insert Form' icon.
Select desired position then click the 'Insert Form' icon. A
new window will pop-up with the following fields: ‘Name’
- name of form; ‘Action’ - location of script that
processes the form and ‘Method’ - post, get or none.
(Shortcut key for this operation is ctrl + m)Fill in form details
or leave blank for a blank form.
When finished, click the 'Insert Form' button to insert form,
or click 'Cancel' to go back to the editor. |
|
| Modify Form Properties |
 |
|
To modify form properties, click anywhere inside
the form to modify, then click the 'Modify Form Properties'
icon.
A pop-up window will appear with the form's properties.
Click the 'Modify Form Properties' button to save your changes,
or click 'Cancel' to go back to the editor. Note: this function
will not work if a form has not been selected. |
|
| Insert / Modify
Text Field |
 |
|
To insert a text field, select desired position
then click the 'Insert/Modify Text Field' icon.
A pop-up window will appear with the following attributes: Name
- name of text field; Character width - the width of the text
field, in characters; Type - type of text field (Text or Password);
Initial value - initial text in field and Maximum characters
- maximum number of characters allowed.
Set the attributes then click the 'Insert Text Field' button
to insert text field, or click 'Cancel' to go back to the editor.
To modify a text field's properties, select desired text field
and click the 'Insert/Modify Text Field' icon.
A pop-up window will appear with the text field's attributes.
Modify any attributes desired, then click the 'Modify Text Field'
button to save changes, or click 'Cancel' to go back to the
editor. |
|
| Insert / Modify
Text Area |
 |
|
To insert a text area, select desired position
then click the 'Insert/Modify Text Area' icon
A pop-up window will appear with the following attributes: Name
- name of text area; Character width - the width of the text
area, in characters; Initial value - initial text in area and
Lines - number of lines allowed in the text area.
Set the attributes then click the 'Insert Text Field' button
to insert the text area, or click 'Cancel' to go back to the
editor.
To modify a text area's properties, select desired text area
and click the 'Insert/Modify Text Area' icon.
A pop-up window will appear with the text area's attributes.
Modify any attributes desired, then click 'Modify Text Area'
button to save changes, or click 'Cancel' to go back to the
editor. |
|
| Insert / Modify
Hidden Area |
 |
|
To insert a hidden field, select desired position
then click the 'Insert/Modify Hidden Field' icon.
A pop-up window will appear with the following attributes: Name
- name of hidden field and Initial value - initial value of
hidden field.
Set the attributes then click the 'Insert Hidden Field' button
to insert the hidden field, or click 'Cancel' to go back to
the editor.
To modify a hidden field's properties, select desired hidden
field and click the 'Insert/Modify Hidden Field' icon.
A pop-up window will appear with the hidden field's attributes.
Modify any attributes desired, then click 'Modify Hidden Field'
button to save changes or click 'Cancel' to go back to the editor.
|
|
| Insert / Modify
Button |
 |
|
To insert a button, select desired position then
click the 'Insert/Modify Button' icon.
A pop-up window will appear with the following attributes: Name
- name of text area; Type - type of button (Submit, Reset or
Button) and Initial value - initial text on the button.
Set the attributes then click 'Insert Button' to insert button,
or click 'Cancel' to go back to the editor.
To modify a button's properties, select desired button and click
the 'Insert/Modify Button' icon.
A pop-up window will appear with the button's attributes.
Modify any attributes desired, then click 'Modify Hidden Field'
button to save changes or click 'Cancel' to go back to the editor.
|
|
| Insert / Modify
Checkbox |
 |
|
To insert a checkbox, select desired position
then click the 'Insert/Modify Checkbox' icon.
A pop-up window will appear with the following attributes: Name
- name of checkbox; Initial state - checked or unchecked and
Initial value - value of checkbox.
Set the attributes then click the 'Insert Checkbox' button to
insert the checkbox, or click 'Cancel' to go back to the editor.
To modify a checkbox' properties, select desired checkbox and
click the 'Insert/Modify Checkbox' icon.
A pop-up window will appear with the checkbox' attributes.
Modify any attributes desired, then click 'Modify Checkbox'
button to save changes or click 'Cancel' to go back to the editor.
|
|
| Insert / Modify
Radio button |
 |
|
To insert a radio button, select desired position
then click the 'Insert/Modify Radio Button' icon.
A pop-up window will appear with the following attributes: Name
- name of radio button; Initial state - checked or unchecked
and Initial value - value of radio button.
Set the attributes then click 'Insert Radio Button' to insert
the radio button, or click 'Cancel' to go back to the editor.
To modify a checkbox' properties, select desired checkbox and
click the 'Insert/Modify Radio Button' icon.
A pop-up window will appear with the checkbox' attributes.
Modify any attributes desired, then click 'Modify Radio Button'
button to save changes or click 'Cancel' to go back to the editor.
|
|
| Insert / Modify
Image |
 |
|
This will open the Image Manager. Click
here for more help on the image manager. |
|
| Insert Text Box |
 |
|
To add a text box anywhere within the page,
select the location where you want the text box to reside in
the active window and click on the ‘insert text box icon’ that
will place a text box where you have specified.
To resize the text box, click on the text box frame (turn ‘show/hide
guidelines’ on if you cannot see the textbox outline).
Then click on side/corner of the frame you wish to resize
from and drag to a size you require. The text you type will
be contained within the text box and will stretch to the
size of the text box.
|
|
| Insert Horizontal
Line |
 |
|
To insert a horizontal line:
Select the location to insert the line and click the 'Insert
Horizontal Line' icon. |
|
| Insert Special Characters |
 |
|
To insert a special character, click
the 'Insert Special Character' icon.
A pop-up window will appear with a list of special characters.
Click the icon of the character to insert, then click the 'Insert
Character' button to insert, or click 'Cancel' to go back to
the editor. |
|
| Modify Page Properties |
 |
|
To modify page properties, click
the 'Modify Page Properties' icon.
A pop-up window will appear with page attributes: Page Title
- title of page; Description - description of page; Background
Image - The URL of the image curently set as the page background
image; Keywords - keywords page is to be recognized by; Background
Colour - the background colour of page; Text Colour - colour
of text in page and Link Colour - the colour of links in page.
When finished modifying, click the 'Modify Page' button to save
changes, or click 'Cancel' to go back to the editor. |
|
| Clean Up HTML Code |
 |
|
To clean HTML code, click the 'Clean
HTML Code' icon.
This will remove any empty span and paragraph tags, all xml
tags, all tags that have a colon in the tag name (i.e. )
and remove style and class attributes.
This is useful when copying and pasting from Microsoft Word
documents to remove unnecessary HTML code. |
|
| Toggle Absolute
Positioning |
 |
|
To position a text box or image
using absolute positioning, select the ‘absolute positioning’ icon
and click and drag an image or text box to the location you
would like it to reside within the active window.
Turn ‘show/hide guidelines’ on if you cannot
see the textbox outline. |
|
| Show / Hide Guidelines |
 |
|
To show or hide guidelines, click
the 'Show/Hide Guidelines' icon.
This will toggle between displaying table and form guidelines
and not showing any guidelines at all.
Tables and cells will have a broken grey line around them, forms
will have a broken red line around them, while hidden fields
will be a pink square when showing guidelines.
Note that the status bar (at the bottom of the window) will
reflect the guidelines mode currently in use. |
|
and files with the file icon 
.