Preliminary Outline for NJHEWA Presentation - Web 2.0 Layout with CSS
I: Laying out the page using DIVs
- Decide what elements will be on the page
- Determine the order in which things should be read
- Give the DIVs IDs that describe what they are
- Use the Firefox Web Developer's Toolbar to get a rough layout going
- Some Examples:
- header, menu, content, footer
- 2 column fixed width
- liquid
- hybrid
- elastic
II: Styling ULs for menus
- How ULs and LIs work
- removing list style
- playing with the indenting
- display: block; with links
III: Image replacement
- When to use it: mostly stylized text (like logos)
- Create a container that will serve as the image
- Have some way to hide the text inside
IV: More cool tricks with background images
- Repeat attributes
- Positioning attributes