Designing Web Pages
Using Netscape Communicator 7.x

To start a new web page:

Start Netscape Communicator.
Select New from the File menu, and in the fly-out menu to the right, indicate you want to start from a Composer Page.
OR click CTRL + Shift + N.

To edit an existing page:

Start Netscape Communicator. If you want to edit a page that sits on your hard drive:

Select Open File from the File menu.
Go to the folder where your file is, and choose the HTM or HTML file from the directory listing that appears.

Once it loads onscreen, click on File, then Edit Page.
This will bring you into Netscape Composer. OR

If you want to edit a page that sits up on the web:

Navigate to the page on the web you wish to edit.

Once it loads onscreen, click on File, then Edit Page. You can make your changes as needed.

Later you will be asked to save the file. Click File, Save As, and save the file to your hard drive or disk.

To enter text:

Just type! For example, type two paragraphs of text. They can be a few words or a few sentences each.
At the end of each paragraph. type a hard carriage return, by pressing the Enter key.
To make a "soft return" (that is, bring the cursor to a new line, but have no extra spacing between the two lines), press Shift + Enter.
To force spaces, press Shift + space bar.

To copy text from another application and paste into your web page:

Open the text file you wish to copy FROM (ie. from Word, Notepad, etc)
Select or (or highlight) the text. Select Copy from the Edit menu.
Switch back to the web page you are editing, and click the cursor where you want the text to go.
Select Paste from the Edit menu.

To save your work so far:

Choose File, Save As. Navigate to the directory where you want to save your work, and in the File Name box, create a name for the file, using the ".html" extension. For example: mypage.html
Click the "OK" button.

To add a Horizontal Rule:

Move the typing cursor to the beginning of your second paragraph, or to wherever you wish to add a horizontal rule.
Click Insert, Horizontal Line. It looks like this:

To add a Heading:

Move the typing cursor to the top of the page, press enter a few times to create some space.
Arrow back up to the top and type "Sample Web Page" (or whater you like) on a line by itself.
Move the cursor back anywhere on that line.
In the drop-down box that says Body Text, select "Heading 1" as the format for that paragraph and then use the centering icon to make the it centered.

To add bold, italic:

Select any bit of the text in your text paragraphs, and click the bold and italic letter "A" icons to see their effects.

To change font size and color:

With some text selected, click on the Format, Size, and choose the style you want.
TO change color, highlight the text, and choose Format, Text Color.
Click on the color you want from the color palette.
Remember to select text first before choosing a font size or color!

To add an image to the page:

Click your mouse where you want the graphic to be placed. Click Insert, Image.
Click the Choose File button, and go to the folder on your disk or hard drive where your graphic is.

To save a graphic from a page to disk:

Navigate to a page on the web that has a graphic you like.
Click on the graphic with the right mouse button and choose "Save image as..." from the menu. Save the image in the directory or your choice, and use the name suggested.
Use Alt-Tab to switch back to Netscape Composer to continue editing.

To link text to another page:

Type the text you want to have hot-linked and then select it (highlight it) with your mouse.
Click on the Link button:
In the Link Properties box labeled, type the URL for a page you want to link to.

http://www.atlantic.edu/welcome.html

myfile.html

(This last example shows a page that will reside in the same directory as the originating page. Note: you do not have to include the "http:" and the machine name eg. "www.atlantic.edu")

To add a link for email

Select the text you want to be hotlinked to your e-mail address. Click the Link button.
Type the mail hotlink, like this: mailto:mcarol@atlantic.edu (substitute your email address for mine!)

To link your graphic to another page:

Select the graphic you inserted in the page.
Click on the Link button.
Type the URL for the place you want that graphic to take your readers.

To add a background color:

Click on Format, and choose Page Colors and Background.
Click Use Custom Colors. Click on the Background button and choose a color that would be appropriate for the background.
Click OK. Click OK again to get back.

To add a background design:

Click on Format, and choose Page Colors and Background.
Click inside the "Choose File" box (located under "Background Image", and click on "Choose File."
Choose the filename for the background file you want.
Click Open. Click OK again to get back to your document.

To add music or sound effects to your web page:

Click where you want the sound controls to go. (As a courtesy to your readers, you should always give the option to turn off the background music or sound effects.)
Click on the Insert menu, and choose HTML Tag.
In the box that appears, type the following, all on one line:

<EMBED src="mysoundfile.wav" autostart=true volume=100 width=51 height=15 controls=smallconsole>

Substitute "mysoundfile.wav" for the sound file of your choice.
See the note at the bottom of this page for information about uploading sounds to the Web server.

To see how the page would look in the browser:

Save first, then Click File, Browse Page.
Click on the links you made to test their workings.
Switch back to the Composer to make corrections or additional changes.
Save your work again, then switch back to the Preview to view again.
Hit Reload button to see your updates.

To upload your page(s) to the ACC Web Server or to the Venus Web Server:

ACCC has two web servers: www.atlantic.edu AND venus.atlantic.edu

You will have an account on either of these 2 servers. To publish your page to either one of these servers, save your work first!
Then, click on the Publish button: You'll see the following screen appear:

(This example shows settings for the www server):

Type in the Site Name, Publishing Address and HTTP address as it appears above, substituting your userID where indicated.

No spaces!

NOTE! If you are using sub-directories (eg. "aboutacc" or "ACA" or "studinfo" be sure to type them in after the "/public_html/" .

Type in your User Name (your UserID) where indicated.

Type your Password where indicated. Click on Save Password only if you are using a computer that others won't be using. Otherwise, leave this box unchecked.

Click OK when ready.

Your files will be uploaded to the ACC Web Server

(This example shows settings for the venus server):

Type in the Site Name, Publishing Address and HTTP address as it appears above, substituting your userID where indicated. No spaces!

NOTE! If you are using sub-directories (eg. "aboutacc" or "ACA" or "studinfo" be sure to type them in after the " .edu/"

Type in your User Name (your UserID) where indicated.
Type your Password where indicated. Click on Save Password only if you are using a computer that others won't be using. Otherwise, leave this box unchecked.
Click OK when ready.
Your files will be uploaded to the Venus Web Server.

Note: If you have included sounds in your web page, they will not automatically be uploaded. You should use WS-FTP software to upload the files to your directory on the Web server.

Final view of your page(s) out on the web servers:

Here's what your URL is for the rest of the world to see (on ACCC's Web server):

http://www.atlantic.edu/~youruserID/your filename.html

Example: http://www.atlantic.edu/~carol/sample.html

http://venus.atlantic.edu/youruserID/your filename.html

Example: http://venus.atlantic.edu/carol/sample.html

Remember!

They most important thing is that you understand the difference between the URL that you use to publish to and send your web pages to, versus the URL that you or others use to view the pages. Remember, only YOU have access to the URL to make changes to.

The URL to publish to is what's shown above in the Netscape Publish box, eg:

ftp://www.atlantic.edu/home/youruserID/public_html/

ftp://venus.atlantic.edu/youruserID/

The URL for public viewing is: