Sketching a website
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.
-
Apply basic CSS
display,margin,padding,width,max-width