The Page Editing section is where we will edit/create all of our website content. Website Creator has a robust word processor built in which allows you to manage your website content in a familiar interface (see Figure 1)
Just like most word processors, you have a Tool Bar that helps you edit your content. Some tools will only be accessible via the Tool Bar when editing certain aspects of your website content (i.e. tables, images, lists, etc...):
Open: The Open tool allows you to load one of your pages defined in the Arrangement section in the Page Editing window so you can edit/create the content for that page. To use it, click the Open icon and the Open Window will pop up and let you choose the page you wish to load (see Figure 2).
(Figure 2: Open Window)
Save: The Save tool allows you to save the changes that you make to your web pages. Make sure to save your pages before you switch to editing a new page, or your changes will be lost.
Preview mode: The Preview mode tool allows you to view your website as it would appear in a web browser. You can navigate through your site and view all of the changes that you have made.
Edit mode: The Edit mode tool allows you to switch back to the edit view showing all of the tools and formatting that helps you edit/create your website content.
Preview in new window: The Preview in new window tool allows you to load your website into an external web browser, and view your progress in an actual web browser window. You can navigate through your site and view all of the changes that you have made.
Cut: The Cut tool allows you to remove selected text from your website content, and it leaves a copy of it in your computer clipboard.
Copy: The Copy tool allows you to copy selected text from your website content, and it leaves a copy of it in your computer clipboard.
Paste: The Paste tool allows you to paste the Cut or Copied text from your computer clipboard into your website content at the location of your mouse cursor.
Bold: The Bold tool allows you to toggle selected text between bold and regular text.
Italic: The Italic tool allows you to toggle selected text between italicized and regular text.
Insert special character: The Insert special character tool allows you to add special characters to your website content. For example, if you wanted to add the Copyright symbol ( © ) to your website, click the Insert special character icon and the Character Window will pop up and let you choose the special character you would like to include in your website content from a list. Once you have highlighted the character you want, click Insert to paste the character at the location of your mouse cursor in your Page Editing window (see Figure 3).
(Figure 3: Character Window)
Link: The Link tool allows you to create internal and external text links in your website content. To create a link, highlight the text you wish to turn into a link with your mouse, click the Link icon, and the Link Window will pop up and let you specify whether the link will be an internal link or an external link (see Figure 4):
- Internal: If the link will be an internal link (link to another section of your website) click the Internal radio button (
). You can then highlight the section of your site you wish to link to from the list under the Internal radio button. When finished, click OK to create the internal link.
- External: If the link will be an external link (link to a different website) click the External radio button ( ). You can then type in the complete address of the external link in the URL field (making sure to include "http://" at the beginning of the address). If you would like the external link to open a new browser window to load in, check the Open in new window check box (
). When finished, click OK to create the external link.
(Figure 4: Link Window)- Internal: If the link will be an internal link (link to another section of your website) click the Internal radio button (
Spelling checker: The Spelling checker tool allows you to check your website content for spelling errors. To spell check your document, load the page you wish to spell check into the Page Editing main window and then click the Spelling checker icon from the Tool Bar and the Spelling Check Window will pop up and ask you whether you would like to check the entire document or just from the cursor position (see Figure 5):
- Entire Document: If you would like to spell check the entire document, click the entire document radio button ( ) and click the Check document button to begin.
- From Cursor Position: If you only wish to spell check a portion of your document, place your cursor at the beginning of the section you would like to spell check, and then open the Spelling Check Window and click the from cursor position radio button ( ) and click the Check document button to begin.
(Figure 5: Spelling Check Window)- Entire Document: If you would like to spell check the entire document, click the entire document radio button (
New paragraph below: The New paragraph below tool allows you to create a new paragraph in your website. To create a new paragraph, place your mouse cursor where you want the new paragraph to begin and click the New paragraph below icon from the Tool Bar and the New Paragraph Window will pop up and let you choose between standard text, heading, and second heading (see Figure 6):
- Standard Text: If you want your new paragraph to be standard text, click the Standard Text radio button ( ). When you are finished, click the OK button.
- Heading: If you want your new paragraph to be a major heading, click the Heading radio button ( ). When you are finished, click the OK button.
- Second Heading: If you want your new paragraph to be a secondary heading, click the Second Heading radio button ( ). When you are finished, click the OK button.
(Figure 6: New Paragraph Window)- Standard Text: If you want your new paragraph to be standard text, click the Standard Text radio button (
New table below: The New table below tool allows you to create/insert a table in your website content. To create/insert a new table, place your mouse cursor where you want the new table to begin and click the New table below icon from the Tool Bar and a new table will be placed in your website with 2 rows (cells running side to side) and 2 columns (cells running up and down). While your cursor is in any of the table cells, the Tool Bar will display the Edit Table icons:
Insert row above: The Insert row above tool allows you to insert a new table row above the table row that contains your mouse cursor.
Insert row below: The Insert row below tool allows you to insert a new table row below the table row that contains your mouse cursor.
Move row up: The Move row up tool allows you to reorganize the order of your table rows by moving the table row that contains your mouse cursor up one position every time the Move row up icon is clicked. If the row is already at the top of your table, clicking the Move row up icon will do nothing.
Move row down: The Move row down tool allows you to reorganize the order of your table rows by moving the table row that contains your mouse cursor down one position every time the Move row down icon is clicked. If the row is already at the bottom of your table, clicking the Move row down icon will do nothing.
Delete row: The Delete row tool allows you to delete the table row that contains your mouse cursor. This will delete the entire table row along with the contents of the table cells in that table row.
Insert column left: The Insert column left tool allows you to insert a new table column to the left of the table column that contains your mouse cursor.
Insert column right: The Insert column right tool allows you to insert a new table column to the right of the table column that contains your mouse cursor.
Move column left: The Move column left tool allows you to reorganize the order of your table columns by moving the table column that contains your mouse cursor one position to the left ever time the Move column left icon is clicked. If the column is already at the left edge of the table, clicking the Move column left icon will do nothing.
Move column right: The Move column right tool allows you to reorganize the order of your table columns by moving the table column that contains your mouse cursor one position to the right every time the Move column right icon is clicked. If the column is already at the right edge of the table, clicking the Move column right icon will do nothing.
Delete column: The Delete column tool allows you to delete the table column that contains your mouse cursor. This will delete the entire table column along with the contents of the table cells in that table column.
List on/off: The List on/off tool allows you to create bulleted lists in your website content. To create/insert a new list, place your mouse cursor where you want the new list to begin and click the List on/off icon from the Tool Bar and a bulleted list will begin. While your cursor is on a listitem, the Tool Bar will display the Edit List icons:
Insert listitem above: The Insert listitem above tool allows you to insert a new listitem above the listitem that contains your mouse cursor.
Insert listitem below: The Insert listitem below tool allows you to insert a new listitem below the listitem that contains your mouse cursor.
Move listitem up: The Move listitem up tool allows you to reorganize the order of your list by moving the listitem that contains your mouse cursor up one position every time the Move listitem up icon is clicked. If the listitem is already at the top of your list, clicking the Move listitem up icon will do nothing.
Move listitem down: The Move listitem down tool allows you to reorganize the order of your list by moving the listitem that contains your mouse cursor down one position every time the Move listitem down icon is clicked. If the listitem is already at the bottom of your list, clicking the Move listitem down icon will do nothing.
Delete listitem: The Delete listitem tool allows you to delete the listitem that contains your mouse cursor.
Change layout: The Change layout tool allows you to change the paragraph style between standard text, heading, or second heading of an existing paragraph. Place your mouse cursor in the paragraph that you would like to change, and click the Change layout icon to pop up the Change Layout Window (see Figure 7). This works just like the New paragraph below tool which is described above.
(Figure 7: Change Layout Window)
Insert image: The Insert image tool allows you to place images in your website content. Pressing the Insert image icon will launch the Media database ( 
), a browser based image manager/editor which will be covered in more detail below. To insert an image in your page, click the Insert image icon and choose the image from your Media database and click Insert image in text link from the Common tasks left tool box. While your cursor is on an image, the Tool Bar will display the Edit Images icons:
Image properties: The Image Properties tool allows you to set the alignment and alternate text for your images. To edit your image properties, place your mouse cursor on the image you wish to set the properties for and click the Image properties icon and the Image Properties Window will pop up (see Figure 8):
- Alignment Left: To set the alignment of the image to the left (the image will align to the left of the page with the text in the paragraph wrapping around the image to the right), click the left radio button ( ).
- Alignment Right: To set the alignment of the image to the right (the image will align to the right of the page with the test in the paragraph wrapping around the image to the left), click the right radio button ( ).
- Alternate Text: The alternate text is what shows if your image does not load, or the descriptive text that pops up if you rest your mouse cursor over an image. This is not required to set, but is a good habit to get into.
(Figure 8: Image Properties Window)- Alignment Left: To set the alignment of the image to the left (the image will align to the left of the page with the text in the paragraph wrapping around the image to the right), click the left radio button (
Replace image: The Replace image tool allows you to replace an existing image with a different image from your Media database. To replace your image, click the image you wish to replace in your website content, and click the Replace image icon to load your Media database. Select the image you want to use as a replacement from your Media database and click the Insert image in text link from the Common tasks left tool box.
Remove image: The Remove image tool allows you to remove an image from your website content. To remove an image, click the image you wish to remove with your mouse, and click the Remove image icon.
- Image ink: The Image link tool allows you to create internal and external image links in your website content. To create an image link, click the image you wish to turn into a link with your mouse, click the Image link icon, and the Link Window will pop up and let you specify whether the link will be an internal link or an external link. This works exactly the same as the text links documented above (see Figure 4 above).
Upload image: The Upload image tool allows you to upload images from your local system to your website. Once you have your images uploaded to your Media database, you will be able to rename it, edit it, delete it, etc...
Create folder: The Create folder tool allows you to create a new folder to organize your media.
Tasks: The Tasks tool box will display a generic message until an image or folder is selected from your main Media database window. When an image is selected, the Image Task Tool Box will appear, and when a folder is selected, the Folder tasks Tool Box will appear.
Preview: The Preview tool allows you to view your image full size. Click the image thumbnail from the main Media database window and click Preview link from the Image tasks tool box.
Start image editor: The Start image editor tool will launch the web based image editor. Select the image you wish to edit from the main Media database window, and click Start image editor from the Image tasks tool box. The Image Editor is covered in more detail below.
Rename image: The Rename image tool allows you to rename your image file. Select the image you wish to rename from the main Media database window, and click Rename image from the Image tasks tool box. The Rename Image Window will pop up, type the new name and click OK when you are finished.
Delete image: The Delete image tool allows you to delete a selected image file. Select the image you wish to delete from the main Media database window, and click the Delete image from the Image tasks tool box. The Delete Image Window will pop up and ask you to verify the deletion.
Grayscale: The Grayscale tool allows you to turn a color image into a grayscale black and white image.
Tinting: The Tinting tool allows you to change the color tint of an image. After you click Tinting the Tinting Window will pop up and give you 4 thumbnailed options to choose from. Click the thumbnail you like best and the color tint will be applied to your image.
Invert: The Invert tool allows you to invert the colors of your image creating a photo negative effect.
Brightness and contrast: The Brightness and contrast tool allows you to adjust the brightness and contrast of your image. After you click Brightness and contrast the Brightness and Contrast Window will pop up and let you adjust the brightness and contrast of your image with 2 sliders. Slide the arrow toward the right to increase, or to the left to decrease the brightness or contrast. Once you are satisfied with your changed, click the OK button.
Red eyes: The Red eyes tool allows you to remove red eye that is common in many photographs. After you click Red eyes you will be asked to click on every red eye in the image. Once you have clicked on all of the red eyes, you can finish the process by pressing the return/enter key on your keyboard, or click on the indicated link in the main edit window.
Emboss: The Emboss tool allows you to apply an 3-D embossed effected to your image.
Blur: The Blur tool allows you to blur your image and soften your image edges.
Sharpen: The Sharpen tool allows you to sharpen your image and create crisper image edges.
Edge detection: The Edge detection tool allows you to apply a poster edge effect on your image.
Image size: The Image size tool allows you to change the width and height of your image. After you click Image size the Image Size Window will pop up and allow you to set the new width and height in pixels of your image. The Keep aspect ratio checkbox ( 
Crop: The Crop tool allows you to crop out unwanted portions of your image. After you click Crop you will be asked to click on the image and drag your mouse until the bounding box surrounds the area of the image that you want to keep, you can finish the process by pressing the return/enter key on your keyboard, or click on the indicated link in the main edit window.
Rotate: The Rotate tool allows you to rotate you image 90° clock wise, 90° counter clock wise, 180°, flip vertically, or flip horizontally. After you click Rotate the Rotate Window will pop up and let you choose from 5 rotate options. Click the thumbnail which displays the desired effect.
Undo: The Undo tool allows you to undo the last action performed on the image. If no action has been performed, the Undo tool will not be displayed. Once you use the Undo tool, it will become the Redo tool which, when clicked, will cancel the last Undo action.
Revert: The Revert tool allows you to revert back to the original image file undoing all changes done to it during this editing session. If no changes have been made, the Revert tool will not be displayed.
Save image: The Save image tool allows you to save your image changes.
Save image as: The Save image as tool allows you to save your image changes with a new file name. After you click Save image as you will be asked to enter a file name, you can finish the process by clicking the OK button.
Close editor: The Close editor tool allows you to close the Image Editor and returns you to the Media database. If you have not saved your image, you will be prompted to do so if you have made any changes to the file.
Open folder: The Open folder tool allows you to open a previously created folder in your Media database. Select the folder you wish to open from your main Media database window and click Open folder.
Rename folder: The Rename folder tool allows you to rename a previously created folder in your Media database. Select the folder you wish to rename from your main Media database window and click Rename folder. The Rename Folder Window will pop up and ask you to enter a new folder name, to complete the process click the OK button.
Delete folder: The Delete folder tool allows you to delete a previously created folder in your Media database. Select the folder you wish to delete from your main Media database window and click Delete folder. The Delete Folder Window will pop up and ask you to verify the deletion.
Close Window: The Close Window tool allows you to close the Media database and returns you to the Page Editing section of the Website Creator.
