Macromedia Dreamweaver MX Hands-On Trainingis the latest, updated version of the highly acclaimed tutorial from leading Web-design trainersGaro GreenandAbigail Rudner. Thousands of readers have learned how to use Dreamweaver by simply following the step-by-step exercises in this foolproof book. Advanced sections of the book show how to create interactive, moving elements in your Web site, and how to download and use the hundreds of free extensions available online to Macromedia Dreamweaver users. And throughout the book, readers learn useful bits of information about HTML, online type, Web color, and more, while Quicktime movie tutorials demonstrate complex techniques.
Introduction. 1. Background. What Is Dreamweaver MX? Roundtrip HTML Do You Need to Learn HTML to Use Dreamweaver MX? HTML Resources. What Does HTML Do? What Does HTML Look Like? HTML Deconstructed. File-Naming Conventions. File Name Extensions. What About XHTML? What Does XHTML Look Like? XHTML Code Deconstructed. What Is XML? Extending Dreamweaver MX. What Is DHTML? What Is JavaScript? What Is a Web Application?
2. Interface. Setting Up Your Workspace (Windows Only). The Welcome Panel. A Tour of the Interface. Windows Interface. Macintosh Interface. The Insert Bar. Types of Insert Panel Tabs. The Property Inspector. The Launcher. Customizing the Launcher. Launcher Shortcuts. The Document Toolbar. The Document Window. Document Window Views. Multiple Document Windows (Windows Only). Panels and Panel Groups. Preferences. External Editors. Preset Window Sizes. How to Define Your Browser of Choice. Shortcut Keys.
3. Site Control. What Is a Local Root Folder? Exercise 1. Defining a Site. Exercise 2. Relative and Absolute Links. Exercise 3. File and Folder Management. Exercise 4. Understanding Path Structure. Different Path Notations. Exercise 5. Using the File Browser. Exercise 6 Creating a Site Map. Exercise 6. Creating a Site from Nothing.
4. Basics. Exercise 1. Defining the Site. Exercise 2. Creating and Saving a New Document. File Names versus Titles. The Significance of index.html. Exercise 3. Inserting Images. Exercise 4. Inserting Text. Exercise 5. Centering Images and Text. Exercise 6. Modifying Page Properties. The Page Properties Panel. The Dreamweaver Color Pickers. Exercise 7. Creating Links with Images and Text 1. Exercise 8. METH Tags.
5. Linking. Exercise 1. Linking with Point to File 1. Exercise 2. Linking to New Source Files. Exercise 3. Browse for File and the Link History. Exercise 4. Creating Email Links. Exercise 5. Named Anchors. Exercise 6. Image Maps. Exercise 7. Linking to Files.
6. Typography. CSS versus FONT Element. A Word About FONT FACE. HTML Default Text Size. Exercise 1. Adding and Formatting HTML Text. Exercise 2. Font Lists. Exercise 3. Aligning Text. Aligning Text and Images. Exercise 4. Ordered, Unordered, and Definition Lists. Exercise 5. Color Schemes. Exercise 6. Formatting Text in Tables. Exercise 7. Applying HTML Styles. HTML Style Options. What Is Flash Text? Exercise 8. Creating Flash Text.
7. Tables Zoo. What Is a Table? Exercise 1. Changing the Border of a Table. Exercise 2. Sorting the Table. The Sort Table Dialog Box. Exercise 3. Changing the Color Scheme. Exercise 4. Creating and Modifying a Table. Exercise 5. Aligning Images and Text with Tables. Exercise 6. Percentage- Based Table Alignment. Exercise 7. Seamless Image Assembly. Exercise 8. Combining Pixels and Percentages. Exercise 9. Inserting Tab-Delimited Data. Import Tabular Data Settings. Exercise 10. Nested Tables and Borders. Exercise 11. Rounded-Corner Tables.
8. Layout. What Are Tracing Images, Layers, and Tables? Exercise 1. Applying a Tracing Image. Tracing Images, Background Colors, and Images. Exercise 2. Adding Layers. Exercise 3. Converting Layers to Tables. Convert Layers to Table Options. Exercise 4. Converting Tables to Layers. What is the Layout View? Layers to Tables versus Layout View. Exercise 5. Layout Tables and Layout Cells.
9. Frames. What Are Frames? Frames: A Love-or-Hate Proposition. Exercise 1. Saving Your First Frameset. Different Ways to Save Frames. Exercise 2. Coloring Frames. Exercise 3. Links and Targets. Target Names. Exercise 4. Adding a Background Image. Units. Exercise 5. Seamless Background Across Two Frames. Exercise 6. Frames Objects.
10. Rollovers. Rollover Rules. Exercise 1. Creating a Simple Rollover. Exercise 2. Animated Rollovers! Exercise 3. Creating Pointer Rollovers. Exercise 4. Creating Multiple-Event Rollovers. What Are Flash Buttons? Exercise 5. Creating Flash Buttons. Exercise 6. Inserting a Navigation Bar Rollover. Different Rollover States.
11. Cascading Style Sheets. Support for CSS. Levels of CSS. The Cascading Part of Style Sheets. Types of Style Sheets. Anatomy of a Style Sheet. Exercise 1. Redefining HTML with Style Sheets. Exercise 2. Defining a Custom Class. Exercise 3. Using Selectors to Group Tags. Exercise 4. Affecting Links with Selectors. Redefine HTML, Custom Class, or Selector? Exercise 5. Linking to a Style Sheet.
12. HTML. Exercise 1. Viewing HTML Code. Options in the Code View. Exercise 2. Editing in Code View. Working with XHTML. Exercise 3. Using the Quick Tag Editor. Exercise 4. Cleaning Up HTML. Options for Cleaning Up HTML. Exercise 5. Cleaning Up Word HTML.
13. Forms. The Forms Panel. Form Objects. Exercise 1. Working with Form Objects. Exercise 2. Creating a Form. Exercise 3. Creating a Jump Menu 460
14. Behaviors. Exercise 1. Creating a Check Browser Behavior. Exercise 2. Creating a Set Text of Status Bar Behavior. Exercise 3. Creating a Set Text of Text Field Behavior. Exercise 4. Opening a New Browser Window. Exercise 5. Validating Forms with Behaviors. The Macromedia Exchange for Dreamweaver. Exercise 6. Downloading from Macromedia Exchange.
15. Working with Fireworks. The Importance of Design Notes. External Image Editor and Launch and Edit Preferences. Exercise 1. Inserting Fireworks MX Images. Exercise 2. Editing a Fireworks MX Image from Dreamweaver MX. Exercise 3. Inserting a Simple Rollover from Fireworks MX. Exercise 4. Updating Fireworks MX HTML Placed in Dreamweaver MX. About Fireworks MX Export Settings. Exercise 5. Editing an HTML-Based Pop-Up Menu. Exercise 6. Editing an Image-Based Pop-Up Menu. Exercise 7. Adding a Dreamweaver MX Pop-Up Menu Behavior.
16. Automation. What Is the History Panel? Exercise 1. Using the History Panel for Undo/Redo. Exercise 2. Copying and Pasting History. What Is a Web Photo Album? Getting More Commands. Exercise 3. Creating a Web Photo Album.
17. Templates/Libraries. Exercise 1. Templates in Action. Exercise 2. Creating a New Template. Exercise 3. Modifying a Template. Exercise 4. Library Items in Action. Exercise 5. Creating a Library Item. Exercise 6. Modifying a Library Item.
18. Accessibility. What is Accessibility? W3C Accessibility Guidelines. Exercise 1. Accessibility Preferences. IBM Home Page Reader. Exercise 2. Inserting Accessible Images. Exercise 3. Inserting Accessible Tables. Exercise 4. Inserting Accessible Frames. Exercise 5. Inserting Accessible Form Objects. Input Tag Accessibility Attributes.
19. Plug-Ins. Plug-Ins Require Viewer Participation. Exercise 1. Linking to Sounds. Different Sound Formats. Exercise 2. Embedding Sounds. Exercise 3. Inserting Flash Content M. Exercise 4. Inserting Director (Shockwave) Content. What Is Quicklime? Exercise 5. Inserting a Quicklime Movie.
20. Getting It Online. Free Web Hosting with Tripod. Exercise 1. Signing Up with Tripod. Exercise 2. Setting the FTP Preferences. What Is FTP? Exercise 3. Putting Files onto the Web Server. Exercise 4. Getting Site Reports. The Reports Dialog Box.
A: Troubleshooting FAQ and Technical Support. Macromedia Technical Support. Peachpit Press. lynda.com. Frequently Asked Questions.
B: Online Resources. Discussion Groups. Listservs. A Few Third-Party Dreamweaver Web Sites.
Index.