Lab 11: Practice with Classes and IDs

Instructions:

  1. For this lab you will be revisiting a previous homework (of your choice) and implementing embedded CSS.
  2. Make a copy of the old file, naming the copy lab11.html
  3. Do not alter the original (X)HTML file; we want to preserve the original version.
  4. Update the lab11.html file to XHTML 1.0 Strict (if necessary), with any corresponding (X)HTML code changes necessary to achieve successful validation.
  5. Implement at least six of the properties covered in Lecture 14.
  6. Use the font shorthand at least once and also style links in the document. Depending on the homework you chose, you might need to add a link or two in the content.
  7. Also try out the class and id selectors, using those at least once each.
  8. Check rendering cross-browser to ensure that everything is working as desired.
  9. Validate your CSS to ensure that no errors are occurring. Warnings you can disregard.
  10. Link to the lab11.html file from your class page and include a link at the bottom of the file back to your class page.
  11. Upload the revised file to the server and also copy it to your removable media.