Sams Teach Yourself Macromedia Dreamweaver 8 in 24 Hours (Sams Teach Yourself...in 24 Hours)

Sams Teach Yourself Adobe® Dreamweaver® CS3 in 24 Hours

Betsy Bruce

24 Proven One-hour Lessons

In just 24 lessons of one hour or less, you will be able to create a fully functional website using Adobe Dreamweaver CS3. Using a straightforward, step-by-step approach, each lesson offers background knowledge along with practical steps to follow, allowing you to learn the essentials of using Dreamweaver from the ground up.

Step-by-step instructions carefully walk you through the most common Dreamweaver tasks.

Quizzes and Exercises at the end of each chapter help you test your knowledge.

By the Way notes present interesting information related to the discussion.

Did You Know? tips offer advice or show you easier ways to do something.

Watch Out! cautions alert you to possible problems, and give you advice on how to avoid them.

Learn how to…

• Use Dreamweaver CS3 to create simple or advanced web pages
• Create forms to collect information from users at your site
• Organize your site with templates and libraries
• Make Cascading Style Sheets work for you
• Craft an interactive website with DHTML
• Display data efficiently with tables
• Dress up your site with Flash files and other multimedia
• Insert scripted functionality by using Behaviors
• Insert content controls using the Spry framework JavaScript libraries
• Customize and extend Dreamweaver
• Upload your website to a server with Dreamweaver’s built-in FTP capability

Betsy Bruce is a consultant and owner of Performance Factor, creators of training and performance support applications using Dreamweaver and Flash. She is an Adobe-certified instructor for Dreamweaver, Flash, Captivate, and Authorware. As an authorized trainer, she has traveled the country instructing groups–ranging from corporations to school districts–on effectively creating dynamic and standards-based web content.

Register your book at www.samspublishing.com/register for convenient access to downloads, updates, and corrections as they become available.

Category:  Web Development

Covers:  Adobe® Dreamweaver® CS3

User Level:  Beginning

• Quickly build a dynamic website.
• Employ client-side image maps and interactive forms.
• Design a layout with frames and tables.
• Add interactivity with scripts and controls.
• Add audio, video, and other active content.

using Dreamweaver, Authorware, Captivate, and Flash. She was lead developer at the

Cobalt Group in Seattle, where her team won the 2003 Macromedia Innovation in eLearning

award and was Manager of Technical Services at MediaPro, Inc., where her team won many

awards for the projects it developed. She is an Adobe-certified trainer for Dreamweaver,

Contribute, Flash, Captivate, and Authorware. Betsy received her B.S. degree from the

University of Iowa and her M.A. degree in educational technology from San Diego State

University. She is frequently a speaker at conferences on creating eLearning and using

Dreamweaver. She is also the author of eLearning with Dreamweaver MX: Creating Online

Learning Applications from New Riders Publishing. Born and raised in Iowa, Betsy lives

in Seattle with her partner and two Siberian huskies. Her website is located at

www.betsybruce.com.

Introduction.

    What Is Dreamweaver 8?

    Who Should Use Dreamweaver 8?

    Who Should Use This Book?

    How to Use This Book

I. Getting Started With Dreamweaver 8.

1. A World Wide Web of Dreamweaver Possibilities.

    What Can You Do With Dreamweaver?

    Website Examples

2. A Tour of Dreamweaver.

    Acquainting Yourself with Dreamweaver

    Installing the Software

    Exploring the Dreamweaver Work Area

    Getting Help

3. Getting Started: Adding Text, Lists, and Previewing in the Browser.

    Creating a New Page and Adding Text

    Setting Page Properties

    Introducing Cascading Style Sheets

    Changing Text Attributes in the Property Inspector

    Aligning Text

    Creating Lists and Indenting Text

    Adding a Separator to a Page: The Horizontal Rule

    Saving Your Work and Previewing in a Browser

4. Organizing: Defining and Configuring a Website.

    Defining a New Website

    Using the Site Definition Wizard

    Using the Files Panel

    Using the Expanded Files Panel

    Creating New Files in the Files Panel

    Editing a Site Definition

    Considering Site Organization

5. Setting Lots o' Links: Hyperlinks, Anchors, and Mailto Links.

    Exploring Relative and Absolute Paths

    Adding a Hyperlink Within a Website

    Setting Link Color Preferences

    Organizing a Long Page by Using Named Anchors

    Using the Point-to-File Icon

    Adding a Mailto Link

6. Getting Down and Dirty with HTML.

    Exploring Code View

    Viewing and Editing HTML Tags by Using the Quick Tag Editor

    Setting Code Preferences

    Cleaning Up HTML Created with Microsoft Word

    Exploring References

II. ADDING IMAGES AND MULTIMEDIA.

7. Displaying Images.

    Adding an Image to a Page

    Exploring Image Flavors: GIF, JPEG, and PNG

    Editing Images Within Dreamweaver

    Creating a Rollover Image

8. Optimizing and Creating Images.

    Acquainting Yourself with Fireworks

    Optimizing Images for Use in a Web Page

    Creating an Image

    Creating a Rollover Effect

    Slicing an Image into Pieces

    Editing a Fireworks File into Dreamweaver

9. Creating Image Maps and Navigation Bars.

    Adding Links to a Graphic by Using Image Maps

    Creating an Image Map

    Aligning Hotspots

    Targeting a Link to Open in a New Browser Window

    Creating a Navigation Bar with Rollover Images and Links

10. Adding Flash and Other Multimedia to a Web Page.

    Exploring Multimedia and Bandwidth

    Understanding Players

    Adding Flash Files

    Adding a Link to a PDF File

    Adding a Sound File to a Web Page

    Adding a Java Applet to a Web Page

11. Managing Assets Using the Assets Panel.

    What Are Assets?

    Managing Assets in the Assets Panel

    Adding Assets to a Web Page

    Creating Favorite Assets

    Creating New Assets in the Assets Panel

    Copying Assets to Another Site

III. WEB PAGE LAYOUT WITH TABLES AND FRAMES.

12. Displaying Data In Tables.

    Creating a Table for Data

    Modifying a Table and Adding Content

    Exporting Data from a Table

    Importing Table Data

13. Designing Page Layout Using Tables.

    Using Layout Mode

    Fine-Tuning Your Design in Table Layout Mode

    Editing a Table in Standard Mode

    Adding Color to a Table

    Nesting a Table Within a Table

    Using a Tracing Image to Transfer a Design to a Web Page

    Turning a Table into a Group of Layers

14. Using Frames to Display Multiple Web Pages.

    Creating a Frameset

    Using the Frames Panel

    Nesting Frames

    Using Existing Web Pages with Frames

    Setting Frame and Frameset Attributes

    Using Frames Objects

    Targeting Linked Pages to Open in a Specific Frame

    Using the Go to URL Behavior to Load Frames

IV. DYNAMIC HTML: LAYERS, CASCADING STYLE SHEETS, BEHAVIORS, AND TIMELINES.

15. Using Dynamic HTML and Layers.

    What Is DHTML?

    Adding a Layer

    Nesting Layers

    Animating with Timelines

16. Formatting Web Pages Using Cascading Style Sheets.

    Creating and Applying a Class

    Exploring Style Settings

    Redefining an HTML Tag

    Editing Styles

    Positioning a Div by Using CSS

    Creating Advanced CSS Styles

    Creating an External Style Sheet

17. Adding Interactivity with Behaviors.

    What Is a Dreamweaver Behavior?

    Showing and Hiding Layers

    Opening a New Window

    Popping Up a Message

    Sending Text to a Layer

    Adding a Draggable Layer to a Web Page

V. COLLECTING USER DATA BY USING FORMS.

18. Creating a Form and Collecting Data.

    Creating a Form

    Adding Radio Buttons and Check Boxes to Forms

    Adding Lists and Menus to Forms

    Adding Push Buttons and Image Buttons to Forms

    Creating a Jump Menu to Navigate to Different URLs

19. Introduction to Scripts: Sending and Reacting to Form Data.

    Validating a Form's Data by Using the Validate Form Behavior

    Receiving Information from a Form

    Exploring Submission Security

    Uploading a File from a Form

    Preparing a Page to Interact with ASP, ASP.NET, JSP, PHP, or CFML

VI. ORGANIZING AND UPLOADING A PROJECT.

20. Uploading and Sharing a Project on the Web.

    Enabling Server Connection

    Moving a Site onto a Remote Server

    Understanding Dreamweaver's Website Management Capabilities

    Transferring Files

    Importing an Existing Website

21. Managing and Editing a Website.

    Managing the Local and Remote Sites

    Adding Design Notes to Pages

    Generating Reports About a Website

22. Customizing Dreamweaver.

    Creating a Custom Snippet

    Editing the Keyboard Shortcuts

    Making a Menu Command

    Adding Favorites to the Insert Bar

    Extending Dreamweaver by Using Third-Party Extensions

    Using, Saving, and Sharing Searches

23. Using the Library: Reusing Elements of a Website.

    Creating a Library Item

    Adding a Library Item to a Page

    Making Changes to a Library Item

    Using Styles in Library Items

24. Creating Reusable Web Pages: Using Templates.

    Creating a Template

    Creating a Web Page from a Template

    Making Changes to a Template and Updating Pages

    Using Behaviors and Styles in Templates

VII. APPENDIXES.

Appendix A: Resources.

    Dreamweaver Development

    General Web Development

    Dynamic HTML (DHTML)

    Dreamweaver Extensions

    Cascading Style Sheets

    Scripting Resources: CGI, JavaScript, and Server-Side Scripting

    Accessibility

    Usability

    Downloads

    Browsers

    Organizations

Appendix B: Glossary.

Index.