Return
to cosi 118 home
Web Page Design Specifics
Presented by Valerie Chu, Ph.D.
Netscape Communicator:
A library of linked programs used to locate and use resources
on the Internet
Netscape Navigator:
The web browser used to display others' pages
Netscape Composer:
The editor used to create your own web pages
The following are Netscape Composer's toolbars:
File Operations:
Create a new web page
Open an existing web page
to edit
Save the open web page
(Note: Your home page should be saved as index.html.)
Setting the Page Properties:
-
Click on the menu Format
-
Choose Page Colors and Properties
-
Under the tab General fill in the page title (the title appears
in the blue title bar at the top of the program window, not on the body
of the web page), the author, and a description.
For example, a web page with a title "Valerie Chu's Home Page" will
have the following in the top-left corner when displayed in Navigator:
Changing the Background Color:
-
Click on the menu Format
-
Choose Page Colors and Properties
-
Select the Color and Background tab
-
Click on the bar next to Background to view a color palette
-
Click on the desired color on the palette
-
Click OK
Typing and Formatting Text:
-
Type the text.
-
Highlight the text.
-
Format the text:
-
Getting bold-face, italic, underline text using the toolbar:
-
Alignments: Left, Center, Right (click on the button on the toolbar to
the pull-down buttons).
-
Changing font, font size, color, and bullets are similar to Microsoft Word.
-
Superscript and subscript:
Example:
-
Type X
-
Right click to get menue
-
Click on character properties
-
Check either Superscript or Subscript
-
Click OK
-
Type 2
-
Right click + unclick the mark to go back regular base
-
Try the following exercise:
258910 =
2 * 103 + 5 * 102 + 8 * 101 + 9 * 100
11012 = 1
* 23 + 1 * 22 + 0 * 21 + 1 * 20
= 1310
Adding Horizontal Lines:
-
Click the place where you want the line to appear.
-
Click the toolbar button

-
Right-click on the line and choose Horizontal Line properties to specify
alignment, width.
Creating Tables:
-
Click the place where you want the table to appear.
-
Click the toolbar button

-
Type in the numbers of rows and columns.
-
Decide equal column width or not.
-
Decide the width and height of table.
-
Click OK
-
Type information for each cell and move from one cell to the other by hitting
Tab button.
-
Inserting or Deleting rows or columns:
-
Click a cell in the row or column to be deleted or a cell in the row above
where a new row should be or a cell in the row to the left of where a new
column should be.
-
Right-Click to get menu and click desired command.
-
Merge cells:
-
Click the beginning of the group of cells that are going to be combined.
-
Right-Click on it.
-
Choose Table Properties.
-
Click Cell.
-
Under cell spans, decide the number of rows or columns to be merged.
Inserting Images:
-
Click the place where you want the image to appear.
-
Click the toolbar button

-
Click Choose file button and select your image file.
-
You can change the alignment and the size before you click OK. You can
update it later.
Linking your page to someone else's page:
-
Copy the address of the page that you want to link to.
-
Highlight the phrase that is going to be linked to that page.
-
Click the toolbar button.

-
Paste the address to the box under "Link to a page location or local file."
-
Click OK.
Linking your page to your own sub-pages:
-
Highlight the phrase that is going to be linked to somewhere.
-
Click the toolbar button.

-
Click Choose file button and select your sub-page file.
-
Double click on the sub-page's file name and the file name will appear
in the box in the "Link to" window.
-
Click OK.
Mailto: links for email addresses:
The method to link to an email address is similar to link to someone's
page. The only difference is typing
Mailto:
in front of your e-mail address when you fill in the box in the "Link to"
window.
In my case, I would type
Mailto:vchu@nile.lemoyne-owen.edu
Return to
cosi 118 home