Syllabus

Schedule

Peer Review

Critiques

Reflections

Class Blog

Home

Sandbox

Identity --> Archive

Final Project --> Archive

Portfolio

Graduate Project

351 Help Center

Finding Images & Media

Make-Your-Own Web Sites

351 Widgets

Crediting Your Sources

All things nonlinear

Information Architecture

Webs on the edge

Class Help Pages

• Four ways of linking
• Crediting image sources
• Matting graphics
• Adding sounds to websites
• Top ten HTML tags other tricks for working with code
• Comparing Graphic File Formats
• Squeezing Space out of Tables

Photoshop tutorials

• You suck at Photoshop. Funny voice-over videos.
• Photoshop Tutorials Keep scrolling down the page to see all of the tutorials.

351 Tools

• 351 Code Widgets Tools I have developed for past student projects.
• Make-Your-Own Web Sites A collection of web-based graphics tools. Who needs Photoshop?

Color Tutorials

• Color Schemer Great site for developing a color scheme for a site. Also see their color scheme gallery.
• http://www.wellstyled.com/tools/colorscheme2/index-en.html Another site for generating color schemes
• http://www.degraeve.com/color-palette/ Creates a color pallete based on an image you upload.
• http://www.colourlovers.com/palettes A site where people share their favorite color schemes.
• Color Theory
• Color Contrast and Dimension in New Design

351 PDF files

• Usability Test Consent Form
• Dive into Accessiblity Free ebook about how to make your websites more accessible to handicapped users.

CSS Tutorials

• CSS Page Maker
• CSS Box Tutorials
• CSS Crib Sheet
• http://www.cssplay.co.uk/ Ffeatures experimental css.

HTML Tutorials

• Learning HTML
• http://www.w3schools.com/
• http://htmlplayground.com/ A good reference site if you want to see a specific tag in action. Lets you tweak code and instantly see the effect.