Fun With Multimedia

Sight, Sound, & Motion in Action

Sight

This section demonstrates how to link to 2 different web pages that contain images and text. Students often struggle with resizing images

- they tend to enlarge all images to match the largest one.

Instead all images should be resized to the smallest one

1. Web Pages
   • Detroit Lions
   • Mackinac Island

Sound

This section demonstrates the implementation of sound into a web page. The HTML5 audio tag will be explored.

Please visit the Can i use website for information regarding HTML5 and browser support.

2. Audio Files
   • Wav (HTML 5 audio tag)
   • OGG (HTML 5 audio tag)
   • MP3 (HTML 5 audio tag)

Motion

This section demonstrates the use of commonly supported video formats avalible for use within a web page.

The HTML5 video and the iframe tag that YouTube uses to embed a video within a webpage will be used within this section.

Please visit the Can i use website for information regarding HTML5 and browser support.

3. Video Files
   • Video (HTML5 Video tag)
   • Video (iframe tag)

     • funny NFL related Video