 Business
Vision
Current version: 1.0
Product last updated: 9/3/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
business-vision-blue-grey. Copy this folder to this location:
C:/Program Files/Common Files/Microsoft Shared/Themes
In the Webs folder there should be another folder called
businessvision.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 Business Vision 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 Business Vision 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! Top
Navigation Bar
This link bar uses the "Top level" of your navigation structure. To edit the links on the horizontal nav bar,
please see our tutorial on editing link
bars.
The "your logo here" image may be replaced with your own logo. For
your convenience, the logo image is inside of an include page.
Open the "include_logo.htm" page and put your own logo in place
of the "your logo here" image. Your logo may be any dimensions,
but we suggest that you keep a white background and don't make
the logo too big. Editing the include page will change
the logo on all your pages. Don't forget to link it to your home
page and add an "alternative text" description to keep your page
accessible!
The template also comes with a "blank" gif (with the swoosh,
without the text). You may use this image and edit in your own
image editor if you wish. Horizontal Navigation Bar
This nav bar
displays your "Child Pages Under Home." To edit the links on the horizontal nav bar,
please see our tutorial on editing link
bars. Swish movies
There are three Swish movies in this template. The Swish files are
included in the web template in the "swish" folder. You
will need the Swish program to edit these movies (buy at
www.swishzone.com).
To learn some basics on editing the movies once you have Swish, please
view our tutorial on editing Swish
movies that come in templates.
If you don't have Swish, you may delete the movie and replace it with
your own image or static text. The images are included in the "images"
folder. You may edit the images with your own image editor to add
taglines or text, or delete the movies and add your own imagery. Page Title
This page title
is a FrontPage-generated component. You can change it 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.
Left Navigation Bar
The left link bar is displaying pages on the "Child Level"
or "Same Level." 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.
You may choose to delete the left link bar from the home page, since it
holds the same links as "child pages under home."
Copyright info and Your Company Name
At the bottom of the page is an area for you to have copyright
information. For your convenience, we've used an include page so that
you can easily edit the information across the whole web site. Open "include_bottom.htm"
and edit the text there.
Info Box
The template comes with "info boxes" on the pages that you may use
for highlighted content. To create more info boxes, click inside of the
box and go to Table > Select > Table, then Table > Select > Cell, then
Table > Select > Table again. Then, Edit > Copy (Ctrl-C) and Edit >
Paste (Ctrl-V) in your desired location!
Use the "small" style to get smaller text.
Click in your paragraph, go up to the Style
dropdown menu, and choose "small."
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. Accessibility
The accessibility movement encourages web sites to be built to allow
people with disabilities to view them. For example, one accessibility
standard is that all images have "alternate text" and "long
descriptions" coded into the HTML. This would be useful for software
that reads web pages out loud for blind people. Even if they cannot see
your images, the software can read the description of the image out
loud.
There are two different guidelines often used when determining
whether a site is "accessible": the US Government Section 508 Guidelines
and the Web Content Accessibility Guidelines.
This template was built to meet as many of those standards as
possible. It meets all the Priority 1 standards of the Web Content
Accessibility Guidelines and all of the Section 508 Guidelines. If you
are concerned with accessibility, you will need to take responsibility
to label all your tables and images and to avoid technologies or
scripting that may not be accessible.
Some of the many ways that this template meets standards:
- Table structure
- Tables are built using relative sizing so that the page will
resize to fit browser windows.
- All tables have a "summary" statement that describes what
the table is being used for.
- Cascading Style Sheets
- Table background colors/patterns and bullet images are
defined using Cascading Style Sheets within the theme (instead
of hard-coding them, which FrontPage will do when themes are
applied without CSS).
- Font colors and sizes are also defined with CSS, which
allows the page to degrade functionally even if someone does not
have CSS viewing capability.
- Images
- Images within the page layout have "alt" and "longdesc" set
in the HTML. (To edit the long description, you must go into
HTML view.)
- Swish movies
- Swish movie have the "alt" description in the
EMBED tag as well as textual NOEMBED descriptions
for browsers that don't have the OBJECT or EMBED
tags.
Some of the ways that this template is not able to meet standards:
Please note that these are "Priority 2 and 3" checkpoints and that
most of them are FrontPage Theme-related.
- FrontPage Theme Issues
- When you apply your theme so that the navigation bars have
"Active Graphics" (i.e., change on rollover), you will
automatically break some standards. FrontPage automatically
generates scripting and code to make the rollover effect and you
will have no control over it.
- When you use image buttons, you will automatically break one
of the standards that suggests a "spacer" (image or text)
between navigation links.
How to develop your site so it's accessible:
- As you insert your own graphics, be sure
to add the "alt" tag. You can easily do this in FrontPage
by right-clicking on the image and selecting "Image
Properties." Click the "General" tab and type in your
textual description in the "Text" field.
- As you edit the Swish movies, go into the
HTML and edit the textual descriptions. The code will
look something like this:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0"
id="woman" width="205" height="205">
<param name="movie" value="swish/ladder.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed name="woman" src="swish/ladder.swf" quality="high"
bgcolor="#FFFFFF"
alt="Achieve your dreams."
width="205" height="205"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/s...">
</embed><noembed>Achieve your
dreams.</noembed></object>
- If you insert tables, go into the HTML and
find the line of code that looks like:
<TABLE BORDER="0" ...>.
Add the "SUMMARY" attribute and briefly describe what
the table is for. For example:
<TABLE BORDER="0" WIDTH="100%"
SUMMARY="Rental Rates for August 2002">
There are many other issues that you may need to address
when it comes to accessibility. Here are some links to sites
you may find helpful:
If you want to learn more about how to make your site accessible,
please take a look at our articles at
PixelMill, in their support area.
|
