Basic webstandards Workshop

• Part 1 - the standards
  • The Web Standards
  • What are Web Standards about?
  • Ideal page structure
• Part 2 - (X)HTML
  • What is valid code?
  • Understanding elements and attributes
  • Doctypes
  • The XHTML dilemma
• Part 3 - Semantic markup
  • What is semantic markup?
  • Marking up content with no meaning
  • Marking up content with incorrect meaning
  • Forgotten HTML elements
  • Heading levels - the great debate
• Part 4. Accessibility
  • Why bother with accessibility?
  • Disabled groups
  • Devices and software
  • Skip links
  • Access keys
  • Accessible code in action
  • Building a simple accessible form
  • Building a simple accessible table
• Part 5. Introduction to CSS
  • Why use CSS to separate content from presentation?
  • Some definitions
  • The document tree
  • What is a rule or rule set?
  • Grouping selectors
  • Shorthand rules
  • Selectors
  • Inheritance
  • Cascade
  • Specificity
  • Overview of CSS positioning
• Part 6. Floats
  • Basic float rules
  • Where do they float?
  • Move down to fit
  • Is width required on floats?
  • Elements around a float
  • Clearing floats
  • Floated elements inside a container
  • Floating an image
  • Floating multiple images to right edge
  • Floating a div and caption
  • Floating a thumbnail gallery
  • Floating next and back buttons
  • Floating inline lists
  • Switching column order with floats
• Part 7. CSS issues and bugs
  • Margin collapse
  • Trapping margins
  • IE and the box model
  • Double margin bug
  • Whitespace between list items in Windows/Internet Explorer 5
  • Three pixel text jog

• German transation thanks to Stefan Walter
• French transation thanks to Mathias Poujol-Rost and Léo Peltier

Copyright © Max Design 2005