Layout and Data Tables

Index | First | Previous | Next | Last | Access Keys

Jon Gunderson
Division of Rehabilitation - Education Services
REHAB711: Designing Universally Accessible Web Resources
Phone: (217) 244-5870
e-mail: jongund@uiuc.edu
WWW: REHAB711NC Homepage

Slides

  1. Goals
  2. Data Table: Design issues
  3. Data Table: Proper markup
  4. Data Table: Simple example
  5. Data Table: Complex example
  6. Layout Table: Design issues
  7. Layout Table: Proper Markup
  8. Layout Table: Testing
  9. Layout Table: Examples
  10. Layout Table: Design example
  11. Layout CSS: CSS Positioning
  12. Layout CSS: Absolute positioning example
  13. Layout CSS: Relative positioning example
  14. Layout CSS: Fixed positioning example
  15. Layout CSS: Absolute Positioning
  16. Layout CSS: Columns example with absolute positioning (fixed column dimensions)
  17. Layout CSS: Columns example with absolute positioning (font size based column dimensions)
  18. Layout CSS: Float and Clear
  19. Layout CSS: Float Positioning
  20. Layout CSS: Float Example with an Image
  21. Layout CSS: Columns example with float and clear
  22. Website Example
  23. Assignment
Accesskeys
I: Index of slides
F: First slide
P: Previous slide
N: Next slide
L: Last slide