- Specialty Coffee and Tea
- Bagels, Muffins, and Organic Snacks
- Music and Poetry Readings
- Open Mic Night
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
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
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
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
menu.html
There are 3 Steps involved in it
See step-by-step solutions with expert insights and AI powered tools for academic success
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started