Getting Started

This 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 that you may use to start with. You may rename the pages, add more pages, and add your content.

Features...

• A starter web template to help you create a new web site. You may easily add your own content and more pages.
• Designed for either fluid or fixed width. Layouts 1&2 are fluid-width layouts. Layouts 3&4 are fixed-width layouts.
• Easy to use table-based layout.
• Include pages are used for company name, navigation links, news, and copyright for your editing convenience.
• TopLeft Photoshop source file included.
• Tested in recent browsers: Internet Explorer 6, Netscape 7+, Opera 9, and FireFox. Because of issues in earlier browsers that don't support more than the most basic style sheet rules, we do not make any warranties or guarantees on how this template is viewed in Netscape 4 and other earlier browsers.
• Validated XHTML 1.0 transitional, CSS.

Important note for FrontPage Users

This template uses tables and CSS for the layout. Because the FrontPage "design view" is not as sophisticated at displaying CSS properly, the heading fonts will seem very large. This can be frustrating if you are used to getting a good "preview" of what your site looks like, but you'll find that it is almost just as easy to keep previewing your site in a browser as you make changes. You will still be able to edit your text and add content as you normally would; after you save, go to File > Preview in Browser to view your site in a browser and make sure that it really looks as it should.

Also, occasionally FrontPage's Normal/Design view may "lose" the formatting. When this happens, just press "F5" to refresh the view and the styles will return.

Server Requirements

This template does not require FrontPage extensions.

NOTE: If you want to add FrontPage forms to your site, your web site will need to be published on a server that has FrontPage extensions. Check with your hosting provider to make sure that you can use FrontPage forms on your site.

Licensing Information

• Copyright: The copyright for this template and accompanying design remains with the designer, Long2 Consulting. You may not claim ownership of the design, nor may you use it for any purpose other than that explicitly set forth in the separate license agreement.
• Licensing: The license fee for this design is a site license, not a user or computer license. This design is, therefore, licensed for use on ONE SITE ONLY. If you want to use this design on subsequent sites, you must purchase a license for each additional site.
• The Photoshop and/or Flash source files are licensed for use with this template only.

Please e-mail llong@long2consulting.com if you have any questions about licensing.

Image Licensing Information

©ClipArt.com - #7627193, 15537969, 21351036, and 1983166

Images used in this template were acquired at the source or sources listed above. The images and/or photos in this template page are copyrighted and are being used with permission under license. These images and/or photos may not be copied or downloaded without permission from the licensors.

Images from ClipArt.com are the copyrighted property of Jupiter Images and are being used with permission under license.

NOTE: The images used in this template can only be used in this template and you cannot extract and use these photos for any other use. All copyrights remain with the original licensors.

Stock.XCHNG (www.sxc.hu)

The following images used in this template were acquired from the Stock.XCHNG website and used with permission from the photographer.

137055 Sunset by Lynne Lancaster

107023 Sky by Matthew Bowden

Source Files Included

• Photoshop files, works with Photoshop 7, CS, or CS2
  • TopLeft.psd. Use this file to insert your own images and keep the curve. Open the file in Photoshop. Insert your image as a new file and scale it to fit the box. Select the Curve layer. Click the Magic Wand tool and select outside the blue in the Curve layer. Switch to your image layer and press Delete. Then use File, Save for Web to save the image in your images folder. Then you can just use Insert, Picture, From File to insert the image.

*Note: All source files are licensed for use with this web site template only and may not be used in any other projects, web sites, or applications.

General Instructions

1. Make a new web...
   1. Unzip your web package.
   2. Look for the "productname_FP" folder.
   3. Copy this folder to your "My Webs" directory.
   4. In FrontPage, go to File > Open Web or Open Site and browse to this folder to begin editing your site.
2. Preview your new web...
   1. Click on any page and go to File/Preview in Browser.
   2. Click on Internet Explorer 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.
3. Modify your new web...
   1. 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 - be sure to change the page title as well! Then, go to Navigation View and drag your new page into the navigation structure. Edit the menu if necessary (see specific instructions below).
   2. Rename existing pages
      If you would like to use an existing page but want to rename it, you may easily do this in Folders View. Right-click on the file name and/or the page title and choose "Rename" to rename your file.
   3. Add your own logo
      The logo is in the "includes/companyname.htm" file. Open this page to edit the logo (see below in specific instructions). After saving this include page, all your other pages will be automatically updated.
   4. Edit the Copyright statement
      The copyright statement is in an include page for your editing convenience. Open "includes/copyright.htm" and edit the text, then save. All your pages will be automatically updated.
   5. Add your own layout if necessary
      This page has been very carefully formatted with divs so that it resizes both vertically and horizontally. Do not drag on any div corners - you may "freeze" the page so that it no longer resizes properly.
   6. Add your content!
      Type your text! Add your pictures! It's easy!
4. Publish your web!
   1. Go to File/Publish Web.
   2. Type in the URL of your web site. For example, http://www.yoursite.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.yoursite.com/test.
   3. Type in your user name and password when prompted.
   4. If you are publishing to a new folder, FrontPage may prompt you to "create a new web." Go ahead and click OK.
   5. Then, click Publish. FrontPage will publish your web. When it's done, you'll be able to click to view your published site!

Template Details

Include Pages

The company logo, news area, navigation links, and copyright area are in "include pages." Editing the include pages will update the other pages across your web site. Open them, make your changes, and save.

The include pages will look like they have no formatting applied. This is okay! Simply make your changes, then preview the other website pages in a browser.

Company Name area

The company name is on in the includes/companyname.htm page. Open the includes/companyname.htm page to replace the name with your own.

TopNav Links menu

The very top header links menu is in the includes/topnav.htm page. It is made up of hard-coded text links in list format. Open the include page, edit or add to the links, and save to update the web site.

Editing Include Navigation That Uses Lists

This template uses an include page that uses lists. The navigation area can be changed by changing the includes/headerlinks.htm, topnavlinks.htm, and sidelinks.htm. To delete a link, remove the entire line of code for that link. To add a link, simply copy one of the existing links and then paste it where you want the new link. Enter the correct page name and title for the link. The page name is the part that has the .htm, for example index.htm is the page name for the page with the title Home. Note: don't change the page name of your home page to anything other than index.htm. This is a standard name for homepages.

The navigation links uses code similar to this:
<ul>
<li><a href="../index.htm">Home</a></li>
<li><a href="../contactus.htm">Contact Us</a></li>
<li><a href="../sitemap.htm">Site Map</a></li>
<li><a href="../search.htm">Search</a></li>
</ul>
</div>

NOTE: When you change the navigation structure, it might not be visible until you Publish the site to your web server. Try to use File, Preview in Browser to see your changes, if they don't appear, try publishing the site to a test area on your server.

Side Links menus

The side links menu, which appears left side of each page, is in the includes/sidelinks.htm and sidelinks_submenu pages. Each page is made up of hard-coded text links in list format. Open the include page, edit or add to the links, and save to update the web site.

If you want a page to use the sidelinks_submenu to display a submenu. You can create submenus for other areas by copying the sidelinks_submenu page and changing the bottom menu.

News box

The news boxes are hard coded on the layout2 and layout4 pages. To copy a box to a new location do the following: Put your cursor inside the box. From the Table menu, choose Select | Table. Press Ctrl+C to copy the table. Go to the place you want the new table, click once to insert your cursor there, and then press Ctrl+V to paste the table. To center the table, right-click the table and choose Table Properties. From the Alignment list, select Centered.

Search Engine Meta Tags

This template contains search engine meta tags on each page which you should fill out with the site information so the site is indexed by search engines.

<meta name="description" content="ENTER DESCRIPTION HERE" />
<meta name="keywords" content="ENTER KEYWORDS SEPARATED BY COMMAS" />
<meta name="owner" content="ENTER THE SITE OWNER NAME" />
<meta name="copyright" content="ENTER TE COPYRIGHT INFO" />
<meta name="author" content="ENTER THE AUTHOR INFO" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="7 days" />

Calendar Macro Instructions

To use the Calendar Macro, you must first install it. The following steps work for FrontPage 2002 and FrontPage 2003.

Installing the Calendar Macro

1. Open FrontPage.

2. Choose Tools, Macros, Visual Basic Editor.

3. If necessary, display the Project Explorer shown below by pressing Ctrl+r.

4. Expand Modules.

5. Double-click Module 1. To open the Module code window.

6. Type the following code exactly as it appears here. This is case-sensitive so make sure you capitalize it correctly!!!

7. Choose File, Import and then locate and choose the CalendarForm.frm file that is in the web template's Calendar folder.

8. Choose File, Close and Return to FrontPage.

Using the Calendar Macro

1. Place your insertion point where you want the new calendar to display. The calendar can only be placed in a main content area. It is too large to fit into a news box.

2. Choose Tools, Macro, Macros to open the Macros dialog box. Under Macro Name, you should see Calendar providing you installed the macro correctly.

3. If necessary, select the Calendar macro and click Run.

4. Enter a Month (use the month number 1-12, not its name) and Year and click Submit. The new month will appear.

5. The calendar web page included with this template has a custom style sheet (calendar.css) that automatically customizes the calendar to match the template. The calendar uses these styles;

.calendar-table - the entire table.

.calendar-month - header cell containing the Month, Year.

.calendar-offday - cells that are not in the current month.

.calendar-day - cells for each day of the month.

.calendar-daynumber - paragraph containing the number for each day of the month.

.calendar-dayname - header cells containing days of the week.

6. To center the calendar on the page, right-click in the calendar and choose Table Properties. From the Alignment list, select Center, and then click OK.

5. To enter events, click in the blank space below the day number and start typing. You can also link events by right-clicking your text and choosing Hyperlinks.

Footer/Copyright

The footer can be edited in the includes/copyright.htm page. Modify the footer with your own company information and links.

Cascading Style Sheets

This template uses styles defined through CSS. You will need to be comfortable with basic CSS if you want to make changes to the styles of this site.

CSS Resource Lists

• Eric Meyer's resource list
• CSS Zen Garden
• CSS Zen Garden's resource list
• glish.com

Long² Consulting Services

We do not have the resources to change template images or colors for free on request. We do offer custom design services at reasonable rates for these types of template modifications, please visit our custom page at www.long2consulting.com. We do not recommend you attempt to make major changes to this template package.

We offer full customer support for our products. If you have a question regarding your template, please send us an e-mail message and we'll quickly get you the answers you need.

We do not offer support on how to use FrontPage beyond the instructions given within this template. Please use the following sources to help you learn how to perform FrontPage tasks:

• Use the FrontPage Help files. They contain information on how to perform most of the tasks available within FrontPage.
• Buy a book on your FrontPage version, we highly suggest Microsoft's FrontPage Inside/Out Books, available through most bookstores.
• Join a FrontPage users group such as those that can be found at Yahoo groups, or www.outfront.net