Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

image text in transcribed

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

image text in transcribed

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

image text in transcribed

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

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions

Question

=+2. List the fastest-growing products sold online.

Answered: 1 week ago

Question

What is a verb?

Answered: 1 week ago