You have been asked to take over the task of creating a web site for Friendly Paws Pet Grooming. A basic web page has already been written and some of the other needed files have been provided to you as well. Follow the directions below to create a more complete product.
1. Create a folder on your computer named Project2. Download the files fplogo.gif, offer.gif, and fpcoupon.pdf and save on your computer in your Project2 folder. Download the file Tut02.htm and save it in your Project2 folder with the filename project2solution.htm.
2. Insert Tutorial Project 2 as the title of the page.
3. Add an HTML comment in the
section of the page that includes your name.
4. Using the id attribute, define the id Home to the fplogo image. Next, define the id's About, Services, Links and Contact to their corresponding heading tags.
5. Insert a navigation bar using the
6. Create hypertext links using tags to the navigation bar text below the fplogo image that will link each word to its appropriate section id.
7. Insert a break
tag after the closing list tag under the services section. Below the
add the HTML code that will insert the offer.gif image that you downloaded. Also, add the code to make the image a hotspot with a hyperlink to the fpcoupon.pdf file. Add the target attribute to the hyperlink so that the file opens in a new window.
8. In the Contact section of the page, add the code to make the word Janice an email link to send an email message to the address appointments@friendlypawsgrooming.com.
9. Go to the Links section of the page. Add the code to the first paragraph to make the text American Kennel Club a hyperlink to the web site http://www.akc.org. Add the code to the second paragraph to make the text Westminster Kennel Club a hyperlink to the web site http://www.westminsterkennelclub.org.
10. Add a meta element that specifies your name as the author of the page.
11. Add a meta element that specifies the keywords pet grooming, and pet care.
12. Save your file.
13. Open the file in your web browser to preview your work.
14. Correct errors as necessary and save your file.
15. Print a copy of your code and of the page displayed in the browser.