Digital Design for the Arts and Humanities website

Digital Design homepageDaily Readings for Digitial Design courseDigital Design Course syllabusE-Mail Digital Design StudentsTechnology, Arts, and Media Program homepageSewall Academic Program homepageCU-Boulder homepage

Understanding the Flash Interface

Assignment: Work on finishing your Image websites
by Wednesday, April 5th.

Assignment for Friday, April 7 : come to class with
URLs to the Flash websites and Flash banner ads
that you want to use as models for designing your
Flash projects.

Change in Student website Projects:

1. A Flash Banner Ad will be assignment 4, and
it will be due on April 21

2. A Flash website will be assignment 5, and it
will be due on May 8th.

Assignment: (Do after Class)
Study the handout sheet with Flash keyboard
shortcuts. These shortcuts making using Flash
a whole lot easier.

1. I will start grading your image websites on Wednesday, April 5th.Make sure that your image website is up and running by Wednesday. If you are still having trouble using FTP to load your pages on the web, please come see me during my office hours or make a special appointment to come see my at another time. Please send me the new URL for your Design Portfolio page if you were transferred to the server or if you have changed the URL address for your portfolio webpage. Please check by Wednesday to make sure that I have the proper URL on the Students' Web Design Portfolio webpage.

2. Two final tips to get your Websites notices:

  1. Check the metatags on websites that come up
    first in your Google search, for example, for
    "web design" sites:

    Webpage Design for Designers

  2. Link your website to the most dominant websites
    in your Google category, for example, link to
    the above pages that come up with a "web
    design" Google search.

  3. Ask other dominant websites to link to your
    websites on their website. This is often "hit
    or miss", but sometimes it works.

  4. If you have the money, consider paying a
    company to place your website highly in the
    search engine rankings.

2.  Macromedia Flash-powered websites

  1. Make sure you have installed the
    Macromedia Flash Player 7

  2. Make sure you have installed
    Macromedia Flash MX

  3. Make sure you have installed the
    Macromedia Shockwave Player


  5. Macromedia Flash Showcase






2. Examples of Flash -powered Course website

  1. Do Students need Web Design?

  2. Course Website with Flash plug-in

  3. Flash "fla file" for the above Flash movie

2. Students' Favorite Flash sites

  1. HomeStar Runner

  2. Lakai Footwear

  3. DC Shoe

  4. Joe Cartoon


  6. Chinese Stickmen

  7. A Fire Inside

3. Student Flash example websites

  1. OAR Flash banner ad

  2. OAR website with Flash banner ad

  3. Bob Marley and the Rastas go to Sewall

3. Flanders' Two-Step Recovery Program for Web Designers

  1. "There's a tendency to add graphics, frames,
       bevels, etc. to a site because it can be

  2. "Just because you can add a technology to your   page doesn't mean you should....So ask yourself this:   'Does adding this new technology really enhance your website?' "

  3. "Two-Step Recovery Program for Web Designers:

             1.  We admit we are powerless over new Web
                   technologies and our Web sites have 
                   become unmanageable.

              2.  We will only add design elements to a page
                    if they help the site make money or if they 
are appropriate to the theme of the site.

3.  Paul Ingram, Flash Web Designer,  on when to use Flash:

  1. "The main appeal of Flash is its capability to combine    and manipulate objects to make animations called  "movies" with astonishingly small file sizes."

  2. "We got tons of resistance from customers, but now people come to us wanting Flash. We have to
    protect clients from themselves sometimes--
    Flash isn't always appropriate."

  3. "Many websites are more informational than
    ..Because Flash is difficult to update,
       if you need a fully database-driven site, then it's
       more difficult to use Flash."

  4. "We use Flash as a major website element only
    when the audience is expecting an extraordinary
    visual experience

  5. If you use Flash in your webpages, always give the
    user a choice between a "Flash version" and a
    "non-Flash version" of a page.

4.  Learning to create Flash Multimedia

  1. Flashkit Online Tutorials

  2. Let's look at Macromedia Flash MX.

  3. Creating HTML Files to play Flash Player Files

  4. Flash Movie: 

    1.  Sewtest.html (looping)

    2. Rottweilers on Mars (non-looping)

    3.  When you copy a Flash movie to website, make sure you copy two files associated with it, for example, Movie5.html, Movie5.swf

  5. Beware of continuous looping of your Flash Movies. Continuous playing of Flash movies
    can be annoying.

5. The Basics of the Flash interface

  1. Flash creates movies that you can play on the web.

  2. The essence of Flash involves creating symbols that you then put on an active stage.

  3. The power of Flash involves manipulating different
    symbol elements on many different Flash movie layers.

  4. Remember, Flash requires you not to use more than one symbol per layer.

  5. In order to make different elements Flash symbols, you must select these elements with the "pointer tool" and then press "F8."

  6. Like a regular movie, Flash works by running frames across the viewing sreen.

  7. Each layer will contain flash symbols that will change from frame to frame.

  8. The power of Flash is to use "motion" or "shape"
    tweening to make flash symbols change from frame to frame.

  9. In order to do tweening, you must put keyframes on the layer you want to tween.  Press "F6" to create a keyframe.

  10. To add additional frames to a Flash movie layer, press "F5".

  11. By varying the Flash Movie properties, such as frame-rate per second, you can speed up or slow down how fast your movie plays.

  12. The key to using Flash 5 is to use the "panels" menus to create and manipulate various Flash effects.

  13. You should try to keep the most used panels open on your Flash movie desktop.  I keep the "Characters," "Info", and "Instance" panels" open to make it easier to do basic work in Flash.

  14. Remember, you can add or delete layers in a Flash movie by pushing the "+" button.

  15. Use the tools on the toolbar to create and modify graphic elements for Flash.

  16. Use the "circle" and "rectangular" shapes tool to
    draw smooth, precise shapes for Flash movies.

  17. Most complex Flash movies are a collection of dozens of layers, with each layer consisting of one simple Flash action.

  18. Look back at some of the Flash movies we previewed at the beginning of class.  Can you now recognize some of the basic Flash actions we demonstrated today?

  19. See example of Basic Flash Movie
  20. See Flash file for Basic Flash Movie

6. Flash MX Resources

  2. Macromedia Flash Support Center
  3. Macromedia Flash Exchange
  4. Macromedia Flash Development Center
  5. Macromedia Flash Showcase
  6. Flash
  7. Webmonkey: Flash/Shockwave
  8. Echonet Flash Tutorials
  9. Flash Tutorials
  10. Flash MX Developer's Guide
  11. Fonts for Flash
  12. Flash Intermediate and Advanced Tutorials

Streaming Audio and Video on the Web

1.  Make sure you have the proper "plug-ins" to
     run these animations.

  1. Internet

  2. C-Net's

  3. W3C:  Worldwide Web Consortium

2.  Examples of  Streaming Web Audio and Video

  1. Audio

  2. QuickTime--Streaming Audio and Video

  3. QuickTime--Movie Trailers

  4. Apple--iTunes

  5. Quick Time: Streaming Video TV Channels

  6. Macromedia Shockwave Player

3.  What do these producers of Streaming Audio and Video
      all have in common?  

  1. They represent the professional print, video, and audio world.

  2. What resources do you need to create and update
    these multimedia websites?

  3. Should you try to compete with the multimedia

  4. If we leave multimedia to the professionals, will the
    media always give us what we want and need?

  5. The internet also acts as an "Alternative Voice" for
    diverse interest groups and peoples throughout
    the world.

  6. Is there, or should there be,  an acceptable
    standard for "alternative media" and "alternative
    voices" on the web?

  2. Macromedia Flash Support Center
  3. Macromedia Flash Development Center
  4. Macromedia Flash Showcase
  5. Flash
  6. Webmonkey: Flash/Shockwave
















Good Web Design Sites
Award-winning Web Designs
Great Web Design Books
Sewall Class Web Designs

| Home Page  | Readings | Syllabus | Web Resources | Top of Page |

Number of Visitors to this site: 
9234      by Chris H. Lewis, Ph.D.

© 2000 by Chris H.  Lewis, Ph.D.
Sewall Academic Program; University of Colorado at Boulder
Created 1 June 2000:  Last Modified: 5 April, 2006

Digital Design Course homepage