- I Need Help With This I Created The Website Folder And Am Using Notepad But I Have No Idea How To Even Create The Fi 1 (85.12 KiB) Viewed 33 times
Launch a text editor, and create a web page with the following specifications: 1. 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 the page. name and a word or a phrase that describes the purpose of 2. WIREFRAME HEADER. Code the header element with the text, "JavaJam Coffee Bar" contained within a heading 1 element. 3. WIREFRAME NAVIGATION. Place the following text within a nav element with bold text (use the <b> 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. 4. WIREFRAME MAIN CONTENT. Code the main page content within a main element. Use Hands-On Practice 2.100 as a guide. a. Code the following text within an h2 element: Relax at JavaJam b. 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. c. 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 d. 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 <small> tag) and italics font style (use the <i> tag). Copyright © 2020 JavaJam Coffee Bar Place your name in an e-mail link on the line under the copyright. The page in Figure 2.3410 may seem a little sparse, but don't worry; as you gain experience and learn to use more advanced techniques, your pages will look more professional. White space (blank space) on the page can be added with <br> tags where needed. Your page does not need to look exactly the same as the sample. Your goal at this point should be to practice and get comfortable using HTML. Save your page in the javajam folder, and name it index.html. TASK 3: THE MENU PAGE. Create the Menu page shown in Figure 2.3510. 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 JavaJam Coffee Bar Menu JavaJam Coffee Bar Home Menu Music Jobs x + 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 I Copyright © 2020 JavaJam Coffee Bar [email protected] 0 >>> X III Iced Cappuccino Sweetened espresso blended with icy-cold milk and served in a chilled glass. Single $5.00 Double $6.50
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. 1. WEB PAGE TITLE. Modify the page title. Change the text contained between the <title> and </title> tags to the following: JavaJam Coffee Bar Menu 2. WIREFRAME MAIN CONTENT. a. Delete the Home page content paragraph, unordered list, and contact information. b. Replace the text in the h2 element with the following: Coffee at JavaJam c. Use a description list to add the menu content to the page. Use the <dt> tag to contain each menu item name. Configure the menu item name to have strong importance and display in bold font weight with the <strong> tag. Use the <dd> 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 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
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.