|
 Instructions
Graphics
A blank header graphic is included for modification in any graphics
program. You will need to import the blank
image into a graphics program such as Photoshop, Fireworks, Paint Shop
Pro, etc., to add your own site name.
Simply add your own logo, words, etc., and any effects, such as a drop
shadow, that you desire. Save the new graphic. Tip: give the new graphic
the same file name as the original image in the template. When placed in
the images folder it will automatically fall into place in the template.
Fireworks editable .png files are also included with the template. If
you do not have Fireworks a free 30-day trial download is available from
Macromedia. Note that these files should be moved to another location on your hard drive
before Publishing your site to save file space and upload
time.
Navigation
All navigation consists of text links formatted with CSS (see below). These
can be found in include pages (see below). This template does not use
FrontPage navigation, however, you are welcome to insert FrontPage
navigation should you choose to do so.
Include Files
Note that some 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 in this web.
 header.htm
nav_left.htm
nav_bottom.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 site.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.left: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="site.css"> </head>
and class="small"
For more information on Cascading Style Sheets (CSS) consult the
following online resources:
Webmonkey:
Stylesheet Guide
Webreference:
CSS
|
Home