Setup Guide V1 (last updated December 8, 2006)

Designed for the Perception Series Templates and Modules

Intermediate Tutorials

Recommended for: Any one wishing to modify the basic look and feel of the template.

Overview: learn how to replace the themed images in the template with your own, and learn how to modify the style sheet to change the appearance of the 'fonts' used in your template.

Objective: by the end of the Intermediate tutorials, you'll learn how to create your own logo using Macromedia Fireworks, replace the default images with your own, and modify all font properties (for size, type, and color).

Software Required: HTML Editor (FrontPage, Dreamweaver, Expression Web, or a Standard HTML editor) Macromedia Fireworks 8*, Macromedia Flash 8*.

*30 day trial versions available for download: click here

 The intermediate tutorials are divided into 3 sections.

  • COMMON COMPONENTS (included in All pages)
  • INDEX COMPONENTS (included with the Index page only)
  • TEMPLATE COMPONENTS (included with all Template pages)

Your template includes 3 types of pages, listed above. All of these pages share certain 'common' page components, such as the logo, or horizontal menu bar. Editing one of these components will update all pages in your web site. There are some 'components' specifically designed for the 'index' page, and others designed specifically for the template pages. Instructions for specific (index or template) page components are listed further down the page.

  • COMMON COMPONENTS (included in All pages)
1Logo / Branding
2Top link bar
3Icon bar
4Themed image
5Content boxes
6Bottom link bar
7Site info
8Body (main content)
 

  • INDEX COMPONENTS (included with the Index page only)
9Animated taglines
10Time date
11Vertical menu (head)
12Flash images
13Background image
 
 

  • TEMPLATE COMPONENTS (included with all Template pages)
14Page title
15Vertical menu (body)
16Content boxes
17Background image
 
 
 
 
 

Overview | Basic | Intermediate | Advanced