HTML and CSS Reference
6. Test the file on a validator and make a note of the errors reported. Here are some
possible ways to fix the errors:
• Convert any deprecated presentational attributes to a CSS style, adding the style
to the kdstyles.css style sheet file.
• Correct syntax errors for one-sided tags.
• Replace any prohibited attributes (such as the name attribute) with an equivalent
• The map element requires both an id and a name attribute to be valid under the
strict DTD and to work under all major browsers.
7. Save your changes to the breakfast.htm file, and then continue to test the file until it
passes the XHTML 1.0 strict validation test.
8. Add the icon that indicates the page passes the DTD for XHTML 1.0 strict in a para-
graph directly below the definition list.
9. Repeat Steps 2 through 8 for the lunch.htm and dinner.htm files.
10. Test the completed Web site on your browser, and then verify that you can move
among the pages by clicking the image map links in the logo at the top of the page.
11. Submit your completed files to your instructor, in either printed or electronic form,
Case Problem 2
Use the skills
in this tutorial to
update an old
Data files needed for this case Problem: cassini.jpg, dtd_list.txt, gargtxt.htm, gbar.jpg,
glogo.jpg, maa.jpg, maah5txt.css, maah5txt.htm, maatxt.css, modernizr-1.5.js, oneil.jpg
Middle Age Arts Nicole Swanson is the head of the Web site team at Middle Age Arts, a
company that creates and sells replicas of historical European works of art for home and
garden use. She has recently started a project to update the old HTML code in the site's
many pages. She's asked you to update the page describing the company's collection of
decorative gargoyles. She wants the page to comply with XHTML 1.0 strict standards.
Figure 9-30 shows a preview of the completed Web page.