Photo of panda bear leaning against a treet truck eating bambo at the San Diego Zoo.
Photo by Aimee Wolff

Introduction to Web Development
Instructor: Bill Wolff
Spring 2006

  • home
  • syllabus
  • schedule
  • assignments
  • readings
large text style icon no style icon three column style icon right style icon left style icon

 

students

  • patrick bailey
  • anna dinh
  • stuart geiger
  • paige grisham
  • chad hebert
  • erica ho
  • daniel hoodin
  • i-chen huang
  • shane kerr
  • christopher kominczak
  • dona kurtz
  • lindsay lalonde
  • adam lafave
  • alfonso salinas
  • jessica scheick
  • erin selleck
  • mo sheikh
  • dwayne shorter
  • yvonne so
  • michael terrazas
  • clay thornton
  • jessica tremblay

project quicklinks

  • project 1 overview
  • project 1 groups
  • inventory and anaylsis
  • prototype
  • final redesign
  • blanton museum
  • web redesign
  • project 2 overview
  • professional site
  • portfolio
  • css journal
  • project 3 overview
  • project 3 groups

discussion

  • email the instructor
  • email the course list
  • discussion forum
  • learning record info

design

  • jeffrey zeldman
  • eric meyer
  • dan cederholm
  • dave shea
  • andy budd
  • stylegala
  • css beauty
  • brian fusco and akash goel
  • jakob neilson
  • joe clark
  • inform IT
  • a list apart
  • digital web magazine
  • ut's learning to publish
  • ut accessibility guidelines
  • w3c schools
  • css resource guide
  • web standards project

applications

  • bevoware
  • webspace
  • webmail
  • html-kit (for pc users)
  • taco (for mac users)
  • mozilla firefox
  • web developer toolbar
  • x-ray extension
  • email encoder
  • simplecode by simplebits
  • jaws (for pc users)
  • WebXACT
  • lift
  • css validator
  • xhtml validator

university

  • sci tech and society
  • cwrl
  • campus computer store
  • university of texas

Building a Basic CSS Layout Part 3

This is the third part of a three-part tutorial on creating a basic CSS layout. If you have landed on Part 3 first, please go to Part 1, which covers the initial page set-up.

For the purposes of Part 3, you will need your new "index.html" page (or "test.html") and its corresponding stylesheet. Please open them in your preferred HTML editor.

  1. Validating is the process of making sure your code is written properly. When things are not working as you want them to work, it is often the case that there is something wrong with the code. Validating will help you fix any errors you have and will help make your page function properly.

    We are going to be using three validators, each of which work in a similar manner:

    • W3C XHTML Validator
    • W3C CSS Validator
    • Bobby, which checks for accessibility

    To use any of these validators, simply click on the validator link, type the URL (you may see this written as 'URI'), and click the validate button. You will then get a report telling you if the page validates as acceptible

    screenshot of report for a web page that is valid xhtml transitional

    or if there are errors

    screenshot of report for a web page that is valid xhtml transitional

    If there are errors, the error report will point them out to you line-by-line and offer suggestions for how to fix them. When using Bobby, please select Section 508 (Section 508 are the guidelines the University of Texas uses so we'll be using them as well).

    screenshot of report for a web page that is valid xhtml transitional

copyright 2003, 2004 by bill wolff . validates . css2 . xhtml . 508 . WAI 1,2,3