2) Prototype Your Layout

  • Mock up a prototype layout: Whiteboard, Paper, or PowerPoint
  • Create HTML mockup, use file:// for easy saves
  • Define each area as a DIV
  • Fill each DIV with test content
  • Set Margins and Padding
  • Resize and confirm wrapping behavior
  • Test in each target browser