| summary | time | deliverables |
|---|---|---|
Show the teacher that you’ve started planning the code for your Confectionery website prototype. |
20 minutes |
Marked-up wireframes |
Quickly sketch your ideas for the layout of your confectionery website for all screen sizes. Similar to what we did in the Sketching a website, C’mon do the sketchin’ & Paper plans activities.
Do sketches for all screen sizes: small, medium & large
- Layout — Quickly sketch what you want your final website to look like.
- Draw boxes — Determine what things will become HTML elements.
- Determine extra groups — Figure out if we need extra grouping boxes to make the layout.
- Write semantics — Assign each box a semantically appropriate HTML tag.
- Apply basic CSS — @media, display, width, position, etc.
Similar to our Finding patterns activity, figure out which assignments match as close as possible to what you want to code.
- Write the matching assignment on your sketches as a reference for yourself when you start coding.
Show teacher during class time to get feedback and discuss your website direction.