Create your css coded layout for your tutorial site. First, start by documenting key styles of your tutorial site by writing some simple CSS specs. Then use the specs to create your layout using borders and background colors you specified.


  • Create the spec document:
    • List the fonts you use: size/colors
    • List the colors use for backgrounds/borders
    • Draw a rough wireframe of a page layout (simple boxes - around main areas)
  • Create the layout in HTML/CSS
    • Replicate the layout you drew
    • Add red borders on all divs so you can see the outline
    • Add background colors to help indicate different areas
    • Add widths/heights as needed
    • Add a link to the spec png

Submission guidelines

  • due next class 11/9
  • Upload and submit the link to your page