You are previewing Macromedia Dreamweaver MX Advanced for Windows and Macintosh: Visual QuickPro Guide.
O'Reilly logo
Macromedia Dreamweaver MX Advanced for Windows and Macintosh: Visual QuickPro Guide

Book Description

You don't have to write SQL or other database code to build interactivity into your site-you just need Dreamweaver MX, Macromedia's powerful new Web design tool, access to an application server, and a copy of Macromedia Dreamweaver MX Advanced for Windows and Macintosh: Visual QuickPro Guide. This valuable reference picks up where the Visual QuickStart Guide leaves off with advanced step-by-step tutorials on dynamic page serving, site management, and basic dynamic page building-and that's just in the first half of the book! The book's second half includes clear, concise instructions on how to create complex page designs, build cascading menus and toolbars, use Dreamweaver's accessibility features, and set up a page with head tags to attract search engines. Throughout this task-based reference, the authors illustrate key features with real-world examples of how and when features should be put to use. Combining tons of illustrations and example Web pages with concise, easy-to-follow how-tos, authors Towers, Hadjitarkhani, and Magee make it easy for anyone to create a dynamic Web site using Dreamweaver-including you!

Table of Contents

  1. Copyright
    1. Dedication
  2. Acknowledgments
  3. Introduction
    1. QuickPro Conventions
      1. Our technology
    2. What’s In this Book?
      1. Diving in to databases and dynamic content
      2. Serving dynamic pages and dynamic content
      3. Interactive tools
      4. Editing and writing code
      5. The front end
      6. Maximizing the software
    3. Special to Mac Users
      1. Keyboard conventions
      2. Running MX
      3. Mouse conventions
    4. What About the Other Book?
  4. 1. About Dynamic Content
    1. What Is Dynamic Content?
    2. About Database Integration
      1. Choosing a database application
      2. A home for your database
    3. The Role of the Application Server
      1. Dynamic content = interactivity
    4. Dynamic Content Types
    5. Choosing an Application Server
      1. Hosting your Web site with an ISP
      2. Running your own server
  5. 2. Setting Up Dreamweaver MX
    1. Defining a Local Site and a Testing Server
      1. To define a site:
    2. Adding a Database Connection
      1. To define a System DSN (for Windows-based databases):
      2. To add a database connection:
    3. Using the Site Window
      1. To view the Site window:
    4. Using the Databases Panel
      1. To edit a database connection:
      2. To delete a database connection:
      3. To browse a database connection:
    5. Using the Bindings Panel
      1. To add a recordset to a page:
      2. To delete a recordset from a page:
    6. About the Server Behaviors Panel
    7. Local Site 411
      1. To set up only a local site:
    8. Additional Remote Server Setup
      1. To set up remote site info (FTP):
  6. 3. A Basic Database Primer
    1. Database Structure
      1. Tables and records
      2. Fields
    2. Databases and Relationships
      1. Planning table relationships
        1. One-to-one relationships
        2. One-to-many relationships
        3. Many-to-many relationships
        4. To plan a database:
      2. Keys and indexes
    3. Creating a Database
      1. Logging into the SQL server
        1. To log in to the SQL server:
      2. Creating and populating the database table
        1. To create a database table:
        2. To fill the table with information:
      3. Tidying the database
        1. To add a password for root user:
        2. To set up a Web user name and password:
    4. Connecting to a Database
      1. OLE DB connections
        1. To create an OLE DB connection:
      2. ODBC connections
        1. To create a custom connection string:
      3. ColdFusion
        1. To connect to a ColdFusion data source:
      4. JDBC Connections
        1. To create a JDBC connection:
      5. Setting up a DSN
        1. To create a DSN:
    5. Databases and the Dreamweaver Interface
      1. Making it easier for you
      2. How you can make it easier, too
      3. How the database and Dreamweaver interact
  7. 4. Using SQL
    1. Getting by Without Learning SQL
    2. SQL Syntax
    3. The SELECT Statement
      1. Basic Select statements
      2. Requesting multiple records
        1. To write SELECT statements in Dreamweaver:
    4. The INSERT Statement
    5. The UPDATE Statement
      1. Updating multiple records
    6. Defining Your Records
      1. Creating a recordset
        1. To create a recordset that contains the entire table:
        2. To see the SQL behind creating a recordset:
      2. Selecting the appropriate fields
        1. To create a recordset without all the fields:
        2. To see the SQL:
    7. Limiting the Number of Records in a Set
      1. To create a recordset with only specific records:
    8. Sorting Records
      1. To create a sorted recordset:
    9. Retrieving Data From Multiple Tables
      1. Using the Database Items tree
        1. To create a recordset using the Database Items tree:
      2. Selecting data from multiple tables
        1. To create a recordset from multiple tables:
  8. 5. Dynamic Text and Recordsets
    1. Displaying a Recordset on a Page
      1. To display a recordset on a page:
    2. Adding Dynamic Text to a Page
      1. To insert dynamic text onto a page:
    3. Filtering Recordsets
      1. What is a URL parameter?
      2. How are URL parameters used?
      3. Creating a form for a URL parameter
        1. To create a form to generate a URL parameter:
        2. To create a product lookup page:
    4. Using Live Data View
      1. To use Live Data view:
      2. To filter records using Live Data view:
    5. Inserting Images and Media Dynamically
      1. To dynamically insert an image:
      2. To dynamically insert a media (Flash) file:
    6. Setting Tag Attributes Dynamically
      1. To set the Alt attribute of an image automatically:
    7. Styling Dynamic Content
      1. To apply a CSS style to dynamic text:
  9. 6. Dynamic Forms
    1. Setting Up a Form
      1. About form actions
      2. About form methods
      3. Setting form properties
        1. To define Form Properties:
    2. Using Dynamic Text Fields
      1. To insert a Dynamic Text Field:
      2. Using multi-line text fields
      3. Using password fields
    3. Using Dynamic Radio Buttons
      1. To insert a dynamic radio button group:
    4. Using Dynamic Checkboxes
      1. To insert a dynamic checkbox:
    5. Using Dynamic Lists and Menus
      1. To insert a list or menu:
      2. To make a list or menu dynamic:
      3. Dynamically Generated Menus
        1. To insert a dynamically generated list or menu:
  10. 7. Displaying Query Results
    1. Default Query Results
    2. About Repeating Regions
      1. To use the Repeat Region behavior:
    3. Using Dynamic Tables to Format Results
      1. To insert a repeating region using the Dynamic Table object:
    4. The Recordset Navbar
      1. To create a Recordset Navigation Bar:
    5. Showing Search Navigation Status
      1. Creating a Recordset Navigation Status display:
  11. 8. Editing Records from Web Interfaces
    1. Master Detail Page Sets
      1. Creating a master page
        1. To create a Master/Detail Page Set live object:
      2. Creating a detail page
        1. To create a detail page:
      3. Manually creating a master page
        1. To define a master page manually:
      4. To add links to the records on the master page:
      5. Creating a detail page manually
        1. To create a detail page by hand:
    2. Adding Database Records
      1. To add a record to a database:
    3. Editing Database Records
      1. To create a record update page:
      2. To add a link to the update page on a copy of the master page (ASP and JSP only):
    4. Deleting a Database Record
      1. To add a button to delete a record:
    5. Managing Permissions
      1. Simple user management
        1. To create a registration page:
        2. To create a log-in page:
        3. To restrict a page to logged-in users:
        4. To create a log-out link:
      2. Managing multiple access levels
        1. To define an access level for a user:
        2. To restrict a page to certain user levels:
  12. 9. Web Services and ColdFusion Components
    1. Defining Web Services and ColdFusion Components
    2. Consuming a Web Service
      1. To add a Web Service component:
    3. Dropping Components onto the Page
      1. To drop a Web Service component onto the page:
    4. Publishing a Web Service Using a ColdFusion Component
      1. To create a ColdFusion component:
      2. To add a ColdFusion component to your page:
      3. To publish a ColdFusion component as a Web service:
  13. 10. Server Behaviors
    1. The Server Behaviors Panel
    2. Built-in Server Behaviors
      1. Adding a recordset to a page
      2. Behaviors for displaying and navigating recordsets
      3. Modifying database records from Web interfaces
      4. Using master detail pages and defining related pages
      5. Creating users, passwords, and access levels
      6. Presenting dynamic content
      7. Using JavaBeans with JSP
      8. Advanced database maintenance using SQL
    3. Adding a Server Behavior to a Page
      1. To add a server behavior to a page:
      2. To remove a server behavior from the page:
    4. Creating Custom Server Behaviors
      1. Getting new server behaviors from Macromedia Exchange
      2. About Server Behaviors
        1. To create a server behavior:
        2. To add a parameter to the code:
        3. To put the script at the top of the file:
        4. To specify an action for the form:
        5. To specify the form’s method:
        6. To specify the dialog box settings:
        7. To test the server behavior:
    5. Customizing the Server Behavior Builder
      1. To edit a Server Behavior dialog box.
  14. 11. Code Editing Tools
    1. The Dreamweaver Code Environment
      1. Code view and Split view
      2. The Code inspector
      3. About selections
    2. Editing Code in the Document Window
      1. The Property inspector
      2. The Insert toolbar
      3. Contextual buttons
    3. The Tag Selector
      1. Removing a tag
      2. Setting the class or ID of a tag
      3. Editing a tag
    4. Editing Code in Design View (the Quick Tag Editor)
      1. To open the QT editor:
      2. To close the QT editor:
      3. To move the QT editor:
      4. To switch modes:
      5. Selecting parent and child tags
        1. To select the current tag’s parent tag:
        2. To select the child tag:
    5. Roundtrip HTML
    6. Using the Tag Reference
    7. Built-in Tag Writing Shortcuts
      1. Tag completion
      2. Tag Hints
      3. The Tag inspector (Tree view)
      4. The Tag Chooser
    8. The Tag Editor
    9. Using the Snippets Panel
      1. Using snippets
      2. Editing snippets
        1. To save your own snippet:
    10. Setting Code View Options
      1. About Word Wrap
      2. About Line Numbering
      3. About Syntax Coloring
      4. About Auto Indent
    11. Checking Your Pages
    12. Cleaning Up HTML
      1. Cleaning up when opening a file
      2. Highlighting sloppy code
      3. Performing clean-up
        1. To clean up HTML code:
      4. Tag validation (HTML, XML)
        1. To validate a page:
    13. Creating and Complying with XHTML
      1. To make a new page XHTML compliant:
      2. To convert an existing page to XHTML:
      3. About XHTML compliance
        1. Document information
        2. Document structure
        3. Code syntax
        4. More attribute requirements
      4. Cleaning up XHTML
        1. To clean up XHTML:
    14. Browser Profiles
      1. Checking the current page
        1. To run a target browser check on the current page:
      2. Checking an entire site
        1. To run a target browser check on an entire folder or selected files:
      3. Using browser check results
        1. To get information about an error:
        2. To view the report in a browser:
      4. Saving the results
        1. To save the report file as XML:
        2. To save the report file as HTML:
    15. Script-Editing Tools
      1. Using the Script editor
        1. To type in a script:
        2. To insert just a noscript tag:
      2. Importing scripts
        1. To insert a script from a text file:
      3. Script properties
        1. To edit a script:
    16. Setting Code Preferences
      1. Code Format preferences
        1. To set Code Format preferences:
      2. Code Rewriting preferences
        1. To change Code Rewriting preferences:
      3. CSS writing preferences
        1. To set CSS Styles preferences:
      4. Quick Tag editor and Tag Hints preferences
        1. To change Quick Tag editor and Tag Hints preferences:
      5. Tag Validator preferences
        1. To change Tag Validator preferences:
      6. Customizing Syntax Coloring
        1. To edit Code Coloring preferences:
  15. 12. Editing and Using Tag Libraries
    1. What Tag Libraries Do
      1. Tag libraries and the Tag Hints menu
      2. Tag libraries and the Tag Chooser
      3. Tag Libraries and the Tag inspector panel
      4. Tag libraries and code formatting
    2. Editing and Importing Tags
      1. Adding a new tag to a library
        1. To add a custom tag to a library:
      2. Specifying code formatting for a new or built-in tag
        1. To adjust the formatting of a tag:
    3. Importing Tag Libraries
      1. To import tags from an XML DTD or schema file:
    4. How to Edit, Add, and Remove Attributes
      1. Adding an attribute to a tag
        1. To add an attribute to a tag:
      2. Editing tag attributes
        1. To edit an attribute:
      3. Adding values to an attribute
        1. To add values to an attribute:
      4. Removing an attribute from a tag
        1. To remove a tag attribute:
    5. Tag Attributes and the Tag Inspector
      1. To dynamically set a tag attribute:
    6. Creating a Custom Library
      1. To add a new library:
  16. 13. JavaScript & Dreamweaver Behaviors
    1. JavaScript Concepts
      1. To add a behavior:
    2. Open Window
      1. To make a window open when users click on an image:
      2. To specify the location of a new window:
    3. Change Property
      1. To change the background color of a layer:
      2. To add a <span> to your page:
      3. To change the size of the text:
      4. To change the text in a span:
    4. Creating a Cascading Menu
      1. To create a pop-up menu in Dreamweaver:
      2. To create a graphical pop-up menu using Fireworks:
    5. Creating Fancy Rollovers
      1. To change multiple images on a rollover:
      2. To change text at the same time as you change images:
    6. Cookies and Code Snippets
      1. To add JavaScript snippets to your page:
      2. To write a cookie:
      3. To read a cookie:
    7. Debugging Your JavaScript
      1. To use the JavaScript debugger:
      2. To watch a variable’s value:
      3. To set a variable’s value:
  17. 14. Using Dreamweaver Templates with XML
    1. About .DWT Files and Template Syntax
      1. Template tools
      2. About template tags
      3. About template regions
      4. About template expressions
    2. Creating Templates
      1. To base a template on an existing file:
      2. To create a template from scratch:
    3. Setting Editable Regions
      1. To create a new editable region:
      2. Marking page regions as editable
        1. To set an editable region:
    4. Editable Region Quirks
      1. Block formatting
      2. Text formatting
      3. Tables
      4. Layers
    5. Setting Editable Tag Attributes
      1. To set a tag attribute as editable:
    6. Setting Repeating Regions
      1. To add a repeating region:
      2. To insert an editable region inside the repeating region:
      3. Creating a repeating table
        1. To insert a repeating table:
    7. About Optional Template Regions
      1. To insert an optional region:
      2. To activate or deactivate an optional region:
      3. To add a second optional region controlled by the same parameter:
    8. Creating Pages Based on Templates
      1. To create a template page:
      2. Using repeating regions on a page
        1. To repeat a region:
        2. To edit content in a region:
        3. To subtract a region:
        4. To rearrange regions:
      3. Using repeating tables
      4. Using editable tag attributes
        1. To edit tag attributes:
    9. Deleting, Renaming, and Editing Templates and Regions
      1. Editing template documents
      2. Deleting templates
      3. Renaming regions
      4. Removing regions
    10. Attaching an Existing Page to a Template
      1. To attach a page to a template:
    11. Using Nested Templates
      1. To create a nested template:
      2. To lock an inherited editable region:
    12. Exporting as XML
      1. To export editable regions as XML:
    13. Importing XML Data
      1. To import XML into a template:
    14. Performing Routine Updates
      1. Updating when you edit
      2. Updating after you edit
        1. To update a single page:
      3. Updating sets of pages
        1. To update more than one page:
    15. Using Template Expressions
      1. Template expressions and optional regions
      2. Template expressions and repeating regions
        1. To show the _index in a table:
        2. To alternate table row colors:
      3. Template expressions elsewhere
  18. 15. Using Head Elements
    1. About the Document Head
    2. Kinds of Head Tags
      1. Meta tags
      2. Other head content tags
    3. Viewing Head Content
      1. To view head content:
      2. To examine head content:
    4. Inserting Keywords
      1. To insert keywords:
      2. To edit keywords:
    5. Inserting a Page Description
      1. To insert a page description:
      2. To edit your page description:
    6. Inserting a Refresh Tag
      1. To insert a refresh tag:
      2. To edit your refresh tag:
    7. Inserting Other Meta Tags
      1. To insert a meta tag:
      2. To edit your meta tags:
    8. Inserting a Base Href
      1. To insert a base href:
      2. To edit your Base Href tag:
    9. Inserting a Link Descriptor
      1. To insert a link:
      2. To edit your Link tag:
    10. Editing Head Elements
  19. 16. Accessibility: Considering Your Audience
    1. Accessibility Considerations
      1. What is accessible HTML?
      2. Text-only browsers and accessibility standards
      3. Section 508 and international Web standards
      4. Visually impaired users
      5. Other accessibility concerns
      6. Portable devices
    2. Dreamweaver’s Accessibility Features
      1. Accessibility preferences
        1. To turn on Dreamweaver’s accessibility authoring controls:
        2. To turn on Dreamweaver’s own accessibility features:
    3. Accessible Page Designs
      1. To start off with a page that uses only accessible tags:
    4. Using the Accessibility Dialog Boxes
    5. Making Forms Accessible
      1. To make forms more accessible:
      2. Tab order considerations
    6. Making Tables Accessible
    7. Making Frames Accessible
    8. Alternatives to Images and Media
      1. Always use Alt text
        1. To add Alt text to an image:
      2. Using Dreamweaver’s accessibility controls for images
      3. Using Dreamweaver’s accessibility controls for media objects
    9. Validating Code & Using Site Reporting
      1. To run an accessibility check on the current page:
      2. To find out more about an error:
      3. Using the Accessibility Reference
        1. To use the Accessibility Reference:
    10. Understanding Compliance Rules
  20. 17. Drawing Timelines
    1. What Timelines Can Do
    2. The Timelines Panel
      1. To view the Timelines panel:
    3. Dissecting the Timelines Panel
    4. Adding a Layer to a Timeline
      1. To add a layer to a timeline:
    5. Timeline Actions
      1. Moving a layer
        1. To move a layer using a timeline:
      2. Recording movement
        1. To record a layer’s path:
      3. Deleting and moving animation sequences
      4. Playing it back
        1. To play back a timeline:
      5. Previewing in a browser and setting Autoplay
    6. About Keyframes
      1. To add a keyframe:
      2. To add a new layer position to a keyframe:
    7. Showing and Hiding Layers
      1. To show or hide a layer:
      2. To change the location of a keyframe:
    8. Changing the Overlaps
      1. To change the Z-index of a layer during a timeline:
    9. Changing the Timing
      1. To move the beginning or end of an animation bar:
    10. Changing Layer Dimensions
      1. To change the dimensions of a layer using a timeline:
    11. Adding an Image Rollover to a Timeline
      1. To add the image rollover to a timeline:
      2. Making the rollover work
        1. To change an image source using a timeline:
    12. Adding a Behavior to a Timeline
      1. To add a behavior to a timeline frame:
    13. Making Timelines Go
      1. To make a Timeline play automatically:
    14. Making a Behavior Play a Timeline
      1. To make a behavior play a timeline:
      2. Stopping a timeline
        1. To make a behavior stop a timeline:
    15. Loop and Rewind
      1. To add the Loop:
      2. To modify the Loop:
      3. Jumping to or starting with a specific frame
        1. To add a Go to Frame behavior:
    16. Adding and Removing Frames
      1. To add frames to a Timeline:
      2. To remove frames from a Timeline:
    17. Using Multiple Timelines
      1. To add a timeline:
      2. To toggle between timelines:
    18. Renaming and Deleting Timelines
      1. To rename a Timeline:
      2. To remove a timeline:
    19. Removing or Changing Objects
      1. To remove an object from a timeline:
      2. To change objects:
    20. Bringing It All Together
  21. 18. Toolbars, Tricks, and Interactive Design
    1. Flash Text
      1. To add Flash Text to a page:
    2. Flash Buttons
      1. To add a Flash button to your page:
    3. Rollover Images
      1. To add a Rollover Image to your page:
    4. Importing Slices from Fireworks to Use As a Toolbar
      1. To create the images for the navbar:
      2. To export a single navbar (for sites with frames or that don’t need down states marked):
      3. To put the navbar on a page that uses frames:
      4. Marking a multiple-section site with down-state buttons
        1. To export a navbar for each button:
      5. What to do with multiple navbar pages
        1. To paste the navbar into a non-frame page:
    5. Pop-Up Layers
      1. To hide controls in a pop-up layer:
    6. Forms and Frames
      1. To change a frame using a form in another frame:
    7. Other Interactive Gadgets
  22. 19. Customizing Dreamweaver
    1. The Dreamweaver JavaScript API
    2. Creating a Command
      1. To create the enable/disable function:
      2. To actually change the content of the text:
      3. To finish up the file:
    3. Adding Commands to a Menu
      1. To add the command to the menu:
    4. Creating a Custom Toolbar
      1. To create a custom toolbar:
    5. Creating a Custom Behavior
      1. A behavior defined
      2. How to create a behavior
        1. To create the Confirm Password behavior:
    6. Other Things We Could Cover If This Book Were 800 Pages Long
      1. Floating panels
      2. Custom reports
      3. Code Hints
      4. Property inspectors
      5. Things in the 1,900 page range
  23. 20. Workflow & Collaboration
    1. Using Names to Check Files In and Out
      1. Setting up file check-in
        1. To enable check-in and check-out:
    2. Checking Out Files
      1. To check out one remote file:
        1. To check out more than one file:
        2. To undo a file check-out:
    3. Checking In Files
      1. To check in files:
    4. Setting Up Design Notes
      1. To enable Design Notes:
    5. Using Design Notes
      1. To create a Design Note:
    6. Accessing Design Notes
      1. To open a Design Note:
    7. Cleaning Up Design Notes
      1. To clean up Design Notes:
    8. Turning Off Design Notes
      1. To disable and delete all Design Notes:
    9. Modifying Columns in the Site Window
      1. To show or hide an existing column:
      2. To reorder columns in the Site window:
    10. Adding File View Columns
      1. To create a new column in the Site window:
    11. Sharing Columns
      1. To share column information:
      2. Editing personal or shared columns
        1. To edit a column:
    12. Using Dreamweaver with Content Management
      1. Using WebDAV
      2. Setting up WebDAV
        1. To set up your remote site info to work with WebDAV:
      3. Using Visual Source Safe Databases with Dreamweaver
        1. To set up your remote site info to work with VSS:
      4. Using RDS with ColdFusion Server and Dreamweaver
        1. To set up Dreamweaver to work with RDS: