(Solved): Pacific Trails resort case study chapter 9 Home Yurts Activities Reservations Pacific Trails Resor ...

Pacific Trails resort case study chapter 9

Home Yurts Activities Reservations Pacific Trails Resort The Yurts at Pacific Trails What is a yurt? Our luxury yurts are permanent structures four foot off the ground. Each yurt is fully enclosed with canvas walls, a wooden floor and a roof dome that can be opened What should I bring? How are the yurts furnished? Most guests pack comfortable walking shoes and plan to Each yurt is furnished with a queen-size bed with de dress for changing down quilt and gas- fired stove Your luxury camping experience includes electricity and a sink with hot and cold running water weather with light layers of clothing It's also helpful to bring a flashlight and a sense of adventure! Shower and Vom 917 to restroom facilities are located in the lodge Yurt Packages A variety of luxury yurt packages are available. Choose a package below and contact us to begin your reservation. We're happy to build a custom package just for you! Cost per Package Name Description Nights Person Weekend Two breakfasts, a trail map, and a picnic snack 2 $450 Escape Zen Retreat Four breakfasts, a trail map, a picnic snack and a pass for the daily sunrise Yoga session 4 $600 Kayak Away Two breakfasts, two hours of kayak rental daily, and a trail map 2 $500 Copyright 2000 Pacific Trails Resort FIGURE 9.15 Yurts page with a table. 6000 7 You have three tasks in this case study: 1. Create a new folder for this Pacific Trails case study. 2. Modify the style sheet (pacific.css) to configure style rules for the new table. 3. Modify the Yurts page to use a table to display information, as shown in Figure 9.15. Task 1: Create a folder called ch9pacific to contain your Pacific Trails Resort website files. Copy the files from the Chapter 8 Case Study ch8pacific folder into the new ch9pacific folder. Task 2: Configure the CSS. You will add styles to configure the table on the Yurts page. Sillas Launch a text editor and open the pacific.css external style sheet file. You will add new style rules above the media queries. • Configure the table. Code a new style rule for the table element selector that configures a table with a 2 pixel solid blue border (#3399CC) and no cellspacing (use border-collapse: collapse;). * apter 9 Table Basics . Configure the table cells. Code a new style rule for the td and th element selectors that sets padding to 0.5em and configures a 2 pixel solid blue border (#3399CC). • Center the td content. Code a new style rule for the td element selector that centers text. . Configure the text class. Notice that the content in the table data cells that contain the text description is not centered. Code a new style rule for a class named text that will override the td style rule and left-align the text. . Configure alternate-row background color. The table looks more appealing if the rows have alternate background colors but is still readable without them. Apply the :nth-of-type CSS pseudo-class to configure the odd table rows with a light blue background color (#F5FAFC). Save the pacific.css file. Task 3: Update the Yurts Page. Open the yurts.html page for the Pacific Trails Resort website in a text editor. • Add a blank line above the opening footer tag. Code an opening div tag assigned to the id named special. • Configure the text "Yurt Packages" within an h3 element. • Below the new h3 element, configure a paragraph with the following text: A variety of luxury yurt packages are available. Choose a package below and contact us to begin your reservation. We're happy to build a custom package just for you! • You are ready to configure the table. Position your cursor on a blank line under the paragraph and code a table with four rows and four columns. Use the table, th, and td elements. Assign the td elements that contain the detailed descriptions to the class named text. The content for the table is as follows: Description Package Name Weekend Escape Nights Cost per Person 2 $450 Two breakfasts, a trail map, and a picnic snack 4 $600 Zen Retreat Four breakfasts, a trail map, a picnic snack, and a pass for the daily sunrise Yoga session Two breakfasts, two hours of kayak rental daily, and a trail map 2 $500 Kayak Away • Code a closing div tag. Save your yurts.html file. Launch a browser and test your new page. It should look similar to Figure 9.15. If the page does not display as you intended, review your work, validate the CSS, validate the HTML, modify as needed, and test again. Caps Shift