Before you start creating your website read and print this entire document. Reading this document will help you get started on the right track and answer many questions you may have.
If you have questions you can contact us by email at or by phone at 661-391-0853.
Important Note About Table Templates
This pre-designed template is designed with a series of tables. These tables have very strict parameters, so the template will no long perform properly if you move one of the table borders by dragging it with your mouse. If you happen to drag one of the main tables
immediately go to Edit>Undo.
*To view this page correctly go to File > Preview in Browser.
Table of Contents:
Create a New Website Template
Change a Current Navigation Button Name
Delete a Navigation Button
Create and Add a New Page
Delete a Page
Rename an Existing Page File
Cascading Style Sheets (CSS)
Header and Footer Page
Adding Your Logo or Business Name
Change the left info box text
Location of the PSD File
Adding a Navigation Bar for Sub Pages
Location of the Extra Graphics
Editable Flash file
Font File
Using the Static Image
Additional Help
Create a New Website Template
1. FP 2000: Go to File > New > Web.
FP 2002: Go to File > New > Page or Web. Click on "Web Site Templates" in the right column.
FP 2003: Go to File > New. Click on "More Web Site Templates" in the right column.
2. This will bring up the available templates you can create. Choose the template that you purchased from the list of web templates. (In FP2003, it's possible that this template is listed under the "My Templates" tab.)
3. The dropdown menu shows the location of where your new web will be created. Yours will probably be in your "My Webs" folder and will be called "myweb1" or something similar. You may choose a different location if you want.
4. Click OK. FrontPage will now create your new web. Do not disturb FrontPage while it is creating the new web. You can see FrontPage copying files, applying the theme, and performing other tasks in the lower left status bar. When it stops, you are ready
to begin editing your new web!
Change a Current Button Name
1. Go to Navigation View (View > Navigation).
2. Select the page you want to rename within the navigation structure.
3. Right click and select Rename.
4. Go to View > Page and your changes will be made.
OR
1. Go to the page you want to change.
2. Go to File > Properties.
3. Under Title, delete what is currently there and add the title of your new page.
4. Click the Ok button.
Delete a Navigation Button
1. Go to Navigation View (View > Navigation)
2. Select the page you want to delete in the navigation area and hit delete on your keyboard.
3. In the new window that pops up select the radio button that says: "Remove this page from all navigation bars".
4. Click the Ok button.
Create and Add a New Page
1. Open an existing page that you would like to copy, such as contact_us.htm.
2. Go to File > Save As, and then a window will pop-up.
3. To the right of "Page tile:" click on the "Change" button and type in the Title of your new page.
4. Under "File name" insert the name of the new page you want to create. It is important that you don't have any blank spaces in the file name. For example, if you want to create a page called "our services" your need to type in "our_services" or "ourservices".
5. Click Ok.
Note: Once you have created a new page you will want to add it to your navigation. Follow the steps below.
6. Go to Navigation View (View > Navigation).
7. In the folder list, select or highlight the new page and drag it into the navigation area.
8. Make sure the page is in the navigation area where you want it to go.
Delete a Page
1. In your Folder List find the page you want to delete.
2. Right-click on the page and select delete.
Rename an Existing Page File
1. If your Folder List is not already open go to View > Folder List.
2. Find the page or file you want to change then left click on it and select Rename.
3. Rename the file to your choice. Make sure the file has the .htm on the end.
Cascading Style Sheets (CSS)
This template uses cascading style sheets or CSS to make it easy for you to change the main font sizes and color. To change the font size in the footer (.footer), info box (.infobox), and others, modify the style.css file.
For Example, if you wanted to change the font size of the text in the info boxes find the ".info_box " code in the css file and to the right change the "11px" to the size you want.
*Do not delete the style.css file.
For more information about cascading style sheets visit
http://hotwired.lycos.com/webmonkey/reference/stylesheet_guide/ or
http://www.w3schools.com/css/css_intro.asp.
Header and Footer Page
This template uses a header and footer page. Use the header.htm page to add your logo and to add more top links. Use the footer.htm page to add your company information. The header and footer page is included in each page using the includes component in FrontPage.
This allows you to modify one page to make changes to your entire site.
Adding Your Logo or Business Name
There are many different options for adding your business name and logo, which are explained below. If you have questions regarding this process send us an email to
.
Option 1. If you already have a logo you want to use, just go to the header.htm page and delete the current logo. Then insert your own. Make sure that the logo you use is no larger than 69 pixels in height and 507 pixels in width.
Option 2. Go to the header.htm page and delete the current logo and type in your business name.
Option 3. If you have PhotoShop, you can open the PhotoShop file and change the text to the name of your business. The Photoshop file can be found under the images/psd folder. The font file can be found in the fonts folder. You can also use Fireworks and other programs that are able to edit psd files for this process.
Option 4. If you send us your order number along with your business name and slogan we will create the logo for you. We will then email your new logo and all you have to do is add it to your "images" folder which will overwrite the old logo file. Please email this information to .
Change the Left Info Box Text
To change the text in left info box (located under the navigation buttons) go to the "left_infobox.htm" page. Then add the text you would like to appear in the info box. This text will show on every page in the template.
Location of the PSD File
The PSD file is located in the "psd" folder under the images folder.
Adding a Navigation Bar for Sub Pages
If you have sub pages you can create a navigation bar for them by going to Insert>Navigation Bar and choosing the correct level you want to display.
You can add an extra navigation bar in many different places. You can add them under the current navigation bar, in a info box, or you can add a navigation bar where the main text is located. For an example of how a sub navigation
bar can be used go to the getting started page. For another example of how you can use sub pages go to the products page.
Location of the Extra Graphics
If you would like to use the e-commerce buttons, shipping icons, credit card icons, or the extra web bullets, they are located in the extra-graphics folder under the images folder.
Editable Flash File
You can modify the Flash movie if you have Macromedia Flash. The editable file can be found under the flash folder.
Font File
The font files used for the logo is located in the fonts folder.
Using the static image
If you would like to use the static image instead of the Flash movie go to the header.htm page and delete the Flash movie. Then insert the static image we provided, which is located in the images folder. It is called mi.jpg.
Additional Help
For additional help email us at or give us a call at 661-391-0853.