The Dreamweaver and Flash Conference

Last update: 20-jan-04

954-725-0490

WebDeb Productions, Inc.

Debbie Berg

Web Designer

Web Instructor

Technical Writer

Consulting Services

Need help designing your Web site?
Is it time to redesign your Web site?
Is your Web site meeting your visitors' needs?
Want a site review to find out?
Need help marketing your Web site through the search engines?

Please contact me to discuss my fees

WebDeb Information

Check out Debbie's 2004 Training Schedule

Take a look at some
of Debbie's most recent clients

What are people saying about Debbie?

"Debbie is a very knowledgeable, engaging instructor!"

M. Pine
Kansas City, MO

"Ms. Berg knows her stuff! She takes the time to explain technical concepts in great detail, which is very helpful. I can't wait to apply what I've learned!"

J. Matheson
Miami, FL

"I took your Flash course at Nova. Nice course, very well presented. Thank you!"

Ken Zempol
Ft. Lauderdale, FL

"Debbie: your class was very helpful - lots
of good information, which I am still referring to. And I
often check out the tips on your web site!"

Barbara Brown
Morristown, NJ

"I just wanted to drop you a quick line to let you know I learned a lot at your Flash Attack workshop in Harrisburg. I'm working on my website, and am just thrilled with the skills that i've learned. your Web site is very informative and I'll be using it as an ongoing resource. Thanks!"

Sue Wampole
Harrisburg, PA

"Debbie Berg is the best professional instructor I have ever experienced. I have been involved in the Web field for over four years and have attended over 300 conferences and seminars, but Debbie's knowledge complimented by her expertise provided me with a new vision in Web development."

Lucie Rodgers
Baltimore, MD

"Debbie Berg is an excellent instructor. She is very knowledgeable and I will recommend any of her classes to those who are interested in Web design and development."

Michelle Kohl
Fredericksburg, VA

"Debbie did an excellent job of presenting complex Web technologies in simplistic language that was easy to understand. She also supplied several helpful "do's" and "dont's" that will be most helpful to our Web site."

Craig Hood
Jacksonville, FL

The Dreamweaver and Flash Conference

Debbie offers hands-on, one-on-one Dreamweaver and/or Flash training
Contact Debbie for details

Track 3: Taking Online Interactivity to Infinity
Session 3A: Shockwave and the Rich-Media Experience
Session 3B: Sound off with Flash
Session 3C: Putting Fireworks on Your Site
Session 3D: Working Toward User-Centric Designs

Session 3A
Why use Shockwave?
-Web sites use Shockwave content for interactive product demos,
3D design and games
-Over 270 million users Worldwide have Shockwave
-Almost 65% of worldwide users can experience Shockwave

Shockwave 3D
-Director can only import W3D files
-Use the Property Inspector to set the Director Light for the 3D model
-Director Light:
-Use the Shockwave 3D Viewer to rotate, pan, dolly and position the cameras around the 3D model
-Use the 3D Actions to let the user rotate, zoom and drag the 3D model

3D Actions
-Drag Model to Rotate Behavior
-Dolly Camera Behavior
-Reset Camera Behavior
-Automatic Rotation Behavior

Many actions require a "trigger" in order for the user to manipulate the 3D model

Create 3D Text
-Use the Property Inspector to set the text to 3D mode
-Choose the 3D Extruder tab on the Property Inspector to change the lighting, texture, faces and intial camera positioning
-Use the Shockwave 3D Viewer to pan the camera (to center the text), dolly the camera (to zoom in on the text and position it on the Stage)
-Adjust the text's smoothing, bevel edge and tunnel depth
-Use the shader texture option to import an image as a texture over the 3D text
-Adjust the reflectivity setting to adjust the texture's highlights

-Import and adjust a Flash movie's setting with the Property Inspector
-Import and adjust a QuickTime movie's settings with the Property Inspector

Session 3B
-Add sound effects to specific keyframes on the Timeline
-Add background music as an event sound
-Add button sounds as start sounds to prevent overlapping sound effects
-Use the Sound Object to control the sound in your Flash movie

Adjust the sound's volume

1. Place a button on the Stage and label it "lower volume"

2. Select the button and choose Window...Actions

3. Then choose Actions...evaluate

4. In the Expression field, enter the name of your Sound Object (ex: MySound)

5. Choose Objects...Sound...SetVolume

The SetVolume method requires a volume parameter to set the percentage of the volume level for the sound (0=muted; 100=loud)

6. Replace the volume parameter with a value of 40

7. Place another button on the Stage and label it "raise volume"

8. Choose Window...Actions again

9. In the Expression field, enter the name of your Sound object again

10. Choose Objects...Sound...SetVolume

11. This time, replace the volume parameter with a value of 100

Adjust the sound's balance

1. Place a button the Stage and label it "left speaker"

2. With the button selected, choose Window...Actions, then choose Actions...evaluate

3. In the Expression field, enter the name of your Sound object

4. Choose Objects...Sound...setPan

The setPan method sets the left and right balance of a sound. The pan parameter should be highlighted.

5. In the Expression field, replace the pan parameter with a value of -100

-100 = the sound will play out of the left speaker only
100 = the sound will play out of the right speaker only

6. Place another button on the Stage and label it "right speaker"

7. With the button selected, choose Window...Actions again

8. Choose Actions...evaluate

9. In the Expression field, enter the name of your Sound object

10. Choose Objects...Sound...setPan

11. In the Expression field, replace the pan parameter with a value of 100

12. Place another button on the Stage and label it "balance"

13. With the button selected, choose Window...Actions

14. Choose Actions...evaluate

15. In the Expression field, enter the name of your Sound object

16. Choose Objects...Sound...setPan

17. In the Expression field, replace the pan parameter with a value of 50

50 = the sound will play out of both speakers

Session 3C

-Create a mockup in Fireworks
-Use the slice tool to slice images and optimize
-Export the slices and images with HTML settings
-Save a Fireworks image as a Dreamweaver Library
-Save Fireworks image slices as CSS Layers
-Open the mockup in Dreamweaver
-Optimize images from within Dreamweaver

Session 3D
When does Flash enhance the user experience?

-Branding
-Navigation
-Attention
-Control

Flash URLs
-Group USA (www.groupusa.com)
-Visa (www.visa.com)
-Subaru (http://www.subarubaja.com/index.html)
-Focalizer (http://www.focalizer.it/home.htm)
-Coke (http://www.focalizer.it/home.htm)
-Logient (http://www.logient.com/)
-Lenny Kravitz (http://www.lennykravitz.com/)

Use the Color Object to let your visitors control the color of the Flash movie. See the January D.E.B. Tip for step-by-step instructions on how to use the Color object.

Source: These lessons were developed especially for YOU by Debbie Berg :-)

WATCH FOR MORE DEB TIPS TO COME! STOP BY AND SEE MY NEW DEB TIP EACH MONTH...

D.E.B. Tips

Flash

Dreamweaver/Flash
Conference