cmon-do-the-sketchin.md

layout	title	desc	group_work	slides
slide-deck	C’mon do the sketchin’	An activity to practice recognizing and drawing parts of a website including semantics and basic CSS.	true	type content super-big-text **C’mon do the sketchin’** content ## Set up 1. Form into pairs 2. [Download the files](https://github.com/ltw-webdev-1/cmon-do-the-sketchin/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. **Determine extra groups** Figure out if we need extra grouping boxes to make the layout. 3. **Apply basic CSS** `position` (`relative` & `absolute`), `display`, `width`