Home Page Icon
Home Page
Table of Contents for
VII. Extending Dreamweaver
Close
VII. Extending Dreamweaver
by Joseph W. Lowery
Dreamweaver® CS3 Bible
Copyright
About the Author
About the Instructional Designer
Credits
Acknowledgments
Introduction
Who Should Read This Book?
What Hardware and Software Do You Need?
Macintosh
Windows
How This Book Is Organized
Part I — Laying the Groundwork in Dreamweaver CS3
Part II — Designing and Crafting Core Pages
Part III — Adding Advanced Design Features
Part IV — Incorporating Dynamic Data
Part V — Including Multimedia Elements
Part VI — Enhancing Productivity and Web Site Management
Part VII — Extending Dreamweaver
Appendix
Conventions Used in This Book
Windows and Macintosh Conventions
Key Combinations
Mouse Instructions
Menu Commands
Typographical Conventions
Code
Navigating This Book
Further Information
I. Laying the Groundwork in Dreamweaver CS3
1. What's New in Dreamweaver CS3
1.1. Web 2.0 Spoken Here
1.2. Adobe Connectivity
1.3. CSS Enhancements
1.4. Program-Wide Improvements
1.5. Summary
2. Introducing Dreamweaver CS3
2.1. The Dynamic World of Dreamweaver
2.1.1. Connecting to the world's data
2.1.2. True data representation
2.1.3. Integrated visual and text editors
2.1.4. World-class code editing
2.1.5. Roundtrip HTML
2.1.6. Web site maintenance tools
2.1.7. Team-oriented site building
2.2. The Dreamweaver Interface
2.2.1. Easy text entry
2.2.2. Drag-and-drop data fields
2.2.3. One-stop object modification
2.2.4. Accessing and managing resources
2.2.5. Complete custom environment
2.2.6. Managing keyboard shortcuts
2.2.7. Simple selection process
2.2.8. Enhanced layout options
2.2.9. Plugin media preview
2.2.10. Extended find and replace
2.3. Up-to-Date Code Standards
2.3.1. Cutting-edge CSS support
2.3.2. Addressing accessibility
2.3.3. Straightforward text and graphics support
2.3.4. Enhanced table capabilities
2.3.5. Easy form entry
2.3.6. Click-and-drag frame setup
2.3.7. Multimedia enhancements
2.4. Next-Generation Features
2.4.1. Ajax spoken here
2.4.2. Dynamic style updates
2.4.3. Photoshop, Flash, and Fireworks integration
2.4.4. Server-side behaviors
2.4.5. XML and XSLT integration
2.4.6. CSS layout control
2.4.7. JavaScript behaviors
2.5. Program Extensibility
2.5.1. Objects and behaviors
2.5.2. Server Behavior Builder
2.5.3. Commands and floating panels
2.5.4. Adjustable Insert bars
2.5.5. Custom tags, translators, and Property inspectors
2.6. Automation Enhancements
2.6.1. Rapid application development with Application objects
2.6.2. Importing Office documents
2.6.3. Reference panel
2.6.4. History panel
2.7. Site Management Tools
2.7.1. Object libraries
2.7.2. Supercharged templates
2.7.3. Browser targeting
2.7.4. Converting Web pages
2.7.5. Verifying links
2.7.6. FTP publishing
2.7.7. Site Map
2.7.8. File Check In/Check Out
2.8. Summary
3. Touring Dreamweaver
3.1. Choosing a Workspace Layout
3.2. Viewing the Document Window
3.2.1. Switching views in the Document window
3.2.1.1. Design and Code views
3.2.1.2. Live Data view
3.2.2. Working with the status bar
3.2.2.1. Tag Selector
3.2.2.2. Select, Hand, and Zoom tools
3.2.2.3. Window Size pop-up menu
3.2.2.4. Download Indicator
3.3. Accessing the Toolbars
3.3.1. The Document toolbar
3.3.1.1. Managing files
3.3.1.2. Previewing your file
3.3.1.3. Easy refresh and viewing options
3.3.1.4. Checking for browser errors
3.3.2. The Standard toolbar
3.3.3. The Style Rendering toolbar
3.3.4. The Coding toolbar
3.3.5. The Live Data toolbar
3.4. Selecting from the Insert Bar
3.4.1. Common objects
3.4.2. Layout objects
3.4.3. Forms objects
3.4.4. Data objects
3.4.5. Spry objects
3.4.6. Text objects
3.4.7. Favorites
3.4.8. ASP objects
3.4.9. ASP.NET objects
3.4.10. CFML objects
3.4.11. JSP objects
3.4.12. PHP objects
3.4.13. XSLT objects
3.5. Getting the Most Out of the Property Inspector
3.5.1. Manipulating the Property inspector
3.5.2. Property inspector elements
3.6. Customizing Your Workspace with Dockable Panels
3.6.1. Hiding and showing panels
3.6.2. Customizing panel groups
3.7. Accessing the Menus
3.8. Summary
4. Setting Your Preferences
4.1. Customizing Your Environment
4.1.1. General preferences
4.1.1.1. Document options
4.1.1.1.1. Open Documents In Tabs option
4.1.1.1.2. Always Show Tabs option
4.1.1.1.3. Show Welcome Screen option
4.1.1.1.4. Reopen Documents On Startup option
4.1.1.1.5. Warn When Opening Read-Only Files option
4.1.1.1.6. Update Links option
4.1.1.2. Editing options
4.1.1.2.1. Show Dialog When Inserting Objects option
4.1.1.2.2. Enable Double-Byte Inline Input option
4.1.1.2.3. Switch To Plain Paragraph After Heading option
4.1.1.2.4. Allow Multiple Consecutive Spaces option
4.1.1.2.5. Use <strong> And <em> In Place Of And option
4.1.1.2.6. Use CSS Instead Of HTML Tags option
4.1.1.2.7. Warn When Placing Editable Regions Within <p> Or <h1>-<h6> Tags option
4.1.1.2.8. Centering option
4.1.1.2.9. Maximum Number Of History Steps option
4.1.1.2.10. Spelling Dictionary option
4.1.2. Preferences for invisible elements
4.1.3. Highlighting preferences
4.1.4. Status Bar preferences
4.1.4.1. Window Sizes option
4.1.4.2. Connection Speed option
4.1.5. File Types / Editors preferences
4.1.5.1. Open In Code View option
4.1.5.2. External Code Editor option
4.1.5.3. Enable BBEdit Integration (Macintosh only) option
4.1.5.4. Reload Modified Files option
4.1.5.5. Save On Launch option
4.1.5.6. Fireworks option
4.1.5.7. Defining editors for different file types
4.1.6. Copy/Paste preferences
4.1.7. New Document preferences
4.1.7.1. Default Document option
4.1.7.2. Default Extension option
4.1.7.3. Default Document Type (DTD) option
4.1.7.4. Encoding options
4.1.7.5. Show New Document Dialog Box On Control+N option
4.2. Adjusting Advanced Features
4.2.1. Accessibility preferences
4.2.1.1. Show Attributes When Inserting option
4.2.1.2. Keep Focus In The Panel When Opening option (Windows Only)
4.2.1.3. Offscreen Rendering option (Windows only)
4.2.2. Layout Mode preferences
4.2.3. AP Elements preferences
4.2.3.1. Visibility option
4.2.3.2. Width and Height options
4.2.3.3. Background Color option
4.2.3.4. Background Image option
4.2.3.5. Nesting option
4.2.3.6. Netscape 4 Compatibility option
4.2.4. CSS Styles preferences
4.3. Making Online Connections
4.3.1. Site preferences
4.3.1.1. Always Show Local/Remote Files On The Right/Left option
4.3.1.2. Dependent Files options
4.3.1.3. FTP Connection: Disconnect After __ Minutes Idle option
4.3.1.4. FTP Time Out option
4.3.1.5. FTP Transfer options: Select Default Action In Dialogs After __ Seconds
4.3.1.6. Firewall Host and Firewall Port options
4.3.1.7. Put options
4.3.1.8. Move options
4.3.1.9. Manage Sites button
4.3.2. Preview In Browser preferences
4.4. Customizing Your Code
4.4.1. Fonts preferences
4.4.2. Code Hints preferences
4.4.2.1. Close Tags option
4.4.2.2. Options: Enable Code Hints
4.4.3. Code Rewriting preferences
4.4.3.1. Fix Invalidly Nested And Unclosed Tags option
4.4.3.2. Rename Form Items When Pasting option
4.4.3.3. Remove Extra Closing Tags option
4.4.3.4. Warn When Fixing Or Removing Tags option
4.4.3.5. Never Rewrite Code preferences
4.4.3.6. Special Character Encoding preferences
4.4.3.7. URL Encoding preferences
4.4.3.8. Active Content preferences
4.4.4. Code Coloring preferences
4.4.5. Code Format preferences
4.4.5.1. Indent Control options
4.4.5.2. Line Control option
4.4.5.3. Case Control options
4.4.5.4. CSS Source Format preferences
4.4.6. Validator preferences
4.5. Summary
5. Setting Up Sites and Servers
5.1. Planning Your Site
5.1.1. Primary considerations
5.1.1.1. Deciding what you want to say
5.1.1.2. Targeting your audience
5.1.1.3. Determining your resources
5.1.2. Design options
5.1.2.1. The linear approach
5.1.2.2. The hierarchical model
5.1.2.3. The spoke-and-hub model
5.1.2.4. The full Web design
5.2. Mapping Dynamic Pages for Web Applications
5.3. Defining a Site
5.3.1. Using the Site Definition Wizard
5.3.1.1. Defining a site that does not use a server technology
5.3.1.2. Defining a site that uses a server technology
5.3.2. Using Advanced mode
5.3.3. Establishing local connections
5.3.4. Specifying the remote site
5.3.5. Adding testing server details
5.4. Cloaking Site Folders
5.5. Managing Site Info
5.6. Working Directly with Servers
5.6.1. Establishing a siteless server connection
5.6.2. Accessing server files
5.7. Creating and Saving New Pages
5.7.1. Starting Dreamweaver
5.7.2. Opening existing files
5.7.3. Opening a new file
5.7.4. Saving your file
5.7.5. Saving to remote servers
5.7.6. Closing the file
5.7.7. Quitting the program
5.8. Creating New Documents
5.8.1. Using the New Document dialog box
5.8.2. Creating a new default document
5.9. Previewing Your Web Pages
5.10. Putting Your Pages Online
5.10.1. Transferring with FTP
5.10.2. Using the FTP Log panel
5.11. Summary
II. Designing and Crafting Core Pages
6. Accessing the Code Directly
6.1. The Structure of a Web Page
6.2. Expanding into XHTML
6.3. doctype and doctype Switching
6.4. Defining <head> Elements
6.4.1. Establishing Page Properties
6.4.1.1. Appearance
6.4.1.2. Links
6.4.1.3. Headings
6.4.1.4. Title/Encoding
6.4.1.5. Tracing Image
6.4.2. Understanding <meta> and other <head> tags
6.4.2.1. Inserting tags with the Meta object
6.4.2.2. Aiding search engines with the Keywordsand Description objects
6.4.2.3. Refreshing the page and redirecting users
6.4.2.4. Changing bases
6.4.2.5. Linking to other files
6.5. Adding to the <body>
6.5.1. Logical styles
6.5.2. Physical styles
6.6. Working with Code View and the Code Inspector
6.6.1. Enabling Code view options
6.6.2. Printing code
6.7. Using the Coding Toolbar
6.7.1. Code collapse
6.7.2. Code selection and highlight
6.7.3. Commenting code
6.7.4. Manipulating CSS
6.7.5. Other Coding toolbar functions
6.8. Enhancing Code Authoring Productivity
6.8.1. Code Hints and Tag Completion
6.8.2. Modifying blocks of code
6.8.3. Inserting code with the Tag Chooser
6.9. Adding Code through the Snippets Panel
6.10. Using the Reference Panel
6.11. Modifying Code with the Tag Inspector
6.12. Rapid Tag Modification with the Quick Tag Editor
6.12.1. Insert HTML mode
6.12.2. Wrap Tag mode
6.12.3. Edit Tag mode
6.13. Adding Java Applets
6.14. Adding JavaScript and VBScript
6.14.1. Inserting JavaScript and VBScript
6.14.2. Editing JavaScript and VBScript
6.15. Validating Your Page
6.16. Inserting Symbols and Special Characters
6.16.1. Named characters
6.16.2. Decimal characters and UTF-8 encoding
6.16.3. Using the Character objects
6.17. Summary
7. Building Style Sheet Web Pages
7.1. Understanding Cascading Style Sheets
7.1.1. Grouping properties
7.1.2. Inheritance of properties
7.1.3. Cascading characteristics
7.1.4. Defining new class and ID selectorsfor extended design control
7.1.5. Specificity
7.1.6. How styles are applied
7.1.6.1. External style sheets
7.1.6.2. Embedded styles
7.1.6.3. Inline styles
7.2. Working with the CSS Styles Panel
7.2.1. All mode
7.2.2. Current mode
7.3. Creating and Applying a Style Sheet in Dreamweaver
7.3.1. Automatically created styles
7.3.2. Applying styles through the Property inspector
7.3.3. Attaching an external style sheet
7.3.3.1. Choosing a media type
7.3.3.2. Rendering different styles
7.3.4. Applying, changing, and removing a style
7.3.4.1. Changing styles
7.3.4.2. Removing applied styles
7.3.5. Defining new rules
7.3.5.1. Class
7.3.5.2. Tag
7.3.5.3. Advanced
7.3.5.4. Descendants and other advanced selectors
7.3.6. Editing and managing style sheets
7.3.6.1. CSS Styles panel
7.3.6.2. CSS Styles panel Properties pane
7.3.6.3. Managing CSS rules
7.3.7. Debugging your applied CSS
7.4. Styles and Their Attributes
7.4.1. Type options
7.4.2. Background options
7.4.3. Block options
7.4.4. Box options
7.4.5. Border options
7.4.6. List options
7.4.7. Positioning options
7.4.8. Extensions options
7.5. Design Time Style Sheets
7.6. Summary
8. Working with Text
8.1. Starting with Headings
8.2. Working with Paragraphs
8.2.1. Inserting text
8.2.2. Cutting, copying, and pasting
8.2.3. Using drag-and-drop
8.2.4. Inserting text from other text applications
8.2.5. Copying and pasting code
8.2.6. Undo, redo, and the History panel
8.3. Checking Your Spelling
8.4. Using Find and Replace
8.4.1. Finding on the visual page
8.4.2. Searching the code
8.4.2.1. Looking for text in the code
8.4.2.2. Using advanced text options in Find and Replace
8.4.2.3. Replacing HTML tags and attributes
8.4.3. Concentrating your search with regular expressions
8.4.3.1. Wildcard characters
8.4.3.2. Matching character positions and repeating characters
8.4.3.3. Matching character ranges
8.4.3.4. Using grouping with regular expressions
8.5. Controlling Whitespace
8.5.1. Indenting text
8.5.2. Working with preformatted text
8.5.3. The <br> tag
8.6. Working with Microsoft Office Documents
8.6.1. Copying and pasting Office content
8.6.2. Importing Office documents
8.6.3. Dragging and dropping Word and Excel files
8.6.4. Importing Word HTML
8.7. Styling Your Text
8.7.1. Depicting various styles
8.7.2. Using the <address> tag
8.7.3. Adding abbreviations and acronyms
8.8. Modifying Text Format
8.8.1. Adjusting font size
8.8.1.1. Sizing with CSS
8.8.1.2. Applying <font> sizes
8.8.2. Absolute size
8.8.3. Relative size
8.8.4. Adding font color
8.8.5. Assigning a specific font
8.8.5.1. About HTML fonts
8.8.5.2. Selecting a font
8.8.5.3. Editing the font list
8.8.6. Aligning text
8.8.7. Indenting entire paragraphs
8.9. Incorporating Dates
8.10. Commenting Your Code
8.11. Summary
9. Inserting Images
9.1. Web Graphic Formats
9.1.1. GIF
9.1.2. JPEG
9.1.3. PNG
9.2. Using Inline Images
9.2.1. Inserting images
9.2.1.1. Relative to Document
9.2.1.2. Relative to Site Root
9.2.2. Dragging images from the Assets panel
9.2.3. Optimizing and altering images
9.2.3.1. Cropping graphics
9.2.3.2. Resampling after resizing
9.2.3.3. Affecting brightness and contrast
9.2.3.4. Sharpening graphic lines
9.2.3.5. Employing the Optimize Image command
9.2.3.6. Editing images
9.2.4. Modifying image attributes
9.2.4.1. Naming your image
9.2.4.2. Adjusting height and width
9.2.4.3. Using margins
9.2.4.4. Adding image descriptions
9.2.4.5. Bordering a graphic
9.2.4.6. Specifying a lowsrc
9.2.5. Working with alignment options
9.2.5.1. Horizontal alignment
9.2.5.2. Vertical alignment
9.2.5.3. Wrapping text
9.3. Adding Background Images
9.4. Dividing the Web Page with Horizontal Rules
9.5. Applying Simple Web Animation
9.6. Including Banner Ads
9.7. Inserting Rollover Images
9.8. Adding a Navigation Bar
9.9. Summary
10. Establishing Web Links
10.1. Understanding URLs
10.2. Surfing the Web with Hypertext
10.2.1. Eliminating underlines from links
10.2.2. Inserting URLs from the Assets panel
10.2.3. Pointing to a file
10.2.4. Addressing types
10.2.5. Checking links
10.3. Adding an Email Link
10.4. Navigating with Anchors
10.4.1. Moving within the same document
10.4.2. Using named anchors in a different page
10.4.3. Creating null links
10.5. Targeting Your Links
10.6. Summary
III. Adding Advanced Design Features
11. Working with Divs and AP Elements
11.1. Divs and AP Elements 101
11.2. Placing <div> Tags
11.2.1. Defining a CSS rule for a <div> tag
11.2.2. Inserting the <div> tag
11.2.3. Visualizing <div> tags
11.2.3.1. CSS Layout Backgrounds
11.2.3.2. CSS Layout Box Model
11.2.3.3. CSS Layout Outlines
11.3. Creating AP Elements with Dreamweaver
11.3.1. Inserting an AP element object
11.3.2. Using the Insert Layout Objects AP Div option
11.3.3. Setting default characteristics of an AP element
11.3.4. Choosing relative instead of absolute positioning
11.3.4.1. Using the Relative attribute
11.3.4.2. Using nested AP elements
11.4. Modifying an AP Element
11.4.1. Selecting an AP element
11.4.2. Resizing an AP element
11.4.3. Moving an AP element
11.4.4. Using the CSS-P Property inspector
11.4.4.1. Name
11.4.4.2. Tag attribute
11.4.4.3. Visibility
11.4.4.4. Overflow
11.4.4.5. Clipping
11.4.4.6. Z-index
11.4.4.7. Background image or color
11.4.5. The AP Elements panel
11.4.5.1. Modifying properties with the AP Elements panel
11.4.5.2. Nesting with the AP Elements panel
11.4.6. Aligning AP elements
11.4.6.1. Using the ruler
11.4.6.2. Working with guides
11.4.6.2.1. Positioning and removing guides
11.4.6.2.2. Displaying guide measurements
11.4.6.2.3. Locking and snapping guides
11.4.6.2.4. Precise guide placement
11.4.6.2.5. Editing guide settings
11.4.6.2.6. Showing the browser window fold
11.4.6.3. Aligning objects with the grid
11.4.7. Adding elements to an AP element
11.4.8. Forms and AP elements
11.5. Creating Your Page Design with AP Elements
11.5.1. Using the Tracing Image
11.5.1.1. Adding the Tracing Image to your page
11.5.1.2. Moving the Tracing Image
11.5.2. Preventing overlaps
11.6. Activating AP Elements with Behaviors
11.6.1. Drag AP Element
11.6.2. Set Text of Container
11.6.3. Show-Hide Elements
11.7. Creating a Loading AP Element
11.8. Summary
12. Using Behaviors
12.1. Understanding Behaviors, Events, and Actions
12.2. Attaching a Behavior
12.2.1. Using the Behaviors panel
12.2.2. Adding a behavior
12.2.3. Managing events
12.2.4. Standard actions
12.2.4.1. Call JavaScript
12.2.4.2. Change Property
12.2.4.3. Check Plugin
12.2.4.4. Drag AP Element
12.2.4.5. Go to URL
12.2.4.6. Open Browser Window
12.2.4.7. Play Sound
12.2.4.8. Popup Message
12.2.4.9. Preload Images
12.2.4.10. Set Nav Bar Image
12.2.4.11. Set Text of Container
12.2.4.12. Set Text of Frame
12.2.4.13. Set Text of Status Bar
12.2.4.14. Set Text of Text Field
12.2.4.15. Show-Hide Elements
12.2.4.16. Swap Image and Swap Image Restore
12.2.4.17. Timelines: Go To Timeline Frame, Play Timeline, and Stop Timeline
12.2.4.18. Validate Form
12.2.5. New Adobe effects in Dreamweaver CS3
12.2.5.1. Appear/Fade
12.2.5.2. Blind
12.2.5.3. Grow/Shrink
12.2.5.4. Highlight
12.2.5.5. Shake
12.2.5.6. Slide
12.2.5.7. Squish
12.2.6. Deprecated behaviors
12.2.6.1. Check Browser
12.2.6.2. Control Shockwave or Flash
12.2.6.3. Show Pop-Up Menu/Hide Pop-Up Menu
12.2.6.4. Jump Menu and Jump Menu Go
12.3. Installing, Managing, and Modifying Behaviors
12.3.1. Altering the parameters of a behavior
12.3.2. Sequencing behaviors
12.3.3. Deleting behaviors
12.4. Summary
13. Setting Up Tables
13.1. HTML Table Fundamentals
13.1.1. Rows
13.1.2. Cells
13.1.3. Column and row headings
13.2. Inserting Tables in Dreamweaver
13.3. Modifying Tables
13.3.1. Selecting table elements
13.3.1.1. Selecting in Expanded Tables mode
13.3.1.2. Selecting an entire table
13.3.1.3. Selecting a row or column
13.3.1.4. Selecting cells
13.3.2. Editing a table's contents
13.3.2.1. Moving through a table
13.3.2.2. Cutting, copying, and pasting in tables
13.3.2.2.1. Copying attributes and contents
13.3.2.2.2. Copying contents only
13.3.3. Working with table properties
13.3.3.1. Setting alignment
13.3.3.2. Resizing a table
13.3.3.3. Inserting rows and columns
13.3.3.4. Deleting rows and columns
13.3.3.5. Setting table borders and backgrounds
13.3.3.6. Working with cell spacing and cell padding
13.3.3.7. Merging and splitting cells
13.3.4. Setting cell, column, and row properties
13.3.4.1. Horizontal alignment
13.3.4.2. Vertical alignment
13.3.4.3. Cell wrap
13.3.4.4. Table header cells
13.3.4.5. Cell width and height
13.3.4.6. Color elements
13.4. Sorting Tables
13.5. Importing Tabular Data
13.6. Designing with Layout Mode
13.6.1. Drawing cells and tables
13.6.2. Modifying layouts
13.6.2.1. Changing layout cell properties
13.6.2.2. Changing layout table properties
13.6.2.3. Altering column widths
13.7. Summary
14. Interactive Forms
14.1. How HTML Forms Work
14.2. Inserting a Form in Dreamweaver
14.3. Using Text Fields
14.3.1. Inserting text fields
14.3.2. Creating password fields
14.3.3. Inserting multiline text areas
14.4. Providing Checkboxes and Radio Buttons
14.4.1. Checkboxes
14.4.2. Radio buttons
14.5. Creating Form Lists and Menus
14.5.1. Drop-down menus
14.5.2. Menu values
14.5.3. Scrolling lists
14.6. Navigating with a Jump Menu
14.6.1. Modifying a jump menu
14.6.2. Activating Go buttons
14.7. Activating Your Form with Buttons
14.7.1. Submit, Reset, and Command buttons
14.7.2. Graphical buttons
14.8. Using Hidden and File Fields
14.8.1. The hidden input type
14.8.2. The file input type
14.9. Improving Accessibility
14.10. Styling Forms with CSS
14.10.1. Encompassing the form
14.10.2. Altering input fields
14.10.3. Distinguishing lists and menus
14.10.4. Changing labels and legends
14.10.5. Highlighting focus
14.11. Summary
15. Creating Lists
15.1. Creating Unordered (Bulleted) Lists
15.1.1. Editing unordered lists
15.1.2. List tags
15.1.3. Using other bullet symbols
15.1.4. Styling lists with CSS
15.2. Mastering Ordered (Numbered) Lists
15.2.1. Editing ordered lists
15.2.2. Using other numbering styles
15.3. Creating Navigation Buttons from Lists
15.3.1. Step 1: Preparing background graphics
15.3.2. Step 2: Creating the list and containing <div>
15.3.3. Step 3: Building the CSS styles
15.3.4. Step 4: Applying the CSS
15.4. Making Definition Lists
15.5. Using Nested Lists
15.6. Accessing Special List Types
15.6.1. Menu lists
15.6.2. Directory lists
15.7. Summary
16. Using Frames and Framesets
16.1. Frames and Framesets: The Basics
16.1.1. Columns and rows
16.1.2. Sizing frames
16.2. Creating a Frameset and Frames
16.2.1. Creating a new frameset file
16.2.2. Hand-coding framesets
16.2.3. Creating a frameset visually
16.2.4. Creating framesets quickly with frame objects
16.3. Adding More Frames
16.3.1. Using the menus
16.3.2. Using the Mouse
16.4. Selecting, Saving, and Closing Framesets
16.4.1. Selecting framesets and frames
16.4.2. Saving framesets and frames
16.4.3. Closing framesets
16.5. Working with the Frameset Property Inspector
16.5.1. Resizing frames in a frameset
16.5.2. Manipulating frameset borders
16.5.2.1. Enabling borders
16.5.2.2. Border color options
16.6. Modifying a Frame
16.6.1. Page properties
16.6.2. Working with the Frame Property inspector
16.6.2.1. Naming your frames
16.6.2.2. Opening a web page into a frame
16.6.2.3. Setting borders
16.6.2.4. Adding scroll bars
16.6.2.5. Resizing
16.6.2.6. Setting margins
16.6.3. Modifying content
16.6.4. Deleting frames
16.7. Targeting Frame Content
16.7.1. Targeting sections of your frameset
16.7.2. Targeting specific frames in your frameset
16.7.3. Updating two or more frames at once
16.8. Handling Frameless Browsers
16.9. Investigating Iframes
16.10. Summary
17. Working with Timelines
17.1. Into the Fourth Dimension with Timelines
17.1.1. A few ground rules
17.2. Creating Animations with Timelines
17.3. Adding AP Elements and Images to the Timelines Panel
17.4. Modifying a Timeline
17.4.1. Altering the animation bars
17.4.2. Using the Timeline controls
17.4.2.1. Autoplay
17.4.2.2. Looping
17.4.3. Adding keyframes
17.4.3.1. Adding keyframes with the Add Keyframe command
17.4.3.2. Adding a keyframe with the mouse
17.4.4. Removing timeline elements
17.4.5. Changing animation speed
17.4.6. Recording an AP element's path
17.5. Triggering Behaviors in Timelines
17.6. Summary
18. Powering Ajax Pages with Spry
18.1. Understanding Ajax and Spry
18.1.1. What is Ajax?
18.1.2. What is Spry?
18.2. Integrating XML Data with Spry
18.2.1. Connecting to XML data
18.2.2. Defining Spry regions
18.2.3. Binding data to the page
18.2.4. Repeating Spry regions
18.2.5. Working with Spry tables
18.3. Enhancing Your Site with Spry Widgets
18.3.1. Validating form fields
18.3.1.1. Spry Validation Text Field
18.3.1.2. Spry Validation Textarea
18.3.1.3. Spry Validation Select
18.3.1.4. Spry Validation Checkbox
18.3.2. Extending layout options
18.3.2.1. Spry Menu Bar
18.3.2.2. Spry Tabbed Panel
18.3.2.3. Spry Accordion Panel
18.3.2.4. Spry Collapsible Panel
18.4. Spry Effects
18.5. Summary
IV. Incorporating Dynamic Data
19. Establishing Connections and Recordsets
19.1. Data Source Basics
19.2. Understanding How Active Content Pages Work
19.3. Opening a Connection to a Data Source
19.3.1. Using Data Source Names (DSN)
19.3.1.1. ASP
19.3.1.2. ColdFusion
19.3.1.3. JSP
19.3.1.4. ASP.NET and PHP
19.3.2. Specifying connection strings
19.3.2.1. DSN-less connections for ASP
19.3.2.2. OLE DB
19.3.2.3. ASP.NET and OLE DB connections
19.3.3. PHP
19.4. Managing Connections
19.5. Extracting Recordsets
19.5.1. Building simple recordsets
19.5.2. Writing advanced SQL statements
19.5.3. Working with recordsets
19.6. Summary
20. Making Data Dynamic
20.1. Working with Dynamic Text
20.1.1. Inserting dynamic text
20.1.2. Viewing dynamic data
20.2. Formatting Dynamic Data
20.2.1. Data formatting
20.2.2. Editing and creating new data formats
20.3. Making Images Dynamic
20.4. Integrating Flash and Other Dynamic Media
20.5. Summary
21. Managing Data
21.1. Displaying Data Conditionally
21.1.1. Repeating data
21.1.2. Showing and hiding page elements
21.2. Handling Record Navigation
21.2.1. Building record navigation links
21.2.2. Using Application objects for record navigation
21.2.3. Tracking record status
21.3. Navigating Recordsets with Flash Buttons
21.3.1. Step 1: Prepare the page
21.3.2. Step 2: Add the Flash buttons
21.3.3. Step 3: Include the JavaScript functions
21.3.4. Step 4: Insert the hidden variables
21.3.4.1. ASP
21.3.4.2. ColdFusion
21.3.4.3. JSP
21.3.4.4. .NET
21.4. Summary
22. Working with Live Data
22.1. Viewing Live Data
22.1.1. How Live Data works
22.1.2. Setting up for Live Data
22.1.3. Entering and exiting Live Data view
22.1.4. Making changes in Live Data
22.2. Live Data Settings
22.2.1. Getting the query string
22.2.2. Posting responses with Live Data settings
22.3. Previewing an Application in the Browser
22.4. Using the Server Debug Panel with ColdFusion
22.5. Summary
23. Crafting Multiple-Page Applications
23.1. Using the URL to Pass Parameters
23.1.1. Sending parameters
23.1.2. Receiving parameters
23.1.2.1. Filtering a detail page recordset in Simple mode
23.1.2.2. Filtering a detail page recordset in Advanced mode
23.1.2.3. Using a server behavior to filter a recordset
23.1.3. Automating Master-Detail Page production
23.2. Getting Values from a Form
23.2.1. Passing single values from a form
23.2.2. Passing multiple values from a form
23.2.3. Passing form and URL values to a related page
23.3. Establishing Dynamic Form Elements
23.3.1. Text fields
23.3.2. Checkboxes
23.3.3. Radio buttons
23.3.4. List/menus
23.4. Managing Data Sources Online
23.4.1. Inserting data
23.4.2. Updating data
23.4.3. Deleting data
23.5. Inserting Variables
23.5.1. Application and session variables
23.5.2. Request and other variables
23.6. Connecting to the Customer
23.6.1. Logging in existing customers
23.6.2. Restricting access
23.6.3. Helping users log out
23.6.4. Adding new customers
23.7. Summary
V. Including Multimedia Elements
24. Adobe Photoshop, Fireworks, and Bridge Integration
24.1. Graphics Modification Made Easy
24.2. Bringing in Photoshop Images
24.2.1. Inserting Photoshop files
24.2.2. Copying and pasting from Photoshop
24.2.3. Updating a Photoshop image
24.3. Integrating Fireworks
24.3.1. Optimizing an image in Fireworks
24.3.2. Editing an image in Fireworks
24.3.3. Replacing an image placeholder using Fireworks
24.4. Inserting Rollovers
24.4.1. Using Dreamweaver's behaviors
24.4.2. Using Fireworks' code
24.4.3. Modifying sliced images
24.5. Controlling Fireworks with Dreamweaver
24.5.1. Creating a Web photo album
24.5.2. Building Dreamweaver/Fireworks extensions
24.6. Working with Bridge
24.7. Summary
25. Inserting Flash and Shockwave Elements
25.1. Director and Flash: What's the Difference?
25.2. Including Flash and Shockwave Movies in Dreamweaver Projects
25.3. Specifying Shockwave Properties
25.3.1. Additional parameters for Shockwave
25.3.2. Automatic settings for Shockwave files
25.4. Designating Flash Attributes
25.4.1. Setting Scale in Flash movies
25.4.2. Additional parameters for Flash
25.5. Integrating Flash Elements
25.5.1. Working with the Image Viewer
25.5.1.1. Inserting the Image Viewer
25.5.1.2. Modifying parameters
25.5.2. Adding other Flash elements
25.6. Creating Flash Buttons
25.7. Working with Flash Text
25.8. Configuring MIME Types
25.9. Managing Links in Flash Movies with Dreamweaver
25.10. Triggering Behaviors from Flash Movies
25.11. Editing Flash Movies from within Dreamweaver
25.12. Summary
26. Adding Video to Your Web Page
26.1. Video on the Web
26.2. The Flash Video Revolution
26.2.1. Encoding video
26.2.2. Progressive download versus streaming
26.2.3. Inserting Flash video
26.2.3.1. Including progressive download Flash video
26.2.3.2. Adding streaming Flash video
26.2.4. Publishing Flash video files
26.2.5. Modifying Flash video parameters
26.3. Mainstream Streaming Media
26.3.1. RealMedia
26.3.2. QuickTime
26.3.3. Windows Media
26.4. Working with Video Clips
26.4.1. Linking to video
26.4.2. Embedding video
26.5. Playing Videos in Dreamweaver
26.6. Inserting QuickTime Movies
26.6.1. QuickTime versions
26.6.2. Playing QuickTime VR
26.7. Streaming with RealMedia
26.7.1. Creating RealMedia metafiles
26.7.2. Inserting RealMedia in your Web page
26.7.2.1. Using a link
26.7.2.2. Using <embed>
26.8. Summary
27. Using Audio on Your Web Page
27.1. Digital Audio Fundamentals
27.1.1. File formats
27.1.2. Making audio files lighter
27.2. MIDI Files
27.3. MP3 Mini-Primer
27.3.1. Player support
27.3.2. Encoding MP3
27.4. Linking to Audio Files
27.5. Embedding Sounds and Music
27.6. Playing Background Music
27.7. Targeting Specific Plugins
27.7.1. Windows Media Player audio
27.7.2. Using embed with ActiveX
27.8. Installing Streaming Audio
27.8.1. Working with floating or embedded RealAudio players
27.8.2. Accessing RealAudio parameters
27.9. Integrating Podcasts
27.9.1. Podcast XML feeds
27.9.2. Linking to podcasts and feeds
27.10. Summary
VI. Enhancing Productivity and Web Site Management
28. Using Dreamweaver Templates
28.1. Understanding Templates
28.2. Creating Your Own Templates
28.3. Using Editable Regions
28.3.1. Marking existing content as editable
28.3.2. Inserting a new editable region
28.3.3. Creating links in templates
28.3.3.1. Recommended linking technique
28.3.3.2. Handling special template workflows
28.3.4. Locking an editable region
28.4. Adding Content to Template Documents
28.5. Making Attributes Editable
28.6. Setting Editable Attributes
28.7. Enabling Repeating Regions
28.7.1. Modifying a repeating region
28.7.2. Constructing a repeating table
28.8. Establishing Optional Regions
28.8.1. Combining editable and optional regions
28.8.2. Setting optional region properties
28.8.3. Evaluating template expressions
28.8.3.1. Template expression language and object model
28.8.3.2. Multiple-if template expressions
28.8.4. Template expression examples
28.8.4.1. Alternating row background colors
28.8.4.2. Automatic row numbering
28.8.4.3. Computing values in a table
28.8.4.4. Sequential navigation links
28.9. Nesting Templates
28.10. Working with Templates in the Assets Panel
28.10.1. Creating a blank template
28.10.2. Opening and deleting templates
28.10.3. Applying templates
28.10.4. Mapping inconsistent template regions
28.11. Updating Templates
28.12. Removing Template Markup
28.12.1. Deleting template markup individually
28.12.2. Removing template markup from an entire page
28.12.3. Exporting a site without template markup
28.13. Changing the Default Document
28.14. Summary
29. Using Repeating Elements
29.1. Dreamweaver Library Items
29.2. Using the Library Assets Panel
29.2.1. Adding a Library item
29.2.2. Moving Library items to a new site
29.2.3. Inserting a Library item in your Web page
29.2.4. Deleting an item from the Library
29.2.5. Renaming a Library item
29.3. Editing a Library Item
29.4. Updating Your Web Sites with Libraries
29.5. Applying Server-Side Includes
29.5.1. Adding server-side includes
29.5.2. Editing server-side Includes
29.6. Summary
30. Maximizing Browser Targeting
30.1. Converting Pages in Dreamweaver
30.2. Validating Your Code
30.2.1. Setting Validator preferences
30.3. Checking Your Page for Compatibility
30.3.1. Checking your pages
30.3.1.1. Excluding page elements from error checking
30.3.1.2. Viewing and correcting errors
30.3.2. Using the results of the Browser Compatibility Check
30.4. Summary
31. Building Web Sites with a Team
31.1. Following Check In/Check Out Procedures
31.1.1. Check In/Check Out overview
31.1.2. Enabling Check In/Check Out
31.1.3. Checking files in and out
31.2. Keeping Track with Design Notes
31.2.1. Setting Up for Design Notes
31.2.2. Setting the status with Design Notes
31.2.3. Creating custom Design Notes
31.2.4. Viewing Design Notes
31.3. Browsing File View Columns
31.4. Generating Reports
31.4.1. Outputting HTML Reports
31.4.2. Using Workflow reports
31.5. Administering Adobe Contribute Sites
31.5.1. Setting Up Contribute Compatibility
31.5.2. Entering sitewide administrator settings
31.5.3. Establishing Contribute roles
31.5.3.1. Managing roles
31.5.3.2. Modifying role settings
31.5.3.2.1. General
31.5.3.2.2. Folder/File Access
31.5.3.2.3. Editing
31.5.3.2.4. Styles and Fonts
31.5.3.2.5. New Pages
31.5.3.2.6. File Placement
31.5.3.2.7. Shared Assets
31.5.3.2.8. New Images
31.5.4. Connecting users
31.5.4.1. Working with Connection Keys
31.5.4.2. Adding users through Contribute Publishing Services
31.5.5. Rolling back a Contribute page in Dreamweaver
31.6. Integrating Dreamweaver with Visual SourceSafe
31.7. Communicating with WebDAV
31.8. Summary
32. Integrating with XML and XSLT
32.1. Understanding XML
32.2. Exporting XML
32.3. Importing XML
32.4. Building Your Own XML Files
32.5. Styling with XSL
32.5.1. Including XSLT fragments
32.5.1.1. Binding XSL data to the page
32.5.1.2. Repeating XSL data
32.5.1.3. Filtering XSL data
32.5.1.4. Showing XSL data conditionally
32.5.1.5. Styling XSLT fragments
32.5.1.6. Adding XSLT fragments to Web pages
32.5.2. Building full XSLT pages
32.5.2.1. Client-side pages
32.5.2.1.1. Creating XSLT pages
32.5.2.1.2. Attaching XML data to an XSLT page
32.5.2.1.3. Binding the XML data
32.5.2.1.4. Linking from an XML file
32.5.2.1.5. Publishing and viewing XML and XSLT files
32.5.2.2. Server-side pages
32.6. Summary
VII. Extending Dreamweaver
33. Customizing Dreamweaver
33.1. Adding New Commands
33.1.1. Understanding Dreamweaver commands
33.1.1.1. The Apply Source Formatting and Apply Source Formatting to Selection commands
33.1.1.2. The Clean Up HTML and Clean Up XHTML commands
33.1.2. Recording and replaying commands
33.1.3. Scripting commands
33.1.4. Useful command routines
33.1.4.1. Getting a user's selection
33.1.4.1.1. Selecting text
33.1.4.1.2. Selecting objects
33.1.4.2. Using a command as an object
33.1.4.3. Placing code in the <head> section
33.1.4.4. Using commands to call other commands
33.1.4.5. Creating a blank document
33.2. Managing Menus and Keyboard Shortcuts
33.2.1. Handling History panel commands
33.2.2. Using the Keyboard Shortcut editor
33.2.3. Adjusting the menus.xml file
33.2.3.1. Generic shortcuts
33.2.3.2. Menubar definitions
33.2.4. Building menu commands
33.3. Working with Custom Tags
33.4. Customizing Property Inspectors
33.4.1. Coding a Property inspector
33.4.1.1. The Property inspector definition
33.4.1.2. The canInspectSelection() function
33.4.1.3. The inspectSelection() function
33.4.2. Designing a Property inspector
33.5. Making Custom Floating Panels
33.6. Developing Translators
33.6.1. Translator functions
33.6.1.1. The getTranslatorInfo() function
33.6.1.2. The translateMarkup() function
33.6.2. Locking code
33.7. Extending C-Level Libraries
33.7.1. Calling C-level extensions
33.7.2. Building C-level extensions
33.8. Customizing Your Tag Libraries
33.8.1. Editing tag libraries, tags, and attributes
33.8.2. Creating and deleting tag libraries, tags, and attributes
33.8.3. Importing a DTD or schema to create a new tag library
33.9. Summary
34. Handling Server Behaviors
34.1. Understanding Server Behaviors
34.2. Applying and Managing Server Behaviors
34.2.1. Inserting and removing server behaviors
34.2.2. Editing the parameters
34.3. Standard Server Behaviors
34.3.1. Recordset (Query)
34.3.2. Repeat Region
34.3.3. Recordset Paging
34.3.4. Move To Specific Record
34.3.5. Show Region
34.3.6. Go To Detail Page
34.3.7. Go To Related Page
34.3.8. Insert Record
34.3.9. Update Record
34.3.10. Delete Record
34.3.11. User authentication
34.3.11.1. Log In User
34.3.11.2. Restrict Access To Page
34.3.11.3. Log Out User
34.3.11.4. Check New Username
34.3.12. Dynamic elements
34.3.12.1. Dynamic Text
34.3.12.2. Dynamic List/Menu
34.3.12.3. Dynamic Text Field
34.3.12.4. Dynamic CheckBox
34.3.12.5. Dynamic Radio Buttons
34.3.13. Stored procedure/command/callable
34.3.14. Special JSP server behaviors
34.3.14.1. Prepared (Insert/Update/Delete)
34.3.14.2. JavaBean
34.3.14.3. JavaBean Collection
34.3.15. ASP.NET server behaviors
34.3.15.1. DataGrid
34.3.15.2. DataList
34.4. Installing Additional Server Behaviors
34.5. Creating Custom Server Behaviors
34.6. Summary
VIII. Appendix
A. What's on the CD-ROM?
A.1. Using the Accompanying CD-ROM
A.2. System Requirements
A.2.1. Macintosh
A.2.2. Windows
A.3. Files and Programs on the CD-ROM
A.3.1. Dreamweaver extensions
A.3.2. Dreamweaver Techniques simulations and files
A.3.3. Dreamweaver CS3 Bible code examples
A.3.4. Web resource directory
A.3.5. Bonus chapters
A.4. Troubleshooting
35. Creating and Using Objects
BC1.1. Inserting Dreamweaver Objects
BC1.2. Modifying the Insert Bar
BC1.2.1. Specifying favorites
BC1.2.2. Reorganizing objects and adding categories
BC1.2.3. Adding new categories
BC1.3. Adding Other Objects
BC1.4. Creating Custom Objects
BC1.4.1. Making simple objects
BC1.4.1.1. Step 1: Creating the item
BC1.4.1.2. Step 2: Creating the object
BC1.4.1.3. Step 3: Saving the object
BC1.4.1.4. Step 4: Creating a button for the object
BC1.4.2. Building an object button
BC1.5. Putting JavaScript to Work in Custom Objects
BC1.5.1. Using the objectTag() function
BC1.5.2. Offering help
BC1.5.3. Attaching a parameter form
BC1.5.4. Using the form controls
BC1.5.4.1. Input fields: Text, Textarea, Password, File, Image, and Hidden
BC1.5.4.2. Submit, Reset, and Command buttons
BC1.5.4.3. Checkboxes
BC1.5.4.4. Radio buttons
BC1.5.4.5. List boxes and drop-down menus
BC1.5.5. Adding images to your objects
BC1.5.6. Using AP elements and Flash movies in objects
BC1.6. Summary
36. Creating a Behavior
BC2.1. Creating a Behavior from Scratch
BC2.1.1. Step 1: Define the behavior
BC2.1.2. Step 2: Create the action file
BC2.1.3. Step 3: Build the user interface
BC2.1.4. Step 4: Apply the behavior
BC2.1.5. Step 5: Inspect the behavior
BC2.1.6. Step 6: Test the behavior
BC2.1.7. Debugging the behavior
BC2.2. The Extending Dreamweaver Documentation
BC2.2.1. Document Object Model
BC2.2.1.1. Understanding nodes
BC2.2.1.2. DOM properties
BC2.2.1.3. DOM methods
BC2.2.2. Dreamweaver JavaScript API extensions
BC2.2.2.1. The dreamweaver.getDocumentDOM() function
BC2.2.2.2. The dom.getSelection() function
BC2.2.2.3. The dom.setSelection() function
BC2.2.2.4. The dom.offsetsToNode() function
BC2.2.2.5. The dom.nodeToOffsets() function
BC2.2.2.6. The dreamweaver.getTokens() function
BC2.2.2.7. The dreamweaver.getElementRef() function
BC2.2.2.8. The dreamweaver.getBehaviorTag() function
BC2.2.2.9. The dreamweaver.getBehaviorElement() function
BC2.2.2.10. The dreamweaver.browseForFileURL() function
BC2.2.2.11. The dreamweaver.getDocumentPath() function
BC2.2.2.12. The dreamweaver.getConfigurationPath() function
BC2.2.2.13. The dreamweaver.getSiteRoot() function
BC2.2.2.14. The dreamweaver.releaseDocument() function
BC2.2.2.15. The dreamweaver.browseDocument() function
BC2.2.2.16. The dreamweaver.openDocument() and dreamweaver.createDocument() functions
BC2.2.2.17. The dreamweaver.saveDocument() function
BC2.2.2.18. The dreamweaver.editLockedRegions() function
BC2.2.2.19. The dreamweaver.popupAction() and dreamweaver.runCommand() functions
BC2.2.2.20. The dreamweaver.latin1ToNative() and dreamweaver.nativeToLatin1() functions
BC2.2.2.21. The dreamweaver.relativeToAbsoluteURL() function
BC2.2.3. Behavior API
BC2.2.3.1. The windowDimensions() function
BC2.2.3.2. The deleteBehavior() function
BC2.2.3.3. The identifyBehaviorArguments() function
BC2.2.3.4. The displayHelp() function
BC2.3. Useful Common Functions
BC2.4. Dreamweaver Behavior Techniques
BC2.4.1. Specifying an event
BC2.4.2. Returning a value
BC2.4.3. Including multiple functions
BC2.5. Summary
Wiley Publishing, Inc. End-User License Agreement
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
32. Integrating with XML and XSLT
Next
Next Chapter
33. Customizing Dreamweaver
Part VII. Extending Dreamweaver
IN THIS PART
Chapter 33
Customizing Dreamweaver
Chapter 34
Handling Server Behaviors
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset