Question: three tasks in this case study: te a new folder for this JavaJam case study. fy the style sheet ( javajam . css ) to

three tasks in this case study:
te a new folder for this JavaJam case study.
fy the style sheet (javajam.css) to configure style rules for the new tak fy the Menu page to use a table to display information as shown in F
Figure 8.13 Menu page with a table
actice Case Study
te Folder. Create a folder called javajam8. If you have skinnod om your Chapter 6 javaiam 6 folw
Figure 8.13 Menu page with a table
Hands-On Practice Case Study
Task 1: The Website Folder. Create a folder called javajam8. If you have skipped Chapter 7, copy all the files from your Chapter 6 javajam 6 folder into the javajam8 folder. If you have completed Chapter 7, copy all the files from your Chapter 7 javajam 7 folder into the javajam8 folder.
Task 2: Configure the CSS. Modify the external style sheet (javajam.cSs). Open javajam.CSS in a text editor. Review Figure 8.13 and note the menu descriptions, which are coded in an HTML table. Add style rules to the javajam.css external style sheet to configure a table that is centered, takes up 90% the width of its container, is configured with 0 border-spacing and a background color. Configure td and th selectors with 10 pixels of padding. Also configure a background color of #D2B48E in alternate rows (use a class or the : n th-of-type pseudo-class to configure odd table rows). Save the javajam.css file.
Task 3: Modify the Menu Page. Open menu.html in a text editor. The menu descriptions are configured with a description list. Replace the description list with a table that has three rows and two columns. Use th and td elements where appropriate. Configure line breaks as needed for the pricing information. Save your page and test it in a browser. If the page does not display as you intended, review your work, validate the CSS, validate the HTML, modify as needed, and test again.
three tasks in this case study: te a new folder

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Accounting Questions!