Class 2 - In-class Assignment 1

Here is my solution to the assignment:

http://onepotcooking.com/amosbloomberg/f2008/class2/assignment1.html

Typography for the Web: a style guide

This site is a project of a former student of mine. It outlines the best practices for typography on the web:
http://csspunch.com/

Please take a look.

Class 2 - In Class Assignment

Please convert this diagram into XHTML and CSS:Save your code to a file called class2/assignment1.html

Class 2 - In Class Assignment

Please convert this diagram into XHTML and CSS:

Firefox Add-ons

Firefox Add-ons provide extra functionality to the Firefox web browser. These are the add-ons I recommend you install:

Firefox Add-ons
https://addons.mozilla.org/en-US/firefox/

Web Developer Toolbar Add-on
https://addons.mozilla.org/en-US/firefox/search?q=web+developer&cat=all

Firebug Add-on
https://addons.mozilla.org/en-US/firefox/search?q=Firebug&cat=all

Clear Cache Button Add-on
https://addons.mozilla.org/en-US/firefox/search?q=clear+cache&cat=all

My In-Class Assignment

Click to see the full-size image:

In-Class Assignment

Your in-class assignment is to produce an Information Architecture wireframe diagram of the home page of a pet shop. Please make sure to include all the sections, as outlined in the Pet Shop Functional Requirements

Pet Shop Functional Requirements

-Logo
-Name of the shop
-Location and hours
-Awards Badges section to show the awards this shop has won

-Prominent link to Pet Food Page
-link to Other Products Page

-link to Veterinarians Page

FEATURED PET SECTION
-big image
-pet's name
-pet's age

PET SHOP BLOG
-titles of the last 10 blog posts

MAIN NAVIGATION
-link to Cats
-link to Dogs
-link to Rabbits
-link to Fish
-link to Reptiles
-link to Rodents