Macromedia Studio 8 : Training from the Source

by Bardzell, Shaowen; Bardzell, Jeffrey; Flynn, Bob

• ISBN13: 9780321336200
• ISBN10: 0321336208
• Edition: CD
• Format: Paperback w/CD
• Copyright: 2006-01-01
• Publisher: Macromedia Press

Summary

Learn by doing!Macromedia Studio 8: Training from the Sourceprovides a comprehensive, working introduction to the most powerful Web design and development suite available. Starting from the ground up, yours"ll build two Web sites. In the first half of the book, yours"ll combine the strengths of Macromedia Flash, Fireworks, and Dreamweaver to create an attractive, yet maintainable site. In the second half of the book, yours"ll focus on building a powerful and dynamic user experience by combining Macromedia Flash, Dreamweaver, Contribute, FlashPaper, and ColdFusion. The enclosed CD-ROM contains all the files you need to complete the projects, plus completed files for you to compare with your results and use as models for future projects. You learn how to: Optimize graphics in Fireworks, balancing quality and file size Design in a standards-compliant, all XHTML-CSS workflow Insert and format text, images, and CSS layers in Dreamweaver Master multimedia concepts, such as timelines, libraries, and file architecture Create Flash animations, using frame-by-frame and tweened animation techniques Create functional buttons using Flash symbols and ActionScript Integrate video into Flash projects Use ColdFusion to display live database data on a Web page Send data in and out of Flash movies to server scripts and databases Leverage the power of Contribute to maintain, distribute, and control Web content and FlashPaper to create, share, distribute, and use documents in a secure, universal format

Table of Contents

Introduction	xi
PROJECT 1 The Jade Valley Web Site
PART 1 Fireworks	1	(94)
LESSON 1 Preparing Graphics	3	(32)
Drawing Shapes for a Logo
Applying Colors and Textures
Adding Type
Composing with Digital Photos
Applying the Type
Applying Type Effects
What You Have Learned
LESSON 2 Designing a Page Interface	35	(34)
Creating Buttons
Creating Button Over States
Working with the Library
Developing a Site Banner
Finalizing the Whole-Page Design
Developing the Page-Slicing Scheme
Enhancing Site Accessibility
What You Have Learned
LESSON 3 Exporting a Site Design	69	(26)
Optimizing the Logo
Optimizing the Navigation Bar
Exporting Fireworks Slices as CSS Layers
Exporting Fireworks Slices as Tables
PART 2 Dreamweaver	95	(102)
LESSON 4 Preparing a New Site	97	(36)
Defining a Static Site in Dreamweaver
Opening a New HTML Page
Importing Fireworks HTML into Dreamweaver
Creating CSS Layers in Dreamweaver
Inserting Placeholder Text
Adding the Footer and Basic Navigation
Inserting Images
LESSON 5 Developing a Page Template	133	(34)
Introducing Cascading Style Sheets
Redefining HTML Tags
Adding Custom Classes
Applying CSS Styles
Finalizing the Layout
Enhancing Site Accessibility
Converting the Page to a Dreamweaver Template
Designating Editable Regions
LESSON 6 Developing Site Content	167	(30)
Building the Site Using a Template
Adding Hyperlinks
Working with Tables
Insert and Align Graphics
Creating List Items
Finishing the Recipes Page
Modifying Templates
PART 3 Flash	197	(92)
LESSON 7 Creating a Flash Movie	199	(40)
Introducing Flash's Workspace
Introducing Basic Flash Architecture
Preparing the Stage
Working with the Timeline
Lengthening a Movie with Static Frames
Creating Temporal Structure with Keyframes and Labels
Adding Content Across Layers
Importing Bitmap Graphics
Preparing the Second and Third Screens
Working with the Library
Completing the Basic Layout
Adding Content to the Second Screen
Designing a Button Graphic
Adding Content to the Third Screen
Converting Existing Graphics into Symbols
LESSON 8 Creating Animation and Interactivity	239	(32)
Testing Flash Movies
Animating Elements
Fading Graphics In and Out
Adding Interactivity to Your Flash Movie
Adding a Rollover Effect to the Button
Publishing Your Flash Movie
LESSON 9 Flash Video	271	(18)
Preparing the Movie
Converting Video to the FLU Format
Publishing the Flash Video
PROJECT 2 A Class On Dante
PART 4 Dreamweaver and Flash	289	(88)
LESSON 10 Preparing the Dante Site	291	(18)
Defining the Dante Site
Creating the Placeholder Pages
Formatting the Home Page
LESSON 11 Nonlinear Flash Interactions	309	(38)
An Interactive Map of Dante's Inferno
Introducing Flash Objects
Programming the Down Button
Preparing for the Quicktip Interactions
Preparing the Invisible Button Hotspot
Preparing the Quicktip Movie Clip and Dynamic Text Field
Scripting the Quicktip Interaction
Using a Component to Create a Scrolling Text Area
Dynamically Populating the Text Area
LESSON 12 Drag-and-Drop Interactions	347	(30)
Drag and Drop Inferno
Creating Basic Drag-and-Drop Interactivity
Creating Drag-and-Drop Targets
Providing Dynamic Feedback
Adding an Originating Target
Making the Remaining Monsters Draggable
Publishing the Interactive Map in the Dante Web Site
PART 5 Dreamweaver and ColdFusion	377	(66)
LESSON 13 Dynamic, Data-Driven Sites	379	(36)
Planning the Web Application
Understanding Site Definition Requirements
Installing ColdFusion
Problems and Workarounds for Users Without Local Servers
Defining the Site
Passing Data Between Pages
LESSON 14 Connecting to Data Sources	415	(28)
Understanding Databases
Understanding Data Source Names
Defining a Data Source in the ColdFusion Administrator
Introducing SQL Queries
Dynamically Populating a Table
PART 6 Flash and ColdFusion	443	(82)
LESSON 15 A Component-Based Flash Quiz	445	(40)
Preparing the Movie
Displaying the Username Dynamically
Preparing the ColdFusion Pages
Building the Quiz Interface with Components
Scripting the First Question
Validating Component Data
Scoring the Quiz
Adding and Scripting a ComboBox Component
Adding and Scripting a List Component
LESSON 16 Flash, ColdFusion, and the Database	485	(20)
Sending Data from Flash to ColdFusion
Outputting the Data in the HTML Page
Inserting the Data into a Database
Improving the Security of the Application
LESSON 17 Decentralizing with Contribute	505	(20)
Configuring a Site in Dreamweaver for a Contribute Site Administrator
Sending Connection Keys to Contribute Users
Creating a Connection in Contribute
Performing Simple Editing Tasks in Contribute
Publishing the Draft and Reviewing the Page
Index	525