Convert Basic 2 Column Layout to CSS

Mon, Dec 6, 2010

Objective

Use HTML and CSS to convert our basic 2 column layout to CSS

Agenda

  1. Create a new index.html file in your "png-to-html" folder

  2. Add a div for the wrapper, header, sidebar, maincontent, and footer

  3. Use basic CSS width, float, and background properties to design the same layout that you created in Fireworks

Rubric

5New file named "index.html"
3CSS used correctly
2Uploaded to welovewebdesign.com