Web Development
DART 230


Jan. 27

January 29

Feb. 3

  • Tables site from:
    Today’s topics are more HTML including an intro to Tables, and CSS. Reading is HTML & CSS chapter 6 (tables) and chapter 10 (CSS). In addition to the first coding you did, you can do more with HTML, but most of this has been superceded by CSS. For example, you can:
    1. Modify horizontal rules:
    2. Change the numbers in ordered lists:
      1. Try type="a" for small letters
      2. type="A" for capital letters
      3. type="I" for cap Roman numerals
      4. type="i" for small Roman numerals
      5. type="1" for numbers (the default)
    3. Change the bullets in unordered lists:
      • The square ones are type=square (default for third level)
      • Open circles are type="circle" (default for second level)
      • Solid circles are type="disc" (default for first level)
    4. Change the alignment of text with <div align="right">
      This is centered.

      Right-aligned using <div align="right">
    5. Align an image as you did with a paragraph, adding <img align="right" /> to align the image to the right side:
    6. Create an e-mail link. Note that mailto: links should be the e-mail address: beatty@lasalle.edu not E-mail me! although to foil spambots consider using an image.

    Now on to Tables.

    You should understand the code behind the following demo I put together: CSS demo. For reference, keep a copy of the "cheat sheet" handout from about.com. Next week we'll use their layout cheat sheet.
    Finally, if we have time we'll take a look at a video from Sitepoint publishing that I bought, and here is a PDF tutorial I got from a workshop I attended.


Home | Assignments | Resources | Syllabus | Weekly

Web Development

    Site maintained by John Beatty