Creating a Webpage using Netscape Composer

Procedure:

1. Prepare a folder to use for your website. All your webpages and graphics should be placed within this folder to avoid confusion. You may create other folders to out inside this one, being organized and consistent will save a lot of headaches later as you update your webpages. Usually, I have a separate folder for each topic in which I have a page(s). Then, as I revise my site, I can either upload or download an entire folder, rather than trying to keep track of which graphics go with which website. I also have a separate folder for graphics which are used throughout my site. I usually name that folder images. Your main webpage should be located in the root of your webfolder, and you will name it index.htm.

2. Open Netscape Communicator. A blank page will appear and will serve as your first document. Most icons should look familiar from other applications you have used.  I have labeled other useful tools for web construction.  Review the tools on the toolbar:

3. The first task will be to choose the settings for the webpage. Go to Format/Page Colors and Properties. Choose colors that will be easily viewed, and that will not interfere with your background. Plan colors to compliment each other. Link colors should contrast with background color or picture.  There are some pre-set color sets that you may also use. If you want to use a background from the Internet, first locate the image from the Internet, then you can right click on the image, save it to your appropriate folder, and rename it if you choose. (see file naming conventions)  For additional tips on using graphics, see "Cut and Paste Graphics Tip Sheet"

Adding Text

4. First, if you like, you can format the text used in your document by selecting Format from the menubar and making your font choices. Simple fonts work best. The addition of text works in much the same way as in a word processing document. I recommend keeping the font size at the standard 12 point for the majority of your text. Remember that users can set their own font size on their computers, so if you make your font size large, and the user has their settings at large, your webpage could have HUGE text!  You can also set the alignment to be left, center, or right. You can also change the color and style of the text.

Adding Graphics

5. Click on the Image icon from the toolbar, then click Choose File and locate the folder where the graphic has been saved (remember- it should be in your web folder!) You may want to set the text alignment and wrapping settings, spaces around the graphic, etc., until the graphic looks the way you want it to look.  I usually set the text alignment and wrapping to tight (the last 2 settings on the right). If you want to edit these settings, right click on the graphic and select "Image Properties". You will not see many of these settings take effect until you preview the page in the browser. Once on the page, use the alignment tools to left, center or right align the object. You can further adjust the size of the graphic by clicking on it, then dragging the boxes to create the size you want. Graphics should be kept small - no larger than 50k, smaller is better. Usually the smaller graphics you get from the Internet are already sized appropriately for the web. Graphic files must be included when you upload.


 

Making Links

6. When readers click a link to a web page, they jump to the destination specified by the URL. You don't need to type a URL - when you link to websites in Composer, you can first go to the page in your browser, then highlight and copy the URL, then click back to the Composer page and then paste it.
To make a text link, type in the text in the document. Then highlight the text, go to Link OR Right click the text and select Create New Link Using Selected . Paste in the URL you copied. If the link is to another htm page in your folder, click Choose File and browse to the web page in your web folder. Click OK when done.



7. To make a graphic link, select the graphic by right clicking on it and follow the above directions.

Tables


This is an example of a table .... with 1 row and 2 columns.

8. To add a table, click on the table icon in the toolbar and make your choices. Tables are a great place to add links. If you want an invisible table, use 0 cell spacing. You can also add graphics into the cells. You can have different colored backgrounds in each cell, or add a graphic to the background. Right click the table and select Table Properties to edit the entire table, a row, or a cell.


Horizontal Line

9. The lines above and below are added simply by clicking on the H. Line icon in the toolbar. 


Saving

10. Save work frequently!

Preview
11. After saving your page, click on Preview in the toolbar and your webpage will load using Netscape Communicator.

You're done!
12. Congratulations on completing all of the steps to making a simple webpage.


File Naming Conventions

When naming files and folders, note the following:
· Be sure to follow the file-naming conventions of the Web server's platform. To be safe, use only the characters A to Z, a to z, 0 to 9, - (hyphen), and _ (underscore). Don't use accented characters, spaces, colons, question marks, slashes, or backslashes. Filenames should not exceed eight characters, not including the three-character filename extension.) examples: flight.htm for a start page on flight ... plane.jpg for a graphic in jpeg format
· Use the appropriate extensions for filenames (for example, .gif or .pdf) even if you are working in Mac OS. Other operating systems use the extensions to recognize the file type.

Back to Mrs Sandridge's Index Page