Main Menu
Available Services
|
Help Center: How do I edit an existing webpage?
*Click on any image on this page to see a larger version of it.*
To Edit an Existing Webpage
On the main administrative screen, under "Edit or add a webpage" at top left,
select the section in which you wish to edit an existing webpage. Click on the "go" button.
|
|
On the next screen, select the webpage you want to edit from the list by clicking on it.
Make sure "Use the Editor" is selected, and click on the "Edit Webpage" button.
|
|
|
|
To add bold, italics, or underlining,
you can either: |
|
- Type the text you wish to format, and then select it with your cursor. Click on the
bold, italics, or underline button (or any combination of those three) to add the
desired formatting; or
- Click on one or more of those three buttons, and then type the text you
wish to format. Click once more on the buttons to end that type of formatting.
|
|
|
|
Fonts: |
|
Your site will be set up with a default font face, size & color to retain uniformity among
all of the pages on your site. However, you may at times wish to change the font in one area
of your site. To do so, select the font face by clicking on the arrow in the font bar. You
will see a drop down list of fonts, and can click on the one you want. To change the size,
click on the arrow on the box to the right of "Size", and choose a size from the drop down
list that will be displayed. You may also change the font color by clicking on the "T" and
choosing a color from those displayed. As with bold, italics and underline, you may type your
text first, then select it and make these changes, or select your font attributes first and
then type your text.
|
|
|
Adding Links:
|
|
- Type the text you wish to use as a link.
- Select that text with your cursor.
- Click on the button with the world and a chain link.
To add a link to another site:
A dialog box will pop up. In the box marked "URL", type your link, including 'www'.
Then click on "OK".
|
|
To link to a page within your site OR to a PDF file:
If you want to link to a page within your site or to a pdf file you have uploaded,
under "Protocol", select "<other>".
Type the name of the page [Example: about.php]
or the name of the pdf file, including 'pdf/' before the file name
[Example: pdf/newsletter.pdf] in the "URL" box.
Click on "OK" once you have finished.
Don't know the name of the page you want to link to? Click here to find out
more about link references.
|
|
To turn an e-mail address into a link:
If you want to turn an e-mail address into a link, begin as above.
Then select "E-mail address" instead of "URL" at the top left hand side,
under "Link Type".
Type the e-mail address in the box provided. You may also add a subject and a basic message
if you wish. Click on "OK" once you have finished.
|
|
|
The original dialog box will reappear, with your image's name in the "URL" box.
|
|
Adding images: |
|
To add an image to your webpage, click on the image icon. A dialog box will appear. Click on
the 'Browse Server' button to see the images that are uploaded onto your site.
Click on the image you want to add.
|
Other image properties:
After inserting an image as described above, you will see a pop-up window like this one with several options.
Alternative Text:
Type a description of your image. This will appear to people who have chosen to not load
all images, or may be read to visually-impaired users.
Width & Height: Use these boxes to change the dimensions
of your image. The ratio is locked, so if you change one, the other will change automatically
so that your image does not become distorted.
|
|
Border: Type '1' to give your image a black outline.
You will almost always want to do this with photos, but can leave this box blank if you are
adding a graphical image and do not want to see a box around it.
Hspace: Enter a small number (3 or 4) here to keep the
text from bumping right up against your image. This will create a very small margin on the
right and left side of the image. The larger the number you put in that box, the larger the
margin will be.
Vspace: Enter a small number (3 or 4) here to keep the
text from bumping right up against your image. This will create a very small margin on the
top and bottom of the image. The larger the number you put in that box, the larger the margin
will be.
Align: If you want text to wrap around your image, choose
'left' or 'right'. These indicate the side of the screen you want your image to appear on,
and the text will wrap around it.
Once you have finished, click on "OK" and your image will
appear in the editor with these changes. Don’t forget to click on "Update webpage" at the
bottom of that screen, so that your changes will be made on the real page.
|
|
|
Changing the Text Alignment: |
|
Use the text alignment buttons to make the text on your page aligned to the left, center,
right, or to justify it.
|
|
|
Adding a Separating Line: |
|
Click on the 'Insert horizontal line' icon if you wish to separate two parts of your
page with a horizontal line.
|
|
|
Removing Formatting: |
|
If you want to remove all the formatting (font face, font size, bold, italics,
underlining, etc) from one section of text, select the text and click on the eraser.
The text will be cleared of all formatting and you can start over.
|
|
Copying and Pasting:
|
|
There are two ways to copy and paste from another document into your webpage.
First, use your cursor to select the part you wish to copy. Right-click with your mouse
and choose 'Copy' or press Control-C.
Go into the page you wish to edit, through the editor. Click in the text box where you want
to insert your copied text. Right-click with your mouse and choose 'Paste', press Control-V or
click on the paste button.
If you are copying from Word, begin as above.
Then on the page you wish to edit, click on the Word button. This button will enable you to
retain the formatting from the original document.
Note that you can also paste images using either of these two methods.
You can now make any further editing or formatting changes you wish to your copied text.
|
|
How to Save your Changes
*IMPORTANT!* Click on the "Update Webpages" button to save your changes. Remember to do
this frequently if you are making a lot of changes!
|
|
|
| |