You are previewing Macromedia® Dreamweaver® MX 2004 Demystified.
O'Reilly logo
Macromedia® Dreamweaver® MX 2004 Demystified

Book Description

As an experienced Dreamweaver developer, you don't need a guide to step you through every new Dreamweaver MX 2004 button and feature. Chances are, you'll be able to figure most of those out on your own. What you need--and this volume delivers--is an in-depth exploration of how you can leverage all of Dreamweaver's power to take your own Web development process to the next level. Moving beyond the explanations that are readily available in the product's documentation and the commonly available introductory guides, author Laura Gutman draws on her own extensive experience as a multimedia Web application developer to explore some of the software's more creative and complex uses--many of which involve features new to Dreamweaver MX 2004: editing files, manipulating databases, and changing code directly on remote FTP and network servers without first stetting up a Dreamweaver site; using CSS to improve your design procedures; and more. Easy-to-follow explanations, insightful exercises, render a complex topic painless.

Table of Contents

  1. Copyright
  2. About The Author
    1. Acknowledgments
  3. About The Contributors
  4. About The Technical Reviewers
  5. Introduction
    1. What (and Whom) This Book Is For
      1. Dreamweaver in the Larger Scheme of Things
      2. Dreamweaver in the Real World
      3. New Features
    2. How This Book Is Organized
      1. Part I: Web Page Construction with Dreamweaver
      2. Part II: Designing with Dreamweaver
      3. Part III: Interactivity, DHTML, and Multimedia
      4. Part IV: Site Management with Dreamweaver
      5. Part V: Dreamweaver and Live Data
      6. Part VI: Dreamweaver Under the Hood
    3. How to Use This Book
    4. Book Conventions
    5. What to Take Away from This Book
  6. I. Web Page Construction with Dreamweaver
    1. 1. What’s New in Dreamweaver MX 2004
      1. The Things You’ll Never See...
      2. ...And Something You Will!
      3. General Interface Improvements
        1. Insert Bar Categories and Object Groups
        2. Integrated Site Panel (Macintosh)
        3. Document-Specific Toolbars (Windows)
        4. Tag Inspector
        5. Streamlined Window Menu
      4. Document-Editing Improvements
        1. Better Table Editing
        2. Better Integrated Document Validation
        3. Integrated Graphics Handling
      5. CSS Improvements
        1. CSS Integration
        2. Improved CSS2 Support
      6. Code-Writing Improvements
      7. Site-Management Improvements
      8. Dynamic Data Improvements
      9. Summary
    2. 2. The Dreamweaver Workspace
      1. Choosing a Workspace (Windows)
        1. Comparing Workspaces
        2. Changing Workspaces
      2. The Start Page
      3. Playing with Panels
        1. Panels and Panel Groups
          1. Showing and Hiding
          2. Docking and Undocking
          3. Grouping and Regrouping
        2. The Insert Bar and Property Inspector
      4. Using the Document Window
        1. Docking and Undocking (Windows Only)
        2. Viewing Documents
          1. Working with Code, Working with Design
          2. Live Data View
        3. Status Bar
          1. Window Size
          2. Document Size/Download Time Indicator
          3. Tag Selector
        4. Toolbars
          1. Standard Toolbar
          2. Document Toolbar
      5. Getting Help
        1. General Assistance: The Reference Panel
        2. Dreamweaver Assistance
      6. Summary
    3. 3. Creating and Working with Documents
      1. The Basics of Creating Documents
        1. New Document Dialog Box
          1. Types of Document to Create
          2. Stationery
          3. XHTML Compliance
        2. New Document Preferences
      2. Working Smart with Documents in Dreamweaver
        1. Checking Page Validity
          1. Validating Document Markup
          2. Determining Validation Settings
          3. Validating XML
        2. Checking Against Target Browsers
          1. Automatic Checking
          2. Manual Checking
          3. Determining Which Browsers to Check For
        3. Making Your Pages Accessible
          1. Accessibility Standards
          2. Dreamweaver Accessibility Options
          3. Checking Accessibility
      3. Summary
    4. 4. Working with Text
      1. Text Basics
        1. Text in the Browser
        2. Text in Dreamweaver
      2. Working Smart: Bringing in Text from Other Programs
        1. The Ins and Outs of Copying and Pasting
          1. The Paste Command
          2. The Paste HTML Command
          3. Copying vs. Copying HTML
        2. Getting Text (and More) from Word and Excel
          1. Copying and Pasting
            1. Text Formatting
          2. Importing Word and Excel Documents (Windows Only)
          3. Working with Word HTML
            1. Getting Ready in Word
            2. Cleaning Up in Dreamweaver
        3. Tabular Data
      3. Working Smart: Creating Text Structure
        1. Well-Structured Text: Making Text Accessible
          1. Using Dreamweaver to Create Well-Structured Text
            1. Let Dreamweaver Substitute em and strong for b and i
            2. Don’t Use Indent and Outdent Improperly
            3. Use All Tags According to Their Structure, Not Their Appearance
          2. Fixing Badly Structured Text
            1. Removing font Tags
            2. Replacing Bold and Italic with Strong and Emphasis
            3. Stripping Out Multiply Indented Lists
        2. Line Breaks, Nonbreaking Spaces, and Whitespace
          1. Line Breaks: The Good and the Bad
            1. Soft-Wrapping Woes
            2. Soft-Wrapping and Structure
          2. Nonbreaking Spaces
          3. Making Whitespace with Empty Paragraphs
        3. All About Lists
          1. Refining List Appearance with List Types
          2. Fancier Bullets with CSS
        4. Taking Advantage of Special Characters
          1. Inserting Special Characters As You Work
          2. Finding and Replacing to Insert Special Characters
        5. Lorem Ipsum and Other Bits of Greek
        6. Check Spelling: Build (and Share) Your Own Personal Dictionary
          1. Edit Your Personal Dictionary
          2. Share Your Personal Dictionary
      4. Summary
    5. 5. Working with Images
      1. Image Basics
        1. Images in the Browser
        2. Images in Dreamweaver
          1. Inserting Images
          2. Working with Images
            1. Resizing Images
            2. Aligning Images
            3. Editing Images
      2. Working Smart with Images
        1. Making Your Images Accessible
        2. Making Images Accessible in Dreamweaver
          1. Before the Fact: Set Accessibility Options
          2. After the Fact: Property Inspector, Tag Inspector, Edit Tag Command
        3. Integrated Image Editing
          1. Cropping Images
          2. Adjusting Brightness and Contrast
          3. Adjusting Sharpness
          4. Resampling Images
        4. Images As Backgrounds
          1. Tiled Image Backgrounds the Old-Fashioned Way
          2. Image Backgrounds with CSS
          3. Creative Background Effects
            1. Use Vertical Tiling to Create Sidebar Graphics
            2. Put Colored Tables in Front of Wallpaper
            3. Mix and Match to Create Efficient, Flexible Image Effects
        5. Images and Page Structure
        6. Single-Pixel GIFs
          1. Creating Single-Pixel GIFs
          2. Single-Pixel GIFs in HTML
          3. Using Single-Pixel GIFs in Dreamweaver
          4. Sliced Image Tables
            1. One Cell, Multiple Images
            2. Image Padding vs. Spacers
            3. Reuse, Resize, Replace
            4. Incorporate Background Elements
            5. Respect the Table Structure
          5. Positioning Images with CSS-P
        7. Lowsrc: Your Low-Bandwidth Friend
        8. Blocking Out Layouts with Image Placeholders
          1. Inserting Image Placeholders
          2. Working with Image Placeholders
        9. Dreamweaver/Fireworks Integration
        10. Insert Fireworks HTML
        11. Launch-and-Edit
        12. On-the-Fly Optimizing
        13. Visit the Exchange: Fireworks Integration Extensions
          1. InstaGraphics Extensions for Dreamweaver MX 2004
          2. Web Photo Album 2.1 for Dreamweaver MX (Macromedia)
      3. Summary
    6. 6. Links and Navigation
      1. The Basics of Links
        1. How Links Work in the Browser
          1. Absolute vs. Relative Paths
          2. Targets
        2. Links in Dreamweaver
          1. Assigning Absolute Links
          2. Assigning Relative Links
            1. Document-Relative vs. Root-Relative Links in Dreamweaver
          3. Email Links
      2. Navigation Methods and Tools
        1. Named Anchors
          1. How Named Anchors Work
          2. Creating Named Anchors
          3. Linking to Named Anchors
        2. Image Maps
          1. How Image Maps Work
          2. Creating an Image Map
          3. Working with Hotspots
        3. Jump Menus
          1. Creating a Jump Menu in Dreamweaver
          2. Jump Menu Code
          3. To Go or Not to Go
          4. Using Jump Menus with Frames and Multiple Windows
          5. Editing a Jump Menu
            1. The Jump Menu Property Inspector
            2. The Jump Menu Behavior
            3. Playing with Go Buttons
        4. Rollovers
          1. Creating a Rollover in Dreamweaver
          2. Preloading and Rollovers
          3. Editing Rollover Images
        5. Navigation Bars
          1. Creating a Navigation Bar
          2. Editing a Navigation Bar
      3. Working Smart with Links
        1. Making Your Links Accessible
          1. Special Requirements for Image Maps
        2. Dressing Up Your Links with CSS
          1. Linked Images
          2. Linked Text
            1. Using the CSS Styles Panel to Control Link Appearance
            2. Using Page Properties to Control Link Appearance
            3. Assigning Link Colors Without CSS
        3. Setting URL Parameters
          1. Adding URL Parameters to Links in Dreamweaver
          2. Using JavaScript to Process URL Parameters
          3. Spiffing Up Email Links with Parameters
        4. Using Links for JavaScript
          1. Null Links and Behaviors
          2. Entering JavaScript into the HREF
      4. Summary
    7. 7. Utilizing Head Content
      1. The Basics of Head Content
        1. How Head Content Works in the Browser
        2. How Head Content Works in Dreamweaver
          1. Viewing and Editing Head Content
          2. Adding Head Content
      2. Working Smart with meta Tags
        1. How meta Tags Store Information
        2. The Character-Encoding meta Tag
        3. meta Tags and the Generic Meta Object
        4. Meta Keywords and Descriptions
          1. Maximizing Searchability
          2. Limiting Searchability
        5. meta refresh
          1. The Meta Refresh Object
          2. Tips for Refreshing
      3. Working with Other Head Content
        1. Base Tags and the Base Object
          1. Base Tags and Absolute URLs
          2. Base Tags and Link Targets
          3. Using the Base Tag in Dreamweaver
        2. Link Tags and the Link Object
      4. Summary
  7. II. Designing with Dreamweaver
    1. 8. Building Tables
      1. Table Basics
        1. Tables in the Browser
        2. Tables in Dreamweaver
          1. Table Interface Choices
            1. Choosing a Table Mode
            2. Table-Viewing Aids
          2. Inserting Tables
          3. Selecting Tables
            1. Selecting from Within the Document Window
            2. Selecting with the Tag Selector
            3. Keyboard Navigation and Selection
          4. Setting Table Properties
          5. Changing Table Size and Structure
            1. Setting (and Removing) Dimensions
            2. Adding and Removing Rows and Columns
            3. Merging and Splitting Cells
      2. Working Smart with Tables
        1. Controlling Table Dimensions
          1. Don’t Use Dimensions Unless You Have To
          2. Use Control Rows and Columns When Necessary
      3. Using Flexible Widths Sensibly
        1. Making Your Tables Accessible
          1. Accessibility for Data Tables
            1. Caption and Summary
          2. Accessibility for Layout Tables
          3. Making Tables Accessible in Dreamweaver
            1. Header Cells and the scope Attribute
            2. Captions and Summaries
        2. CSS and Your Tables
          1. Applying CSS to Tables
          2. CSS Properties and Table Formatting
            1. Border Effects
            2. Background Colors and Images
            3. Width and Cell Padding
            4. Aligning Cell Contents
      4. Using Tables for Page Layout
        1. What’s Your Working Strategy?
        2. Layout Tables and Layout Mode
          1. Getting Around in Layout Mode
            1. Drawing Layout Tables
            2. Drawing Layout Cells
          2. Manipulating Table Structure in Layout Mode
          3. Using the Layout Mode Property Inspectors
          4. Autostretch Tables and How They Work
          5. The Coding Behind Layout Mode
          6. Working Smart with Layout Mode
      5. Summary
    2. 9. Working with Forms
      1. Form Basics
        1. Form-Processing Scripts
        2. The HTML Behind Forms
        3. How Forms Work in Dreamweaver
      2. Working Smart with Forms
        1. Making Your Forms Accessible
          1. Before the Fact: Set Accessibility Options
          2. Working with tabindex and accesskey
            1. Forget About accesskey
            2. Apply tabindex Only as Needed
            3. Use Nonconsecutive tabindex Values
          3. Working with Labels
        2. Formatting Forms
          1. Form Layout with Tables
          2. Form Formatting with CSS
          3. Using Images as Buttons
        3. The Ins and Outs of Form Processing
          1. Understanding the action Attribute
          2. Client-Side Form Processing with the Set Text of Text Field and Change Property Behaviors
          3. Form Validation with the Validate Form Behavior
      3. Summary
    3. 10. Designing Frame-Based Pages
      1. Frame Basics
        1. Frames in the Browser
        2. Frames in Dreamweaver
          1. Creating Frames
          2. Working with Frames
          3. Linking to Frames
      2. Working Smart with Frames
        1. Making Your Frames Accessible
          1. Making Frames Accessible in Dreamweaver
            1. Before the Fact: Set Accessibility Options
            2. After the Fact: Tweak Existing Framesets
        2. Making Your Frames Searchable
          1. Working with noframes Content in Dreamweaver
          2. What to Include in noframes Content
        3. Navigating Within Frames
          1. Changing Multiple Frames at Once
          2. Navigating to Specific Pages Within Framesets
            1. How It Works
            2. Make It a Snippet!
            3. What About the Exchange?
            4. Allowing Visitors to Bookmark Pages
        4. Keeping Pages in Frames
          1. Quick and Easy: Navigation Footer
            1. Quick Navigation Footers with Snippets
            2. Make Your Footer into a Library Item
          2. Add Some Scripting: Conditional Footer Information
            1. Visit the Exchange
          3. Frame-Jamming Scripts
            1. Do-It-Yourself Jamming with loadPage()
            2. Visit the Exchange: Frame-Jamming Extensions
        5. Getting Out of Frames
          1. Frame Busting
            1. Do-It-Yourself Frame Buster
            2. Visit the Exchange: Frame-Busting Extensions
          2. Print-Friendly Pages
        6. Creative Graphic Effects with Frames
          1. Letterbox Framesets
            1. Do-It-Yourself Letterbox Frameset
            2. Visit the Exchange: Letterbox Frameset Extensions
          2. Splitting Background Graphics Across Frames
      3. The World of Iframes
        1. Iframes in Dreamweaver
          1. Creating Iframes
          2. Working with Iframe Properties
        2. Visit the Exchange: Iframe Extensions
      4. Summary
    4. 11. Using Cascading Style Sheets
      1. CSS Basics
        1. A Little History Lesson
          1. Presentational Markup and Its Problems
          2. This Is a Job for CSS
        2. The Nuts and Bolts of CSS
          1. Anatomy of a Style
            1. CSS Selectors
            2. Contextual Selectors
            3. Classes
            4. Pseudoclasses
          2. Styles and Style Sheets, and Where They’re Kept
            1. Inline Styles
            2. Internal Style Sheets
            3. External Style Sheets
          3. Cascading and Inheritance
        3. CSS in Dreamweaver
          1. Creating a New Style
          2. Defining Style Parameters
            1. Type
            2. Background
            3. Block
            4. Box
            5. Border
            6. List
            7. Positioning
            8. Extensions
          3. Working with Styles
            1. Applying (and Unapplying) Styles
            2. Managing Styles with the CSS Styles Panel (and Elsewhere)
          4. Inspecting Styles
            1. Inspecting Styles with the Property Inspector
            2. Applied Classes and the Tag Selector
            3. The Tag Inspector/CSS Rule Inspector
          5. Working with Style Sheets
            1. Attaching Style Sheets
            2. Working with External Style Sheets
            3. Removing Style Sheets
            4. Exporting Style Sheets
          6. Creating a Style Sheet from Scratch
      2. Working Smart with CSS
        1. Specifying Fonts in HTML (and CSS)
          1. HTML, Fonts, and Browsers
          2. Font Lists in Dreamweaver
        2. Specifying Dimensions in CSS
        3. CSS and Accessibility
        4. Getting Specific with Contextual Selectors
          1. Creating Multiple Link Styles for a Page
          2. Quick Styling of Table Cells
        5. Working with Multiple Style Sheets at Once
          1. Using Internal and External Style Sheets Together
          2. Using Multiple External Style Sheets
            1. Order Matters!
            2. How It All Works in Dreamweaver
        6. Using Linked and Imported Style Sheets to Create a Netscape 4–Friendly Site
      3. Summary
    5. 12. CSS Positioning, Dreamweaver Layers, and Page Layout
      1. Layer Basics
        1. CSS-P and Layers in the Browser
          1. How CSS Positioning Works
            1. Positioning Types
            2. Positioning and Nesting
          2. Applying Positioning to Page Elements
          3. Using div and span as Page Elements for Positioning
        2. How Layers Work in Dreamweaver
          1. Drawing and Inserting Layers
          2. Working with Layer Properties
          3. Invisible Elements: Layer Markers
          4. Managing Layers with the Layers Panel
        3. Designing with Layers in Design View
          1. Selecting Layers
          2. Naming Layers
          3. Inserting Content into Layers
          4. Drag-Resizing Layers
          5. Moving Layers Around
          6. Aligning Layers
          7. Matching Layer Sizes
          8. Nesting Layers
      2. Working Smart with Layers
        1. Layers As Styled Objects
          1. Creating Layers Through CSS
            1. Applying the Positioning Style to an Existing Page Element
            2. Creating a div Element to Hold the Style
          2. Working with CSS-Styled Layers
        2. Browser Support for Your Layers
          1. Gracefully Degrading
          2. The Netscape 4 Problem
            1. The Netscape 4 Resize Problem and Fix
            2. Creating a Netscape-Only Version
      3. Summary
  8. III. Interactivity, DHTML, and Multimedia
    1. 13. Interactivity with Behaviors
      1. Basics of Behaviors
        1. How Behaviors Work: JavaScript and HTML
          1. What is JavaScript?
          2. Working with Events and Actions
        2. Working with Behaviors in Dreamweaver
          1. Choosing Where to Attach a Behavior
            1. Images and Links
            2. Form Elements
            3. The Page Body
          2. Attaching the Behavior
          3. Choosing Event Handlers
          4. Inspecting and Editing Behaviors
      2. Working Smart with Behaviors
        1. The Ins and Outs of Selecting Linked Images
        2. Targeting Multiple Audiences: The Check Browser Behavior
        3. Tiny Bits of Hand-Coding: The Call JavaScript Behavior
        4. Opening New Browser Windows: Beyond the Simple Pop-Up
          1. Window Size Issues
          2. Window Placement
          3. Closing the New Window
          4. Creating a Controller Window
        5. Advanced Image Swapping: Disjoint Rollovers
          1. Swap Image and Disjoint Rollovers
          2. Creating a Disjoint Rollover
          3. Performing Multiple Image Swaps
          4. Swap Image and the Different Event Handlers
        6. Cascading Menus the Easy Way: The Show Pop-Up Menu Behavior
        7. Efficiency Enhancer: Externalizing Your Behavior Code
        8. Thinking Outside the Box: Hijacking Function Calls
      3. Summary
    2. 14. Controlling Layers with JavaScript
      1. Dynamic HTML Basics: Layers and Scripting in the Browser
        1. About the DOM
        2. DOM Incompatibility
        3. Dreamweaver’s DHTML Authoring Strategy
      2. Controlling Layer Visibility
        1. The Basics of Showing and Hiding Layers
          1. Setting Visibility vs. Changing Visibility
          2. Showing, Hiding, and Default
          3. Choosing Not to Show or Hide a Particular Layer
          4. Working with Invisible Layers
        2. Working Smart with the Show-Hide Behavior
          1. Downloading and Invisible Layers
          2. Triggering JavaScript Actions Within Invisible Layers
          3. Media Objects in Invisible Layers
      3. Controlling Layer Contents
        1. The Basics of Setting Layer Text
        2. Working Smart with Set Text of Layer
          1. Setting More Than Text
            1. Watch Those Quotes
            2. Avoid Hand-Coding
            3. Don’t Include Media Objects
          2. Using CSS Layer Styles to Format Text
          3. Set Text of Layer or Show-Hide Layers?
      4. Dragging and Dropping Layers
        1. The Basics of Dragging and Dropping
        2. Draggability Options
          1. Constraining the Drag Area
          2. Assigning a Drop Target (and Snapping to It)
          3. Specifying a Drag Handle
          4. Changing the Z-Index
        3. Triggering Actions with Drag and Drop
          1. Calling JavaScripts from the Drag Layer Behavior
          2. Using Drag Layer to Trigger Another Behavior
      5. Controlling Other Layer Properties
        1. Using the Change Property Behavior
        2. Change Property and Browser Compatibility
          1. Controlling Netscape Layers
          2. Doubling Up for Multiple Browsers
      6. Summary
    3. 15. Plug-Ins, ActiveX, and Java
      1. Extending the Browser with Plug-Ins and ActiveX
        1. How Plug-In Media Works in the Browser
          1. MIME Types, Plug-Ins, and Helper Applications
          2. Netscape Plug-Ins vs. ActiveX Objects
        2. How Plug-In Media Works in Dreamweaver
          1. Accessing Plug-In–Specific Parameters
          2. Playing Embedded Content
            1. Playing ActiveX Content
        3. Working with Specific Plug-Ins
          1. Shockwave
          2. QuickTime
            1. Inserting a QuickTime Object
            2. Passing Parameters to QuickTime
          3. Windows Media
            1. Inserting Windows Media Objects
            2. Passing Parameters to Windows Media Objects
            3. Inserting a Shockwave Object
          4. Passing Parameters to a Shockwave Object
        4. Adding Sound to Web Pages
          1. Targeted vs. Untargeted Media Placement
          2. Working with Untargeted Media
            1. ActiveX or Plug-In?
            2. Dealing with Controllers
            3. Overloading the Parameters
        5. Scripting Plug-In Media
          1. How Media Scripting Works—and Why It Doesn’t Always Work
          2. Controlling Specific Plug-Ins
          3. Controlling Audio: The Play Sound Behavior
        6. Plug-In Detection
          1. Scripted Detection with the Check Plug-In Behavior
          2. Limitations of Scripted Detection
      2. Extending the Browser with Java
        1. How Java Works in the Browser
          1. The Nature of Java
          2. Java Issues
          3. Java and Media
          4. Working with Applets
            1. Class Files
            2. Media Files
            3. Obtaining Java Applets
        2. Working with Applets in Dreamweaver
          1. Inserting an Applet
      3. Summary
    4. 16. Building Web Pages with Flash
      1. How Flash Works in the Browser
        1. How Flash Works in Dreamweaver
      2. Working Smart with Flash Parameters
        1. Dimensions
          1. Scale
          2. Scale Align (salign)
        2. Quality
        3. Window Mode (wmode)
      3. Working Smart with Dreamweaver/Flash Integration
        1. Flash Launch-and-Edit
        2. Cloaking Your FLAs
        3. Updating Links in SWF Files
      4. Working with Full-Screen Flash Pages
        1. Dreamweaver’s Job: Create the HTML Framework
        2. Flash’s Job: Create Interactivity and Links
      5. Flash and JavaScript
        1. Scripting In: Using JavaScript to Control Flash
          1. Scripting Within Dreamweaver: The Control Shockwave or Flash Behavior
        2. Scripting Out: Using Flash to Send JavaScript Instructions
      6. Flash Text and Flash Buttons
        1. How Dreamweaver Creates SWF Files
        2. Creating and Inserting Flash Objects
          1. Button Style (Flash Button Object Only)
          2. Text and Typestyle (Button and Text Objects)
          3. Link and Target Information (Button and Text Objects)
          4. Background Color (Button and Text Objects)
          5. Previewing Your Work (Button and Text Objects)
        3. Working with Flash Objects
          1. Editing
          2. Undoing
          3. Resizing
          4. Duplicating
          5. Using Flash Objects to Trigger JavaScript Commands
      7. Flash Elements
      8. Summary
  9. IV. Site Management with Dreamweaver
    1. 17. Local Site Management
      1. How Dreamweaver Handles Local Sites
      2. Defining a Local Site
      3. Managing Sites
      4. Working in the Site Panel
        1. Expanding and Contracting the Site Panel
        2. Site Files View
          1. Working with the File View Columns
        3. Site Map View
          1. Designating a Home Page
          2. Viewing a Site with the Site Map
            1. Icons, Names, and File Types
            2. What Shows and What Doesn’t
            3. Showing the Hierarchy
            4. Modifying the Site Map Home Page
          3. Customizing Site Map Layout
          4. Creating an Image from the Site Map
      5. File and Link Management Within a Site
        1. Managing Files and Folders
          1. Opening Files
          2. Creating Files and Folders
          3. Renaming and Rearranging Files and Folders
        2. Managing Links
          1. Creating Links with Point to File
            1. Point to File from Within a File
            2. Point to File from the Site Map
          2. Creating Links with Menu Commands and the Site Map
            1. Linking to an Existing File with the Site Map View Menu
            2. Linking to a New (Nonexistent) File with the Site Map View Menu
          3. Changing Links
            1. The Change Link Command
            2. The Change Links Sitewide Command
        3. Checking and Repairing Links
          1. Checking Links
          2. Fixing Links
      6. Assets Management with the Assets Panel
        1. Inserting Assets
          1. Inserting Media Elements from the Assets Panel
          2. Inserting URLs from the Assets Panel
          3. Inserting Color Assets
        2. Your Favorite Assets
          1. Viewing and Working with Your Favorite Assets
          2. Grouping Your Favorite Assets
        3. Customizing the Assets Panel
        4. Using Assets Throughout Your Site
        5. Editing Your Assets
        6. Creating New Assets
      7. Working Without a Site
      8. Summary
    2. 18. Site Publishing and Maintenance
      1. How Dreamweaver Works with Remote Sites
      2. Defining a Remote Site in Dreamweaver
        1. Specifying No Connection
        2. FTP
          1. Local/Network
          2. SourceSafe Database, RDS, and WebDAV
      3. Working with a Remote Site
        1. Viewing Remote Information in the Site Panel
        2. Connecting and Disconnecting
        3. Getting and Putting
      4. Keeping Local and Remote Sites Synchronized
        1. Select Newer Local/Remote Files
          1. Select Newer Local
          2. Select Newer Remote
        2. The Synchronize Command
        3. Cloaking
        4. Disabling and Enabling Cloaking
        5. Cloaking Files and Folders
        6. Uncloaking
      5. Working Without a Site: Defining Remote Connections
      6. Summary
    3. 19. Workplace Collaboration
      1. Challenges of Working in a Design Team
        1. Technical
        2. Interpersonal
      2. Sharing Site Information
      3. Using Design Notes for Improved Workflow
        1. How Design Notes Work
        2. Enabling Design Notes for a Site
        3. Working with Design Notes
          1. Accessing Notes
          2. Creating, Editing, and Deleting Notes
            1. Setting Document Status
            2. Adding Comments
            3. Adding Other Information
        4. Viewing Design Notes in the Site Panel
      4. Version Control
        1. Server-Based Version Control
          1. Visual SourceSafe Integration
          2. WebDAV Integration
        2. Version Control Using Check In/Check Out
          1. Configuring the Check In/Check Out System
          2. Check In/Check Out in the Site Panel
          3. Checking Files in and Out
          4. Tips for Working with Check In/Check Out
            1. “Undoing” File Checkout
            2. Remembering to Check In
            3. Unlocking Checked-In Files
          5. When to Use Check In/Check Out
      5. Creating Project Workflow Reports
        1. Design Notes Reports
        2. Reports on Checked-Out Files
      6. Dreamweaver and Contribute
      7. Summary
    4. 20. Site-Wide Content with Templates and Libraries
      1. Working with Templates
        1. Template Basics
          1. What Templates Are and Where They Live
          2. Creating Templates
          3. Making Regions Editable
          4. Working with Child Pages
          5. Working with Template Pages
          6. Uploading and Templates
        2. Beyond the Basics with Templates
          1. Optional Regions
            1. Creating Optional Regions in Templates
            2. Using Optional Regions in Child Pages
            3. Making Optional Regions Editable
          2. Editable Attributes
            1. Creating Editable Attributes in Templates
            2. Using Editable Attributes in Child Pages
          3. Repeating Regions
            1. Creating Repeating Regions in Templates
            2. Using Repeating Regions in Child Pages
            3. Repeating Tables
          4. Nested Templates
            1. Creating a Nested Template
            2. Editable Regions and Nested Templates
            3. Template Parameters in Nested Templates
        3. Working Smart: Using the Template Language
          1. Opening and Closing Tags
          2. Parameters and Expressions
            1. Defining Template Parameters
            2. Using Parameters in Expressions
            3. Passthrough Parameters
          3. Conditional Statements and Optional Regions
            1. Conditional Syntax
            2. The Code Behind Optional Regions
            3. MultipleIf Statements
            4. Shorthand Conditional Code
          4. Advanced Coding for Repeating Regions
          5. Snippetizing Your Template Code
      2. Working with Library Items
        1. Library Basics
          1. Creating Library Items
          2. Library Items in Documents
          3. Updating Library Items
          4. Uploading Library Items
        2. Working Smart with Library Items
          1. Library Items and Templates Together
          2. The Joys of Incompleteness: JavaScript, CSS, Image Maps, and Other Tricky Library Item Content
            1. CSS and Library Items
            2. JavaScript Behaviors and Library Items
            3. Image Maps and Library Items
          3. When a Library Item Should Be a Server-Side Include
            1. How Server-Side Includes Work in HTML
            2. Using Server-Side Includes in Dreamweaver
            3. Previewing Server-Side Includes
      3. Summary
  10. V. Dreamweaver and Live Data
    1. 21. Building Dynamic Sites with Dreamweaver
      1. Basics of Dynamic Sites
        1. How Static Web Pages Work
        2. How Dynamic Web Pages Work
          1. Server-Side Includes (SSIs)
          2. CGI-Scripted Documents
          3. Application Servers and Database Connectivity
        3. Who’s Who and What’s What in the World of Dynamic Data
          1. The Server OS and HTTP Server Software
            1. Apache
            2. Internet Information Server
          2. The Database
            1. Hierarchical Data Storage
            2. Relational Databases
            3. Queries and SQL Statements
            4. Drivers (ODBC and JDBC)
            5. Standard DBMS Programs
          3. The Application Server (Middleware)
            1. ColdFusion
            2. PHP
            3. ASP/ASP.NET
            4. JSP
      2. Setting Up Your Workstation for Dynamic Development
        1. Setting Up for Online Development
          1. The Remote Computer’s HTTP Address (URL)
          2. Read/Write Access to the Shared Web Folder
          3. Correct Setup on the Remote Computer
      3. Setting Up for Offline Development
        1. Setting Up the HTTP Server
          1. Installing IIS
          2. Installing Apache
          3. Serving Pages Locally
        2. Setting Up the Application Server
          1. Setting Up PHP
          2. Setting Up ColdFusion
            1. Using ColdFusion as Your HTTP Server
            2. Administering ColdFusion Server
          3. Setting Up ASP.NET
        3. Databases
          1. Setting Up Microsoft Access
          2. Setting Up MySQL
          3. Setting Up Drivers
            1. ColdFusion
            2. PHP and Drivers
            3. ASP.NET and DSNs
      4. How Dynamic Sites Work in Dreamweaver
        1. Live Data Preview and the Testing Server
          1. Previewing in the Browser
          2. Previewing in the Document Window
        2. Setting Up a Dynamic Site
        3. Connecting to a Database
          1. ColdFusion
          2. PHP MySQL
          3. ASP.NET
      5. Summary
    2. 22. Creating Dynamic Pages
      1. Collecting Dynamic Data
        1. The Basics of Recordsets
        2. Getting More Sophisticated with Your Recordsets
          1. Sorting
          2. Filtering
          3. Creating Advanced Recordsets with SQL
            1. Collecting Distinct Records
      2. Putting Dynamic Elements in Your Pages
        1. Dynamic Text Elements
          1. Inserting Dynamic Text
          2. Dynamic Text in the Document
        2. Setting Dynamic Properties
          1. Dynamic Properties and the Selection Inspector
          2. Dynamic Images
            1. Inserting Dynamic Images
            2. Working Smart: Partial URLs
            3. Working Smart: Dynamic Alt Labels
        3. Dynamic Data and Forms
          1. Dynamic List/Menu
            1. Working Smart: Grouping Records for List Display
          2. Dynamic Check Box
          3. Dynamic Radio Button
          4. Dynamic Text Field
        4. Repeating Content
          1. Repeating Regions
          2. Dynamic Tables
          3. Testing and Troubleshooting
          4. Paging Through Repeated Regions
            1. Recordset Paging Objects
            2. Recordset Count Objects
        5. Conditional Content
          1. Displaying or Hiding Content If a Recordset Is Empty
          2. Displaying or Hiding Content Based on Recordset Paging
          3. Testing and Troubleshooting Conditional Content
      3. Common Dynamic Tasks
        1. Creating a Catalog Page
          1. Create a Recordset
          2. Create and Format Dynamic Text
          3. Preview the Page
          4. Add a Dynamic Image
          5. Add a Dynamic Alt Label
          6. Add a Repeating Region to Display Multiple Records
          7. Add a Recordset Navigation Bar
          8. Add a Recordset Navigation Status Indicator
        2. Creating a Search Page
          1. Set Up a Dynamic List/Menu
          2. Call the Results Page
          3. Create the Results Page
          4. Refine the Results Page
        3. Creating a Catalog Update Page
          1. Create a Recordset of Customers
          2. Insert a Record into the Recordset
          3. Test the Registration Process
      4. Summary
    3. 23. Further Dynamic Techniques
      1. Dynamic Templates
        1. Creating Dynamic Templates
        2. How Dynamic Templates Work
      2. Master-Detail Page Sets
        1. Master-Detail Sets the Manual Way
          1. Creating the Master Page
          2. Creating the Detail Page
          3. Linking the Master Page to the Detail Page
          4. Filtering the Detail Page Recordset Based on the URL Parameter
        2. Working with the Master-Detail Page Set Object (ColdFusion and PHP)
      3. Working with Complex Recordsets
        1. Writing SQL Queries
          1. The Basics
          2. Getting Fancier
            1. Collecting One Instance Only
            2. Calculations
            3. Joining
        2. Using the Database Items Tree to Write SQL
        3. Using Parameters in SQL Statements
          1. Parameters for PHP
          2. Parameters for ColdFusion
          3. Parameters for ASP.NET
      4. Creating a User Authentication (Login) System
        1. User Registration
        2. User Login
        3. Restricting Access
        4. Logging Out
      5. Conditional Content
        1. The Show Region Objects
        2. Other Kinds of Conditional Content
          1. Displaying Content Only If a Record Field Is Not Empty
          2. Displaying Content Based on a URL Parameter
      6. Summary
    4. 24. Working Smart with ColdFusion
      1. ColdFusion Objects in the Insertion Bar
        1. Server Variables
        2. CFQUERY
        3. CFOUTPUT
        4. CFINSERT
        5. CFUPDATE
        6. CFINCLUDE
        7. CFLOCATION
        8. CFSET
        9. CFPARAM
        10. ColdFusion Comments
        11. Surrounding Variables with #...#
        12. CFSCRIPT
        13. CFTRY and CFCATCH
        14. CFTHROW
        15. CFLOCK
        16. CFSWITCH, CFCASE, and CFDEFAULTCASE
        17. CFIF, CFELSE, and CFELSEIF
        18. CFLOOP and CFBREAK
        19. CFCOOKIE
        20. CFCONTENT (Advanced)
        21. CFHEADER (Advanced)
        22. ColdFusion Page Encoding (Advanced)
        23. CFAPPLICATION
        24. CFERROR (Advanced)
        25. CFDIRECTORY (Advanced)
        26. CFFILE (Advanced)
        27. CFMAIL (Advanced)
        28. CFPOP (Advanced)
        29. CFHTTP and CFHTTPPARAM (Advanced)
        30. CFLDAP (Advanced)
        31. CFFTP (Advanced)
        32. CFSEARCH (Advanced)
        33. CFINDEX (Advanced)
        34. CFMODULE (Advanced)
        35. CFOBJECT (Advanced)
        36. CFCHART (Advanced)
        37. More Tags (Advanced)
      2. ColdFusion Components
        1. Set Up Your Site
          1. Create the ColdFusion Component
          2. Create the Search Employees Page
          3. Test the Application
      3. ColdFusion Resources
      4. Summary
    5. 25. Working Smart with PHP
      1. PHP Objects in the Insertion Bar
        1. Form Variables
        2. URL Variables
        3. Session Variables
        4. Cookie Variables
        5. Include
        6. Require
        7. PHP Page Encoding
        8. Code Block
        9. Echo
        10. Comment
        11. If and Else
        12. More Tags (Advanced)
          1. Creating the Mail Form
          2. Creating the Mail Processor
      2. PHP Resources
      3. Summary
    6. 26. Working Smart with ASP.NET
      1. ASP.NET Installation Notes
        1. Where is the Current ASP.NET Download?
        2. What Versions of Windows Does ASP.NET Work On?
        3. Turn Off Simple File Sharing
        4. Setting Permissions for the Folders
        5. Setting the Permissions in the IIS Administrator
      2. ASP.NET Hand-Coding Objects in the Insertion Bar
        1. Register Custom Tag (Advanced)
        2. Import Namespace (Advanced)
        3. Trimmed Form Element (Advanced)
        4. Trimmed QueryString Element
        5. Runat Server
        6. Bound Data
        7. Page_Load (Advanced)
      3. ASP.NET Web Server Control Objects in the Insertion Bar
        1. asp:Button
        2. asp:CheckBox
        3. asp:CheckBoxList
        4. asp:DropDownList
        5. asp:ImageButton
        6. asp:Label
        7. asp:ListBox
        8. asp:RadioButton
        9. asp:RadioButtonList
        10. asp:TextBox
        11. More Tags
          1. Setting up the Site in Dreamweaver
          2. Inserting a DataGrid
      4. ASP.NET Resources
      5. Summary
  11. VI . Dreamweaver Under the Hood
    1. 27. Writing Code in Dreamweaver
      1. Using Dreamweaver as a Text Editor
        1. Accessing the Text Editor
        2. Code View Options and Preferences
          1. Setting Text Size and Font
          2. Syntax Coloring
          3. Line Numbers
          4. Word Wrap (Soft Wrapping)
          5. Auto-Indenting
        3. Code Formatting Options
          1. Automatic Text Wrap (Hard Wrapping)
          2. Indenting
          3. Case Control
        4. Code Rewriting
          1. Fixing Invalid Code
          2. URL Encoding
        5. Code Writing and Editing
          1. Editing Commands and Shortcuts
          2. Code Hints
          3. Auto Tag Completion
        6. Code Snippets
          1. Using the Snippets Panel
          2. Inserting Snippets
            1. Inserting in Code View vs. Design View
            2. Inserting Block vs. Wrapped Snippets
          3. Editing Snippets
          4. Snippet Housekeeping
          5. Creating Your Own Snippets
      2. Linking to External Text Editors
        1. Setting Up an External Text Editor (Nonintegrated)
        2. Integrating HomeSite+ and Dreamweaver (Windows)
        3. Integrating BBEdit and Dreamweaver (Macintosh)
      3. Tag Libraries and the Tag Library Editor
        1. Using the Tag Library Editor Dialog Box
          1. The Tags List
          2. Tag Library Options
          3. Tag Options
          4. Attribute Options
        2. Editing Tag Library Entries
        3. Adding (and Removing) Entries
          1. Adding a Tag Library
          2. Adding a Tag
          3. Adding an Attribute
      4. Advanced Find and Replace
        1. Advanced Text Searches
        2. Specific Tag Searches
        3. Using Regular Expressions
          1. Writing Regular Expressions
          2. Finding and Replacing with Regular Expressions
      5. Editing Non-HTML Markup with Dreamweaver
      6. Writing JavaScript in Dreamweaver
        1. The Reference Panel
        2. Scripting Without Using Code View
          1. Call JavaScript Behavior
          2. The Script Object
          3. Scripts in the Assets Panel
        3. JavaScript Tools in Code View
          1. Syntax Coloring for Scripts
          2. JavaScript Snippets
          3. Code Navigation Menu
          4. Auto-Balancing Braces
      7. Summary
    2. 28. Customizing and Extending Dreamweaver
      1. How Dreamweaver is Configured
        1. Working with the Configuration Folder
        2. Multiuser Support: The User Configuration Folder
      2. Reconfigurations, from Simple to Fancy
        1. Modifying Keyboard Shortcuts
          1. Working with the Keyboard Shortcuts Editor
          2. How Shortcuts are Configured
        2. Customizing the Favorites Category of the Insert Bar
          1. Using the Customize Favorite Objects Window
          2. How the Insert Bar Is Configured
          3. Customizing Insertbar.xml: Creating Object Menus in the Favorites Category
        3. Automating Tasks with Custom Commands
          1. Recording Commands
          2. Saving Commands with the History Panel
          3. How Saved Commands Are Configured
        4. Customizing Dialog Boxes Using HTML
        5. Customizing Dreamweaver Menus with menus.xml
      3. The World of Third-Party Extensions
        1. Finding Extensions: The Macromedia Exchange
        2. Installing and Managing Extensions: The Extension Manager
      4. Summary
    3. 29. Creating Your Own Extensions
      1. Before You Get Started
      2. The Dreamweaver API
        1. How Extensions are Constructed
        2. How Extensions are Processed
        3. How Extensions Talk to Dreamweaver
      3. Creating Object Extensions
        1. Objects in the Configuration Folder
        2. Objects in the Insert Bar: insertbar.xml
        3. The API for Objects
          1. Object File Structure
          2. The Procedure for Objects
        4. Making the Most of Objects
      4. Creating Command Extensions
        1. Commands in the Configuration Folder
        2. The API for Commands
          1. Command File Structure
          2. The Procedure for Commands
        3. The Dreamweaver DOM
          1. Understanding Objects (Nodes)
            1. Parents, Children, and Siblings
            2. Node Types
          2. Gaining Access to the DOM
        4. Making the Most of Commands
      5. Packaging Your Extensions
        1. Submitting Your Extension to the Macromedia Exchange
      6. Summary