Readings:

1. W3Schools Online Web Tutorials
   • HTML Links
   • HTML Images
   • HTML Tables
   • HTML Lists
   • HTML Forms
2. Supplementary textbook: Adobe Flash  CS4 Professional Classroom in a Book. ISBN: 032157382x.
   • Lesson 1

This textbook with CD is on reserve at the QC library. Part of it was also scanned in on ERes. You may access it via the link on the right side bar – QC Library EReserve. The password is posted on the Blackboard. Readinig this textbook is not mandatory. It is here for your further inquiries.

_______________________________________________

Section 1. What is Flash:

[youtube]http://www.youtube.com/watch?v=ief6lR1wa-g&NR=1[/youtube]

File Types:

[youtube]http://www.youtube.com/watch?v=NIMhxyeJcT8&feature=mfu_in_order&list=UL[/youtube]

File Types Again:
[youtube]http://www.youtube.com/watch?v=DMiTOsfmaRg&feature=mfu_in_order&list=UL[/youtube]

Vector vs. Bitmap:
[youtube]http://www.youtube.com/watch?v=6IO2MLta0Bc&feature=BF&list=ULDORNO0ljIos&index=2[/youtube]

Interface:
[youtube]http://www.youtube.com/watch?v=2dum-h4aMmE&feature=list_related&playnext=1&list=SPCB6B3C67082BE06B[/youtube]

_______________________________________________

Section 2. Set up a New Document and Workspace

[youtube]http://www.youtube.com/watch?v=nohkQnf1E2g[/youtube]

_______________________________________________

Section 3. Understanding the tools and panels

The Library

[youtube]http://www.youtube.com/watch?v=GRsUzAH6yb4[/youtube]

_______________________________________________

Layers and Editing Layers
[youtube]http://www.youtube.com/watch?v=iqz-Xti-mTQ[/youtube]

_______________________________________________

Section 4. Slides, Tween, and Movies

Importing photos into Flash

[youtube]http://www.youtube.com/watch?v=__XKE5Byr0Y[/youtube]

_______________________________________________

Understanding frames, keyframes, and blank keyframes

[youtube]http://www.youtube.com/watch?v=adUcEEl4YBc&playnext=1&list=PL98010F1BE1042D00[/youtube]

_______________________________________________

How to Tween (Classic Tween, Shape Tween, and Motion Tween)

[youtube]http://www.youtube.com/watch?v=fCYrUXCaRdk&feature=fvwrel[/youtube]

Basic Motion Tween

[youtube]http://www.youtube.com/watch?v=pUgNhESiPRM&NR=1&feature=fvwp[/youtube]

_______________________________________________

Design a fading image slide show:

[youtube]http://www.youtube.com/watch?v=yDofVTqxl8g&playnext=1&list=PLCF16B25E9A3E8A9D[/youtube]

[youtube]http://www.youtube.com/watch?v=OhA-FNrNqjU&feature=related[/youtube]

_______________________________________________

Section 5. Adding a Flash Movie (.swf) to a Webpage

[youtube]http://www.youtube.com/watch?v=U2DIDFoSLMc[/youtube]

_______________________________________________

Assignment (5 points):

Please create a flash movie (width: 650px, height: 200px) and insert it into your Week10 assignment Web page. Here is the example. These elements should be included in your Web page:

1. Same heading, banner, setup and footer of your week6 page, just change the content section;
2. Original images inserted in the content area as the first part;
3. Your Flash movie inserted afterwards with
   • at least three layers plus background (1 point)
   • a background made with color or image (1 point)
   • at least one layer fade in (1 point)
   • at least one layer fade out (1 point)
   • an image(s) or word(s) slide in/out of the stage (1 point)

*** When you are done, please

1. save it as a .fla file format and submit it to the Blackboard under Assignments > Week10 (If you are using Flash Professional CS6, please use Save As to save your file to CS5 version).
2. publish it as a .swf file format and insert it to your week10 assignment page (as the example). Please add a link of this page on the Spry menu bar of your week6 page (which is the front page linked to our class blog).