Web Design
 ENG 330

Part 1

September 21

Sept. 28

First, here is the an XHTML file from which we will format with CSS. We will build the CSS in class and link to it, so that the formatted version looks like this.

Tonight’s next topic is more XHTML including an intro to Tables. Reading is Web Site Design Made Easy Chapter 11. In addition to the first coding you did, be sure you know how to
    (Check the code on this page:)
  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 <CENTER> or ALIGN=RIGHT
    This is centered.

    Right-aligned using <P 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 always be the e-mail address: beatty@lasalle.edu not E-mail me!, although to thwart spambots, consider wrapping the link tag around an image.


Home | Assignments | Resources | Syllabus | Weekly

Web Design

    Site maintained by John Beatty