Difference between revisions of "AIM Class10"
esse quam videri
| (9 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
| − | [[Category: | + | [[Category:Authoring Interactive Media]] |
| + | |||
------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | ||
'''Class Goals''' | '''Class Goals''' | ||
| − | #Introduce students to | + | #Introduce students to two methods of creating rollovers (JavaScript and ImageReady) |
| + | #Introduce Information Architecture | ||
| + | |||
| + | ------------------------------------------------------------------------------------- | ||
| − | + | ==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] | ||
| − | + | ==Introduction to Information Architecture== | |
| + | IA definition, what it is, what it isn't | ||
| − | + | Wayfinding and orientation | |
==Homework== | ==Homework== | ||
| − | |||
| − | |||
| − | |||
===Reading=== | ===Reading=== | ||
| Line 29: | Line 52: | ||
Pause & Effect: pgs. 37-45, 53-59, 142-146<br> | Pause & Effect: pgs. 37-45, 53-59, 142-146<br> | ||
| − | + | 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 | ||
Latest revision as of 16:04, 5 August 2008
Class Goals
- Introduce students to two methods of creating rollovers (JavaScript and ImageReady)
- Introduce Information Architecture
Contents
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
Introduction to Information Architecture
IA definition, what it is, what it isn't
Wayfinding and orientation
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
