Question
Need help programming this code. This is what I got https://drive.google.com/file/d/0Bzcghy4rFw0LRFpNX2FBZEpXTEE/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LUFN2amFZT0VpRDg/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LcWVEQ2ZCdlU4REU/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0Ld0w5Z01UWXI4WUE/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LZFNwaUcwdC16dTA/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LekxTcWIzNmR0czQ/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LNzQyTlhoQVFPMW8/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LX0VJRkZ0TlZ6aHM/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0Lb1NpempScG10Rkk/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LNDRFMFd4RkVzcEE/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LckhXaDBXTVliQ1E/view?usp=sharing JavaJam Coffee House Case
Need help programming this code.
This is what I got
https://drive.google.com/file/d/0Bzcghy4rFw0LRFpNX2FBZEpXTEE/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LUFN2amFZT0VpRDg/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LcWVEQ2ZCdlU4REU/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0Ld0w5Z01UWXI4WUE/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LZFNwaUcwdC16dTA/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LekxTcWIzNmR0czQ/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LNzQyTlhoQVFPMW8/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LX0VJRkZ0TlZ6aHM/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0Lb1NpempScG10Rkk/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LNDRFMFd4RkVzcEE/view?usp=sharing https://drive.google.com/file/d/0Bzcghy4rFw0LckhXaDBXTVliQ1E/view?usp=sharing
JavaJam Coffee House Case Study
In this chapters case study you will use the existing JavaJam (Chapter 4) website as a starting point while you create a new version of the website that incorporates images.
You have five tasks in this case study:
Create a new folder for the JavaJam Coffee House website.
Update the javajam.css external style sheet.
Update the Home page: index.html.
Update the Menu page: menu.html.
Create a new Music page: music.html.
Task 1: Create a folder called ch5javajam to contain your JavaJam Coffee House website files. Copy the files from the Chapter 4 Case Study ch4javajam folder and place them in your ch5javajam folder. Locate the chapter5/casestudystarters/javajam folder in the student files. Copy the following files to your ch5javajam folder: windingroad.png, marker.gif, favicon.ico, greg.png, gregthumb.png, melanie.png, and melaniethumb.png.
Task 2: The External Style Sheet. Launch a text editor and open the javajam.css external style sheet file.
The body element selector. Add a declaration that configures Verdana, Arial, or sans-serif font typeface.
The nav element selector. Code styles to configure bold text.
The nav a element selector. Code styles to eliminate the display of the underline for hyperlinks (hint: use the nav a descendant selector with text-decoration: none; ).
The h1 element selector. Code styles to display text in Georgia, Times New Roman, or serif font typeface.
The h2 element selector. Code styles to display text in Georgia, Times New Roman, or serif font typeface.
The h3 element selector. Code styles to configure a light tan #E6D6A9 background color and to display text in all uppercase (hint: use the text-transform property).
The dt element selector. Code styles to configure bold text.
The ul element selector. Code styles to display the marker.gif as the list marker.
The footer element selector. Add declarations to configure .60em font size, italics, and centered text.
Save your file. Use the CSS Validator (http://jigsaw.w3.org/css-validator) to check your syntax. Correct and retest if necessary.
Task 3: The Home Page. Launch a text editor and open the home page, index.html. Remove the b, small, and i tags from the page. Configure an h2 element with the text, Follow the Winding Road to JavaJam, below the opening main tag. Add an tag below the h2 element. Configure the tag to display the windingroad.png image. Configure the alt, height, and width attributes for the image. Save and test your page in a browser. It should look similar to Figure 5.27.
https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwj7pOSeg8TUAhVLNj4KHZc-DdUQjRwIBw&url=http%3A%2F%2Fwww.chegg.com%2Fhomework-help%2Fchapter-s-case-study-use-existing-javajam-chapter-4-website-chapter-5-problem-1jjc-solution-9780133128918-exc&psig=AFQjCNGFznGtJGEdZVxFuSzHvvdm_1fwjA&ust=1497759542703113
Figure 5.27JavaJam Coffee House home page.
Task 4: The Menu Page. Launch a text editor and open the menu page, menu.html. Remove the b, small, and i tags from the page. Configure an h2 element with the text, Coffee at JavaJam, below the opening main tag. Save and test your page in a browser. It should look similar to Figure 5.28.
https://jigsaw.vitalsource.com/books/9780133971026/epub/OPS/images/ASSET77076.png
Figure 5.28JavaJam Coffee House menu page.
Task 5: The Music Page. Use the Menu page as the starting point for the Music page. Launch a text editor and open the menu.html file in the ch5javajam folder. Save the file as music.html.
Modify the music.html file to look similar to the Music page, as shown in Figure 5.29:
Change the page title to an appropriate phrase.
Replace the text contained within the h2 element with the following: Music at JavaJam
Delete the description list from the page.
Configure a paragraph below the h2 element. The text of the paragraph follows:
The first Friday night each month at JavaJam is a special night. Join us from 8pm to 11pm for some music you wont want to miss!
Hint: Use the special character for the apostrophe character.
The remaining content on the page consists of two announcements: January and February. Each announcement is configured within a div element and contains an h3 element, an image link, and a paragraph.
https://jigsaw.vitalsource.com/books/9780133971026/epub/OPS/images/ASSET77077.png
Figure 5.29JavaJam Coffee House music page.
January Music Performance:
Configure an h3 element with the following text: January.
Configure the melaniethumb.png as an image link to melanie.png. Code appropriate attributes on the tag.
Configure the following text within the paragraph after the image. Code a line break tag after each sentence.
Melanie Morris entertains with her melodic folk style.
Check out the podcast!
CDs are now available.
February Music Performance:
Configure an h3 element with the following text: February.
Configure the gregthumb.png as an image link to greg.png. Code appropriate attributes on the tag.
Configure the following text within the paragraph after the image. Code a line break tag after each sentence.
Tahoe Greg is back from his tour.
New songs.
New stories.
CDs are now available.
Save the music.html file. When you test your page in a browser, it should look similar to Figure 5.29.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started