sketching-a-website.md

layout	title	desc	group_work	slides
slide-deck	Sketching a website	An activity to practice recognizing and drawing parts of a website including semantics and basic CSS.	true	type content super-big-text **Sketching a website** content ## Set up 1. Form into pairs 2. [Download the files](https://github.com/ltw-webdev-1/sketching-a-website/archive/master.zip) 3. Print “mockups.pdf” 4. Get out a pencil for marking up the paper content 1. **Draw boxes** Determine what things will become HTML elements. 2. **Write semantics** Assign each box a semantically appropriate HTML tag. 3. **Apply basic CSS** `display`, `margin`, `padding`, `width`, `max-width`