main image

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:

  1. Multi-page Expression Web® /FrontPage 2003® template.
  2. Four Master DWT pages: one 2-column and one single-column page layouts with the SwishMax movie; and one 2-colum and one single-column page layouts with static images.
  3. CSS-positioned page layouts (no tables) and external CSS file.
  4. Fixed-width layout with expanding background provides readability while still looking great at higher resolutions.
  5. Cross-browser tested with validated CSS, XHTML 1.0. WCAG 1.0, 2.0, and Section 508 accessible.

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.

Step by step:

Make a new web:

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

Preview your new web:

  1. Click on any page and go to File > Preview in Browser.
  2. Click on Internet Explorer (or another installed browser) and click Preview.
  3. 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:

  1. Editing the Master DWT pages: To edit your navigation links and copyright information, you will need to open and edit the two included master DWT pages. Once you have made your changes, save the page and your changes will be made on all of the pages within your web.
  2. Adding Your Site Name and Slogan: The template uses the header.jpg image that has our sample text applied. We give you a "blank" image that contains only the background. You can add your text using your favorite image editing software program and select your favorite font. Just insert the new image in both of the master DWT pages. [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.]
  3. 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.
  4. 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.
  5. 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.
  6. Delete pages from your web: Right click on the pages you wish to delete in your Folder list then click Delete.
  7. Replace animated pages with static pages: If you do not want the movie to play on all of the pages in your web, just attach the appropriate static DWT page. Easy.
  8. Add your content: Delete our sample content. Type your text. Add your pictures. It's easy!

Before You Publish:

  1. Change the page title on all pages as appropriate.
  2. Reset form properties to contain your email address.
  3. Preview all pages by going to File > Preview in Browser. It's a good idea to check your site in more than one browser.
  4. Either delete or modify the keywords and description meta tags on each page.
  5. Set any form properties so you can receive any form submittals into your email client.
  6. Spell check each page.

Publish Your Web:

  1. Go to File > Publish Site.
  2. Type in the URL of your web site (example 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:
  3. Type in your username and password when prompted.
  4. 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.
  5. 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.

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.

  1. Step 1: Right-click on the form and select Form Properties from the menu.
  2. Step 2: Select "Send to" and type in your email address in the appropriate box.
  3. Step 3: Click on the Options button.
  4. 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.
  5. 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.
  6. 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.
  7. Step 7: Click OK to close the dialog box.
  8. Step 8: In the Form Properties dialog box, click OK.
  9. 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.