User manual MACROMEDIA STUDIO 8 - EXPLORING STUDIO 8

Exploring Studio 8 Trademarks 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the United States or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names of Macromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally. Third-Party Information This guide contains links to third-party websites that are not under the control of Macromedia, and Macromedia is not responsible for the content on any linked site. If you access a third-party website mentioned in this guide, then you do so at your own risk. Macromedia provides these links only as a convenience, and the inclusion of the link does not imply that Macromedia endorses or accepts any responsibility for the content on those third-party sites. Speech compression and decompression technology licensed from Nellymoser, Inc. (www.nellymoser.com). SorensonTM SparkTM video compression and decompression technology licensed from Sorenson Media, Inc. Opera ® browser Copyright © 1995-2002 Opera Software ASA and its suppliers. All rights reserved. Macromedia Flash 8 video is powered by On2 TrueMotion video technology. © 1992-2005 On2 Technologies, Inc. All Rights Reserved. http://www.on2.com. Visual SourceSafe is a registered trademark or trademark of Microsoft Corporation in the United States and/or other countries. Copyright © 2005 Macromedia, Inc. All rights reserved. This manual may not be copied, photocopied, reproduced, translated, or converted to any electronic or machine-readable form in whole or in part without written approval from Macromedia, Inc. Notwithstanding the foregoing, the owner or authorized user of a valid copy of the software with which this manual was provided may print out one copy of this manual from an electronic version of this manual for the sole purpose of such owner or authorized user learning to use such software, provided that no part of this manual may be printed out, reproduced, distributed, resold, or transmitted for any other purposes, including, without limitation, commercial purposes, such as selling copies of this documentation or providing paid-for support services. Part Number ZWP80M100 Acknowledgments Project Management: Jennifer Rowe, Sheila McGinn Writing: Jay Armstrong, Charles Nadeau, Jennifer Rowe, David Sullivan, Jon Michael Varese Managing Editor: Rosana Francescato Editing: Evelyn Eldridge, Rosana Francescato, Mark Nigara, Anne Szabla Production Management: Patrice O'Neill Media Design and Production: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Masayo Noda, Paul Rangel, Arena Reed, Mario Reynoso Special thanks to Maureen Keating, Jennifer Taylor, Mike Downey, Greg Clausen, Doug Wolens, Melissa Baerwald, Alan Musselman, David Acala, Jason Wylie First Edition: September 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103 Contents PART 1: GETTING STARTED Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 What you can do with Studio 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Installing Studio 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Activating your Studio products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Registering your Studio products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Chapter 1: Learning Studio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Getting the most from the Studio documentation. . . . . . . . . . . . . . . . . . 17 Using the Studio help systems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Chapter 2: Studio Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 Dreamweaver basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 Flash basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57 Fireworks basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102 Contribute basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112 FlashPaper basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 Chapter 3: Web Development Workflow . . . . . . . . . . . . . . . . . . . 121 About the web development workflow . . . . . . . . . . . . . . . . . . . . . . . . . . 121 Planning your website . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .122 Setting up the development environment. . . . . . . . . . . . . . . . . . . . . . . .123 Planning page design and layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125 Creating content assets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .128 Assembling, testing, and deploying . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130 Maintaining and updating your site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .133 3 PART 2: SETTING UP YOUR ENVIRONMENT AND PLANNING YOUR PAGE DESIGN Chapter 4: Tutorial: Setting Up Your Site and Project Files . . . 137 Learn about Dreamweaver sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Set up your project files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Define a local folder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 Chapter 5: Tutorial: Creating Page Mock-ups . . . . . . . . . . . . . . 143 Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143 Create and save a new document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145 Import and place images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 Create a composite of the content area . . . . . . . . . . . . . . . . . . . . . . . . . 148 Place text and images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153 Export the image for the web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160 Chapter 6: Tutorial: Creating a Table-based Page Layout . . . . 163 Examine the design comp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Create and save a new page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Insert tables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Set table properties. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Insert an image placeholder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Add color to the page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . PART 3: CREATING CONTENT ASSETS Chapter 7: Tutorial: Handling Photographs . . . . . . . . . . . . . . . . . 183 Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 Batch process large image files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 Compose the images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 Preview and export the images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191 View the final optimized images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 Chapter 8: Tutorial: Creating a Page Banner . . . . . . . . . . . . . . . 195 Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195 Add a background and place the logo . . . . . . . . . . . . . . . . . . . . . . . . . . 196 Organize your objects with layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201 Create a contrasting background for the logo. . . . . . . . . . . . . . . . . . . 203 Create an outline around the banner . . . . . . . . . . . . . . . . . . . . . . . . . . . .207 Create a slanted edge effect . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209 Add a tag line to the banner. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 Export an optimized image file . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211 163 165 166 170 175 177 4 Contents Chapter 9: Tutorial: Building Your First Flash Application . . . . 215 Review your task. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216 Examine the completed application . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216 Create a new document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .218 Create symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221 Edit a symbol Timeline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225 Add actions to frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227 Add labels to frames . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 Add motion tweens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229 Edit the main Timeline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .231 Create the border . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 Add a symbol. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238 Add a text box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239 Add the movie clip to the Stage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Add a button component . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Add ActionScript code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Publish your document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250 Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .251 Chapter 10: Tutorial: Building a Video Player (Flash Professional only). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Review your task. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Examine the completed application . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256 Encode a video file . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 Create a new Flash document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 Add a media component. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .261 Publish your document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264 The next steps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265 PART 4: ASSEMBLING AND DEPLOYING YOUR WEBSITE Chapter 11: Tutorial: Adding Content to Pages . . . . . . . . . . . . . 269 Locate your files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269 Review your task. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271 Insert images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272 Insert and play a Flash file. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279 Insert Flash Video. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282 Insert text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285 Create links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 Preview your page in a browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292 Contents 5 Chapter 12: Tutorial: Formatting Your Page with CSS . . . . . . 295 Locate your files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .296 Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .297 Learn about CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .298 Create a new style sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300 Attach a style sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302 Explore the CSS Styles panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305 Create a new CSS rule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .307 Apply a class style to text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309 Format the navigation bar text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310 (Optional) Center the contents of the page . . . . . . . . . . . . . . . . . . . . . . 321 Chapter 13: Tutorial: Publishing Your Site. . . . . . . . . . . . . . . . . 325 Learn about remote sites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .325 Define a remote folder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326 Upload your local files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .329 Troubleshoot the remote folder setup (optional) . . . . . . . . . . . . . . . . 330 Chapter 14: Tutorial: Setting Up Your Website for Contribute Users . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333 Review your task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334 Learn about website connections and administration. . . . . . . . . . . . .334 Connect to a website as an administrator . . . . . . . . . . . . . . . . . . . . . . .335 Set administrative settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .336 Create a user role. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337 Edit a role's settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .338 Create a connection key and send it to users . . . . . . . . . . . . . . . . . . . 340 Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343 6 Contents PART 1 Getting Started In this part, you'll familiarize yourself with the Macromedia Studio 8 software suite and learn everything you need to do before you begin building your website. This part contains the following sections: Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Learning Studio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Studio Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .43 Web Development Workflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 1 7 Introduction This manual introduces you to Macromedia Studio 8, an integrated web development suite that includes Macromedia Dreamweaver 8, Macromedia Flash Professional 8, Macromedia Fireworks 8, Macromedia Contribute 3.1, and Macromedia FlashPaper 2. This manual gives an overview of the products, introduces conceptual information about website development, and shows you how to build a simple but functional website through a series of tutorials. The information in this manual is designed for beginners, especially users who are unfamiliar with one or all of the products in the Studio 8 family. Intermediate and advanced users can benefit by learning recommended techniques. This manual is not a comprehensive reference for all of the features of the Studio products. For in-depth information, see each product's help system. To use a product's help system, in the product's Help menu, select Using Product Name. N OT E This chapter contains the following sections: What you can do with Studio 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Installing Studio 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Activating your Studio products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Registering your Studio products. . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 9 What you can do with Studio 8 Studio 8 includes five Macromedia products: Dreamweaver, Flash, Fireworks, Contribute, and FlashPaper. This section provides a brief overview of each product. This section covers the following topics: "What you can do with Dreamweaver" on page 10 "What you can do with Flash" on page 11 "What you can do with Fireworks" on page 12 "What you can do with Contribute" on page 13 "What you can do with FlashPaper" on page 13 What you can do with Dreamweaver The visual editing features in Macromedia Dreamweaver let you quickly create web pages without writing a line of code. You can view all your site elements or assets and drag them from an easy-to-use panel directly into a document. You can streamline your development workflow by creating and editing images in Macromedia Fireworks or another graphics application, and then import them directly into Dreamweaver. Dreamweaver also provides tools that make it easy to add Macromedia Flash assets to web pages. In addition to drag-and-drop features that help you build web pages, Dreamweaver provides a full-featured coding environment that includes code-editing tools such as code coloring, tag completion, a coding toolbar, and code collapse. Also provided is language reference material about Cascading Style Sheets (CSS), JavaScript, ColdFusion Markup Language (CFML), and other languages. Macromedia Roundtrip HTML technology imports your hand-coded HTML documents without reformatting the code; you can then reformat code with your preferred formatting style. Dreamweaver also lets you build dynamic, database-driven web applications using server technologies such as CFML, ASP.NET, ASP, JSP, and PHP. If you prefer working with XML data, Dreamweaver provides tools that let you easily create XSLT pages, attach XML files, and display XML data on your web pages. 10 Introduction Dreamweaver is fully customizable. Using new behaviors, Property inspectors, and site reports, you can create your own objects and commands, modify keyboard shortcuts, and even write JavaScript code to extend Dreamweaver capabilities. For more information on the resources available for learning Dreamweaver, see "Getting the most from the Dreamweaver documentation" on page 18. What you can do with Flash With the wide array of features in Macromedia Flash, you can create many types of applications. The following are some examples of the kinds of applications Flash can generate: Animations These include banner ads, online greeting cards, and cartoons. Many other types of Flash applications include animation elements as well. Games Many games are built with Flash. Games usually combine the animation capabilities of Flash with the logic capabilities of ActionScript. User interfaces Many website designers use Flash to design user interfaces. The interfaces include simple navigation bars as well as much more complex interfaces. You can find an example of a navigation bar created with Flash across the top of the www.macromedia.com home page. Flexible messaging areas These are areas in web pages that designers use for displaying information that may change over time. A flexible messaging area (FMA) on a restaurant website might display information about each day's menu specials. You can find an example of an FMA on the www.macromedia.com home page. The procedures in "Tutorial: Building Your First Flash Application" on page 215 guide you through the process of building an FMA. Rich Internet applications These include a wide spectrum of applications that provide a rich user interface for displaying and manipulating remotely stored data over the Internet. A rich Internet application could be a calendar application, a price-finding application, a shopping catalog, an education and testing application, or any other application that presents remote data with a graphically rich interface. You can find many examples of real projects created by Flash users on the Macromedia website at www.macromedia.com/cfusion/showcase/. What you can do with Studio 8 11 To build a Flash application, you typically perform the following basic steps: 1. 2. 3. 4. 5. 6. 7. Decide which basic tasks the application will perform. Create and import media elements, such as images, video, sound, and text. Arrange the media elements on the Stage and in the Timeline to define when and how they appear in your application. Apply special effects to media elements. Write ActionScript code to control how the media elements behave, including how the elements respond to user interactions. Test your application throughout the creation process to determine if it is working as planned and find any bugs in its construction. Publish your FLA file as a SWF file that can be displayed in a web page and played back with Flash Player. Depending on your project and your working style, you may use these steps in a different order. As you become familiar with Flash and its workflows, you will discover a style of working that suits you best. What you can do with Fireworks You can use Macromedia Fireworks to create, edit, and animate web graphics, add advanced interactivity, and optimize images in a professional environment. In Fireworks, you can create and edit bitmap and vector graphics in a single application. Everything is editable, all the time. And you can automate the workflow to meet the demands of time-consuming updates and changes. Fireworks integrates with other Macromedia products such as Dreamweaver, Flash, FreeHand, and Director, as well as your other favorite graphics applications and HTML editors, to provide a truly integrated web solution. You can easily export Fireworks graphics with HTML and JavaScript code customized for the HTML editor you're using. 12 Introduction What you can do with Contribute As a web developer or designer, you use a website-creation application, such as Dreamweaver, to build your website. That includes planning, designing, developing, testing, and publishing the website. When that work is done, you can use Macromedia Contribute to manage your site, and to set up users to maintain content on the site. As a Contribute administrator, you set up Contribute users and help them use Contribute to maintain the website. You can set folder and user permissions, which determine who can edit website content and what they can edit. Contribute users maintain the website. The Contribute browse-edit-publish workflow helps users easily find the page to edit, make changes to the page, and then update the page on the website. The user needs no experience in HTML or web design. Because Contribute works like a word processor, the user experience for editing pages is intuitive and familiar. Users can add or update text, images, tables, links, and Microsoft Word and Excel documents. What you can do with FlashPaper Macromedia FlashPaper lets you easily convert any printable document to a Flash document (SWF file or PDF file). Flash documents are typically much smaller than other document types, and you can view them in any browser that supports Flash, or directly in Flash Player. You can view Flash documents across platforms, and retain the formatting, graphics, fonts, special characters, and colors of source documents, regardless of the application and platform used to create the document. For example, if you created a Microsoft Excel spreadsheet on a Windows XP computer, you can use FlashPaper to convert it to a Flash document, and then send it to a Macintosh user. Because you can embed a Flash document in a web page, you can publish file types that most people can't easily view on the web today, such as Microsoft Project, Microsoft Visio, and even QuarkXPress and AutoCAD. When a user opens your web page, the Flash document opens instantly, so the user can view the file without leaving the web page. What you can do with Studio 8 13 Flash documents also work well as stand-alone files. Anyone who has Flash Player installed on their computer can view SWF files, and anyone who has Adobe Acrobat Reader installed on their computer can view PDF files. You cannot edit a Flash document in FlashPaper; if you need to update the document, make changes to the original document, and then convert it again to a Flash document. NO TE Installing Studio 8 This section describes the installation procedure for Studio 8. You can install Studio 8 on Windows and Macintosh systems. Macromedia recommends that you install the suite of tools in one simple operation, but you can selectively install individual applications if you choose to do so. Before you install Studio 8, be sure you meet the minimum system requirements for each Studio product. For a complete list of product system requirements and recommendations, visit www.macromedia.com/ go/sysreqs/. To install Studio 8 on Windows or Macintosh operating systems: 1. Insert the Studio 8 CD into your computer's CD-ROM drive to display the Studio 8 installation screen. 14 Introduction If the screen does not appear, or if you are installing from a network drive, in Windows, use Windows Explorer to locate the Studio 8 Installer.exe file in the Accessibility directory, double-click the filename, and follow the installation instructions. On the Macintosh, doubleclick the Install Studio 8 icon on the desktop. 2. Do one of the following: To install the Studio 8 suite of tools, click Install. (Macromedia recommends this option.) To install only a single application, select it from the screen, and then click Install. You can repeat this process to install other products individually. You cannot install FlashPaper as an individual application. When you select FlashPaper and click Install, the Contribute installer starts. Contribute automatically installs FlashPaper. 3. N OT E N OT E Follow the installation instructions. If you are asked for a password, enter your system administrator login password and click OK. 4. Click Done when the installation process is complete. The installed Studio 8 applications are now available. In Windows, select Programs > Macromedia from the Windows Start menu. On the Macintosh, open the Applications folder. 5. To view extra material provided with Studio 8: Click the Browse CD Contents link at the bottom right of the installation screen. To uninstall the applications (Windows): Select Start > Settings > Control Panel > Add/Remove Programs, and select the application to uninstall. To uninstall the applications (Macintosh): Drag a product folder from the Application folder to the Trash icon. Installing Studio 8 15 Activating your Studio products If you are a single-license user, you must activate the license for your Macromedia products within 30 days of installation. When you activate one of the Studio 8 products, the other products are also activated. You can activate the product through an Internet connection in a process that takes only a few moments. Product activation does not require you to submit personal information, just your product serial number. For more information on product activation, visit www.macromedia.com/ go/activation/. NO T E N OT E To activate a product: 1. Double-click the Dreamweaver, Flash, Fireworks, or Contribute executable icon to start one of the products. You cannot activate FlashPaper. 2. 3. Click Continue to go to the next screen. Enter your serial number in the Macromedia Product Activation window and click Continue. After activation, your Studio 8 products are ready to use. Registering your Studio products It's a good idea to register your Studio 8 products electronically or by mail. Registration entitles you to additional Macromedia support. When you register one of the Studio 8 products, the other products are also registered. When you register, you can sign up to receive up-to-the-minute notices about upgrades and new Macromedia products. You can also sign up for timely e-mail notices about product updates and new content that appears on www.macromedia.com. To register a product: In any of the Studio 8 products, select Help and then select either the online or the print registration option. 16 Introduction CHAPTER 1 Learning Studio Macromedia Studio 8 includes a variety of resources to help you learn the Studio programs quickly. This chapter outlines all of the documentation resources that are available to you, and provides detailed information about using the help systems in the Studio products. This chapter contains the following sections: Getting the most from the Studio documentation . . . . . . . . . . . . . .17 Using the Studio help systems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 1 Getting the most from the Studio documentation This section describes the documentation in the Studio products. It also points you to helpful online resources. This section covers the following topics: "Getting the most from the Dreamweaver documentation" on page 18 "Getting the most from the Flash documentation" on page 21 "Getting the most from the Fireworks documentation" on page 27 "Getting the most from the Contribute and FlashPaper documentation" on page 29 17 Getting the most from the Dreamweaver documentation Dreamweaver includes a variety of media to help you learn the program quickly and become proficient in creating web pages. The Dreamweaver help system includes several documents that help you learn about Dreamweaver, Dreamweaver Extensibility, and ColdFusion. You can also consult a number of additional online resources as you learn how to build web pages. Accessing the Dreamweaver documentation The following table summarizes the documentation included in the Dreamweaver help system. You can purchase printed versions of select titles. For more information, see www.macromedia.com/go/buy_books. Title Description/ Audience Where to Find It · View in Dreamweaver: Select Help > Getting Started with Dreamweaver · View online: http:// livedocs.macromedia.com/ go/livedocs_dreamweaver/ · Get the PDF: www.macromedia.com/go/ dw_documentation Getting Started Basic introduction to with Dreamweaver Dreamweaver concepts and the interface, with detailed beginner tutorials. Intended for beginning users, as well as intermediate and advanced users who want to learn about new features. Using Dreamweaver Comprehensive information about all Dreamweaver features. Intended for all Dreamweaver users. · View in Dreamweaver: Select Help > Dreamweaver Help, or Help > Using Dreamweaver · View online: http:// livedocs.macromedia.com/ go/livedocs_dreamweaver/ · Get the PDF: www.macromedia.com/go/ dw_documentation 18 Learning Studio Title Extending Dreamweaver Description/ Audience Where to Find It Description of the · View in Dreamweaver: Select Help > Extending Dreamweaver Dreamweaver framework and · View online: http:// application livedocs.macromedia.com/ programming go/livedocs_dreamweaver/ interface (API). · Get the PDF: Intended for advanced www.macromedia.com/go/ users who want to dw_documentation build extensions or customize the Dreamweaver interface. · View in Dreamweaver: Select Help > Dreamweaver API Reference · View online: http:// livedocs.macromedia.com/ go/livedocs_dreamweaver/ · Get the PDF: www.macromedia.com/go/ dw_documentation Dreamweaver API Descriptions of the Reference utility API and the JavaScript API, both of which let you perform various supporting tasks when developing Dreamweaver extensions. Intended for advanced users who want to build extensions or customize the Dreamweaver interface. Getting the most from the Studio documentation 19 Title Description/ Audience Where to Find It Using ColdFusion A selection of the · View in Dreamweaver: Select Help > Using most important books ColdFusion in the ColdFusion · View online: http:// documentation set. livedocs.macromedia.com/ (The full set is go/livedocs_coldfusion/ available on · Get the PDF: LiveDocs.) Intended www.macromedia.com/go/ for anyone interested cf_documentation in ColdFusion, from beginners to advanced developers. Reference HTML, server model, · View in Dreamweaver: Select Help > Reference. For and other types of a full list of manuals, click the reference manuals, Book pop-up menu in the mainly published by Reference panel. O'Reilly. Intended for anyone needing more information about coding syntax, concepts, and so on. Accessing additional online Dreamweaver resources The following table summarizes additional online resources for learning Dreamweaver. Resource Dreamweaver Support Center Description/ Audience Where to Find It TechNotes, plus www.macromedia.com/go/ support and problem- dreamweaver_support solving information for Dreamweaver users. www.macromedia.com/go/ dreamweaver_devcenter Dreamweaver Articles and tutorials Developer Center to help you improve your skills and learn new ones. 20 Learning Studio