Week 1 Day 4

First Complete Build Out

Today I began walking the students through their first site buildout. Last night they were tasked with converting a mockup into an html and css design. Each student had successes and failures, which is what I expected. I used the same design and began walking them through my decision making process for creating the markup and css.

We made it about halfway through the code. I decided to stop for the day and gave them a few isolated homework assignments to assess their ability to float divs and to markup horizontal navs. Tomorrow, we will finish the page buildout and move on the the next few pages in the site.

Homework

For three of the mockups (the colored boxes) students are tasked with marking these up with divs and background colors. They will need to use floats to construct the layout and margins to create separation between elements.

For the navigation page, students are tasked with marking up each navbar to the best of their ability.

Download the homework source files

Published by

giodif

I am the UI Design Instructor at The Iron Yard Academy in Columbia. I am also the Creative Director for UnmatchedStyle.com, ConvergeSE, BD Conf, and SOCO.