Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

I need help! Here is the assignment. JavaJam Coffee Bar chapter 2 Julio Perez is the owner of the JavaJam Coffee Bar, a gourmet coffee

I need help! Here is the assignment.

JavaJam Coffee Bar chapter 2

Julio Perez is the owner of the JavaJam Coffee Bar, a gourmet coffee shop that serves snacks, coffee, tea, and soft drinks. Local folk music performances and poetry readings are held a few nights during the week. The customers of JavaJam are mainly college students and young professionals. Julio would like a web presence for his shop that wil display his services and provide a calendar for the performances. He would like a home page, menu page, music performance schedule page, and job opportunities page.

Home Page

Menu

Music

Jobs

Figure 2.33 displays a wireframe sketch of the page layout for the website. It contains a header area, a navigation area, a main content area, and a footer area for copyright information.

Figure 2.33 JavaJam wireframe

div

footer

You have three tasks in this case study:

Create a folder for the JavaJam website.

Create the Home page: index.html.

Create the Menu page: menu.html.

Hands-On Practice Case Study

TASK 1: THE WEBSITE FOLDER.

Create a folder on your hard drive or portable storage device (thumb drive or SD card) called "javajam" to contain your JavaJam website files.

TASK 2: THE HOME PAGE.

You will use a text editor to create the Home page for the JavaJam Coffee Bar website.

Launch a text editor, and create a web page with the following specifications:

WEB PAGE TITLE. Use a descriptive page title. The company name is a good choice for the home page of a business website. On pages other than the home page, the title typically contains both the company name and a word or a phrase that describes the purpose of the page.

WIREFRAME HEADER. Code the header element with the text, "JavaJam Coffee Bar" contained within a heading 1 element.

WIREFRAME NAVIGATION. Place the following text within a nav element with bold text (use the element): Home Menu Music Jobs Code anchor tags so that "Home" links to index.html, "Menu" links to menu.html, "Music" links to music.html, and "Jobs" links to jobs.html. Add extra blank spaces between the hyperlinks with the special character as needed.

WIREFRAME MAIN CONTENT. Code the main page content within a main element. Use Hands-On Practice 2.10L as a guide.

Code the following text within an h2 element: Relax at JavaJam

Configure the following content within a paragraph. Friendly and eclectic - JavaJam Coffee Bar is the perfect place to take a break, enjoy a refreshing beverage, and have a snack or light meal.

Configure the following content in an unordered list: Specialty Coffee and Organic Tea Bagels, Muffins, and Gluten-free Pastries Organic Salads Music and Poetry Readings Open Mic Night

Code the following address and phone number contact information within a div element. Use line break tags to help you configure this area and add extra space between the phone number and the footer area.

12010 Garrett Bay Road

Ellison Bay, WI 54210

888-555-5555

5. WIREFRAME FOOTER. Configure the following copyright and e-mail link information within a footer element. Format it with small text size

(use the tag) and italics font style (use the tag).

Copyright 2020 JavaJam Coffee Bar

Place your name in an e-mail link on the line under the copyright.

TASK 3: THE MENU PAGE. Create the Menu page shown in Figure 2.351. A technique that improves productivity is to create new pages based on

existing pages so that you can benefit from your previous work. Your new

Menu page will use the index.html page as a starting point.

Figure 2.35 JavaJam menu.html

Javalam Coffee Bar Menu

JavaJam Coffee Bar

Home Menu Music Jobs

Coffee at JavaJam

Just Java

Regular house blend, decaffeinated coffee, or flavor of the day.

Endless Cup $3.50

Cafe au Lait

House blended coffee infused into a smooth, steamed milk.

Single $4.00 Double $5.00

Iced Cappuccino

Sweetened espresso blended with icy-cold milk and served in a chilled glass.

Single $5.00 Double $6.50

Copyright @ 2020 JavaJam Coffee Bar

vourfirstname@vourlastname.com

Open the index.html page for the JavaJam website in a text editor. Select

File > Save As, and save the file with the new name of menu.html in the javajam folder. Now you are ready to edit the page.

WEB PAGE TITLE. Modify the page title. Change the text contained between the and tags to the following: JavaJam Coffee Bar Menu

WIREFRAME MAIN CONTENT.

Delete the Home page content paragraph, unordered list, and contact information.

Replace the text in the h2 element with the following: Coffee at JavaJam

Open the index.html page for the JavaJam website in a text editor. Select File > Save As, and save the file with the new name of menu.html in the javajam folder. Now you are ready to edit the page.

WEB PAGE TITLE. Modify the page title. Change the text contained between the and tags to the following: JavaJam Coffee Bar Menu

WIREFRAME MAIN CONTENT.

Delete the Home page content paragraph, unordered list, and contact information.

Replace the text in the h2 element with the following: Coffee at JavaJam

Use a description list to add the menu content to the page. Use the

tag to contain each menu item name. Configure the menu item name to have strong importance and display in bold font weight with the tag. Use the
tag to contain the menu item description. Configure line break tags as needed to display two lines of information within each dd element. The menu item names and descriptions are as follows:

Just Java

Regular house blend, decaffeinated coffee, or flavor of the day.

Endless Cup $3.50

Cafe au Lait

milk.

Single $4.00 Double $5.0

House blended coffee infused into a smooth, steamed

Iced Cappuccino

Sweetened espresso blended with icy-cold milk and

served in a chilled glass.

Single $5.00 Double $6.50

Save your page, and test it in a browser. Test the hyperlink from the menu.html page to index.html. Test the hyperlink from the

index.html page to menu.html. If your links do not work, review your work, paying close attention to these details:

Verify that you have saved the pages with the correct names in the correct folder.

Verify your spelling of the page names in the anchor elements.

Test again after you make changes.

here is what I have

Moore Coffee Bar

  • Specialty Coffee and Tea
  • Bagels, Muffins, and Organic Snacks
  • Music and Poetry Readings
  • Open Mic Night

my community college (815) 729-9020 888-555-5555<

menu.html

JavaJam House

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

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

Recommended Textbook for

SQL Server Query Performance Tuning

Authors: Sajal Dam, Grant Fritchey

4th Edition

1430267429, 9781430267423

More Books

Students also viewed these Databases questions

Question

4 What is the recruitment phase?

Answered: 1 week ago