Interactivity - Quiz

In wrapping-up our look at basic interactive components. Here are a few reminders:

• Organize your site. This begins with your navigation. Decide what qualifies as top-navigation and what will be sub-navigation.
• While simple hyperlinks work, spruce up your navigation with rollovers (make sure to preload the images).
• If you use audio, really try to use a compressed format (i.e. .mp3). Please don’t use MIDI sounds!
• Consider using Flash buttons or animations to add to your page (while 99% of browsers have the Flash player, think about your audience).
• If you will be using an item multiple times, consider turning it into a Library item.

Today’s Objectives:

• Insert a multimedia object into a Web page
• Construct a rollover navigation bar
• Demonstrate mastery of lesson 5 objectives

Classwork: Create a Web page with a rollover navigation bar and an embedded MIDI file that plays automatically on load. Take the lesson 5 quiz.

Prep Questions:

• See quiz.

Note: Well done on the quiz average score was 16/20 or 80%!

Creating User Interactivity

A rollover, or image swap, occurs when the mouse pointer triggers the existing image to be swapped with another image. This creates a simple animation effect. The purpose of a rollover is to notify the user that this object is a live link and is interactive.

Quick tips for creating rollovers:

• requires two images
• should be the same dimensions
• visually distinct

Dreamweaver automates the procedure and writes the JavaScript necessary to perform the function. All the user must do is specify the original and rollover images.

Today’s Objectives:

• Explain the function of a rollover 
• Create a rollover effect
• Differentiate between top-navigation and sub-navigation

Classwork: Complete Lesson 5 vocabulary and construct a simple rollover.

Prep Questions:

• This language is necessary to perform rollovers.
• Define the term MIDI.
• What type of file is a .wav?