Tuesday

Website Project Process
Creative Brief

Chapter 10 - layouts

Assignment:

Review previous assignments, especially the glossary of terms. Be able to make a 2 column layout, with one image floated in class, for exam Thursday, April 10.
Sample mid-term on pcc.blackboard.com

Complete Personal or Small Business Site User Profile and Creative Brief
See week7
Due Thursday, April 10

Personal or Small Business Site Project outline (pdf)

CSS Mastery layouts, see week 5
Chapter 7 layout files.zip and Layout Chapter (pdf).

Foundation Web Design with Dreamweaver 8 layout chapter, Dreamweaver 8 Chapt. 8.zip, Friends of Ed

Thursday

Layouts continued

Spring Break Assignment:

Complete any past due assignments.

• art - museums, galleries, studios
• print - brochures, billboards, magazines
• nature

Think about web designs. Browse for appealing, usable site layouts (HTML sites, or sites with a bit of Flash. No Full Flash sites. Save URLs of ones that you like or are inspiring for your project and make notes. For sites that have good css styled examples - see resources & design agencies (good examples of portfolio styles) and inspiration sites (good examples of css and web standards based sites).

Start some preliminary sketches - pencil and paper! Make plenty quickly. Bring sketches, or mood board, or Web site ideas to class on April 22.

READ on the web:

1. Design in Theory and Practice:
   http://www.digital-web.com/articles/principles_of_design/
   http://www.digital-web.com/articles/elements_of_design/
2. Read for Visible Narratives: Understanding Visual Organization:
   http://www.lukew.com/resources/articles/visible_narratives.html
3. Colors Found in Nature and Interface Design:
   http://www.boxesandarrows.com/
4. The Web is Not Print:
   http://www.cactusflower.org/the-web-is-not-print/
5. How C.R.A.P. (Contrast Repetition Alignment Proximity) is your site design
   http://www.thinkvitamin.com/features/design/how-crap-is-your-site-design

Exam

faux column liquid layout with background.
http://www.communitymx.com/

More layout gymnastics.

Designing with grids.
http://960.gs

Deconstructing inspirational sites with Web Developer toolbar and Firebug add-on to Firefox browser.

Links to sites examined.