Free Hosting 

Free resources (images, etc)

FTP

Link to all of the above sources/info

Simulation: Basic File Structure

Simulation: FTP Interface

Also- WIX - Free Website

W3C School

W3C website

Bandwidth Calculators 

File Size Calculator

More information about adding an image to an HTML document.

FTP

Intro to Flash

- Go over FTP (File Transfer Protocol) including the one available on the RU Portal. 

Simulation: Step 1

Simulation: Step 2

Setting up Lime Domains account: 
 
Simulation: Lime Domains Tutorial 

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

Simulation: FTP Interface

Other free hosting:

With SQL/PHP  (also FrontPage Extensions) support

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

Jan 31 Last day for UG to apply for Spring Graduation

- 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
- Gradients
- Line and Pencil Tool
(Total 100 pts - 12.5 pts each)

Assignment 2 (100 pts):

Create a "Photo Essay" of a relevant topic. Have no less than 10 slides. Add some text on each slide. Use the same process used to create a slide show for the various drawing tools. Flash buttons are also required to at least stop and play. 

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

Simulation: Gradients (Linear and Radial)

Simulation: Line and Pencil Tool

Simulation: AS 2.0 with buttons to play slideshow

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)

Create a folder and call it "animation3."
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 "animation3" folder as "Lab3.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)

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 4 part A (25 pts):
Create a .FLA file and save it as buttonmenus.fla within the "buttons4" folder.
You can create all of the buttons on the same .FLA file. 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)

Lab 4 part B (25 pts):
Create a second .FLA file and call it "imagemap1.fla"
- Image map "states"(download). Create a rollover effect and link for each state (15 pts)

- Image map (your own example) - Create your own image map and call it "imagemap2.fla" 4 buttons with rollover effects and live links (15 pts)


Total = 100 pts

Simulation: Adding URLs

Simulation: Image Map: Step 1

Simulation: Image Map: Step 2

Create a folder and name it "advbanners."
Within the "advbanners5" folder create 10 animated banners (both .FLA and .SWF formats per banner) using one of the following dimensions from the Interactive Advertising Bureau.

Use the Interactive Advertising Bureau Guidelines site as a guide to create the following:

1 Full size horizontal banners (~2 x 7) or (1 x 5) = 5 pts
1 Half size horizontal banners (~2 x 3) or (1 x 2) = 5 pts
1 Full size verticle banners (~7 x 2) or (5 x 1) = 5 pts
1 Square banners (2 x 2) or (3 x 3) or (4 x 4)  = 5 pts  
1 Half size verticle banners (3 x 1) or (4 x 2) = 5 pts
Create 5 more banners of the specifications that you like = 25 pts 

Criteria/Rubric for each banner: 

Meets required dimensions = 2 pts
At least 3 animations = 2 pts
File size under 100 kbs = 1pts

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 6 (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

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 5 Text Blur

Simulation: Step 6 Final Down State

Assignment 7 (50 pts)

PART 1: Create a new folder within the "public_html" folder and call it "slidingmenu." Create two examples of scrolling/sliding menus that use images as mouse event driven links while incorporating animation.
The first menu will be demonstrated via the instructor in terms of the technical aspects. There should be a minimum of Five images per scrolling/sliding menu.
Also should include:
- Active link per image (25%)
- Sound effects for one of the states (25%)
- Hover or rollover effect (25%)
- Identification or description on link (25%)
Overall = 50%

PART 2: Create another scrolling/sliding menu with the above criteria, but also intigrate other Adobe products and, via creation and discovery, blend these technologies to enhance the aesthetics of the menu. Make this document a "one page" web site with a theme.
Overall = 50%

Practice Images for PART I:
PC
Laptop
IPod
T.V.
Camera
Video Cam
Radio
Cell Phone

Simulation: Step One: creating the button.

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

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

Assignment 8

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

Start PROJECT (1)

Download Video 1

Download Video 2

Download Video 3

Embedded Video Example 

PROJECT (1)

Download Video 1

Download Video 2

Download Video 3

Embedded Video Example 

DUE BY 
05/02/2011

DUE BY 05/02/2011

FINAL PROJECT (3)

File should be viewable as a web page from the public_html folder by typing 
"www.radford.edu/~USERNAME/final."

E-mail URLs  to sjennings15@radford.edu 
Assignment due Tuesday May 04, 11:00 AM

The FINAL Project and projects 1 and 2  lose a letter grade per day that they are late