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. 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 ;). • 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 closing main tag. • 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:

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

I need help with my Chapter 9 Pacific Resort Case Study.  

If someone knows the final result so I can compare what I did, that would be great because I got off somewhere and can't seem to figure out what I did wrong.

I am using the Basics of Web Design: HTML5 & CSS sixth edition book.

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.
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;).
• 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 closing main tag.
• 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:
Package Name
Weekend Escape
Zen Retreat
Kayak Away
Description
Two breakfasts, a trail map, and
a picnic snack
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
Nights Cost per Person
2
$450
4
2
$600
$500
Review and Apply
343
Transcribed Image Text: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. 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;). • 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 closing main tag. • 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: Package Name Weekend Escape Zen Retreat Kayak Away Description Two breakfasts, a trail map, and a picnic snack 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 Nights Cost per Person 2 $450 4 2 $600 $500 Review and Apply 343
Case Study
You will continue the case studies from Chapter 8 as you configure a table on one of the
web pages.
Pacific Trails Resort Case Study
In this chapter's case study, you will use the Pacific Trails Resort existing website (Chapter 8)
as a starting point and add an informational table to the Yurts page on the Pacific Trails web-
site. Your new page will be similar to Figure 9.15 when you have completed this case study.
Pacific Trails Resort:: Yurts
+
Home
Yurts
Activities
Reservations
342 Chapter 9 Table Basics
Pacific Trails Resort
The Yurts at Pacific Trails
What is a yurt?
Our luxury yurts are
permanent
structures four feet
tures
off the ground. Each
yurt is fully enclosed
with canvas walls, a
wooden floor, and a
roof dome that can
be opened.
Package
Name
Weekend
Escape
Zen Retreat
Kayak Away
How are the
yurts
furnished?
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!
Each yurt is
furnished with a
queen-size bed with
down
quilt and gas-
fired stove. Your
luxury cam
luxury camping
experience includes
electricity and a sink
with hot and cold
running water
Shower and
restroom facilities
are located in the
lodge.
FIGURE 9.15 Yurts page with a table.
Description
Two breakfasts, a trail map, and a picnic
snack
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
What should I
bring?
Copyright © zazz Pacific Trails Resort
pourfirstrom@your lastname.com
Most guests pack
comfortable walking
shoes and plan to
dress
for changing
weather with light
layers of clothing.
It's also helpful to
bring a flashlight
and a sense of
adventure!
Nights
2
4
2
Cost per
Person
$450
$600
$500
x
E
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.
Transcribed Image Text:Case Study You will continue the case studies from Chapter 8 as you configure a table on one of the web pages. Pacific Trails Resort Case Study In this chapter's case study, you will use the Pacific Trails Resort existing website (Chapter 8) as a starting point and add an informational table to the Yurts page on the Pacific Trails web- site. Your new page will be similar to Figure 9.15 when you have completed this case study. Pacific Trails Resort:: Yurts + Home Yurts Activities Reservations 342 Chapter 9 Table Basics Pacific Trails Resort The Yurts at Pacific Trails What is a yurt? Our luxury yurts are permanent structures four feet tures off the ground. Each yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened. Package Name Weekend Escape Zen Retreat Kayak Away How are the yurts furnished? 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! Each yurt is furnished with a queen-size bed with down quilt and gas- fired stove. Your luxury cam luxury camping experience includes electricity and a sink with hot and cold running water Shower and restroom facilities are located in the lodge. FIGURE 9.15 Yurts page with a table. Description Two breakfasts, a trail map, and a picnic snack 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 What should I bring? Copyright © zazz Pacific Trails Resort pourfirstrom@your lastname.com Most guests pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing. It's also helpful to bring a flashlight and a sense of adventure! Nights 2 4 2 Cost per Person $450 $600 $500 x E 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.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps with 1 images

Blurred answer
Knowledge Booster
Hyperlinks
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education