Instructions

Changing Button Names 

The names that appear on navigation bar buttons are dynamically generated by FrontPage based upon the names that appear on the page icons in the Navigation View flow chart. You can change the names to suit your needs provided the names are brief enough to fit on the button graphics.

To change the names on navigation buttons:

Switch to FrontPage Navigation View.
Right click on the page icon that represents the link you wish to change.
Type a new name.
Right click in the blue area, and selecting "Apply Changes."

Adding Pages

It's easy to create new pages and add them to the navigation bars. You can expand the navigation bars to accommodate as many pages as you need.

To Add a Page to the Nav Bars:

In navigation view, select and open a page that exists on the same level of the chart as the page you wish to add.
Save it as a new page.
Drag it onto the Navigation View flow chart.
In the Navigation View, rename the page to suit your needs.
Customize the content and save.

Deleting Pages

You can delete a page from your navigation bar without deleting it from your web by clicking on the page to highlight it in the Navigation View, pressing the "delete" button, and selecting "Remove this page from all navigation bars." To delete the page entirely, select that option instead.

Changing Graphics

Replace the template graphics with your own graphics created in a graphics editor such as Photoshop, Paint Shop Pro etc. 

Although the Company.com header graphic appears to be one graphic, it has been sliced to accommodate the layout of the template. A one-piece blank .gif has been provided. Import it into your graphics program. Apply your company or site name in the font of your choice and apply any effects such as drop shadows, etc. Following your graphic program's instructions, slice the image in two on the line where the two colors meet. Save the editable file as well as the new .gif. Place the new .gif into the images folder.

OR use the Fireworks editable .png files found in the PNGs folder. If you do not have Fireworks, a free trial copy is available from Macromedia. With the .png files the color of the graphics can be easily changed.

Tip: if you give the new .gif slices the same names as the slices presently in the template, when they are added to the images folder they will automatically be placed into the template. After the new graphics are in the images folder, rename the files to make more sense for your site.

The two slices reside in two separate include pages.

The fonts used on the company name image were Wide Latin and Univers.

Include Pages

Note that some elements elements that occur on all pages of this site exist as include pages. You can find these include pages in the "includes" folder of this web. Here are the include pages currently in use on this web.

header_top_left.htm 
header_top_right.htm 
company_info.htm

The include pages are inserted into the main pages in order to allow you to make global changes to your site or change many pages at the same time. To do this you must right click on the area you would like to edit. If it is indeed an include page you will see something like this in the pop up menu:

Open file: c:\ location and name of include page

Or - you can open the include pages via folders view. Once the file is open - make the necessary changes and save them. All pages utilizing the include page should update upon saving.

Cascading Style Sheets

In folders view, double-click on out.css. This will open the CSS page. The code governing the links in the header, in the body, and at the bottom of the page will be found there.

a.small:link controls the navigation bar in the left column. 
a:link controls the body links.

To change the color of the links - simply make changes to the html color coding such as #ffffff or #336699. Find the HTML color code for the color of your choice and insert the number in place of the existing one.

If you wish to remove the Cascading Style Sheet properties...simply remove the code calling the sheet in the head section of the include pages as well as any code associated with it in the body of the include pages such as <LINK REL=STYLESHEET TYPE="text/css" HREF="out.css"> </head> and class="small"

Note: Because a FrontPage theme is in use as well as a cascading style sheet, there may be some areas of the style sheet that are overridden by the theme. Be sure to test your site as you are developing it.

For more information on Cascading Style Sheets (CSS) consult the following online resources:

Webmonkey: Stylesheet Guide

Webreference: CSS