COURSE CALENDAR | WEEK 12 CLASS OUTLINE | Homework |

Topics covered in class:

  1. Media Types for the web
    1. Sound files: WAV, mp3, Real Audio
    2. Video files: Mpeg video, Quicktime video, AVI video, Flash SWF
    3. Introduction to Multimedia
  2. Preparing Multimedia
    1. Web Video Guidelines | Compression Examples | Glossary of Terms
    2. Style Guide for Multimedia
    3. Creating Accessible Flash Content
    4. Assess ability using Captions: example
  3. Embedding multimedia in HTML
    1. Adding Multimedia to Web Documents (object or embed tag?)
    2. Methods for embedding Multimedia (and the problems)
    3. Plugin Reference
  4. Flash Animation:
    1. Embedding Flash with the Default method (using embed and object tags)
    2. Alternate Methods using Flash Plugin Detection, alternate content and validation
  5. Quicktime Video / Sound:
    1. Embedding with the Default method
    2. Alternate Methods with Plugin Detection and validation
  6. Other Technologies and Recommended Best Practices
    1. SMIL (Synchronized Multimedia Integration Language): W3C recommendation for interactive multimedia presentations
    2. http://webstandards.org/learn/articles/askw3c/jun2004/
    3. More on HTML scripting for Quicktime embedding
    4. Streaming Multimedia
    5. Useful tutorial

Lab:

Use this tutorial to add sound and video using the embed tag:

  1. Embed and Link Sound | sample
    1. Download a sound file from here. Control click to download the video to your media folder in your root directory.
  2. Embed and Link Video | sample
    1. Download a video from the Hubble Source website. Control click to download the video to your media folder in your root directory.
    2. Embed tag and attributes for Quicktime

Add Flash using embed and object tags:

  1. Download this flash SWF animation to your media folder in root directory
  2. Go to the Embedded Media HTML Generator and choose flash type
  3. Copy and paste into the body of your html file, only the generated code code within and including the object tags.
  4. Try validating your page. You will need to close some tags and change the case.
  5. Embed and object tag syntax
  6. Embed and object tag attributes for Flash

Homework | Week 12

Client Site Work:

Make sure you are on track with your Milestone Schedule