PACIFIC TRAILS RESORT

This case study continues throughout most of the text. This chapter introduces the Pacific Trails Resort website scenario, presents the site map, and directs you to create the home page for the site. Melanie Bowie is the owner of the Pacific Trails Resort, located right on the California North Coast. The resort offers a quiet getaway with luxury camping in yurts along with an upscale lodge for dining and visiting with fellow guests. The target audience for Pacific Trails Resort is couples who enjoy nature and hiking. Melanie would like a website that emphasizes the uniqueness of the location and accommodations. She would like the website to include a home page, a page about the special yurt accommodations, a reservations page with contact form, and a page to describe the activities available at the resort.

A site map for the Pacific Trails Resort website is shown in Figure 2.17. The site map describes the architecture of the website--a Home page with three main content pages: Yurts, Activities, and Reservations.

         
Home page
 

                      |
       --------------------------
       |              |                 |

YurtsActivitiesReservations

Figure 2.17 Pacific Trails Resort site map.


Figure 2.18 displays a wireframe sketch of the page layout for the Pacific Trails Resort website. The wireframe contains a site logo, a navigation area, a content area, and a footer area for copyright information.

Site Logo
Navigation
Content
Footer

Figure 2.18 Pacific Trails Resort wireframe page layout


Your task in this case study is to create the Home page for the Pacific Trails Resort website. The file name of the Home page file is pacific.htm. Follow the instructions in the Hands-On Practice Case Study.

Step 1:   Create a folder called assignment1 to contain your Pacific Trails Resort website files.

Step 2:   The Home Page. You will use a text editor to create the Home Page for the Pacific Trails Resort website. The Home page is shown in Figure 2.19.
example of pacific.htm
Figure 2.19 Pacific Trails Resort pacific.htm


Launch a text editor and create a web page document with the following specifications:

  1. Web Page Title: Use a descriptive page title--the company name is a good choice for a business website.
  2. Wireframe Logo Area: Use <h1> for the Pacific Trails Resort logo.
  3. Wireframe Navigation Area: Place the following text within a div with bold text (use the <strong> logical style element). Add extra blank spaces between the words with the &nbsp; special character as needed:
    Home     Yurts     Activities      Reservations
  4. Wireframe Content Area:
    1. Place the following within an h2 element: Enjoy Nature in Luxury
    2. Place the following content in a paragraph: Pacific Trails Resort offers a special lodging experience on the California North Coast. Relax in serenity with panoramic views of the Pacific Ocean.
    3. Place the following content in an unordered list:
      Private yurts with decks overlooking the ocean
      Activities lodge with fireplace and gift shop
      Nightly fine dining at the Overlook Cafe
      Heated outdoor pool and whirlpool
      Guided hiking tours of the redwoods
    4. Contact information:
      Place the address and phone number information within a div below the unordered list.
      Use line break tags as needed.
      Pacific Trails Resort
      12010 Pacific Trails Road
      Zephyr, CA 95555
      888-555-5555
  5. Wireframe Footer Area:
    Configure the copyright and email address information with a div. Also configure small text size