Creating Web Pages - Using Netscape Communicator's Composer
 

1.  To start from a blank page:    Load Netscape Communicator. Open the File menu and choose
New; then choose Blank Page (Blank on Mac). A Composer window containing a blank page opens.

To start from an page already created in Composer:
  1.Open the File menu and choose Open Page (Open Page...in Composer on Mac).
    Type the path and name of the file you want to use, or click Choose File to search for the file.
  2.Click Composer.
  3.Click Open. A Composer window opens containing the specified file.

Saving and Browsing Your New Page
**HINT: Don't forget to SAVE OFTEN!!!
**HINT: Name your page: home.html or index.html or default.html
 

2.  To save a page:
    Open the File menu and choose Save.
    Note: To save links and images with a page use the Publishing Preferences dialog box.
          ( Located under Edit, Preferences, + Composer, Publishing)

To view your page in a Navigator (browser) window:   Open the File menu and choose Browse Page.
 

3.  Formatting Your Web Page
Changing Text Color, Style, and Font
  1.Highlight the text you want to format.
  2.Open the Format menu and choose Character Properties; then click the Character tab.
     Options are below.

Font Face:  Click to select the font you want. Select Variable Width or Fixed Width.

Font Size:  Click to select the size of the specified font.

Color:  Click Use Color, then click the color button to choose the color of the selected characters.
The color button is the rectangle to the right of the Use Color button.
If the current text color is black, then the color button is black.

Other Colors:Click the color button in the Color section to display a colors dialog box.
Then click Other.

Style:  Select a style, such as italic, bold, underline, or nonbreaking, for the selected characters.
Remove Style Settings:  Resets any style checkboxes you have selected to unselected or blank.
Remove All Settings:  Resets all settings you have made in this dialog box to unselected or blank.

To preview your settings, click Apply. Then click Close to accept the changes. To accept the changes
without previewing, click OK.

Inserting Horizontal Lines
  1.Click the location in the Composer window where you want the line to appear.
  2.Open the Insert menu and choose Horizontal Line.
  3.To specify the line's height, width, alignment, and shading, double-click on the line.
 

4.  Adding Tables to Your Web Page
Inserting a Table
  1.Place the insertion point where you want the table to appear in your document.
  2.Choose Table from the Insert menu.
  3.Use the New Table Properties dialog box to set up your table.
  4.Click OK.

Adding and Deleting Rows, Columns, and Cells

To add to your table:
  1.Click where you want to add space.
  2.Open the Insert menu and choose Table; then choose Row, Column, or Cell.

To delete:
  1.Click in a row, column, or cell.
  2.Open the Edit menu and choose Delete Table; then choose Row, Column, or Cell.

Changing a Table: You can change a table's caption or border, or the width, height, alignment,
color, or background of a table or parts of a table.
  1.To change an entire table, click anywhere inside it; to change a specific row or cell click inside
     the row or cell.
  2.Open the Format menu and choose Table Properties (Table Info in Mac).
  3.Click the Table, Row, or Cell tab.
  4.Use the Table Properties dialog box to make your changes.
  5.Click OK.

To create new tables, use the New Table Properties dialog box:
    1. Open the Insert menu and choose Table.

Using the Table Properties Dialog Box
Use the New Table Properties dialog box & the Table Properties dialog box to set or change
table characteristics.

To change an existing table, use the Table Properties dialog box:
  1.Click anywhere inside a table, row, or cell.
  2.Open the Format menu and choose Table Properties; then click the Table, Row, or Cell tab.

Number of rows/Number of columns: Enter the number of rows and columns you want.
This option is available only when you are creating a new table. You can also add rows and
columns to an existing table.

Table Alignment:
Aligns the table within the document. Horizontal Alignment and Vertical Alignment
Aligns the text within each row or cell. Default leaves the alignment as it was when the table
was created.

Include caption:  Inserts space for a caption, either above or below the table.
Border line width:  Enter a number for the size, in pixels, of the border lines around cells.
Enter 0 for no border.
Cell spacing:  Enter a number for the space, in pixels, between cells.
Cell padding:  Enter a number for the padding, in pixels, within each cell.
This sets the margins of each cell.
Table width:  Enter a number for the width of the table.
Table min. height:  Enter a number for the minimum height of the table.
Equal column widths:  Makes all cells the same width. Deselect this if you want to size
each cell individually.
Cell width:  Enter a number for the width of the cell..
Cell min. height:  Enter a number for the minimum height of the cell.
Cell spans: Type numbers in the rows box and columns box to specify whether you want the selected
cell to span more than one column or row.
Header style:  Centers the text in the cell and sets its style to bold.
Nonbreaking:  Keeps the text from wrapping to the next line.
Use Color:  Lets you choose a background color for the table, row, or cell. Click Other for more colors.
Use Image:  Lets you use an image as the table, row, or cell background. Type the location and
filename of the image you want to use. Click Choose Image to find an image on your floppy disk,
hard disk or CD.
Leave image at the original location:  If you use a background image, Composer makes a copy
of the image and places it in the same directory (folder) as your page.
 

5.  Adding Pictures (Images) to Your Web Page
Inserting an Image:
You can insert GIF and JPEG images into your web page.
  1.Click where you want the image to appear in your document.
  2.Open the Insert menu and choose Image.
  3.Specify the image file and adjust settings in the Images Properties dialog box.
     Options explained below.
    HINT:  To quickly resize an image, select it and drag the handles that appear at each corner.

    In Mac, you must have QuickTime installed to copy a PICT file from the Mac clipboard. Composer
    prompts you to name the image file before you paste it and converts it to JPEG format.

About the Images Properties Dialog Box
Use this dialog box to insert a new image or modify an existing image's options, such as text wrapping,
height and width, and spacing.

Image location:  Type the name or location of the image file you want to insert or modify.
Click Choose File to search for an image file on your floppy disk, hard disk or CD.

Leave image at the original location:  Normally Composer makes a copy of the image and
places it in the same directory (folder) as your page.

Use as background (Page Background on Mac):
Click to use the image as a background for your entire page.
Text alignment and wrapping around images ("xyz" buttons)
Windows: Click a button to indicate how you want text postioned next to the image.
Mac: From the pop-up menu next to the words "To see wrapped text," choose how you
want text postioned next to the image.
To see alignment changes you've made, view your page in a browser window.
The Composer window does not show what the browser user will see.

Dimensions:  Specify the height and width, in pixels, of the image.
Constrain:  Click to maintain the size settings of the image if you move it within your document.
Original Size:  Click to undo any changes you've made to dimensions.

About the Alternate Image Properties Dialog Box (Windows only)
Use this dialog box to add alternative text for an image and specify a low-resolution image to use in
its place.

Alternate text:  Type a message, caption or brief description  to display in place of the image.
Specify alternative text for readers who use text-only web browsers or who have graphics turned off.

About the Image Conversion Dialog Box (Windows only)
Use this dialog box when you need to import a bitmap graphics file into your page. Composer converts
the file to the JPEG format, and lets you select the quality of pixel display (high, medium, or low).

Setting Page Colors and Backgrounds: The Colors and Background part of the Page Properties
dialog box lets you set a background color or image for your page, and choose colors for links.

To set colors and backgrounds, open the Format menu and choose Page Colors and Properties. In
the Page Properties dialog box, click the Colors and Background tab. The options are explained below.
Use viewer's browser colors: The viewer's color preferences (specified in the General preferences
panel) will be used.
Use custom colors:  Lets you specify color for text, links, and background. Click the button to display
the color palette and select the color you want.
Color Schemes:  Lets you select a scheme from the list.
Use image:  Click to use an image as the page background. Type the name of an image file.
If you're not sure of the filename or file location, click Choose File to find the image file on your floppy disk,
hard disk or CD. Background images are tiled and override background color.
Leave image at the original location:  Normally Composer makes a copy of the image and places
it in the same directory (folder) as your page.

Save these settings for new pages.
Click this option if you want your settings to apply to any new web pages you create.
To preview your settings, click Apply. To accept the changes, click OK.
 

6.  Linking and Publishing Your Page
Linking to Other Pages:  You can link to local pages on your own computer or on your workplace's
network, or to remote pages somewhere on the Internet.

You can quickly create a link by dragging and dropping from other windows (Mac and Windows only).
For example, you can highlight a link from a web page, bookmark, or mail and news window and drag
and drop it on your page.

You can also create a link using the Link Properties dialog box:
  1.Select the text or image you want to link to another page.
  2.Open the Insert menu and choose Link.
  3.Use the Link Properties dialog box to set up the link. The dialog box is explained below.

About the Link Properties Dialog Box:  Use this dialog box to insert a new link or modify an
existing link.

Link source:  Enter the text you want link to another page or target. If you've already highlighted
an image or text, you see it here.

Link to page location or local file:  Type the local path and filename or remote URL of the page
you want to link to. If you're not sure of the path and filename or a local file, click Browse to
find it on your hard disk or network.

Remove Link:
Click to unlink the selected linked text. If the current selection contains more than one link, an
alert box appears asking you whether to remove all links.

To preview your settings, click Apply. To accept the changes, click OK.
 

7.  Email Link:
1. Highlight your name or email address.
2. Click on Insert the Link
3. In white box under, Link to a Location or Local File: Type in: mailto:youremailname@udata.com
    OR: with message in subject line:  mailto:youremailname@udata.com?subject=your message here
4. Click on OK to save.
 

8.  Putting Your Page on the Web:
Use the Publish Files dialog box to publish your pages on the Web. To view this dialog box,
open the File menu and choose Publish.

Page Title:
If you have already created a page, this field is filled in. If not, enter the text that appears in the window title
when the page is viewed through a browser. To be sure readers can locate your page easily, enter a useful
title that conveys what your page is all about.

HTML Filename:
If you have already created and saved a page, this field is filled in. If not, enter a filename for the
current page you want to publish. The filename must have an .htm or .html extension.

FTP Location to publish to:
**Type in:   ftp://www.udata.com/d:\netscape\server\docs\users\foldername
**Make sure to contact UDATAnet to set up your foldername and get instructions on typing
    above line before you try to publish.

Type in username
Type in Password
Save Password

Files associated with this page:  Be sure to send ALL associated files:
Click to display all of the files referenced by the current document. Then select the files you want to
publish along with the document. Click Select None or Select All to quickly select and deselect
files in the list.

Click to display all of the files in the current page's directory. Then select the files you want to publish
along with the page. Click Select None or Select All to quickly select and deselect files in the list.

Warning: If a file on the remote server you're publishing to has the same filename as one you're
uploading, the newy uploaded file will replace the existing one. You will not be asked to confirm
the action.