EDIT Studio Workshop Notes
Topics
Introduction to Cascading Style Sheets (CSS)
Step 1: Zen Garden: Experience the Power of CSS
Step 2: Understanding the difference between HTML vs. XHTML
Content vs Presentation
Step 3: Understanding basic principles of CSS
Lloyd's Quickee Notes on Starting to Use CSS in Your Web Site (4 page PDF)
Compare some of Lloyd's latest Web sites using CSS to those that do not:
Resources for a Studio web page meant for non-majors we will build in class:
Good CSS Resources
Firefox & Web Developer Resources
Step 4. Once you understand the basics of CSS, you are encouraged to find and use a free CSS template.
Here are some examples (do your own google search for "free css designs templates")
Other - Dreamweaver Information for MyWeb
Text to copy/paste for myweb (click here for UGA explanation):
NOTE! This was recently changed to:
https://mywebdav.cc.uga.edu/oneNet/NetStorage/Home@UGA/www/
Old versions of this URL:
https://fs1.cc.uga.edu/oneNet/NetStorage/Home@UGA/www/
http://mydrive.uga.edu/oneNet/NetStorage/Home@UGA/www/
Your URL will look something like this: http://lrieber.myweb.uga.edu/
Workshop Resources (download prior to workshop)
|
 |
Visit the Macromedia Showcase for lots of examples of all projects completed with all Macromedia products (including Flash and Authorware).
Introduction to Flash: Drawing and Simple Animation
Workshop
Handout (PDF)
Workshop Presentation (PPT)
Workshop Resources (download prior to workshop)
Workshop Project
Introduction to Flash: Animation Techniques
Workshop
Handout (PDF)
Workshop Presentation (PPT)
Workshop Resources (download prior to workshop)
Introduction to Flash: Action Scripting
Workshop Presentation (PPT)
Workshop Resources (download prior to workshop)
Workshop Projects
Introduction to Flash: Learning Interactions
Workshop Resources (download prior to workshop)
Flash Advanced ActionScripting
Prerequisites:
Workshop Resources (download prior to workshop)
Workshop Projects
A "step" toward gaming
The following three examples build on the "step_by_step" example above to add a gaming component. The first example shows how to create a "roll-over" effect -- the target changes only when the player reaches it, but then the target reverts back when the player leaves. I've added some text explanation to accompany this example to help you "dissect" it. The second example includes two targets and a scoring feature. When the player reaches a target, the target graphic changes and stays that way. The player is expected to find all the targets. The third includes some obstacles to force the player to maneuver around the page, creating a "maze-like" feel.
Other Projects
Introduction to Authorware: Icons & Flowline
Recommended book: Getting Interactive with Authorware: Building Simulations & Games (400+pages)
Workshop Resources (download prior to workshop)
Other resources that go along with the book (though not needed for this workshop)
Introduction to Authorware: Introduction to Interactions
Workshop Resources (download prior to workshop)
No other special resources are required for this workshop. It will be assumed that you have covered at least chapters 1 and 2 in Lloyd's book (Getting Interactive with Authorware: Building Simulations & Games).
The workshop will begin by reviewing the following:
The workshop will then give an overview of the Interaction icon in the context of creating a simple quiz on the American Civil War.
If time permits, an overview of the process of packaging will be covered using Authorware 6. (If you are using Authorware 5.2, it is highly recommended that you convert your files to Authorware 6 just to take advantage of the one-button publishing feature of version 6. You can keep working with your version 5 files.)
Introduction to CourseBuilder for Dreamweaver
Workshop Resources
Click here for a cool map of the Battle of Gettysburg.
CourseBuilder Examples:
