Creating and Using an External Style Sheet

If you want to standardize the look of an entire site, you can link each page to an external style sheet. This allows you to modify the appearance of every page on an entire Web site by changing one file. (This method does cause a very slight decrease in performance.)

To create an external style sheet, simply create a file that contains just what you would normally place in a <STYLE> block at the top of a page, as described in the previous section.

For example, you could create a file with the following contents:

BODY {background: white; color: black}
H1 {font: 14pt Arial bold}

Suppose you have placed this on a Web server at the following address: http://www.mycompany.com/mystyles.css. To link a page to this style sheet, put the following in the <HEAD> portion of the page:

<LINK REL=STYLESHEET HREF="http://www
.mycompany.com/mystyles.css" TYPE="text/css">

Note
You need to make sure that the MIME type reported for css files (cascading style sheets) is text/css.

Using the Table Builder

WebEdit PRO’s Table Builder allows you to enter cell contents and headers in an empty grid; select cell background color, text alignment, border width, and other attributes; then generate all of the HTML code with a single click.

Tables are supported only in browsers that can display HTML 2.0 or later. Basic tables consist of the following elements:

• Caption - Table title

• Headers - Column titles

• Rows

• Data - Cell contents

Additional table tags have been introduced since HTML 2.0 was officially approved. Keep in mind that not all versions of existing browsers will be able to display all of the available table tags. Be sure to use the Tag Checker and also to view your documents with the browsers you intend to support.

To create a table:

1 Choose Table Tags from the Insert Menu, then select Table Builder.

The Table Builder dialog window displays:

Undisplayed Graphic

Table Builder window

Tip
If you want to start over at any time during the following procedure, you can click Clear to clear the Table Builder entries.

2 Enter the cell contents in the grid at the top of the dialog.

3 If you want the table to be less than the full width of the displayed page, select a percentage from the Table drop-down list. The table will be resized automatically by a browser to fill that percentage of the width of the document window in the browser.

4 Select the alignment of the table from the Table Align drop-down list. (Refer to the HTML Reference in online Help for descriptions of each of the options.)

5 Enter a caption (title) for the table in the Caption text entry box.

6 From the Caption Alignment drop-down list select Top or Bottom to display the table’s caption above or below the table, respectively.

7 The Border option is on by default. Enter the desired border width in the Border Width text entry box. The unit of measurement is pixels. If you want a borderless table, clear the Border check box.

8 If you want to add additional space around the contents of cells, enter a number in the CellPadding text entry box. The unit of measurement is pixels.

9 If you want to add additional space between the cells, enter a number in the CellSpace text entry box. The unit of measurement is pixels.

10 Select the background color of the cells from the Cell Color drop-down list. Or click on the Color button and select a color from the standard Windows Color dialog.

11 When done, click Generate Table. The HTML code is inserted in the current document at the location of the insertion point. Click the Preview toolbar button to preview how the table is likely to appear when viewed in a browser.

Not all browsers support all table tags and attributes, so be sure to check out the table in each of the browsers that you want to be able to display your document.