Download the zipped folder below, extract, and place in your name folder.

You will add CSS to these HTML pages to make their layouts match these Wireframes. Complete as many as you can in class. The HTML has been written for you, you just need to add the CSS! These layouts need to work in modern versions of IE, chrome, safari and firefox.

Remember:

  • Start from the simpler layouts first (fixed, 2-col)
  • Work from the outer containers inward.
  • Match the exact dimensions specified in the mockups. You may use any colors/fonts you like.
  • Be careful when combining widths with margins/padding (do you remember the trick to get around that?)

 

When you are finished, FTP the complete siteroot to your Launcher (like http://wordpress.yourdomain.com/layout-challenge) and link to it in a new post