| |
A Guide to using
our simpleCMS system.
Initiating Editing
| Beginning - To begin editing on
your web site, click on the hidden link that you will
have been provided with. This will bring up a login screen. |
| Login - When the login
screen is presented (shown at right), simply enter your
password. This will bring up the editor whose toolbar
is shown below. |
 |
Editing
Editing with the simpleCMS is very conventional.
It uses a WYSIWYG editor in which most elements will be familiar
to users of MS Word or other similar editor. But there are
a few items that are somewhat unique to this style of editing
and are discussed in this section. All editing
commands are shown later in this document. The unique features are "Save" and "Cancel",
the Image Insert, the "Show Table
Borders", "Source view", and the "right click" functions. Also
you will not see the entire page as it appears on the web site.
It has been setup to only allow you to change the "content" of
the pages and not the menus, banners, etc..
Unique Features
Save/Cancel
When you save (  ),
you are publishing the file on the web and it will be immediately
viewable on the web. At this time, there is no backup of the
file edited. So double check your work and if you make a mistake
you must simply edit it again. You cancel the session with the Cancel button
( ) and nothing
will be saved (or published).
Image Insertion/Uploading
Pictures (images) may be uploaded and put into
a web page very easily.
To upload an image (jpg or gif only), simply
hit the "Browse" button on the form,
navigate and select the file on your local disk, and hit the "Upload" button.
To insert an image simply click on the desired
filename in the "Image Preview" section of the form and hit
the "OK" button. You may fill out the other fields on the form,
but they are not necessary and need only be used to adjust
the layout.
Show Table Borders 
The "Show Table Borders" button allows you
so see the boundaries of tables. This is useful when you need
to see and adjust a table that is being used to position text,
pictures, etc. in something other than a straight column. Turning
this on only makes the borders visible during editing. Once
the file is saved, the borders will not be visible.
"Right Click" Functions
There are a number of functions available to
you by clicking the right mouse button while the cursor is
over a table, image, or link.
Source View
The Source check box ( )
allows the user to view and edit HTML directly. Unchecking
the box returns the editor to WYSIWYG mode.
Web Page Style
The following is a brief description of how
to keep the basic "look-and-feel" of a web page intact across
the web site.
- Fonts Names, Sizes, Colours
In general, the fonts are "fixed" for the web site, so please do not change
the font size, colour, or the font name. This is done so that they are
consistent across the site. If you need to emphasize something, try underlining,
italizing, or "bolding" it.
-
Note that titles (headings) use a different
font size but this is handled differently.
-
Font Format
For all regular text the format should be set to "Normal". For titles use "Heading
3" or "Heading 4" (3 is larger).
-
Pictures and Images
Pictures (jpg or gif) can be uploaded to the site but there are a few things
to remember. If you plan on showing an image that will appear small you
should first resize it before uploading it. Keeping the image size small
keeps page loading time low for the folks reading your page. There are
a variety of programs (such as Photoshop, Corel Draw) that can do resize.
If you don't have one of these try the freeware program Irfan
View. If you wish to make a high resolution picture
available create a link.
Toolbar
The simpleCMS Editor Toolbar looks much like
any other WYSIWYG editor with a few additional features. Moving
your cursor over the menu will tell you what a class of buttons
are or in some cases an individual button's name is and clicking
in that area will take you to a more detailed description of
the operation.
Commands
Right Click Functions
Right clicking on objects in the WYSIWYG editor
will give you a number of addtional options.
 "Right
Click" on table |
Allows you to change the attributes of an individual
table cell or to add/delete columns or rows. |
| "Right
Click" on image |
Allow editing or deletion of a image |
| "Right
Click" on link |
Allow editing or deletion of a link |
Save/Cancel
|
Save will store the contents of the editor on the web
site. |
|
Cancel will abot the current editing session without
saving. |
Source
|
Checking the box will display the HTML source. Unchecking
this will show the WYSIWYG editor |
Cut/Paste
 |
Cut the currently selected text, table, or image |
 |
Copy the current object (text, etc.) |
 |
Paste the currently copied items - this preserves any
formatting |
 |
Paste text as plain text - does not save formating
info |
 |
Paste from Microsoft Word |
Spell Check/Find
 |
Spell Check - allows spell checking but requires a
Internet Explorer plugin to run. The first time you use
this the editor will prompt you to download and install
the checker. Use of this feature is completely optional. |
 |
Find - finds text |
Undo/Redo
 |
Undo edits (can be many) |
 |
Undo the undo's |
Links
 |
Insert/Edit Link - Allows you to insert links to other
documents and is only highlighted when text or a link
is highlighted. If it is grayed out, nothing is selected. |
 |
Remove Link - deletes a selected link - only highlight
when a link is selected. If it is grayed out, nothing
is selected. |
Special Functions
 |
Image Edit/Insert - allows images to be inserted and
GIF or JPG files to be uploaded to the web site (and
then be inserted) |
 |
Table Edit/Insert - allows a table to be created and/or
edited |
 |
Insert a horizontal line |
 |
Insert a special character |
 |
Insert a "Smiley" - a smiley is a small picture usually
denoting an emotion. |
 |
Tells about the FCKeditor used by the simpleCMS |
|
Shows table borders - when this is selected the border
of all tables will be visible in the editor only and
will not be visible after saving. If you want a table
border to be visible, set the border with to a non-zero
value in the table edit form. |
| Zoom |
Zooms in and out of document |
 |
Show Details |
|
Text Formatting
 |
bolds/unbolds text |
 |
italicizes/unitalicizes text |
 |
underlines or removes underlines on text |
 |
strikes through text or removes strike throughs |
 |
Subscript |
 |
Superscript |
Justify Paragraphs
 |
Center justify a paragraph |
 |
Block justify a paragraph |
 |
Left justify a paragraph |
 |
Right justify a paragraph |
Lists
 |
Bullet text (unordered list) |
 |
Numbered list |
Indentation
 |
indents text |
 |
removes levels of indentation |
Font Format
| Style |
Sets the font "class" - normally this should be set
to "nothing" (no style). |
| Format |
Sets text to a variety of uses - usely "normal" or "Headings" |
| Font |
Sets font name for text |
| Size |
Sets font size to be used for text |
Text Color
 |
Sets text color |
 |
Sets text background color |
Alphabetical List of Editor commands and Icons
|
About |
|
Text Background Colour |
|
Bold |
|
Cancel Edit Session |
|
Copy |
|
Cut |
|
Find |
|
Image (insert and/or upload) |
|
Indent |
|
Ordered List |
|
bullet items |
|
Italic |
|
Justify Center |
|
Justify Full (block) |
|
Justify Left |
|
Justify Right |
|
Link |
|
Outdent |
|
Paste |
|
Paste as Plain Text |
|
Paste from Word |
 |
Print |
|
Redo |
 |
Remove Format |
|
Horizontal Line |
 |
Select All |
|
Save contents |
|
Show Details |
|
Show Table Borders |
|
Smiley |
|
Special Char |
|
Spell Check |
|
Strikethrough |
|
Subscript |
|
Superscript |
|
Table |
|
Textcolor |
|
Underline |
|
Undo |
|
Unlink |
|
|
