READ ME

Product: FrontPage Concept Site Package: Real Estate
The package contains the FrontPage Web Template and Theme files needed to create a web site using the "Real Estate" look.

Description: How to create a starter Web site using the included FrontPage Web Template and Theme.
The template uses the FrontPage navigation structure, quick link bars, and include pages for easy editing.

Requirements: You must use Microsoft FrontPage version 2002 or later.


About FrontPage Themes

FrontPage Themes can be applied to Web pages or Web sites created with FrontPage or with SharePoint Team Services. Themes give sites consistent fonts, formatting, bullets, and other design elements across all of the pages on which they are used. When we created the custom sites, we created a custom Theme for each site that you can use to apply to your own site. Keep in mind that Themes change the fonts and formatting of what you already have in the site; they don’t create new pages or new content on your pages.

About FrontPage Web Site Templates

FrontPage Web site templates can be used to create an entire Web site from scratch. We have turned the custom sites into Web site templates so you can use them to create a basic site, and then fully customize the site with FrontPage. The site comes complete with a home page, links, and pages ready for you to add your own content into.


Getting Started - Installation

The zip file contains an installer (.exe) that will install the Theme and template files. Run the installer by double-clicking on it and following the prompts.


Make a New Web using the Web Template

  1. Open FrontPage 2002.
  2. Go to File > New > Page or Web. Click Web Site Templates in the New Page or Web pane in the right column.
  3. Choose the FrontPage Real Estate Web Template.
  4. Specify the location in the dropdown box. For example, you may want to point the location to a subfolder in your My Webs folder: C:\...\My Webs\FPRealestate or to a public server on the Internet like http://www.mywebs.com/newweb.
  5. Click OK. FrontPage will build the web site for you. When it's done working, you may view and edit pages.

Customize Pages with Quick Launch Bars

  1. Open the "include_left.htm" page in FrontPage 2002.
  2. Click on the Comment that says "Insert Custom Link Bar here" in the left column.
  3. Go to Insert > Navigation. Make sure "Bar with Custom Links" is selected. Click Next.
  4. "Use Page's Theme" should be selected. Click Next again.
  5. Choose "Vertical," then click Finish.
  6. Type "Quick Launch Link Bar" and click OK.
  7. Click the "Add Link" button.
  8. Browse to "aboutthefirm.htm." In the "Text to display" field at the top of the window, type "About the Firm." This is what will display on the button. Click OK.
  9. Repeat this with the following:
    File name Text to display
    agents.htm Contoso Agents
    listings.htm Contoso Listings
    photogallery.htm Photo Gallery
    otherlistings.htm Other Listings
    contacts.htm Contacts
    brochures.htm Brochures
    brochure_request.htm Brochure Request
    contoso_internet.htm Contoso Internet
    mortgage_rates.htm Mortgage Rates
  10. Click OK to exit the custom link bar dialog box, and save the "include_left.htm" page, then close it.
  11. Now, open the "include_top.htm" page and click on the Comment that says "Insert Custom Link Bar here."
  12. Go to Insert > Navigation. Make sure "Bar with Custom Links" is selected. Click Next.
  13. Scroll down to choose the text with vertical line dividers style ( Xxxxx | Xxxxx | Xxxxx ) is chosen. Click Next again.
  14. Choose "Horizontal," then click Finish.
  15. Click the "Create New" button.
  16. Type "Top Navigation Link Bar" and click OK.
  17. Click the "Add Link button."
  18. Browse to "index.html." In the "Text to display" field, type "Home." Click OK.
  19. Repeat this with the following:
    File name Text to display
    announcements.htm Announcements
    area_information.htm Area Information
    document.htm Documents
    events.htm Events
  20. Click OK to exit the custom link bar dialog box, and save the "include_top.htm" page.
  21. Now, open the "index.html" page. This page does not use the include pages. Click on the "Insert Top Link Bar here" comment, then go to Insert > Navigation. Make sure "Bar with Custom Links" is selected. Click Next.
  22. Scroll down to choose the text with vertical line dividers style (Xxxxx | Xxxxx | Xxxxx ) is chosen. Click Next.
  23. Choose "Horizontal," then click Finish.
  24. Choose the "Top Navigation Link Bar" and click OK. The top link bar will be inserted into the home page.
  25. Click on the "Insert Quick Launch Link Bar here" comment, then go to Insert > Navigation. Click Next to choose "Bar with Custom Links," then click Next again to choose "Use Page's Theme." Click "Vertical," then "Finish." Choose the "Quick Launch Link Bar" and click OK.
  26. Save your home page.

Some FrontPage Template basics...

Top Header Include Page

The top header, with the horizontal navigation bar, logo, and pictures, is within an "include page," created using the FrontPage Included Content Web Component. The Included Content Web Component allows you to create content once and then place it wherever you want in other pages. Included Content is easy to update even if it appears on many pages in your Web site. In this case, the logo is within the page "include_top.htm." To replace the logo with your own, simply open "include_top.htm," delete the existing Contoso logo, add your own image, and save. This will update all the other pages in your web site.

Note that the home page (index.html) does not use this include page, so you will have to insert your logo separately on the home page.

About Page Titles and Link Bar Button/Link Titles

Page titles and link bar button/link titles are automatically generated by FrontPage based on the title of your page. To change the title of your page, switch to Navigation View, right-click on the page you wish to change, and choose "Rename." Type in your new name and click OK. This will change the page title and link bar titles across your web.

About the Photo Gallery

The Gift Shop Photo Gallery page is a page that contains a FrontPage Photo Gallery component. To edit the pictures in the photo gallery, simply double-click on the photo gallery within FrontPage. You can then delete existing pictures, add pictures and captions, and choose your preferred layout style.

Adding more pages

You can add more pages simply by saving an existing page. Open a page and go to File > Save As. Choose a file name for your new page - it should not have spaces or special characters in it - and click the "Change" button to change the Page Title (this is what displays on navigation bars). Then, go into Navigation View and drag the page into your navigation structure to get link bars and page banners to show up.

Changing the copyright statement

The copyright statement is also in an "include page" called "include_bottom.htm." Open this page and edit it with your own copyright information, then save the page. This will update all the other pages in your web site.

Note that the home page (index.html) does not use this include page, so you will have to edit the copyright statement separately on the home page.