Sketching websites
Set up
- Form into pairs
- Download the files
- Print out the 2 pages of wireframes in the PDF
- Get out a pencil for marking up the paper
Determine semantics, grids & type classes
- Draw boxes to represent the different HTML elements
- Assign each box a semantically correct tag
- Draw lines to represent the grid rows & units
- Write the unit widths
- Write out the possible classes from the type system: like
island
,gutter
,pad
,push
, etc.

