Difference between revisions of "AIM Class10"
esse quam videri
(→Reading) |
|||
Line 1: | Line 1: | ||
[[Category:AIM]] | [[Category:AIM]] | ||
+ | |||
------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | ||
'''Class Goals''' | '''Class Goals''' | ||
− | #Introduce students to | + | #Continue information architecture material |
− | + | #Introduce students to two methods of creating rollovers (JavaScript and ImageReady) | |
+ | |||
------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | ||
+ | Project 3 proposal due | ||
+ | ==Information Architecture Continued== | ||
+ | Labeling systems - why they are worthwhile to think about, and the different types | ||
− | + | Designing labeling systems | |
− | |||
− | |||
− | + | ==Introduction to JavaScript Rollovers== | |
+ | From [http://www.w3.org/MarkUp/Guide/Advanced.html Dave Raggett's Advanced HTML] article: | ||
− | + | <pre> | |
+ | <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> | ||
+ | </pre> | ||
− | == | + | ==Introduction to ImageReady Rollovers== |
− | |||
− | + | [http://www.adobe.com/education/webtech/unit_graphics2/cre_create.htm Adobe ImageReady Tutorial] | |
− | |||
==Homework== | ==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 |
Revision as of 22:17, 29 August 2006
Class Goals
- Continue information architecture material
- Introduce students to two methods of creating rollovers (JavaScript and ImageReady)
Project 3 proposal due
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 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