Difference between revisions of "AIM Class10"
esse quam videri
(→Reading) |
|||
Line 50: | Line 50: | ||
===Reading=== | ===Reading=== | ||
− | Pause | + | Pause & Effect: pgs. 37-45, 53-59, 142-146<br> |
− | Information Architecture | + | Information Architecture for the World Wide Web - Chapter 4: The Anatomy of an Information Architecture pages 39-49 |
− | + | Information Architecture: Blueprints for the Web by Christina Wodtke - Users and Prototyping: 69-70, 81-87 | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
===Quiz=== | ===Quiz=== | ||
Quiz: PE and Nielson readings | Quiz: PE and Nielson readings |
Revision as of 22:22, 29 August 2006
Class Goals
- Continue information architecture material
- Introduce students to two methods of creating rollovers (JavaScript and ImageReady)
Contents
Information Architecture Continued
Labeling systems - why they are worthwhile to think about, and the different types
Designing labeling systems
Introduction to JavaScript Rollovers
From Dave Raggett's Advanced HTML article:
<script type="text/javascript"> if (document.images) { image1 = new Image; image2 = new Image; image1.src = "enter1.gif"; image2.src = "enter2.gif"; } function chgImg(name, image) { if (document.images) { document[name].src = eval(image+".src"); } } </script> ... <a href="/" onMouseOver='chgImg("enter", "image2")' onMouseOut='chgImg("enter", "image1")'><img name="enter" src="enter1.gif" border="0" alt="Enter if you dare!"></a>
Introduction to ImageReady Rollovers
Homework
Reading
Pause & Effect: pgs. 37-45, 53-59, 142-146
Information Architecture for the World Wide Web - Chapter 4: The Anatomy of an Information Architecture pages 39-49
Information Architecture: Blueprints for the Web by Christina Wodtke - Users and Prototyping: 69-70, 81-87
Quiz
Quiz: PE and Nielson readings