course documents

course calendar

technical support

assessments

communication

student portfolio

main index

COURSE CALENDAR | WEEK 12 CLASS OUTLINE | Homework | JavaScript Exam

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
2. Preparing Multimedia
   1. Web Video Guidelines | Compression Examples | Glossary of Terms
   2. Style Guide for Multimedia
3. Embedding multimedia in HTML
   1. BAD: Embedding Flash with the Default method (using embed and object tags)
   2. GOOD: Object Embedding is the way to go
   3. Object Embedding -- another reference that adds an alt.
   4. What is the Object Element?
   5. What is the Param Element?
   6. Plugin Reference - Why do we need plug-ins?
   7. Other Methods for embedding Multimedia (object or embed tag and the problems)
4. Alternate Methods using Plugin Detection, alternate content and validation (more on this next week)
   • Geoff Stern's FlashObject
   • Geoff Stern's Quicktime detect and embed
   • Bobby Van Der Slius's UFO
   • Drew McLellan's Flash Satay
   • Review of all the methods

Lab:

Add sound, video, and Flash using the Standards-Compliant Object Embedding:

1. Embed and Link Sound
   1. Download an mp3 sound file from here. Download the file to your root directory.
   2. Embed the file using the Object element
2. Embed and Link Video
   1. Download a mpg video from the Hubble Source website. Download the video to your root directory.
   2. Embed the file using the Object element
3. Embed and Link Flash
   1. Download this flash SWF animation to your root directory
   2. Embed the file using the Object element

Intro to Flash Workspace

• Toolbar
• Timeline
• Stage
• Panels
• Menus

Flash Basics

• Drawing and transforming objects
• Layers
• Symbols (Graphic, Movie Clip, Buttons)
• Libraries
• Frames
• Actions
  1. Actionscript Elements
  2. Actionscript Learning Guide | Tutorials

Create a simple banner

• http://www.flashvault.net/tutorial.asp?ID=100

Create a preloader

• http://www.flashvault.net/tutorial.asp?ID=88

Publishing your movie

1. DO NOT Publish the HTML file from Flash. It creates non-standard code using the EMBED tag!
2. There are standards compliant ways to add Flash to your XHTML.
3. After using the File > Publish Settings dialog box and publishing ONLY your Flash swf file, refer to the content above for better methods of embedding the swf in your XHTML.

 

Homework | Week 12

Client Site Work:

Make sure you are on track with your Milestone Schedule

• Phase 1: Site Definition
• Phase 2: Developing Site Structure
• Phase 3: Interface Design & Production
  • The Design Process
  • Protosite Development
  • Art Optimization/Production
• Phase 4: Technical Engineering
  • HTML Production/Layout
  • Beta Launch/QA Testing -- YOU are HERE!
• Phase 5: Publishing/Marketing/Launch
  • Maintenance Schedule/Updating
  • Domain and hosting setup
  • Search Engine Submissions
  • HTML Style Guide