Make Our 2 Column Layouts in Fireworks Look Better

Tue, Dec 7, 2010

Objective

Add header images, text, and other design elements to our mockups

Agenda

  1. Open up your mockup.png file from yesterday and save it as "mockup-2.png"

  2. Add the following to the header: Name of the site, background image

  3. Add the following to the sidebar: Navigation, Feature or Ad Banner

  4. Add the following to the main content: Main header for the site, intro text (no dummy text), second level header, dummy text to fill page

  5. Add the following to the footer: Copyright info, contact information, designed by (insert your web design company name)

Rubric

5New file named mockup-2.png from previous mockup
1Header content
1Sidebar content
1Main content
1Footer content

Video

Example Files