Question

1 Approved Answer

Posted on Sep 24, 2024

please modify the HTML file using Task 3 and Task 4 INDEX.HTML FILE: Pacific Trails Resort Pacific Trails Resort Home Yurts Activities Reservations Enjoy Nature

please modify the HTML file using Task 3 and Task 4

image text in transcribed

INDEX.HTML FILE:

Pacific Trails Resort

Home
Yurts
Activities
Reservations

Enjoy Nature in Luxury

Pacific Trails Resort offers a special lodging experience on the California North Coast. Relax in serenity with panoramic views of the Pacific Ocean.

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 whirpool
Guided hiking tours of the redwoods

Pacific Trails Resort 12010 Pacific Trails Road Zephyr, CA 95555 888-555-5555888-555-5555

label float: nonei text-align: left; ) input [type-"submit"] orm label text box label text box label text box label text box label scrolling text box margin-left: 0; ve the pacific.css file Task 3: Create the Reservations Page. A pro- ductivity technique is to create new pages based on existing pages so you can benefit from your previous work. Your new Reserva- tions page will use the index.html page as a starting point. Open the index.html page for the Pacific Trails Resort website in a text edi FIGURE 10.34 The sketch of the form. tor. Select File Save As and save the file with the new name of reservations.html in the ch10pacific folder submit button Now you are ready to edit the reservations.html file 1. Modify the page title. Change the text contained between the 2. The reservations page will not feature a large image. Remove the div element 3. Replace the text contained within the <h2> tags with: Reservations at Pacific Trails. tags to: Pacific Trails Resort : Reservations. assigned to the homehero id 4. Delete the paragraph and the unordered list. Do not delete the logo, navigation, con- 5. Position your cursor on a blank line below the h2 element. Configure an h3 element 6. Position your cursor on a blank line under the h3 element. You are ready to configure tact information, or footer areas of the page with the following text: Contact Us Today! the form. Begin with a </h2><form> tag that uses the post method and the action attri- bute to invoke server-side processing. Unless directed otherwise by your instructor use http://webdevbasics.net/scripts/pacific.php as the value of the action attribute 7. Configure the form control for the First Name information. Create a <label> element that contains the text "First Name:". Create a text box configured with myFName" as the value of the id and name attributes. Use the for attribute to associate the label element with the form control. 8. In a similar way, configure form controls and label elements to collect the following information: Last Name, E-mail Address, and Phone Number. Use myLName, myEmail and myPhone as the id and name values for the last name, e-mail, and phone form controls. Also set the size of the e-mail text box to 35 and the maxlength of the phone text box to 12. 9. Configure the Comments area on the form. Create a label element that contains the text "Comments:". Create a textarea element configured with "myComments" as the value of the id and name attributes, rows set to 2, and cols set to 30. Use the for attribute to associate the label element with the form control 10. Configure the submit button on the form (code an input element with type-submit'" and value-"Submit"). 11. Code an ending </label></form> tag on a blank line after the submit button Review and Apply 343