John Galt's Templates: Beyond Cookie Cutter

Learn...

FrontPage Intro

FrontPage Editing Basics

Make a FrontPage Template

FrontPage FAQ

Dynamic Web Templates (FP)

Swish Basics

Articles

Product-Specific

Forceful (Flash)Forceful

Current version: 1.0
Last updated: 2/28/02

Installation

You probably have an .exe file that you downloaded. This is a program that will install the template files into the correct places on your computer.

First, make sure that FrontPage is closed.

To run the installer, double-click on the icon. Some dialog boxes will pop up and take you through the installation process. If it seems to go okay, you may then create a new web! Skip the rest of these installation instructions to find out how to use the template.

If the installation fails, there are a few things you may try. First, if the installer is on your desktop, create a new folder on your desktop and drag the icon into the new folder, then try running it from there. If this doesn't work, you can try extracting the files and placing them manually. Right-click on the installer and select "Extract to folder..." Extract to this temporary directory. Note: If you are using a non-English version, please see this info page at PixelMill.

In the fp2000 folder you'll find three folders called Pages, Themes, and Webs.

Open the Themes folder and there should be another folder called forceful. Copy this folder to this location:

C:/Program Files/Common Files/Microsoft Shared/Themes

In the Webs folder there should be another folder called forceful.tem. Copy this folder to this location:

C:/Program Files/Microsoft Office/Templates/1033/Webs

If you are unable to extract the files, then contact support.

Using the Template - Basics
  1. After installation, open FrontPage.

  2. In FP2002, go to File > New > Page or Web. (In FP2000, go to File > New > Web.) In FP2002, click on "Web Site Templates" in the right column.

  3. Choose the Forceful template from your list of templates.

  4. In the right column, make sure that the location of your new web is correct. The usual default is a subfolder inside of your "My Webs" folder. You may choose a different name for the subfolder. You may also create a new web directly on your server by typing in the URL of your web site.

  5. Click OK and FrontPage will make your new web.

  6. When FrontPage is finished working, you should see the pages of your new web site in the Folder List. (If you can't see the Folder List, go to View > Folder List.) Double-click on any of these pages to open it and edit it.

  7. While you are working on the web site, go to File > Preview in Browser to see your pages as they will appear in a browser. Try not to depend on the "Preview" tab in FrontPage. You may leave the browser window open and refresh it as you make and save changes.

  8. To make more pages, simply take existing pages and go to File > Save As. Save the page as a new file name, and click "Change" to change the page title. (Notes: The page title is what shows up in your link bars and page banners. The file name should NOT have spaces or special characters in the name, but should look like either mynewpage.htm or my_new_page.htm.) Then, switch to Navigation View and drag the page into your navigation structure to add the page to the correct link bars. (Learn more.)

  9. To delete pages, simply right-click the page in your folder list and choose "delete."

  10. To publish your web site, go to File > Publish Web. Type in the location of your server, for example, http://www.yoursite.com. If you want to publish your web temporarily and "hide" it behind your existing site, publish it to a subfolder of your web, for example, http://www.yoursite.com/testfolder. Click Publish. You may need to enter your username and password. See our Server Issues article if after publishing, some things don't look right on your published site.
Using the Template - Specifics

Below are some specific issues and questions that you may have about the Forceful web template. Please also look in our support index for answers to more general questions. We've tried to organize the support issues in a "top-down" format -- i.e., starting with the index page and the very top of the page, then continuing throughout the rest of the web site. If you find an issue that you think should be on this page or in our support area, please let us know!

Home, Contact, Site Map Navigation Bar
The Home, Contact, and Map buttons are a FrontPage-generated Link Bar using the "top level" navigation pages. If you are unfamiliar with how FrontPage nav bars work, please visit this tutorial on Using Navigation View. You can then learn how to edit the buttons (changing the names, adding more buttons, etc.) in our tutorial on editing link bars.

Rotating Globe movie
The rotating globe movie is an embedded Flash movie. You will not be able to edit it. If you want to get rid of the movie, you may replace it with either "mainpic_blank.jpg" or "mainpic_sky.jpg." These may then be modified in your own image editing program. If you're looking for a different type of animation, please see our available components for Forceful.

Left Navigation Bar
The link bar displays your "Child pages under Home." If you are unfamiliar with how FrontPage nav bars work, please visit this tutorial on Using Navigation View. You can then learn how to edit the buttons (changing the names, adding more buttons, etc.) in our tutorial on editing link bars.

Page Title - Keyboard graphic
The first line of each page is where the page title goes. This is a FrontPage-generated image. You can change the text by changing the page title in your Navigation View. To learn more about how to do this, please look at our tutorial on inserting and editing Page Banners.

Accessing styles.Info boxes
The info boxes must be edited on each page. If you want to get rid of an info box, you can easily do this by deleting the table that makes up an info box. Click inside of the title area of the info box, go to Table > Select > Table, and then hit backspace to delete the box.

To create more info boxes, duplicate an existing box. Click in the info box title area, go to Table > Select > Table, then Edit > Copy and Edit > Paste. Be sure to use the class ".infobox" to get the white text by using the styles drop-down menu (see right).

You can also easily resize the info box. In the bottom cell is an "invisible" graphic. Click on it, then resize the graphic and the table will resize accordingly.

Copyright info and links - Bottom Shared Border
At the bottom of the page is a "copyright" statement along with several links. The bottom row of links is actually a FrontPage-generated link bar. If you have FP2002, you may edit the text style to a different style. This is in the bottom shared border, which allows you to change it once on a page and have it apply across the web.

A note about shared borders:
If you're an HTML guru and want to actually see the source code, you will have to "un-hide" the hidden borders folder. Go to Tools > Web Settings and click the Advanced Tab. Check the "show hidden files and folders" checkbox, then apply. The "_borders" folder will now show up in your folder list. You may open the folder and access "bottom.htm."

Extra highlight images
On the "Read me" page in the right column are some extra accent "bullet" images that you may use in your site.

Catalog page
This template does not come with ecommerce capability. The Catalog page provides a suggested layout but doesn't come with ecommerce functionality. The catalog page layout also comes with the JavaScript code you need to create product pop-up windows.

The links open up a separate web page that has the info about your product. The sample page provided in the template is "detail.htm." You should save copies of this page for each of your products. Then, to create more pop-up links, simply copy an existing link and edit it. If you copy and paste the first Employee link, then select the link, right-click and select Hyperlink Properties, you'll see that the link looks like this:

javascript:pop('detail.htm');

Simply edit the "detail.htm" URL with the URL to your new employee bio page. For example, if you have a new page called "yourproduct.htm," then your pop-up window link should look like:

javascript:pop('yourproduct.htm');

To make more cells in your product table, simply hit "tab" at the end of the table. Copy and paste the image for the horizontal separator to separate your products.

Site Map
The site map is a FrontPage-generated component. To view the site map, go to File > Preview in Browser. To update the site map, you may need to open the page, click on the site map, and save the page.