C’mon do the sketchin’
Set up
- Form into pairs
- Download the files
- Print “mockups.pdf”
- Get out a pencil for marking up the paper
-
Draw boxes Determine what things will become HTML elements.
-
Write semantics Assign each box a semantically appropriate HTML tag.
-
Determine extra groups Figure out if we need extra grouping boxes to make the layout.
-
Apply basic CSS
position
(relative
&absolute
),display
,width