Week 6 Day 2 - Wednesday, Sept 26 - Homework

1.Revise design layout for Project 1: CSS Zen Garden. We will go over Slicing and image optimization demo next class.

2. Work on Marcel Duchamp Exercise. Due by Friday, Sept 28, 6pm.

3. Keep up with weekly visual journal (blog) entries.

Week 6 Day 1 - Monday, Sept 25 - Homework

1. Continue working on design layout for Project 1: CSS Zen Garden. Keep in mind all visual content must be completed for review by Wednesday, Sept 26, 2:30pm.

2. Work on Marcel Duchamp Exercise. Due by Friday, Sept 28, 6pm.

Marcel Duchamp Exercise

Using the Marcel Duchamp Demo resources in the DropBox, create an HTML and CSS documents, when viewed in a web browser looks identical to the Marcel Duchamp design layout (below). Due for review on your website (link posted to index.html) by Friday, Sept 28, 6pm.

Marcel Duchamp Design Layout

Marcel Duchamp Design Specifications

Helpful HTML/CSS demos
http://w3schools.com/tags/tag_div.asp
http://w3schools.com/html/html_layout.asp
http://w3schools.com/css/css_boxmodel.asp
http://w3schools.com/css/css_margin.asp
http://w3schools.com/css/css_padding.asp
http://w3schools.com/css/css_positioning.asp

Week 5 Day 2 - Wednesday, Sept 19 - Homework

1. Continue working on design layout for Project 1: CSS Zen Garden. Keep in mind all visual content must be completed for review by next Wednesday, Sept 26, 2:30pm.

2. Keep up with weekly visual journal (blog) entries.

Design & Usability Resources

The What, Why and How of Textures in Web Design

Visual Direction (great article that addresses design choices and its influence on usability)

Understanding the F-Layout

Jakob Nielsen (usability expert)

PSD Tuts Basic Tutorials

Type Tool Basics

Selection Tool Basics

Layer Basics

Week 5 Day 1 - Monday, Sept 17 - Homework

1. Begin design process for Project 1: CSS Zen Garden. Keep in mind all visual content must be completed for review by next Wednesday, Sept 26, 2:30pm.

2. Post PDF of Design Layout completed in class for Enso Florists to your personal website.

3. Using your knowledge of HTML and CSS techniques, be sure to spend a little outside class time personalizing your class website (add images, change font properties, etc.)