AIM Class10

esse quam videri
Jump to: navigation, search

Class Goals

  1. Introduce students to two methods of creating rollovers (JavaScript and ImageReady)
  2. Introduce Information Architecture

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");


<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

Adobe ImageReady Tutorial

Introduction to Information Architecture

IA definition, what it is, what it isn't

Wayfinding and orientation



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: PE and Nielson readings