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
-
After installation, open FrontPage.
-
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.
-
Choose the Forceful template from your
list of templates.
-
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.
-
Click OK and FrontPage will make your new web.
-
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.
-
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.
-
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.)
-
To delete pages, simply right-click the page in your
folder list and choose "delete."
- 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.
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. |