Answered step by step
Verified Expert Solution
Question
1 Approved Answer
can any one give me the solution for case problem harpe gaming from page 81-82 from new perspective HTML 5 and css3 edition 7 Case
can any one give me the solution for case problem harpe gaming from page 81-82 from new perspective HTML 5 and css3 edition 7
Case Problem 4 Data Files needed for this Case Problem: hg index_txt.html, hg_towers_txt.html, hg_alliance_txt.html, 3 PNG files, 1 TXT file o Harpe Gaming Sean Greer is the owner of Harpe Gaming, a small board game store in Morgantown, West Virginia. You've been asked to work on the store's new website. Sean wants you to write the HTML code for the store's home page. Sean also publishes reviews of new games as a service to his loyal customers. He would also like you to write the HTML code for two new reviews that Sean has written for the Towers and Temples game and the Alliance game. Sean has already written all of the content for the three pages and only requires your help to turn them into HTML documents Complete the following: 1. Using your editor, open the hg_index_txt.html, hg_towers_txt.html, and hg_alliance_txt.html files from the html01case4 folder. Save them as hg index.html, hg_towers.html, and hg alliance.html respectively. 2. Content for each of the three pages is contained in the hg_text.txt file. Take some time to review the content of this file. The Harpe Gaming home page will have a short introduction to the store and its philosophy and includes contact information for the interested customer. The Towers and Temples page and the Alliance page have an overview of each game with the Harpe Gaming's rating and reviews from popular gaming magazines and websites. Sean has also supplied you with the hg_logo.png, hg_towers.png, and hg_alliance.png files as images to be used in the files You are free to supplement Sean's material with appropriate material of your own. 3. Once you are familiar with the content that needs to be inserted into the web pages, start creating the HTML code for each page. For each file, insert the structure of an HTML document including the opening doctype, html element, document head, and document body 4. For the document head of each file, do the following (there are no style sheets for this project, so you do not have to include links to any style sheet files) a. Insert a comment that includes your name and the date and the purpose of the page. b. Insert metadata that sets the character encoding used in the file. c. Insert metadata that specifies the page title. d. Insert a list of search keywords appropriate to the content of each file. 5. Within the document body, insert a navigation list within a body header that has hypertext links to all three pages in this sample website. HTML 82 HTML and CSS Tutorial 1 Getting Started with HTML5 6. Use the content from the hg text.txt file to populate the content of the three pages. The markup used in the three pages is up to you. In your website there should be at least one example of the following: a. Sectioning elements, including the header, article, aside, section, and footer elements b. Grouping elements, including paragraphs, block quotes, and lists c. Text-level elements used to mark single words or phrases from within a grouping element. Include at least one example of the strong element and the em element. d. An inline image, including appropriate alternate text for the image e. A character symbol inserted using its character name or encoding number f. A hypertext link to an individual's e-mail address g. A hypertext link to a phone number h. A hypertext link to a website URL 7. Save your changes to the files and then open them in your browser. Verify that the links work as expected when moving between the pages in the website, when accessing your e-mail program, and when accessing external links on the web. If you have a telephony application on your computer, test that clicking the phone link opens that applicationStep by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started