Getting Started
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 page for a 3-column page layout.
- CSS-positioned page layouts (no tables) and external CSS file.
- Shockwave/Flash file (easily replace our image with your own.)
- SWF Object Detection Script
- 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.
- Layered Photoshop (.psd) source files included. [Image editing software required to edit source files.]
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 source files included in this template, you will need some type of image editing software that will allow opening and editing a .psd file (Photoshop, Paint Shop Pro, Fireworks, etc.)
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 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: The template uses the "logo.jpg" image that has our sample "Business Name" added. We also give you a "logo-blank.jpg" image that does not have any text or logo icon applied. Additionally, we supply a layered "logo.psd" image with each element on its own layer. You can add your text/logo using your favorite image editing software program and select your favorite font. [Note: If you do not have the software to add your own business name, we can add it for you for free (using the same font and color) 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: Create a new blank page. Open the page and go to Format > Dynamic Web Template > Attach Dynamic Web Template. Select the dwt page and click OK. Your new page is now ready for you to add your content to the editable regions.
- 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.
- Changing the Movie Image: The .swf file contains a small script that pulls in the "mainimage.jpg" from the images folder. You can replace the image with one of your own, but your new image must be named "mainimage.jpg", be saved in the images folder of your web, and be sized 188px x 300px.
- Editing Source Files: If you wish to make more extensive changes, we have supplied layered .psd files. You will find these in the "sourcefiles" folder within the images folder. You will need to edit the source files in your image editing software program.
Before You Publish:
- Change the page title on all pages as appropriate.
- 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.
- Review and reset any form properties so you can receive any form submittals into your email client.
- 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.
