Subject: Web and Mobile Development(please Chegg team help me with this project as asked in the question) (please do not copy from another question) Javajam Coffee House case study - (Web Development and Design Foundations With HTML 5 - 8th Edition page 125) ( this assignment is for page 125 only the Fish Creek Animal Hospital on the last paragraph)

JavaJam Coffee House See Chapter 2 for an introduction to the JavaJam Coffee House Case Study. Figure 2.30 shows a site map for the JavaJam website. The Home page and Menu page were created in Chapter 2. You will develop a new version of the website that uses an external style sheet to configure text and color. Figure 2.31 depicts the wireframe page layout. You have the following tasks: 1. Create a new folder for this JavaJam case study. 2. Create an external style sheet named javajam.css that configures the color and text for the JavaJam website. 3. Modify the Home page to utilize an external style sheet to configure colors and fonts. The new Home page and color swatches are shown in Figure 3.29.

4. Modify the Menu page to be consistent with the new Home page. 5. Configure centered page layout. Hands-On Practice Case Task 1: Create a folder on your hard drive or portable storage device called javajamcss. Copy all the files from your Chapter 2 javajam folder into the javajamcss folder. Task 2: The External Style Sheet. You will use a text editor to create an external style sheet named javajam.css. Code the CSS to configure the following: 1. Global styles for the document (use the body element selector) with background color #FCEBB6; text color #221811; and Verdana, Arial, or any sans-serif font. 2. Styles for the header element selector that configure background color #D2B48C centered text. 3. Styles for the h1 element selector that configure 200% line height. 4. Styles for the nav element selector that configure centered, bold text. Hint: Use the CSS text-align and font-weight properties. 5. Styles for the footer element selector that configure background color #D2B48C, small font size (.60em), italics, and centered text. Save the file as javajam.css in the javajamcss folder. Check your syntax with the CSS validator (http://jigsaw.w3.org/css-validator). Correct and retest if necessary. Task 3: The Home Page. Launch a text editor, and open the index.html file. You will modify this file to apply styles from the javajam.css external style sheet as follows: 1. Add a element to associate the web page with the javajam.css external style sheet file. 2. Configure the navigation area. Remove the elements which are no longer needed because you have configured bold text with CSS. 3. Configure the page footer area. Remove the and elementsthey are no longer needed since CSS is now used to configure the text. Save the index.html file, and test it in a browser. Your page should look similar to the one shown in Figure 3.29 except that your page content will be left-aligned instead of centered. Dont worryyoull center your page layout in Task 5 of this case study. Task 4: The Menu Page. Launch a text editor, and open the menu.html file. You will modify this file in a similar manner as you modified the home page: Add the element and configure the navigation and page footer areas. Save and test your new menu.html page. It should look similar to the one shown in Figure 3.30, except for the alignment. Task 5: Center Page Layout with CSS. Modify javajam.css, index.html, and menu.html to configure page content that is centered with 80% width (refer to Hands-On Practice 3.9 if necessary): 1. Launch a text editor, and open the javajam.css file. Add a style rule for an id named wrapper with width set to 80%, margin-right set to auto, and margin-left set to auto. 2. Launch a text editor, and open the index.html file. Add the HTML code to configure a div element assigned to the id wrapper that wraps, or contains, the code within the body section. Save and test your index.html page in a browser and youll notice that the page content is now centered within the browser viewport as shown in Figure 3.29. 3. Launch a text editor, and open the menu.html file. Add the HTML code to configure a div element assigned to the id wrapper that wraps, or contains, the code within the body section. Save and test your menu.html page in a browser and youll notice that the page content is now centered within the browser viewport as shown in Figure 3.30. Experiment with modifying the javajam.css file. Change the page background color, the font family, and so on. Test your pages in a browser. Isnt it amazing how a change in a single file can affect multiple files when external style sheets are used?

Fish Creek Animal Hospital See Chapter 2 for an introduction to the Fish Creek Animal Hospital Case Study. Figure 2.34 shows a site map for the Fish Creek website. The Home page and Services page was created in Chapter 2.

You will develop a new version that uses an external style sheet to configure text and color. Figure 2.35 depicts the wireframe page layout. You have the following tasks:

1. Create a new folder for this Fish Creek case study.

2. Create an external style sheet named fishcreek.css that configures the color and text for the Fish Creek website.

3. Modify the Home page to utilize an external style sheet to configure colors and fonts. The new Home page and color swatches are shown in Figure 3.31.

4. Modify the Services page to be consistent with the new Home page.

5. Configure the centered page layout.

JavaJam Coffee House #221811 JavaJam Coffee House Home Menu Music Jobs # FCEBB6 Relax At JavaJam . Specialty Coffee and Tea . Bagels, Muffins, and Organic Snacks . Music and Poetry Readings #D2848C Open Mic Night Every Friday 54321 Route 42 Ellison Bay, WI 54210 888-555-5555 Copyright 2016 JavaJam Coffee House JavaJam Coffee House Menu+ JavaJam Coffee House Home Menu Music Jobs Coffee at JavaJam Just Java Regular house blend, decaffeinated coffee, or flavor of the day Endless Cup $2.00 Cafe au Lait House blended coffee infused into a smooth, steamed milk Single $2.00 Double $3.00 Iced Cappuccino Sweetened espresso blended with icy-cold milk and served in a chilled glass Single $4.75 Double $5.75 Copynight 2016 Javalam Coffee House JavaJam Coffee House #221811 JavaJam Coffee House Home Menu Music Jobs # FCEBB6 Relax At JavaJam . Specialty Coffee and Tea . Bagels, Muffins, and Organic Snacks . Music and Poetry Readings #D2848C Open Mic Night Every Friday 54321 Route 42 Ellison Bay, WI 54210 888-555-5555 Copyright 2016 JavaJam Coffee House JavaJam Coffee House Menu+ JavaJam Coffee House Home Menu Music Jobs Coffee at JavaJam Just Java Regular house blend, decaffeinated coffee, or flavor of the day Endless Cup $2.00 Cafe au Lait House blended coffee infused into a smooth, steamed milk Single $2.00 Double $3.00 Iced Cappuccino Sweetened espresso blended with icy-cold milk and served in a chilled glass Single $4.75 Double $5.75 Copynight 2016 Javalam Coffee House