Question

I'm need help in the Pacific Trails section of the assignment. I posted my chapter 2 assignment on the bottom of the picture. I'm using Notepad++.

speted the image names corecty, Arother usetud troublestooting techniy.se is to valkiate the HTML and ess code. Ses Chapters 2 and 3 for Hands-On Practice exercises that describe how to use these validstors Pacific Trails Se Chapler 2 for an introduction to the Pacitc Trsts Case Study Fgure 2 38 shows a sie map for Pactic Trails. The Home page and Yurts page were crealed n eatlier chapters Usns the esisting website as a staring point you wiftl modity the design of the pages lo cispley a arge image on each pogs, as indicated in the wirehrame in Figure 4,52. You wl abo create s new pege, the Actviies page You have fe lasks im ths case shiudy wrapper 1. Creste a new lolder for thes Pacific Trals case study, and obtain the starter image iles 2. Modily the Home page to display a logo image and scenc phokograph as shown in Figure 4.53 u with contact isfo 3, Mocily the Yurts page to be consistent with the Home pegs 4. Create a new Activites page, as showm in Figure454 Figure 4.52 New Pacific Trais 5. Modity the style ruies in the pacficcss ile as needed Hands-On Practice Case Task 1: Creste a toider on your hard drive or portable storage deice called pactiod Copy al the files trom your Chapter 3 pacficcss okder into the pechod solder. Olar the images Used in this case stuty from the student files. The imsges are kocated in the chapter4casesluctystarters pachc tolder The images ate sunset ipe, coast.ce yurt jpe trailing, and backgroundjpe Save the fles in your pacific4 folder Task 2: The Home Page. Launch a test eoltor, and open the imodes.html file from your pacfica folder. Modity the index.htmi hle to lock siwlar to The web page sthown inre 4.53 Confeure a div element to deploy The oest㎎ imega. Code an opering div tag assigned to the id ramed homhero afe the closing na teg. Next, oodte & chsirg dw g As shown in the wireframe in Figure 4.52, thi div is located bet ween the naw element and the main element. There is no HTML or test contert tor this dw. The purpase of this die a Fiure 4.53you Save and valiclate your new index.trtmi page. h will not yet be simlr conligure CSS in Task 5 Task 3: The Yarts Page. Launch a lext edtor, and open the yuns.hn page vorm your ocific4 tolder. Contuure a dw eerne俏to db pay the sul lpg image. Cate an open re du tag assig ved to the id named yor thero atter the closng nav tag Next, code a clasng dy tng. As smwn in the wreframe n Figure 4.52, the dir Incaned between the rkir terment and the main element There s no HTML or beat cotert for th占dv. The pairpose of this dw s to display a large imagecged with C55 n Task 51. Save and valdate yout new yurts hlmi page

media%2F476%2F4768e135-c9a1-4811-9e0e-73

media%2F74f%2F74f6b13c-db82-4541-8a64-22

media%2Fd3a%2Fd3a27b98-9f38-4d2c-b30a-1e

media%2F6c6%2F6c6bbdbc-624b-4ca8-8eba-a0

media%2F75b%2F75b05fdf-8775-4ce6-9829-f9

This was the previous assignment: CHAPTER 2 ASSIGMENT

paste the first content to index.html file and second to yurts.html.

First: (index.html contents are below)

<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
   padding-right:14px; /* padding anchor tage to right 15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>

   <nav>
       <a href="index.html">Home</a>
       <a href="yurts.html">Yurts</a>
       <a href="#">Activities</a>
       <a href="#">Reservation</a>
   </nav>
</header>
<main>  
   <h2>Enjoy Nature in Luxury</h2>
   <p>PacificTrails Resort offers a special lodging experience on the California <br>North Coast. Relax in serenity with panoramic viewa of the Pacific Ocean.</p>
  
   <ul>
       <li>Private yurts wiyh decks overloading the ocean</li>
       <li>Activities lodge with fireplace and gift shop</li>
       <li>Nightly fine dining at the Overlook Cafe</li>
       <li>Heated outdoor pool and whirlpool</li>
       <li>Guided hiking tours of the redwoods</li>
   </ul>
   <div>
       <p>Pacific Trails Resort<br>12010 Pacific Trails Road<br>Zephyr, CA 95555<br><br>888-555-5555</p>
   </div>
</main>

<footer>
<p><i>Copyright &copy 2016 Pacific Trails Resort<br><small><a href="">yourname@yourname.com</a></small></i></p>
</footer>
</div>
</body>
</html>

Second: (yurts.html contents are below)

<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
   padding-right:14px; /* padding anchor tage to right 15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>

   <nav>
       <a href="index.html">Home</a>
       <a href="yurts.html">Yurts</a>
       <a href="#">Activities</a>
       <a href="#">Reservation</a>
   </nav>
</header>
<main>  
   <h2>The Yurts at Pacific Trails</h2>
  
   <div>
       <dl>
          <dt><strong>What is yurt?</strong></dt>
          <dd>Our luxury yurts are permanent structuresfour feet off the ground.<br>Each yurt has canvas walls, a wooden floor, and a roof dome that <br>can be opened.</dd>
      
          <dt><strong>How are the yurts furnished?</strong></dt>
          <dd>Each yurt is furnished with a queen-size bed with down quilt and <br>gas-fired stove. The luxury camping experience also includes <br>electricity and a sink with hot and cold running water. Shower and <br>restroom facilites are located in the lodge.</dd>
      
          <dt><strong>What should I bring?</strong></dt>
          <dd>Bring a sense of adventure and some time to relax! Most guests also <br>pack comfortable walking shoes and plan to dress for changing <br>weather with layers of clothing.</dd>
       </dl>
       <p>Pacific Trails Resort<br>12010 Pacific Trails Road<br>Zephyr, CA 95555<br><br>888-555-5555</p>
   </div>
</main>

<footer>
<p><i>Copyright &copy 2016 Pacific Trails Resort<br><small><a href="">yourname@yourname.com</a></small></i></p>
</footer>
</div>
</body>
</html>

output:(index.html)

0 0
Add a comment Improve this question Transcribed image text
Answer #1

<!DOCTYPE html>
<head>
<title>Pacific Trails Resorts</title>
</head>
<style>
a{
   padding-right:14px; /* padding anchor tage to right 15px for nav menu */
}
</style>
<body>
<header>
<h1>Pacific Trails Resort</h1>

   <nav>
       <a href="index.html">Home</a>
       <a href="yurts.html">Yurts</a>
       <a href="#">Activities</a>
       <a href="#">Reservation</a>
   </nav>
</header>
<main>  
   <h2>The Yurts at Pacific Trails</h2>
  
   <div>
       <dl>
          <dt><strong>What is yurt?</strong></dt>
          <dd>Our luxury yurts are permanent structuresfour feet off the ground.<br>Each yurt has canvas walls, a wooden floor, and a roof dome that <br>can be opened.</dd>
      
          <dt><strong>How are the yurts furnished?</strong></dt>
          <dd>Each yurt is furnished with a queen-size bed with down quilt and <br>gas-fired stove. The luxury camping experience also includes <br>electricity and a sink with hot and cold running water. Shower and <br>restroom facilites are located in the lodge.</dd>
      
          <dt><strong>What should I bring?</strong></dt>
          <dd>Bring a sense of adventure and some time to relax! Most guests also <br>pack comfortable walking shoes and plan to dress for changing <br>weather with layers of clothing.</dd>
       </dl>
       <p>Pacific Trails Resort<br>12010 Pacific Trails Road<br>Zephyr, CA 95555<br><br>888-555-5555</p>
   </div>
</main>

<footer>
<p><i>Copyright &copy 2016 Pacific Trails Resort<br><small><a href="">yourname@yourname.com</a></small></i></p>
</footer>
</div>
</body>
</html>

Add a comment
Know the answer?
Add Answer to:
I'm need help in the Pacific Trails section of the assignment. I posted my chapter 2...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • Hi, can someone explain to me why my image is not in the middle but all...

    Hi, can someone explain to me why my image is not in the middle but all the way to the top of the page? <!DOCTYPE html> <html lang=”en”> <head> <title> Pacific Trails Resort :: Yurts </title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="pacific.css"> <div id="yurthero"></div> </head> <body> <div id="wrapper"></div> <header> <h1 id="hh"> Pacific Trails Resort </h1> </header> <div id=”navbar”></div> <b><a href=”index.html”> Home </a>&nbsp; <a href=”yurt.html”> Yurt </a>&nbsp; <a href=”activities.html”> Activities</a>&nbsp; <a href=”reservation.html”> Reservation </a>&nbsp; </ul> </b> <div> <img src="images/yurts.jpg" alt="Yurt" height="250"...

  • I have never created an external style before. This is the main Html that I am...

    I have never created an external style before. This is the main Html that I am using. <!doctype html> <html lang="en"> <head> <!--Madison McCuiston--> <meta charset="utf-8"> <title>Amelie Boulangerie</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header>Amelie Boulangerie</header> <!-- change this to header tag --> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="pastries.html">Pastries</a></li> <li><a href="events.html">Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <main> <H2>Experience the Difference</H2> <p><span class="bakery">Amelie Boulangerie</span> is the master of flavor combinations.The jewel-colored macarons come in the most tempting of flavors. Experience...

  • I cant seem to get the CSS at the bottom of this HTML to work. <!doctype...

    I cant seem to get the CSS at the bottom of this HTML to work. <!doctype html> <html lang="en"> <head> <!--Madison McCuiston--> <meta charset="utf-8"> <title>Amelie Boulangerie</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header>Amelie Boulangerie</header> <!-- change this to header tag --> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="pastries.html">Pastries</a></li> <li><a href="events.html">Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <main> <H2>Experience the Difference</H2> <p><span class="bakery">Amelie Boulangerie</span> is the master of flavor combinations.The jewel-colored macarons come in the most tempting of flavors. Experience the difference...

  • Path of Light Yoga Chapter 7 Please help!! Here is my code for the index page:...

    Path of Light Yoga Chapter 7 Please help!! Here is my code for the index page: <html lang="en"> <head> <title>Path of Light Yoga Studio</title> <link rel="stylesheet" href="yoga.css" /> </head> <body> <div id="wrapper"> <header> <h1>Path of Light Yoga Studio</h1> </header> <nav> <a href="index.html">Home</a> &nbsp; <a href="classes.html">Classes</a> &nbsp; <a href="schedule.html">Schedule</a> &nbsp; <a href="contact.html">Contact</a> </nav> <main> <img class="floatleft" src="yogadoor2.jpg" alt="yogadoor2" height="300px" width="250px"> <h2>Find Your Inner Light</h2> <p> Path of Light Yoga Studio provides all levels of yoga practice in a tranquil, peaceful environment....

  • Hello, I was wondering if you could possibly think of ways to improve my home page then I would l...

    Hello, I was wondering if you could possibly think of ways to improve my home page then I would like you to do so. I know it could be better. Thank you. index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Untitled Document</title> <!-- Bootstrap --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <header> <nav class="navbar...

  • Kindly assist in fixing the error i got when I pasted my codes to validate it....

    Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English-->    <head>    <meta charset="utf-8"/>    <title>DA Website</title>    <link rel="stylesheet" type="text/css" href="styles.css" />    </head>    <body>    <div id="wrapper">    <!-- start html...

  • Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to...

    Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to have my text in the body, white. All text and the picture centered but how do I have margins on the left and right side?. I have a figcaption and I dont know have to place it under the picture but I am having a hard time. Can you help me? Thank you! HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"...

  • Please edit and add all the code needed to make the images side by side and to put the buttons in...

    Please edit and add all the code needed to make the images side by side and to put the buttons in the middle of the images. Thank you index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Untitled Document</title> <!-- Bootstrap -->    <link href="css/bootstrap-4.0.0.css" rel="stylesheet">    <link href="style.css" rel="stylesheet" type="text/css">    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <header>    <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Lakeside Resort Spot</a>        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">...

  • below is an html code, Modify the design to implement the following pattern. “Sticky Footer”. <!DOCTYPE...

    below is an html code, Modify the design to implement the following pattern. “Sticky Footer”. <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Responsive Menu Lab</title> <style type="text/css"> div { border: 1px solid blue; margin: 5px; }    #container { width: 98%; margin: auto; }    #main { padding: 10px; } #menu { list-style: none; padding-left: 2px; }    #menu li { display: inline-block; width: 70px; }    #menu li a { display: block; text-decoration: none; } </style> </head>...

  • As part of this assignment we are using the base Gallery HTML and writing JavaScript code...

    As part of this assignment we are using the base Gallery HTML and writing JavaScript code that will: 1) preload the images provided to us, 2) Create rollover functionality for each of the thumbnails in your image gallery 3) Use appropriate images found in the images folder. 4) Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery. I know it has to be an external JS...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT