Lecture
Introduction to the Web [slides (PDF)]
HTML Part I [slides (PDF)] [sample code (ZIP)]

| 21 Comments
Lecture
HTML Continued [slides (PDF)] [sample code (ZIP)]
Hosting + Domains [slides (PDF)]
| 17 Comments
Part of your homework for this week is to get lost online. Spend some time wandering around, following links, taking screen captures and savings images. Its your time to figure out what sorts of web sites appeal to you, and what doesn't. When we start learning about creating the visual interface of a web site, you'll have a useful archive of ideas and imagery to start your own sketches.

The resources for this week, therefore, aren't all about web design, per se. They are sites that consistently offer unique and thoughtful insights about the nature of the internet, as well as recent projects that are worth noting in the realms of art and design online.

Kottke.org
A List Apart
Rhizome
An archive of Webby Award winners
Quipsologies
Typesites
| No Comments
Lecture
CSS Part I [slides (PDF)] [sample code (ZIP)]
| 2 Comments
Lecture
CSS Part II [slides (PDF)] [sample code (ZIP)]
[code discussed in class (ZIP)]
| 11 Comments
These are the sites I discussed in class this week. They run the gamut from the very structured, grid-based design, to expressive pages that make use of positioning and images. If you need ideas, take a look!

no one belongs here more than you, Miranda July

CSS Zen Garden

Black Estate Vineyards

Project Projects

Learning to Love You More

Happy Cog

Sweet GIFs

ALFA60

my city/your mountain

Kutztown U

AIGA Los Angeles

| No Comments
Lecture
Design Process Part I [slides (PDF)]
| No Comments
Lecture
Design Process Part II [slides (PDF)]
[sample code (ZIP)] [design resources (ZIP)]

Notes from HW2 [slides (PDF)]
| No Comments
In Class
Review Site Plans
Work in class

| 1 Comment
Lecture
Going from Sketch to CSS [slides (PDF)]
Example Code (before class)(ZIP)
Example Code (after class)(ZIP)

Resources
Favicon Maker

| No Comments
Lecture
Image Galleries + Embedding Flash [sample code (ZIP)]

In Class
Troubleshoot Templates
Work Day

Resources
If you want to learn more about the jquery examples shown here, these are some good places to start:
Jquery Tutorials
Jquery Cycle plugin
| 3 Comments
Lecture
What's Left + General Maintenance [slides (PDF)]
A Few Extra Code Demos (ZIP)

Resources
Google Webmaster Tools

In Class
Troubleshoot Templates
Work Day
| No Comments
In Class
Work Day
| No Comments
In Class
Present Final Projects
| 16 Comments

Recent Comments

  • Anders: Hey Katy, Sorry for the delay in sending you my read more
  • Anders: Hey Katy, Sorry for the delay in sending you my read more
  • amiba: my final project/portfolio page http://iamamiba.myweb.hinet.net/ my process page http://iamamiba.myweb.hinet.net/process/ read more
  • Cameron Neat: Hi Katy, I made a little process page that links read more
  • sarah adeel: http://www.sarahadeel.org read more
  • sarah adeel: www.sarahadeel.org read more
  • Sally: my final website that's still accumulating content: http://www.sallyto.com There's a read more
  • damian1: project page http://www.massmilitia.com/site_map.html website http://www.massmilitia.com/index.html read more
  • arunnion: www.allierunnion.com www.process.allierunnion.com read more
  • Namrata: process: http://process.namudesai.com/ final: http://www.namudesai.com/ read more