Welcome to Web Mastering

TEKS: Technical Skills

• Using animation methods
• Importing and compressing audio
• Using drawing tools
• Working with layers
• Identifying parts of the user interface
• Publishing movies
• Using basic ActionScript
• Creating interactive buttons
• Organizing layers and libraries
• Optimizing file size

January 13/14. A brief quiz will be given on Tuesday, January 19. It will cover the Flash workspace and terms.

Warm-Up -- Create a new POST on your BLOG. Title it Flash CS3 – Concepts and Terms.

Answer each of the following questions.  Type the question, then answer it, or answer in complete sentences. There will be a short quiz next week over this material.

Work with ONE other person to answer the following questions.  Use the internet or the help section in Flash to answer the questions.  This BLOG POST will be graded at the end of the day on Tuesday, January 19. 

1. What type of file can be modified in Flash CS3?  (just list the file ending)
   
   
2. What is the national standard for American television video broadcast?
   
   
3. What part of the Flash interface displays the movie you are working on?
   
   
4. You need to turn these on BEFORE you can use guides.
   
   
5. What is the gray area surrounding the Stage in Flash CS3?
   
   
6. What is the magnetic pull of objects to a grid?  (this grid can be turned on/off)
   
   
7. What is the default frame rate for Web playback in Flash CS3?
   
   
8. What is exporting your final Flash CS3 file called?
   
   
9. Designing for the Web is normally measured in what unit of measure?
   
   
10. What are palettes in Flash CS3 called?

Complete Handout -- pick this up from the front table when you have completed the BLOG assignment. Turn in to the black box when complete.

Continue with the Flash Tutorial

This tutorial is suitable for you if you're opening Flash for the first time. It shows you some of the fundamental aspects of the program and how to get started using them to build a real project. You don't need to know anything about Flash or animation to complete this tutorial; in fact, you'll discover how easy it is to start using Flash to add elements to your web pages.

This is Part 1 of a three-part article on how to build a simple animated banner in Flash and add it to a web page using Adobe Dreamweaver®. You'll learn how to create a file and modify its settings, import and add graphics to the Stage from the library, and create layers in Part 1. In Parts 2 and 3 you'll add an animation and create a button that opens a browser window. Then you'll specify publish settings and add the banner to a web page.

Before you begin the tutorial, you should create a flash folder in your classwork folder on the student server. After you create this folder, create one inside of it called gnome.

Go to the @pickup folder and copy/paste all of the files there to this folder.

Continue with the tutorial.

Using Flash for the first time – Part 1: Building a banner

All files for this project must be saved to the classwork/flash/gnome folder. Use the filenames suggested in the tutorial.

Friday, January 15

Using Flash for the first time – Part 2: Adding symbols, animation, and ActionScript

You created, set up, and imported content into an FLA file in the first tutorial. You will create symbols, animation, and even write some simple ActionScript to make the banner function.

Part 2 should be complete at the end of the class. If you finish early, you can review any of the links below, work on completing the cafe_townsend project, or continue with the third tutorial.

Part 3: Publishing and adding a Flash file to a web page

Homework/Follow-Up: there will be a quiz on Tuesday, January 19. Study the tools and the workspace below.

Tuesday, January 19

Warm-Up -- Flash Concepts and Terms -- QUIZ.

Use the rest of the period to complete the Cafe Townsend project. This was completed in class on Monday, January 11. Most students are missing content for the pages associated with the project. Please review the January 8th lesson for directions. I'll be available during both lunches today for you to work on this content. We will FTP the site this week. Please make sure that you have paid the Tech Fee prior to Class on Tuesday or Wednesday.

*NOTE: Standord 10 Testing is this week. Note revised bell schedule below.

10:55 - 11:25 - 2nd period ADA
11:25 - 1:05 4th or 5th periods (LUNCH)

1:10 - 2:10 1st or 6th period
2:15 - 3:15 3rd or 7th period

Wednesday/Friday - 2nd, 5th, 6th, 7th
Thursday/Monday - 2nd, 4th, 1st, 3rd

Wednesday/Thursday, January 20/21

Warm-Up -- Open banner.fla. Folder Structure Grade -- (check to make sure file is saved to the proper location!)

Part 2: Adding symbols, animation, and ActionScript of the Flash Tutorial should have been completed at the end of the class on Friday. Continue working on this tutorial if you have not completed it.

Prior to beginning Part 3, you will need to copy/paste the gnome.html, noflash.html, peek.jpg and rightnav.css files from the @pickup folder. These are the only files you will need. Disregard any information regarding .zip files.

Continue with Part 3: Publishing and adding a Flash file to a web page

   Flash Tutorials & Resources (there are more exciting "shape tween" tutorials.)

Shape Tweens
Morphing Text
Text Effect -- Handwriting
Motion Guides
Comic Creator

Creating a Walk Cycle in Flash -- tutorial shown in class on Tuesday, April 4 (you can copy the frames and paste them to a scene in your fairytale movie.)

Lip Synking Techniques

Lip Synching is the process of matching mouth shapes to recorded vocals, creating the illusion that a voice is coming from the character.

Face Creator -- Sort of Cool, but the directions are not very detailed.
http://flashface.ctapt.de/