Getting Started

Template Information

This FrontPage template package comes with the starter web site in .zip format. Unzip the package and start editing the pages. You may wish to keep a backup copy of the .zip in case you need to start over. We have included a basic site structure with common pages to help you get started. You may rename the pages, add more pages, and add your content.

What's included:

Multi-page Expression Web® /FrontPage 2003® template.
Master DWT pages for 2-column and 1-column page layouts.
CSS-positioned page layouts (no tables) and external CSS file.
Fixed-width layout, designed for 1024 x 768 and wider, with expanding background provides readability while still looking great at higher resolutions.
Cross-browser tested with validated CSS, XHTML 1.0. WCAG 1.0, 2.0, and Section 508 accessible.
"Main image" layered Photoshop file (in case you want to change the photo.)

What's needed:

Expression Web or FrontPage 2003: This template was designed specifically for the Expression Web and FrontPage 2003 program. Because the template uses dynamic web template (DWT) pages, it is not compatible with earlier versions of FrontPage.

Image Editing Software: While some color changes can be made by editing the CSS file. Other colors are actually graphics. If you wish to make changes to the images and graphics included in this template, you will need some type of image editing software like Photoshop, Paint Shop Pro, Fireworks, etc.

Licensing:

The royalty free images used in this template are provided as a part of a licensing agreement with Photos to Go. To purchase larger versions of these images for your own marketing use, or to use in other applications outside of this web template, please go to Photos to Go for the following image(s):

Header Image - #1069362
Photo 1 - #870798
Photo 2 - #1029403
Photo 3 - #918640
Photo 4 - #989452

Template Use: This template comes with a site license, not a user or computer license. This template is licensed for use on one site only. If you wish to use this template for subsequent sites, you must purchase a license for each additional site.

All images and source files included within the template are licensed for use with this template only.

How do I receive my template?

When you purchase this template, you will directed to a page which contains a downloadable zipped file. Note that you will need a software utility program such as WinZip to "open" this file. Unzip this file to a location on your hard drive.

Inside you will find the following:

The web folder that holds the actual template pages and files.
A text "read me" file.
Our full license agreement.
A "Getting Started" PDF file with details on working with your new template.

Extra Buttons and Icons:

You will find a selection of extra shopping cart and icon-styled buttons inside of the Buttons folder located within the Images folder of your web.

Step by step:

Make a new web:

Unzip your web package.
Look for the web folder.
Copy this folder to your My Webs directory.
In FrontPage or Expression Web, go to File > Open Site and browse to this folder to begin editing your site.

Preview your new web:

Click on any page and go to File > Preview in Browser.
Click on Internet Explorer (or another installed browser) and click Preview.
A browser window will open with your new web. Preview the pages of the web and decide what pages will be in your web site. You may keep this window open and return to it and refresh to see your changes.

Modify your new web:

Editing the Master DWT pages: To edit your navigation links and copyright information, you will need to open and edit the included master DWT page(s). Once you have made your changes, save the page and your changes will be made on all of the pages within your web.
Adding Your Site Name and Slogan: The template uses the "header.jpg" image that has our sample "Your Business Name" applied. We also give you a "header-blank.jpg" image that does not have any text applied and a layered "header.psd" image with each element on its own layer. You can add your text using your favorite image editing software program and select your favorite font. Just insert the new image in the master DWT page. [Note: If you do not have the software to add your own text, we can add it for you for free within 30 days of your purchase.]
Editing the content pages: To edit your web pages, just delete our content and add your own. Note that you will not be able to edit any "uneditable" regions on these pages. To make changes to some areas you will need to edit the master DWT pages.
Add new pages: Open a page that has the layout the way you want it, then go to File > Save As. Save the page under a new name and be sure to change the page title as well.
Rename existing pages: If you would like to use an existing page but want to rename it, you may easily do this in the Folders list. Right click on the file name and/or the page title and choose "Rename" to rename your file. You may then need to modify the menu links with the new text.
Delete pages from your web: Right click on the pages you wish to delete in your Folder list then click Delete.
Add your content: Delete our sample content. Type your text. Add your pictures. It's easy!

Before You Publish:

[ ] Change the page title on all pages as appropriate.
[ ] Set any form properties so you can receive any form submittals into your email client.
[ ] Preview all pages by going to File > Preview in Browser. It's a good idea to check your site in more than one browser.
[ ] Modify the keywords and description meta tags on each page.
[ ] Add the appropriate "alternate text" to all images.
[ ] Spell check each page.

Publish Your Web:

Go to File > Publish Site.
Type in the URL of your web site (example http://www.sitename.com) If you don't want to overwrite your existing web site but just want to publish it temporarily to preview it, publish it to a subfolder like this: http://www.sitename.com/testweb.
Type in your username and password when prompted.
If you are publishing to a new folder, you may be asked if you want to "create a new web." Go ahead and click OK.
Then, click Publish to begin the process of uploading your content to your web hosting space. When it's done, you'll be able to click to view your published web site.

Template details:

Important for FrontPage Users: This template uses a CSS-based layout, which means that the page sections (header, sidebar, content, footer, etc.) are placed using CSS rather than in a table-based grid. Because this results in cleaner code, your pages load faster and search engines may rank you page better than they would in a table-based design.

While in design view some elements will not appear correctly. Fonts may seem too large or small, spacing between elements may seem too wide, etc. While this can take a bit of getting used to, you will find it easy to keep previewing your site in a browser as you make changes. You will add content and images as you normally would. After each change, save the page and go to File > Preview in Browser.

Occasionally you may "lose" the formatting. When this happens, just hit F5 to refresh the page and the styles will return.

Server Requirements:

Form Email address (server extensions required): To receive the contact page form results via email you must set the form properties and add your email address.

Step 1: Right-click on the form and select Form Properties from the menu.
Step 2: Select "Send to" and type in your email address in the appropriate box.
Step 3: Click on the Options button.
Step 4: Click on the Email Results tab. Your email address should be listed. You can also add a subject line so you can easily identify emails that are generated by your form.
Step 5: Click on the Confirmation Field tab. Using the browse button, locate the thankyou.htm page in your web. This is the page where your visitors will be directed once they hit the submit button.
Step 6: Click on the Saved Fields tab. In this area you can select what fields you want included in your email. You can also choose to see the date, time, visitor's IP address by selecting those fields.
Step 7: Click OK to close the dialog box.
Step 8: In the Form Properties dialog box, click OK.
Step 9: Because your form has an email address, you will be given a warning and asked if you want to remove the email address. Choose NO to this option.

Meta Tags: To help you get your site listed in search engines/directories, we have added blank meta tags to each page. You will want to either delete these tags or add your own specific content. To add your own unique page description and keyword content, right click on the page and select Page Properties. In the window that appears, click on the Custom tab. Under "user variables", locate the description item and then click the modify button. Add your own page description. Next click on the keyword item, click the modify button, and add your keywords and phrases.

Need More Help?

While we try to make our templates easy to use, if you have questions or need specific "how-to" information, please check the Help Center of our site. If you do not find your answers there, email us and we'll be happy to help.

Copyright: