Schedule for Spring 2008
| Date |
Readings for
the Day |
Topics |
Site Analysis |
Assigned |
|---|---|---|---|---|
| 3/31 | overview | the 4 tools: Firefox, HTMLKit, GIMP, Audacity; FF Extensions:
Html Validator, ColorZilla, Image Zoom, Web Developer, Link Checker,
MeasureIT, Firebug |
Check your class station for Firefox extensions; install if needed and on home machine. | |
| 4/2 |
All of Mini
tour CSS Zen Garden |
CSS—old/new markup; HTMLKit/Tidy to validate and to strip |
» (Prof.) Chip Lord's Site | Read Topics:Browser Support |
| 4/7 |
MK 8.4.7: Box properties Topics: Borders,Margins, Padding Topics: Positioning and layout Weller: On pos/lay |
CSS Basic Concepts: attaching style (MK 8.1); box model: margin, borders Inheritance Positioning |
Lab: Traffic Light | Due
4/9: box Homework 1 at end of Topics: poslay |
| 4/9 |
Topics:background images | CSS Intermediate
Concepts: selectors (MK 8.2) classes (& id) (MK 8.3); positioning background images (MK 8.4.5) opacity |
»Using hkDivStarter, templates | Due 4/14: Homework 2 due
|
| 4/14 |
Topics:Tables The Easy Way(and see CSS Guides) negative margins Floatutorial |
Liquid and Elastic Layout tables v. divs; HTMLKit: floats, captions, and stuff |
»Photoshopping (tables
v. divs) white teeth |
Due 4/16: Homework 3—take two pages from Erin's London: strip fonts and other FP garbage; put content into H1, BLOCKQUOTE, DIV boxes (and IMG--no dimensions). Use CSS to rough in a layout. |
| 4/16 |
Upgrading to Web 2.5 10 Fresh Styles Grunge Styles csszengarden again |
Styles: Types and Trends | Eugene Hsu's restyling |
Due: 4/23 Homework 4—Make a Style Profile page defining and illustrating a page style with three examples. |
| 4/21 |
Dog: Colors wellstyled.com/tools Understanding color modes |
Color schemes |
»Gauger:
Notes from the Road |
|
| 4/23 |
Topics:
Choices and Connection |
linear v. multi-sequential; site diagrams multilinks |
»Albert: Houston Wet ”Bernstein: Hypertext Gardens |
Due: 4/28 Homework #5— Hypertextify a poem, linking some words of it to a couple of the poems in the link archive. In addition, indicate what would be a good link back from one or two of those poems to yours, and I will add it. Use TITLE based tooltips for your links and the little gray chain link for a link going to the archive. |
| 4/28 |
Topics:
Scenes of Viewing |
linear/nonlinear; typing and
marking links; interplay of text and image |
»sample
small web »Bankova: NYC Map »Jody Zellen, Random Paths »all the news that's fit to print |
|
| 4/30 |
Navigation: using Nestor |
»The Natural Order of Things | ||
| 5/5 |
MK 6.5.2 (191 & 422) Imagemaps, from Using the GIMP making &installing Dejavu imagemaps good stock photo archives: stockXchng Morgue File CSS Imagemaps |
Imagemaps tooltips; launching windows;using GIMP to make maps |
»Simple list »Alpine Lakes »mrbeller »24 dollar island »Desert Islands |
Due 5/12: Metaphorical imagemap with at least 5 links |
| 5/7 |
Imagemaps
and Metaphors
|
Maps and metaphors see answers |
»Soos: bonsai/style | |
| 5/12 |
topics
and Making secondary windows |
Window control |  Allow
popups!»Karasic:WLAJFA »great basin project |
Due
5/14: Window
opening exercise |
| 5/14 |
Weller on CSS Popups listamatic |
Hover, visibility |
»Ian Hawke:
critique »Arora: Nothing's Impossible and see newer recoding » Hover and visibility |
|
| 5/19 |
Using Flash applets to include sound. Freesound Project Streaming media |
Including sound using Audacity |
||
| 5/21 |
Using Sound |
Journeys: 1900/2000 and see Critique »Re-working of White Teeth |
Due
today: Recovery/extension of a site |
|
| 5/28 |
Using
the GIMP Ex.:Vignettes |
Using the GIMP for: capture,
cropping, resizing, sharpening, levels adjust, transparent backgrounds,
full channel transparency |
presentations 1&2 |
|
| 6/2 |
Server Side Includes (SSI) | presentations 3&4 | ||
| 6/4 |
Password
Protection htaccess file Adding new media types |
.htaccess restricting access to your site serving new media |
presentations 5&6 |
Due
today! all presentation sites except #5 and 6. |
| Due: Final Project(s) |