- Cover Course of Study

- Talk about changes to Unlimted FTP

- Research various free/non-free hosting and set up an account with at least two different hosting services. E-mail yourself your password.

- Research some free training solutions
(Break up into groups, research, and send me URLs at sjennings15@radford.edu)

*Managing web pages and Setting Web Permissions(By Dr. Bob Stepno)

Free Web hosting services:
(Ex: Freewebs.com)
Others to research

Website tips: (free tips)

Hosting

FTP

Intro to Flash

- Continue researching free training resources

- FTP Interfaces

With SQL/PHP  (also FrontPage Extensions) support

Freehostia (http://http://www.freehostia.com/)

Simulation: FTP Interface

Drawing tools

- Working with your prospective groups, tour the tutorial sites (to the right) and provide feedback via discussion. 

- Intro to Flash Interface

- Discuss Bitmap graphics vs. Vector graphics.

- Intro to Drawing Tools in Flash CS4

Assignment I:

- Create a folder called "drawingtools" in the Public_html folder.

Create an .FLA file called "drawingtools" and save it to the "drawingtools" folder.

Provide an example on one keyframe of each of the following (following the tutorials):

- Object and merged drawing
- Modified shapes (object and merged)
- Rectangal tool
- Oval tool
- Paint brush

FREE TUTORIALS/TRAINING RESOURCES:
http://www.learnthat.com/software/learn/1439/Adobe-Dreamweaver-CS4/
http://www.softwaretrainingtutorials.com/cs4.php
http://www.photoshopcafe.com/cs4/index.htm
http://tutorials.securesignup.net/
http://byethost.com/
http://www.flashperfection.com/
http://www.freeadobeflashtutorials.com/
http://www.tutorialized.com/tutorials/Flash/1
http://flashkit.com/
http://library.creativecow.net/tutorials/adobeflash
http://www.tutorialhero.com/view-3-flash_tutorials.php

FREE SOFTWARE (from Microsoft):
https://www.dreamspark.com/default.aspx 

Simulation: Flash CS4 Interface

Simulation: Vector Graphics vs. Bitmap Graphics

Simulation: Flash Workflow and file types

Simulation: Customizing the workspace

DRAWING TOOLS

Simulation: Object Drawing versus Merged Drawing

Simulation: Modify Shapes  

Simulations: Rectangle Tool

Simulation: Oval Tool

Simulation: Paint Brush

Cont...

- Gradients
- Line and Pencil Tool
(Total 100 pts - 12.5 pts each)

Assignment I
Due 09/25/09

DRAWING TOOLS (cont.)

Simulation: Gradients (Linear and Radial)

Simulation: Line and Pencil Tool

Simulation: AS 2.0 with buttons to play slideshow

Assignment 2 (50 pts):

Create a folder and call it "animationAS2."
This folder will contain assignments for the following:
(Name each .FLA accordingly EX: the text shape tween assignment = "textshapetween.fla")

- Nested animation using classic motion tween (10 pts)
- New motion tween (10 pts)
- Background effect with shape tween (10 pts)
- Shape tween (10 pts)
- Text Shape Tween (10 pts)

Lab (50 pts):
Create an intro page that includes each of the above processes. Save the .FLA file to the "AnimationAS2" folder as "Lab2.fla."

- Optimized (.SWF under 70KB) (10 pts)
- Smooth clean animation (10 pts)
- Correct dimensions (fits screen no scrolling) (5 pts)
- Use of each of all of the examples covered in Assignment 2 (5 x 25 pts)

Assignment 2
Due 10/09/09
Lab 2
Due 10/09/09

ANIMATION

Simulation: Nested animation using a "classic" motion tween

Simulation: New motion tween

Simulation: Shape Tween

Simulation: Text Shape Tween

Simulation: Background Shape Tween Effect

Lab 2 - Cont...

Assignment 3 (50 pts):
Create a folder and call it "buttonsAS3." This folder will contain one example of each the following:
- Basic button (12.5 pts)
- Button with more hit area (12.5 pts)
- Button with rollover effect (12.5 pts)
- Button with hit area only (12.5 pts)
Save .FLA as "buttonssingle.fla."

Lab 3 (50 pts):
Create a .FLA file and save it as buttonmenus.fla within the "buttonsAS3" folder.
Each of the following should be on a seperate keyframe with about five keyframes between each menu example. There should be a "Play" and "Stop" on the timeline that allows one to view and stop at each menu. Each button MUST have a separate link (also must be an true link otherwise the button will be counted wrong/incomplete).

- Basic buttons menu- 4 buttons (5 pts)
- Rollover buttons menu- 4 buttons (5 pts)
- Rollover buttons menu with sound - 4 (10 pts)

- Image map "states"(download). Create a rollover effect and link for each state (15 pts)

- Image map (your own example) - 4 buttons with rollover effects and live links (15 pts)


Total = 100 pts

Lab 2
and Assignment/Lab 3
Due 10/09/09

Simulation: Buttons

Simulation: Adding URLs

Simulation: Image Map: Step 1

Simulation: Image Map: Step 2

Assignment 4 (50 pts)
Create a folder and call it "advbuttonsAS4."

Create a .FLA file and save it as advancedbuttons.fla within the "advbuttonsAS4" folder. Create an interactive menu with 5 buttons (up to 10 pts each). Follow the tutorials and create the same effects via nested animated layers. Each button should have a sound added for either the rollover or hit states. Each button must also link to a live URL.

- Display all states (up, over, down) = 10 pts
- Creativity = 10 pts
- Live link to URL = 10 pts
- Sound added to either rollover or hit state = 10 pts
- Functionality = 10 pts

Lab 4 (50 pts)

Create a .FLA file and save it as advancedbuttonsLab4.fla within the "advbuttonsAS4" folder.
Create your own interactive menu with 5 animated buttons (up to 10 pts each). The effect for each button can be the same or vary. Each button should have a sound added for either the rollover or hit states. Each button must also link to a live URL. and the URL for each button should be different.

- Display all states (up, over, down) = 10 pts
- Creativity = 10 pts
- Live link to URL = 10 pts
- Sound added to either rollover or hit state = 10 pts
- Functionality = 10 pts

Sound Download ("swoosh.wav:):

Simulation: Adding sound to buttons
_______________

Advanced Buttons

Simulation: Setting up the work space

Simulation: Creating the button

Simulation: Step 1

Simulation: Step 2

Simulation: Step 3

Simulation: Step 4 Blur

Simulation: Step 5Text Blur

Simulation: Step 6 Final Down State

Continue...

Simulation: Step Two: creating the animation for roll over state.

Simulation: Step Three: adding the animation to the overall button.

                                       Continue 

_______________________________________________

Continue 

Continue 

Thanksgiving Break

Thanksgiving Break

Adding Video

Create a new folder and name it "video." Create a .FLA file imbed the video via Flash. Publish the file including the .SWF and html files. Name the .FLA file Video as well. (or something that you will remember). 

Add an animated text description on another layer (ex: "my video example"). - 50 pts

Add controls (buttons) that will stop and play the video. - 50 pts

Download Video 1

Download Video 2

Download Video 3

Simulation: Embedding Video

Simulation: Embedded Video Creating Button Controls

Embedded Video Example 

DUE BY 12/16/2009