Red Earth Design, Inc.
Writing
Red Earth Design, Inc.
Help Center

   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.
Select the section your webpage is in

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.
Select a webpage to edit



To add bold, italics, or underlining, you can either: Bold icon Italics icon Underline icon
  1. 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
  2. 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.
WYSIWYG Editor


Fonts: Font icons
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: Link icon
  1. Type the text you wish to use as a link.
  2. Select that text with your cursor.
  3. 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".
How to add a link to another site
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.
How to add a link within your site

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.
How to turn an e-mail address into a link



Adding an image to your site

The original dialog box will reappear, with your image's name in the "URL" box.

Adding images: Image icon
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.

Select the image to insert

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.

Add your image properties

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: Text alignment icon
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: Horizontal line icon
Click on the 'Insert horizontal line' icon if you wish to separate two parts of your page with a horizontal line.


Removing Formatting: Remove formatting icon
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: Paste icon Paste with Word icon
There are two ways to copy and paste from another document into your webpage.
  1. Paste icon 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.

  2. Paste with Word icon 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!
Remember to update your page



Fall Leaves

Website Design - Features & Services - Design Portfolio
How to Get Started - Help Center - Client Area
About Us - Contact Red Earth Design - Home