Difference between revisions of "AIM Class10"

Revision as of 22:20, 29 August 2006

Class Goals

1. Continue information architecture material
2. Introduce students to two methods of creating rollovers (JavaScript and ImageReady)

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

Adobe ImageReady Tutorial

Homework

Reading

Pause and Effect: pgs. 60-69, 230-231

Information Architecture: Blueprints for the Web by Christina Wodtke

Organization and Structure: 89-119

Findability: 126-128

Controlled Vocabulary: 136-140

Personas: 156-167

Quiz

Quiz: PE and Nielson readings