Site menu:

Lesson 2 > Client #3

This lesson requires you to work within HTML, CSS and Photoshop. Hang in there, you can do this.

  1. Create a web page which conforming to XHTML 1.0 Stirct standards. The page will contain div tags with unique IDs, and place holder text or lorem ipsum, it may also include links.

    review video on the "HTML/CSS shell" lesson.


  2. Create a CSS file that places out the div tags in the layout you created in the Photoshop file. Then add additional CSS that will control background color, and format text.

    review video on the "HTML/CSS shell" lesson.

  3. When images are needed for the background or to supplement page content return to the Photoshop file and create image slices which will be referenced in the CSS or HTML.

    review these lessons
    # header images
    # nav. bar code
    # content
    # faux columns
    # Aslett review

  4. Test the page on various browsers, validate the HTML and CSS, link from the homework page to the 2nd level completed page.