We have included a basic site structure with common pages that you may use to start with. You may rename the pages, add more pages, and add your content.
Important note for FrontPage Users
This template uses CSS-based layout, which means that the layout and columns are placed using CSS instead of in a table grid. Using CSS-based layout is W3C recommended and results in cleaner code, which means that your pages load faster and search engines may rank your pages better than they would if they were in a table format.
These benefits do come with a trade-off, however. Because the FrontPage "design view" is not as sophisticated at displaying CSS properly, the heading fonts will seem very large, and the content areas may "wrap" underneath other content areas. This can be frustrating if you are used to getting a good "preview" of what your site looks like, but you'll find that it is almost just as easy to keep previewing your site in a browser as you make changes. You will still be able to edit your text and add content as you normally would; after you save, go to File > Preview in Browser to view your site in a browser and make sure that it really looks as it should.
Also, occasionally FrontPage's Normal/Design view may "lose" the formatting. When this happens, just hit "F5" to refresh the view and the styles will return.
By offering you CSS-based layout instead of tables-based layout, we are helping to ensure that your web site is compliant with current web standards.
Flash Detection Script
This template uses the SWFObject (v1.4) Flash detection and embed script provided by Geoff Stearns at http://blog.deconcept.com/swfobject/. This script detects whether or not the user has the Flash player, and if it does, it loads in the Flash movie for them to view. If they don't have the Flash player, it displays your alternate content. The alternate content is what you see in your web editor (a static image or text).
The SWFObject script also resolves the IE update issue where embedded Flash movies require an extra click for interaction; using the script will allow viewers to interact with the Flash movie directly. The SWFObject script also allows your web site to have fully validated HTML.
Please be aware that the script may be updated occasionally, and it is your responsibility to visit the SWFObject site to check for updates and implement them.
Source Files Included
Photoshop CS2 files
Flash 8 files
Photoshop and Flash files are licensed for use with this web template only.
Can I change the colors?
You can easily change the font colors by editing the stylesheet, but some of the layout effects are created with graphics, such as the column backgrounds. You will need to be comfortable with using Photoshop to edit the provided Photoshop files and export to web graphic format to replace the existing graphics.
The header, menus, and footer are "include pages." Editing the include pages will update the other pages across your web site. Open them, make your changes, and save.
The include pages will look like they have no formatting applied. This is okay! Simply make your changes, then preview the other website pages in a browser.
The top menu is in the header1.htm include page.
The menu is made up of bulleted links that the stylesheet then formats. To add more links to the side menus, open the include page, main_nav1.htm, add more links to the list, and save.
The footer area can be modified by editing the footer1.htm file.
Flash Image Rotator
The Flash Image Rotator can be modified by editing the settings.xml file. There is a ReadMe file that goes over the precise details. All images will need to reside in the "images" folder. You will see how to edit and add images at the bottom of the XML file.
Cascading Style Sheets
This template is a table-less layout. Positioning and layout is defined through CSS. You will need to be comfortable with advanced CSS positioning and formatting techniques if you want to make changes to the layout of this site. If you just want to add your content, you will need some basic CSS skills and HTML skills.
CSS Resource Lists