The Box Model

Tools

XHTML to PDF translator: Prince 8.0 download or online converter.

A sample page with various frame settings.

To validate your CSS files: http://jigsaw.w3.org/css-validator.

Lab 10/4/12

Renovating the HeadFirst Lounge (stage 1)

  1. Here is the code for chapter 9.
  2. Download and save this file in the My Documents directory of the computer at your desk.
  3. Double-click on the HFHTML_ch10.zip and extract it in place.
  4. Copy the resulting HFHTML_ch10 directory to the LABS directory on your thumbdrive.
  5. Rename that directory to Chapter9
  6. Create the lounge.css file as indicated in the text.
  7. Set a default line-height property.
  8. Style the guarantee paragraph as indicated.
  9. Change the class attribute for the guarantee paragraph to be an id attribute. Fix up the CSS rule for this paragraph to use an id selector.
  10. Attach a print media css file to the journal.html page as indicated in the text.
  11. Create a pdf file of the print version of this page.
  12. Use the validator, http://jigsaw.w3.org/css-validator, to check that your pages meets W3C standards.
  13. Edit the index.html file in your LABS directory to have a link to your revised journal.html page.

Synchronize your website to your thumbdrive

Using a browser, make sure that the work you have done is visiable on your web site.

Always turn off your computer and screen before leaving the room.