 Intimate
Current version: 1.0
Product last updated: 1/31/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
intimate. Copy this folder to this location:
C:/Program Files/Common Files/Microsoft Shared/Themes
In the Pages folder there should be another folder called
intimate.tem.
Copy this folder to this location:
C:/Program Files/Microsoft Office/Templates/1033/Pages
In the Webs folder there should be another folder called
intimate.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 Intimate 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.) You may also use the included Page Template to
create new pages. To find out how, see our tutorial on
adding new pages.
-
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 Intimate 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!
The "your logo here" image may be replaced with your own logo.
The
easiest way to do this is to replace the image with one that is the same
dimension (200x50 pixels) by dragging your image file
(named "yourlogohere.gif") into the images folder of your web and replacing the existing one. This
will replace the image across your web site. If your logo file has
different dimensions, you will have to edit each page. The most
time-efficient way to do this is to: Select all the pages in your folder
list, right-click on the select files, and choose Open to open all the
page. On the first page, delete the "yourlogohere" image, add your image
and save the page, then click on the image and hit Ctrl-C to copy it.
Then, go into each of your pages, click on the old yourlogohere image
and hit Ctrl-V to paste in your new logo. You may either save and close
your pages as you go, or keep them open and go to File > Save All to
save all of them at once.
There is a Photoshop file included in the images folder that you
may use to modify the logo image.
Horizontal Navigation Bar
The Home, Contact, and Map buttons are FrontPage-generated
navigation buttons that use your "top level" of navigation. 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.
Animation on home page - Swish movie
The movie on the home page was created with Swish. The Swish file is included in the web
template, called "intro.swi." You
will need the Swish program to edit this 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.
We haven't figured out why, yet, but some people have problems opening
the .swi file. If this is the case, you can easily create your own
movie. Create a new movie file in Swish with the width = 306 and height
= 202, with the background color set to white. Import the "home-main.jpg"
image in your web images folder. Then, create your own
text and animation effects. Save the file as "intro.swi," and export as
"intro.swf" and replace the existing files in the web.
 Highlights
Image
This image can be replaced with included alternative images. Open
the images folder and look for the "home-highlights.gif." Nearby you'll
also see images for "Information," "News," or "What's New." A Photoshop
file called "home-title.psd" may be used to create your own. We forgot
to include a "blank" gif in this version, but you can
contact us with your receipt to ask for a blank
gif.
To the right of the Highlights image is a cell that you may use to
insert your announcements, highlights, or other important information!
Add to Favorites button (home page only)
In FrontPage's Normal View, you won't see this button. Instead,
you'll see a little flag icon. This is because there is JavaScript code
that writes the HTML code for the button depending on whether or not the
user is using Netscape or Internet Explorer. (Add-to-favorites works
only in Internet Explorer.) If you don't want the Add to Favorites
button, you will need to go into the HTML code and delete the code that
looks like this: <!-- begin bookmarking script --><A
NAME="here"></A><SCRIPT>
<!--
if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion)
>= 4)) {
document.write('<A HREF="#here" onclick="window.external.AddFavorite(location.href,document.title);"><IMG
BORDER="0" SRC="images/addtofav.gif" WIDTH="100" HEIGHT="23"></A>');
}
//-->
</SCRIPT><!-- end bookmarking script -->
Print this Page button
This is a special image included with the web template. There is
JavaScript at the top of each page with a function that allows the
browser to call up the print dialog. If you don't want this button,
delete it.
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.
 Favicon
A favicon is an icon image that will show up in the browser address
bar when people add your site to their favorites. This template comes
with a specially-made favicon (looks like image at left)! Just keep
favicon.ico in your root directory.
Page Title
- banner graphic
On all pages except for the home page, there is a page banner that
looks like a curved tab that fades out on the right side. This is a
FrontPage-generated image and you cannot modify the background image. You will need to request custom work or purchase a different
component. You can change the text, however, 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.
 Extra accent image
The
extra accent image that comes with the template may be used to accent
your headings or content. Simply copy and paste it and use it wherever you want.
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 a box, go to Table > Select > Table, and
then hit backspace to delete the box. To make more info boxes, you
may duplicate them by copying and pasting an existing info box. Click in
the table, then go to Table > Select > Table, then Edit > Copy and
Edit > Paste. Be sure to insert breaks between the tables.
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."
Pop-up windows on About Us page
The About Us page comes with two employee bio pop-up windows. There
is JavaScript code on this page that helps you do this. Each of the
links opens up a separate web page that has the info about your
employee. These two pages are "profile1.htm" and "profile2.htm." You
will have to edit these two pages, and save copies of them to create
more bio pages. 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('profile1.htm');
Simply edit the "profile1.htm" URL with the URL to your new employee bio
page. For example, if you have a new page called "myemployee1.htm," then
your pop-up window link should look like: javascript:pop('myemployee1.htm');
Feedback Form on Contact Us page
To customize this form (send results to an email address, etc.),
right-click in the form and select Form Properties. You may also add and
delete fields (to insert, go to Insert > Form > and choose a form
field). This form will only work on a server that has FrontPage
extensions. 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. |
