Adobe Dreamweaver CS3 User Manual
Adobe, Dreamweaver, User guide
Advertising
This manual is related to the following products:
Table of contents
Document Outline
- Contents
- Chapter 1: Getting started
- Chapter 2: Workspace
- Dreamweaver workflow and workspace
- Dreamweaver workflow overview
- Workspace layout overview
- Workspace elements overview
- Document window overview
- Document toolbar overview
- Standard toolbar overview
- Status bar overview
- Insert bar overview
- Coding toolbar overview
- Style Rendering toolbar overview
- Property inspector overview
- Files panel overview
- CSS Styles panel overview
- Visual guides overview
- GoLive users
- Working in the Document window
- Using toolbars, inspectors, context menus, and panels
- Customizing the Dreamweaver CS3 workspace
- Choose the workspace layout (Windows)
- Choose the workspace layout (Macintosh)
- Display tabbed documents (Macintosh)
- Save custom workspace layouts
- Hide and display the Welcome screen
- About customizing Dreamweaver in multiuser systems
- Set General preferences for Dreamweaver
- Set Fonts preferences for documents in Dreamweaver
- Customize Highlighting colors
- Dreamweaver workflow and workspace
- Chapter 3: Working with Dreamweaver sites
- Setting up a Dreamweaver site
- About Dreamweaver sites
- Understanding local and remote folder structure
- Using the Manage Sites dialog box
- Set up and edit a local root folder
- Set up a remote folder
- Troubleshoot the remote folder setup
- Set up a testing server
- About the URL prefix for the testing server
- Edit an existing remote website in Dreamweaver
- Remove a Dreamweaver site from your list of sites
- Import and export site settings
- Working with a visual map of your site
- Managing Contribute sites with Dreamweaver
- Managing Contribute sites
- Site structure and page design for a Contribute site
- File transfer to and from a Contribute site
- Contribute file and folder permissions on the server
- Contribute special files
- Prepare a site for use with Contribute
- Administer a Contribute site using Dreamweaver
- Delete, move, or rename a remote file in a Contribute site
- Enable Contribute users to access templates without root folder access
- Troubleshoot a Contribute site
- Working on files without defining a site
- Basic tab options
- Set Basic tab Editing Files options
- Set Basic tab Editing Files Part 2 options
- Set Basic tab Editing Files Part 3 options
- Set Basic tab Testing Files options (URL prefix)
- Set Basic tab Testing Files options (remote access)
- Set Basic tab remote folder setup options
- Set Basic tab Sharing Files options (remote access)
- Set Basic tab Sharing Files options (check in/check out)
- Basic tab Summary options
- Setting up a Dreamweaver site
- Chapter 4: Creating and managing files
- Creating and opening documents
- About creating Dreamweaver documents
- Dreamweaver file types
- Create a blank page
- Create a blank template
- Create a page based on an existing template
- Create a page based on a Dreamweaver sample file
- Create other kinds of pages
- Set default document type and encoding
- Set the default file extension of new HTML documents
- Open and edit existing documents
- Clean up Microsoft Word HTML files
- Managing files and folders
- About managing files and folders
- Using the Files panel
- View files and folders
- Work with files in the Files panel
- Find files in your Dreamweaver site
- Identify and delete unused files
- Access sites, a server, and local drives
- Set site preferences for transferring files
- Customize the file and folder details displayed in the expanded Files panel
- Getting and putting files to and from your server
- Checking in and checking out files
- Synchronizing files
- Comparing files for differences
- Rolling back files (Contribute users)
- Cloaking folders and files in your site
- Storing file information in Design Notes
- Testing your site
- Creating and opening documents
- Chapter 5: Managing assets and libraries
- Chapter 6: Creating pages with CSS
- Understanding Cascading Style Sheets
- Creating and managing CSS
- About the CSS Styles panel
- The CSS Styles panel in Current mode
- The CSS Styles panel in All mode
- CSS Styles panel buttons and views
- Open the CSS Styles panel
- Set CSS Styles preferences
- Create a new CSS rule
- Set CSS properties
- Edit a CSS rule
- Add a property to a rule
- Apply, remove, or rename class styles
- Move CSS rules
- Convert inline CSS to a CSS rule
- Link to an external CSS style sheet
- Edit a CSS style sheet
- Format CSS code
- Check for cross-browser CSS rendering issues
- Use Design-Time style sheets
- Use Dreamweaver sample style sheets
- Update CSS style sheets in a Contribute site
- Laying out pages with CSS
- About CSS page layout
- About CSS page layout structure
- Create a page with a CSS layout
- About AP elements in Dreamweaver
- HTML code for AP Div elements
- Insert an AP Div
- Work with nested AP Divs
- View or set AP element preferences
- View or set properties for a single AP element
- View or set properties for multiple AP elements
- AP Elements panel overview
- Select AP elements
- Change the stacking order of AP elements
- Show and hide AP elements
- Resize AP elements
- Move AP elements
- Align AP elements
- Converting AP elements to tables
- Convert between AP elements and tables
- Prevent AP element overlaps
- Working with div tags
- Animating AP elements
- About animating AP elements
- Timelines panel overview
- Playback options
- Animate an AP element using the timeline
- Create a timeline by dragging a path
- Modify a timeline
- Change image and AP element properties with timelines
- Use multiple timelines
- Copy and paste animations
- Apply an animation sequence to a different object
- Rename the timeline
- Animation tips for timelines
- Chapter 7: Laying out pages with HTML
- Using visual aids for layout
- Presenting content with tables
- About tables
- Table formatting precedence in HTML
- About splitting and merging table cells
- Insert a table and add content
- Import and export tabular data
- Select table elements
- Set table properties
- Set cell, row, or column properties
- Use Expanded Tables mode for easier table editing
- Format tables and cells
- Resizing tables, columns, and rows
- Resize tables, columns, and rows
- Add and remove rows and columns
- Split and merge cells
- Copy, paste, and delete cells
- Nest tables
- Sort tables
- Laying out pages in Layout mode
- About Layout mode
- Viewing table and cell widths in Layout mode
- Layout table and cells grid lines
- Fixed column width and autostretch columns
- Spacer images
- Switch from Standard to Layout mode
- Draw in Layout mode
- Add content to a layout cell
- Clear cell heights
- Resize and move layout cells and tables
- Format layout cells and tables
- Set column width
- Set preferences for Layout mode
- Using Frames
- How frames and framesets work
- Deciding whether to use frames
- Nested framesets
- Work with framesets in the Document window
- Create frames and framesets
- Select frames and framesets
- Open a document in a frame
- Save frame and frameset files
- View and set frame properties and attributes
- View and set frameset properties
- Control frame content with links
- Provide content for browsers without frame support
- Using JavaScript behaviors with frames
- Chapter 8: Adding content to pages
- Working with pages
- About working with pages
- About setting page properties
- Converting active content
- Understanding document encoding
- Set page properties
- Select and view elements in the Document window
- Specify HTML instead of CSS
- Set the HTML Appearance page properties
- Web-safe colors
- Use the color picker
- Zoom in and out
- Using JavaScript behaviors to detect browsers and plug-ins
- Set download time and size preferences
- Set browser preview preferences
- Save and revert web pages
- Adding and formatting text
- About inserting text
- Add text to a document
- Insert special characters
- Add space between characters
- Create bulleted and numbered lists
- Search for and replace text
- Define abbreviations and acronyms
- Set copy and paste preferences
- Check and correct spelling
- Import tabular data
- Import Microsoft Office documents (Windows only)
- Create a link to a Word or Excel document
- About formatting text (CSS versus HTML)
- Using the Property inspector to format text
- Set text properties in the Property inspector
- Format paragraphs
- Change the color of text
- Align text
- Indent text
- Add paragraph spacing
- Use horizontal rules
- Apply font styles
- Rename a style
- Modify font combinations
- Insert dates
- Adding and modifying images
- About images
- Insert an image
- Edit images in Dreamweaver
- Insert an image placeholder
- Set image placeholder properties
- Replace an image placeholder
- Align an image
- Visually resize an image
- Crop an image
- Optimize an image
- Adjust the brightness and contrast of an image
- Sharpen an image
- Create a rollover image
- Use an external image editor
- Applying behaviors to images
- Inserting Flash content
- About Flash file types
- Insert and preview Flash content
- Create and insert a Flash button
- Modify a Flash button object
- Preview a Flash button object in the document
- Insert a Flash text object
- Downloading and installing Flash elements
- Insert Flash elements
- Edit Flash elements
- Use the Image Viewer Flash element
- Insert FlashPaper documents
- Adding Flash Video content
- Adding Sound
- Adding other media objects
- Insert and edit media objects
- Start an external editor for media files
- Specify the editor to start from Dreamweaver
- Use Design Notes with media objects
- Insert Shockwave movies
- Add video (non-Flash)
- Insert Netscape Navigator plug-in content
- Troubleshooting Netscape Navigator plug-ins
- Insert an ActiveX control
- Insert a Java applet
- Using behaviors to control media
- Use parameters to control media objects
- Working with pages
- Chapter 9: Linking and navigation
- About linking and navigation
- Linking
- Linking files and documents
- Attaching JavaScript behaviors to links
- Link to documents using the Property inspector
- Link to documents using the Point-To-File icon
- Link documents using the site map
- Add a link using the Hyperlink command
- Set the relative path of new links
- Link to a specific place in a document
- Create an e-mail link
- Create null and script links
- Update links automatically
- Manage links in the site map
- Change a link sitewide
- Test links in Dreamweaver
- Jump menus
- Navigation bars
- Image maps
- Troubleshooting links
- Chapter 10: Previewing pages
- Chapter 11: Working with page code
- About coding in Dreamweaver
- Setting up your coding environment
- Customizing the coding environment
- Writing and editing code
- Use code hints
- Edit a server-language tag with the Property inspector
- Work with code snippets
- Insert code with the Coding toolbar
- Insert code with the Insert bar
- Insert tags with the Tag Chooser
- Edit tags with Tag editors
- Indent code blocks
- Copy and paste code
- Insert HTML comments
- Go to a JavaScript or VBScript function
- Search for tags, attributes, or text in code
- Save and recall search patterns
- Change code selections
- Use language-reference material
- Print code
- Collapsing code
- Optimizing and debugging code
- Editing code in Design view
- About editing code in Design view
- Selecting child tags in Design view
- Edit code with the Property inspector
- Edit CFML with the Property inspector
- Change attributes with the Tag inspector
- Quick Tag Editor overview
- Edit code with the Quick Tag Editor
- Use the hints menu in the Quick Tag Editor
- Edit code with the tag selector
- Write and edit scripts in Design view
- Edit scripts on the page by using the Property inspector
- Using JavaScript behaviors
- Working with head content for pages
- Working with server-side includes
- Managing tag libraries
- Importing custom tags into Dreamweaver
- Chapter 12: Adding JavaScript behaviors
- Using JavaScript behaviors
- Applying built-in Dreamweaver behaviors
- Using built-in behaviors
- Apply the Call JavaScript behavior
- Apply the Change Property behavior
- Apply the Check Browser behavior
- Apply the Check Plugin behavior
- Apply the Control Shockwave Or Flash behavior
- Apply the Drag AP Element behavior
- Gathering information about the draggable AP element
- Apply the Go To URL behavior
- Apply the Jump Menu behavior
- Apply the Jump Menu Go behavior
- Apply the Open Browser Window behavior
- Apply the Play Sound behavior
- Apply the Popup Message behavior
- Apply the Preload Images behavior
- Apply the Set Nav Bar Image behavior
- Apply the Set Text Of Frame behavior
- Apply the Set Text Of Container behavior
- Apply the Set Text Of Status Bar behavior
- Apply the Set Text Of Text Field behavior
- Apply the Show-Hide Elements behavior
- Apply the Show Pop-Up Menu behavior
- Add, remove, and rearrange pop-up menu items
- Format a pop-up menu
- Position a pop-up menu in a document
- Modify a pop-up menu
- Apply the Swap Image behavior
- Apply the Validate Form behavior
- Chapter 13: Working with other applications
- Cross-application integration
- Working with Fireworks
- Insert a Fireworks image
- Edit a Fireworks image or table from Dreamweaver
- Optimize a Fireworks image from Dreamweaver
- Use Fireworks to modify Dreamweaver image placeholders
- About Fireworks pop-up menus
- Edit Fireworks pop-up menus in Dreamweaver
- Edit a pop-up menu created in Fireworks MX 2004 or earlier
- Specify launch-and-edit preferences for Fireworks source files
- Insert Fireworks HTML code in a Dreamweaver document
- Paste Fireworks HTML code into Dreamweaver
- Update Fireworks HTML code placed in Dreamweaver
- Create a web photo album
- Working with Photoshop
- About Photoshop integration
- Working with Photoshop and Dreamweaver
- Insert a Photoshop image into your page
- Copy a Photoshop selection into your page
- Use Photoshop to edit images in Dreamweaver pages
- Reinsert a Photoshop image from Dreamweaver
- Recopy a Photoshop image selection
- Choose image optimization settings
- Optimization settings
- Working with Flash
- Working with Bridge
- Working with Device Central
- Chapter 14: Creating and managing templates
- About Dreamweaver templates
- Recognizing templates and template-based documents
- Creating a Dreamweaver template
- Creating editable regions
- Creating repeating regions
- Using optional regions
- Defining editable tag attributes
- Creating a nested template
- Editing, updating, and deleting templates
- Exporting and importing template content
- Applying or removing a template from an existing document
- Editing content in a template-based document
- Template syntax
- Setting authoring preferences for templates
- Chapter 15: Displaying XML data
- About XML and XSLT
- Performing XSL transformations on the server
- Workflow for performing server-side XSL transformations
- Create an XSLT page
- Convert HTML pages to XSLT pages
- Attach XML data sources
- Display XML data in XSLT pages
- Display repeating XML elements
- Insert XSLT fragments in dynamic pages
- Delete XSLT fragments from dynamic pages
- Edit XSL Transformation server behaviors
- Create a dynamic link
- Applying styles to XSLT fragments
- Use parameters with XSL transformations
- Create and edit conditional XSLT regions
- Insert XSL comments
- Use the XPath Expression Builder to add expressions for XML data
- Troubleshooting XSL transformations
- Performing XSL transformations on the client
- Missing character entities
- Chapter 16: Building Spry pages visually
- About the Spry framework
- Adding Spry widgets
- Working with the Accordion widget
- Working with the Menu Bar widget
- About the Menu Bar widget
- Insert the Menu Bar widget
- Add or delete menus and submenus
- Change the order of menu items
- Change the text of a menu item
- Link a menu item
- Create a tool tip for a menu item
- Assign a target attribute for a menu item
- Turn off styles
- Change the orientation of a Menu Bar widget
- Customize the Menu Bar widget
- Working with the Collapsible Panel widget
- Working with the Tabbed Panels widget
- Working with the Validation Text Field widget
- About the Validation Text Field widget
- Insert the Validation Text Field widget
- Specify a validation type and format
- Specify when validation occurs
- Specify a minimum and maximum number characters
- Specify minimum and maximum values
- Display widget states in Design view
- Change required status of a text field
- Create a hint for a text field
- Block invalid characters
- Customize the Validation Text Field widget
- Working with the Validation Text Area widget
- About the Validation Text Area widget
- Insert the Validation Text Area widget
- Specify when validation occurs
- Specify a minimum and maximum number of characters
- Add a character counter
- Display widget states in Design view
- Change required status of a text area
- Create a hint for a text area
- Block extra characters
- Customize the Validation Text Area widget
- Working with the Validation Select widget
- Working with the Validation Checkbox widget
- Displaying data with Spry
- Adding Spry effects
- Chapter 17: Preparing to build dynamic sites
- Understanding web applications
- Installing a local web server
- Setting up a web application
- What you need to build web applications
- Choosing your application server
- Installing a ColdFusion application server
- Install a PHP application server
- Installing an ASP application server
- Install an ASP.NET application server
- Installing a JSP application server
- Creating a root folder for the application
- About defining a Dreamweaver site
- Database connections for ColdFusion developers
- Database connections for ASP developers
- Database connections for PHP developers
- Database connections for ASP.NET developers
- Database connections for JSP developers
- About JSP database connections
- JDBC connection parameters
- Obtaining a JDBC driver for your database
- Create a JSP database connection
- Connecting through an ODBC driver
- Checking for the ODBC driver
- Installing the Sun JDBC-ODBC Bridge driver
- Create an ODBC connection
- Edit or delete a database connection
- Troubleshooting database connections
- Removing connection scripts
- Chapter 18: Data sources for web applications
- Chapter 19: Making pages dynamic
- Optimizing the workspace for visual development
- Displaying web-application development panels
- View your database within Dreamweaver
- Previewing dynamic pages in a browser
- Restrict database information displayed in Dreamweaver
- Set the Property inspector for ColdFusion stored procedures, ASP commands, and JSP callables
- Set the Property inspector for JSP prepared statements
- Input Name options
- Designing dynamic pages
- Dynamic content sources overview
- Dynamic content panels
- Defining sources of dynamic content
- Define a recordset without writing SQL
- Define an advanced recordset by writing SQL
- Create SQL queries using the Database Items tree
- Define URL parameters
- Define form parameters
- Define session variables
- Define application variables for ASP and ColdFusion
- Use a variable as a data source for a ColdFusion recordset
- Define server variables
- Cache content sources
- Change or delete content sources
- Copy a recordset from one page to another page
- Adding dynamic content to pages
- Changing dynamic content
- Displaying database records
- About database records
- Server behaviors and formatting elements
- Applying typographic and page layout elements to dynamic data
- Navigating database recordset results
- Create a recordset navigation bar
- Custom recordset navigation bars
- Navigation bar design tasks
- Display and hide regions based on recordset results
- Display multiple recordset results
- Create a dynamic table
- Create record counters
- Use predefined data formats
- Viewing live data
- Using web services
- About web services
- The Dreamweaver web service workflow
- Finding web service publishers
- Web service software components
- Web service references
- About proxy generators
- Obtaining additional proxy generators
- Configure a proxy generator to work with Dreamweaver
- Add a web service proxy using the WSDL description
- Add a web service to a page
- Add a web service using a proxy class
- Adding custom server behaviors
- About custom server behaviors
- Custom server behaviors workflow
- Use the Server Behavior Builder
- Creating code blocks
- Positioning a code block
- Repeating code blocks with the loop directive
- Request a parameter for the server behavior
- Edit and modify server behaviors
- Coding guidelines
- Testing server behaviors
- Creating forms
- About forms
- Client-side role of forms
- Form objects
- Create an HTML form
- About dynamic form objects
- Insert or change a dynamic HTML form menu
- Make existing HTML form menus dynamic
- Display dynamic content in HTML text fields
- Set the Dynamic Text Field dialog box options
- Dynamically preselect an HTML check box
- Dynamically preselect an HTML radio button
- Validate HTML form data
- Attach JavaScript behaviors to HTML form objects
- Attach custom scripts to HTML form buttons
- Create accessible HTML forms
- Optimizing the workspace for visual development
- Chapter 20: Building applications visually
- Building master and detail pages (all servers)
- About master and detail pages
- Build a master page
- Create links to the detail page
- Find and display the requested record on the detail page
- Create a link to open a related page (ASP, JSP)
- Find a specific record and display it on a page (ASP, JSP)
- Build master and detail pages in one operation (ColdFusion, ASP, JSP, PHP)
- Building search and results pages (ColdFusion, ASP, JSP, PHP)
- About search and results pages
- Build the search page (ColdFusion, ASP, JSP, PHP)
- Build a basic results page (ColdFusion, ASP, JSP, PHP)
- Build an advanced results page (ColdFusion, ASP, JSP, PHP)
- Display the search results (ColdFusion, ASP, JSP, PHP)
- Create a detail page for a results page (ColdFusion, ASP, JSP, PHP)
- Building a database search page (ASP.NET)
- About a database search page (ASP.NET)
- Add the search controls (ASP.NET)
- Search with only one search parameter (ASP.NET)
- Search with multiple search parameters (ASP.NET)
- Display the results in a DataGrid (ASP.NET)
- Hide the DataGrid the first time the page loads (ASP.NET)
- Creating a detail page (ASP.NET)
- Building a record insert page (all servers)
- Building pages to update a record (all servers)
- Building pages to delete a record (all servers)
- Building pages with advanced data manipulation objects (ColdFusion, ASP, ASP.NET, JSP)
- Building a registration page (ColdFusion, ASP, JSP, PHP)
- About registration pages
- Storing login information about users (ColdFusion, ASP, JSP, PHP)
- Add an HTML form for selecting a user name and password (ColdFusion, ASP, JSP, PHP)
- Update the database table of users (ColdFusion, ASP, JSP, PHP)
- Add a server behavior to ensure a unique user name (ColdFusion, ASP, JSP, PHP)
- Building a login page (ColdFusion, ASP, JSP, PHP)
- Building a page only authorized users can access (ColdFusion, ASP, JSP, PHP)
- Securing a folder in your application (ColdFusion)
- Using ColdFusion components (ColdFusion)
- About ColdFusion components
- Components panel overview (ColdFusion)
- Create or delete a CFC in Dreamweaver
- View CFCs in Dreamweaver
- Edit CFCs in Dreamweaver
- Build web pages that use CFCs
- Define a recordset in a CFC
- Use a CFC recordset as a source of dynamic content
- Define dynamic content by using a CFC
- Using JavaBeans (JSP)
- Building master and detail pages (all servers)
- Chapter 21: Building ASP.NET and ColdFusion forms
- Building ColdFusion MX 7 forms
- About the ColdFusion enhancements
- Enable the ColdFusion enhancements
- Create ColdFusion forms
- Insert ColdFusion form controls
- Insert ColdFusion text fields
- Insert ColdFusion hidden fields
- Insert ColdFusion text areas
- Insert ColdFusion buttons
- Insert ColdFusion check boxes
- Insert ColdFusion radio buttons
- Insert ColdFusion select boxes
- Insert ColdFusion image fields
- Insert ColdFusion file fields
- Insert ColdFusion date fields
- Modify ColdFusion form controls
- Validate ColdFusion form data
- Building ASP.NET forms
- Add ASP.NET form controls to a page
- Modify the properties or events of ASP.NET form controls
- Create a dynamic ASP.NET menu
- Make an existing ASP.NET menu dynamic
- Display dynamic content in an ASP.NET TextBox control
- Dynamically preselect ASP.NET CheckBox controls
- Insert an ASP.NET CheckBoxList control
- Insert an ASP.NET RadioButtonList control
- Preselect an item in an ASP.NET RadioButtonList control
- Preselect an ASP.NET RadioButton control
- Creating ASP.NET DataGrid and DataList web controls
- Comparing the ASP.NET DataGrid and DataList controls
- About the ASP.NET DataGrid web control
- Add an ASP.NET DataGrid control to a page
- Add an ASP.NET DataList control to a page
- Modify an ASP.NET DataGrid or DataList control
- Specify and format a data source field in a DataGrid
- Design a custom layout for a free-form DataGrid column
- Display data as a hyperlink in a DataGrid
- Allow users to edit in DataGrid rows
- Allow users to delete a row in a DataGrid
- Building ColdFusion MX 7 forms
- Chapter 22: Automating tasks
- Chapter 23: Accessibility
- Chapter 24: Shortcuts and extensions
- Index