1. Introduction to Web Design Lecture #2: Look & Feel Jonté Craighead & Cathy Zhang January 13th, 2009 Student Information Processing Board (SIPB)

2. Overview Colors CSS box & “float” property Layout

3. Colors Monochromatic (http://haveamint.com/)http://haveamint.com/ Achromatic (http://subtraction.com/)http://subtraction.com/ Analogous (http://www.regines.net.au/)http://www.regines.net.au/ Complementary (http://www.faithink.com/)http://www.faithink.com

4. 4 Monochromatic http://haveamint.com/

5. 5 Achromatic http://www.subtraction.com/

6. 6 Analogous http://www.regines.net.au/

7. 7 Complementary http://www.faithink.com

8. Colors Useful tools –http://www.colorschemer.com/online.htmlhttp://www.colorschemer.com/online.html –http://www.degraeve.com/color- palette/index.phphttp://www.degraeve.com/color- palette/index.php –http://www.vischeck.com/vischeck/vischeckUR L.phphttp://www.vischeck.com/vischeck/vischeckUR L.php

9. CSS Box

10. “float” property Example: http://sipb.mit.edu/iap/webdesign/examples/Portfolio

11. Layout