Design 2 Assignment

Due Thursday, March 12

Requirements and instructions inside. (Click more, below.)

Requirements for as Much as a B on the Design

1. Create your own Photoshop design mockup for a fixed-width design with two or three columns. (A fluid design is acceptable, but not required.)
2. Slice out and optimize the background images, placing these in an images folder.
3. Create the HTML and CSS to create a fully-functioning web page, with text, images, links, etc. (Links may be “dummy” links, using “#” for the href.)
4. Use background images to create flexible elements that can stretch either vertically or horizontally (or both) with visually appealing ends and middles.
5. Use the Gilder/Levin replacement (Budd page 65) method for at least one element in the page — probably the site logo.
6. Use the pixy rollover method (Budd page 79) for at least one element in the page.
7. Create main navigation that is visually appealing, with hover effects. (A horizontal nav bar, such as in the Complete version of the Exam 2 practice files, or in Budd pages 91-93
8. Incorporate at least one other design and/or coding technique from Budd chapters 3, 4, or 5.

For as much as an A

In addition to the above, incorporate at least two additional advanced design and/or coding techniques from Budd chapters 3, 4, or 5. (With permission, you may substitute an advanced technique from another source.)

Submission

Bring your folder, named Yourlastname-Design2, containing the following files and folders:

1. index.html with your markeup
2. style.css with your stylesheet
3. images folder with your final images used in the web page
4. PSD folder with your mockup and any other design files