The Box Model

Tools

HTML 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 9

More JavaScript

  1. Copy hello.html from LAB8 to a new LAB9 directory.
  2. Add the following lines at the top of the script element of the new hello.html page:
    w i n d o w . o n l o a d = f u n c t i o n ( ) {
        s e t T i m e o u t ( i n i t , 3 0 0 0 ) ;
    }

  3. Save the file, open in a browser, and wait for a popup window. Type your name and then hit Enter.

Renovating the HeadFirst Lounge (stage 1)

  1. In your LAB9 directory, download and extract lounge.zip.
  2. Create the lounge.css file as indicated in the text.
  3. Set a default line-height property.
  4. Style the guarantee paragraph as indicated.
  5. 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.
  6. Attach a print media css file to the journal.html page as indicated in the text.
  7. Create a pdf file of the print version of this page.
  8. Use the validator, http://jigsaw.w3.org/css-validator, to check that your pages meets W3C standards.
  9. 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.