HTML and CSS Reference
In-Depth Information
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
valid attribute.
• 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,
as requested.
Case Problem 2
Use the skills
you've learned
in this tutorial to
update an old
product page.
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.
