book

Dreamweaver® CS3 Bible

Name: Dreamweaver® CS3 Bible
Author: Joseph W. Lowery
ISBN: 9780470122143

by Joseph W. Lowery

May 2007

Beginner to intermediate

1210 pages

34h 55m

English

Wiley

Read now

Unlock full access

Copyright
About the Author
About the Instructional Designer
Credits
Acknowledgments
Introduction
Who Should Read This Book?What Hardware and Software Do You Need?MacintoshWindowsHow This Book Is OrganizedPart I — Laying the Groundwork in Dreamweaver CS3Part II — Designing and Crafting Core PagesPart III — Adding Advanced Design FeaturesPart IV — Incorporating Dynamic DataPart V — Including Multimedia ElementsPart VI — Enhancing Productivity and Web Site ManagementPart VII — Extending DreamweaverAppendixConventions Used in This BookWindows and Macintosh ConventionsKey CombinationsMouse InstructionsMenu CommandsTypographical ConventionsCodeNavigating This BookFurther Information
I. Laying the Groundwork in Dreamweaver CS3
1. What's New in Dreamweaver CS3
1.1. Web 2.0 Spoken Here1.2. Adobe Connectivity1.3. CSS Enhancements1.4. Program-Wide Improvements1.5. Summary
2. Introducing Dreamweaver CS3
2.1. The Dynamic World of Dreamweaver2.1.1. Connecting to the world's data2.1.2. True data representation2.1.3. Integrated visual and text editors2.1.4. World-class code editing2.1.5. Roundtrip HTML2.1.6. Web site maintenance tools2.1.7. Team-oriented site building2.2. The Dreamweaver Interface2.2.1. Easy text entry2.2.2. Drag-and-drop data fields2.2.3. One-stop object modification2.2.4. Accessing and managing resources2.2.5. Complete custom environment2.2.6. Managing keyboard shortcuts2.2.7. Simple selection process2.2.8. Enhanced layout options2.2.9. Plugin media preview2.2.10. Extended find and replace2.3. Up-to-Date Code Standards2.3.1. Cutting-edge CSS support2.3.2. Addressing accessibility2.3.3. Straightforward text and graphics support2.3.4. Enhanced table capabilities2.3.5. Easy form entry2.3.6. Click-and-drag frame setup2.3.7. Multimedia enhancements2.4. Next-Generation Features2.4.1. Ajax spoken here2.4.2. Dynamic style updates2.4.3. Photoshop, Flash, and Fireworks integration2.4.4. Server-side behaviors2.4.5. XML and XSLT integration2.4.6. CSS layout control2.4.7. JavaScript behaviors2.5. Program Extensibility2.5.1. Objects and behaviors2.5.2. Server Behavior Builder2.5.3. Commands and floating panels2.5.4. Adjustable Insert bars2.5.5. Custom tags, translators, and Property inspectors2.6. Automation Enhancements2.6.1. Rapid application development with Application objects2.6.2. Importing Office documents2.6.3. Reference panel2.6.4. History panel2.7. Site Management Tools2.7.1. Object libraries2.7.2. Supercharged templates2.7.3. Browser targeting2.7.4. Converting Web pages2.7.5. Verifying links2.7.6. FTP publishing2.7.7. Site Map2.7.8. File Check In/Check Out2.8. Summary
3. Touring Dreamweaver
3.1. Choosing a Workspace Layout3.2. Viewing the Document Window3.2.1. Switching views in the Document window3.2.1.1. Design and Code views3.2.1.2. Live Data view3.2.2. Working with the status bar3.2.2.1. Tag Selector3.2.2.2. Select, Hand, and Zoom tools3.2.2.3. Window Size pop-up menu3.2.2.4. Download Indicator3.3. Accessing the Toolbars3.3.1. The Document toolbar3.3.1.1. Managing files3.3.1.2. Previewing your file3.3.1.3. Easy refresh and viewing options3.3.1.4. Checking for browser errors3.3.2. The Standard toolbar3.3.3. The Style Rendering toolbar3.3.4. The Coding toolbar3.3.5. The Live Data toolbar3.4. Selecting from the Insert Bar3.4.1. Common objects3.4.2. Layout objects3.4.3. Forms objects3.4.4. Data objects3.4.5. Spry objects3.4.6. Text objects3.4.7. Favorites3.4.8. ASP objects3.4.9. ASP.NET objects3.4.10. CFML objects3.4.11. JSP objects3.4.12. PHP objects3.4.13. XSLT objects3.5. Getting the Most Out of the Property Inspector3.5.1. Manipulating the Property inspector3.5.2. Property inspector elements3.6. Customizing Your Workspace with Dockable Panels3.6.1. Hiding and showing panels3.6.2. Customizing panel groups3.7. Accessing the Menus3.8. Summary

4. Setting Your Preferences
4.1. Customizing Your Environment4.1.1. General preferences4.1.1.1. Document options4.1.1.1.1. Open Documents In Tabs option4.1.1.1.2. Always Show Tabs option4.1.1.1.3. Show Welcome Screen option4.1.1.1.4. Reopen Documents On Startup option4.1.1.1.5. Warn When Opening Read-Only Files option4.1.1.1.6. Update Links option4.1.1.2. Editing options4.1.1.2.1. Show Dialog When Inserting Objects option4.1.1.2.2. Enable Double-Byte Inline Input option4.1.1.2.3. Switch To Plain Paragraph After Heading option4.1.1.2.4. Allow Multiple Consecutive Spaces option4.1.1.2.5. Use <strong> And <em> In Place Of And option4.1.1.2.6. Use CSS Instead Of HTML Tags option4.1.1.2.7. Warn When Placing Editable Regions Within <p> Or <h1>-<h6> Tags option4.1.1.2.8. Centering option4.1.1.2.9. Maximum Number Of History Steps option4.1.1.2.10. Spelling Dictionary option4.1.2. Preferences for invisible elements4.1.3. Highlighting preferences4.1.4. Status Bar preferences4.1.4.1. Window Sizes option4.1.4.2. Connection Speed option4.1.5. File Types / Editors preferences4.1.5.1. Open In Code View option4.1.5.2. External Code Editor option4.1.5.3. Enable BBEdit Integration (Macintosh only) option4.1.5.4. Reload Modified Files option4.1.5.5. Save On Launch option4.1.5.6. Fireworks option4.1.5.7. Defining editors for different file types4.1.6. Copy/Paste preferences4.1.7. New Document preferences4.1.7.1. Default Document option4.1.7.2. Default Extension option4.1.7.3. Default Document Type (DTD) option4.1.7.4. Encoding options4.1.7.5. Show New Document Dialog Box On Control+N option4.2. Adjusting Advanced Features4.2.1. Accessibility preferences4.2.1.1. Show Attributes When Inserting option4.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 preferences4.2.3. AP Elements preferences4.2.3.1. Visibility option4.2.3.2. Width and Height options4.2.3.3. Background Color option4.2.3.4. Background Image option4.2.3.5. Nesting option4.2.3.6. Netscape 4 Compatibility option4.2.4. CSS Styles preferences4.3. Making Online Connections4.3.1. Site preferences4.3.1.1. Always Show Local/Remote Files On The Right/Left option4.3.1.2. Dependent Files options4.3.1.3. FTP Connection: Disconnect After __ Minutes Idle option4.3.1.4. FTP Time Out option4.3.1.5. FTP Transfer options: Select Default Action In Dialogs After __ Seconds4.3.1.6. Firewall Host and Firewall Port options4.3.1.7. Put options4.3.1.8. Move options4.3.1.9. Manage Sites button4.3.2. Preview In Browser preferences4.4. Customizing Your Code4.4.1. Fonts preferences4.4.2. Code Hints preferences4.4.2.1. Close Tags option4.4.2.2. Options: Enable Code Hints4.4.3. Code Rewriting preferences4.4.3.1. Fix Invalidly Nested And Unclosed Tags option4.4.3.2. Rename Form Items When Pasting option4.4.3.3. Remove Extra Closing Tags option4.4.3.4. Warn When Fixing Or Removing Tags option4.4.3.5. Never Rewrite Code preferences4.4.3.6. Special Character Encoding preferences4.4.3.7. URL Encoding preferences4.4.3.8. Active Content preferences4.4.4. Code Coloring preferences4.4.5. Code Format preferences4.4.5.1. Indent Control options4.4.5.2. Line Control option4.4.5.3. Case Control options4.4.5.4. CSS Source Format preferences4.4.6. Validator preferences4.5. Summary
5. Setting Up Sites and Servers
5.1. Planning Your Site5.1.1. Primary considerations5.1.1.1. Deciding what you want to say5.1.1.2. Targeting your audience5.1.1.3. Determining your resources5.1.2. Design options5.1.2.1. The linear approach5.1.2.2. The hierarchical model5.1.2.3. The spoke-and-hub model5.1.2.4. The full Web design5.2. Mapping Dynamic Pages for Web Applications5.3. Defining a Site5.3.1. Using the Site Definition Wizard5.3.1.1. Defining a site that does not use a server technology5.3.1.2. Defining a site that uses a server technology5.3.2. Using Advanced mode5.3.3. Establishing local connections5.3.4. Specifying the remote site5.3.5. Adding testing server details5.4. Cloaking Site Folders5.5. Managing Site Info5.6. Working Directly with Servers5.6.1. Establishing a siteless server connection5.6.2. Accessing server files5.7. Creating and Saving New Pages5.7.1. Starting Dreamweaver5.7.2. Opening existing files5.7.3. Opening a new file5.7.4. Saving your file5.7.5. Saving to remote servers5.7.6. Closing the file5.7.7. Quitting the program5.8. Creating New Documents5.8.1. Using the New Document dialog box5.8.2. Creating a new default document5.9. Previewing Your Web Pages5.10. Putting Your Pages Online5.10.1. Transferring with FTP5.10.2. Using the FTP Log panel5.11. Summary
II. Designing and Crafting Core Pages
6. Accessing the Code Directly
6.1. The Structure of a Web Page6.2. Expanding into XHTML6.3. doctype and doctype Switching6.4. Defining <head> Elements6.4.1. Establishing Page Properties6.4.1.1. Appearance6.4.1.2. Links6.4.1.3. Headings6.4.1.4. Title/Encoding6.4.1.5. Tracing Image6.4.2. Understanding <meta> and other <head> tags6.4.2.1. Inserting tags with the Meta object6.4.2.2. Aiding search engines with the Keywordsand Description objects6.4.2.3. Refreshing the page and redirecting users6.4.2.4. Changing bases6.4.2.5. Linking to other files6.5. Adding to the <body>6.5.1. Logical styles6.5.2. Physical styles6.6. Working with Code View and the Code Inspector6.6.1. Enabling Code view options6.6.2. Printing code6.7. Using the Coding Toolbar6.7.1. Code collapse6.7.2. Code selection and highlight6.7.3. Commenting code6.7.4. Manipulating CSS6.7.5. Other Coding toolbar functions6.8. Enhancing Code Authoring Productivity6.8.1. Code Hints and Tag Completion6.8.2. Modifying blocks of code6.8.3. Inserting code with the Tag Chooser6.9. Adding Code through the Snippets Panel6.10. Using the Reference Panel6.11. Modifying Code with the Tag Inspector6.12. Rapid Tag Modification with the Quick Tag Editor6.12.1. Insert HTML mode6.12.2. Wrap Tag mode6.12.3. Edit Tag mode6.13. Adding Java Applets6.14. Adding JavaScript and VBScript6.14.1. Inserting JavaScript and VBScript6.14.2. Editing JavaScript and VBScript6.15. Validating Your Page6.16. Inserting Symbols and Special Characters6.16.1. Named characters6.16.2. Decimal characters and UTF-8 encoding6.16.3. Using the Character objects6.17. Summary
7. Building Style Sheet Web Pages
7.1. Understanding Cascading Style Sheets7.1.1. Grouping properties7.1.2. Inheritance of properties7.1.3. Cascading characteristics7.1.4. Defining new class and ID selectorsfor extended design control7.1.5. Specificity7.1.6. How styles are applied7.1.6.1. External style sheets7.1.6.2. Embedded styles7.1.6.3. Inline styles7.2. Working with the CSS Styles Panel7.2.1. All mode7.2.2. Current mode7.3. Creating and Applying a Style Sheet in Dreamweaver7.3.1. Automatically created styles7.3.2. Applying styles through the Property inspector7.3.3. Attaching an external style sheet7.3.3.1. Choosing a media type7.3.3.2. Rendering different styles7.3.4. Applying, changing, and removing a style7.3.4.1. Changing styles7.3.4.2. Removing applied styles7.3.5. Defining new rules7.3.5.1. Class7.3.5.2. Tag7.3.5.3. Advanced7.3.5.4. Descendants and other advanced selectors7.3.6. Editing and managing style sheets7.3.6.1. CSS Styles panel7.3.6.2. CSS Styles panel Properties pane7.3.6.3. Managing CSS rules7.3.7. Debugging your applied CSS7.4. Styles and Their Attributes7.4.1. Type options7.4.2. Background options7.4.3. Block options7.4.4. Box options7.4.5. Border options7.4.6. List options7.4.7. Positioning options7.4.8. Extensions options7.5. Design Time Style Sheets7.6. Summary
8. Working with Text
8.1. Starting with Headings8.2. Working with Paragraphs8.2.1. Inserting text8.2.2. Cutting, copying, and pasting8.2.3. Using drag-and-drop8.2.4. Inserting text from other text applications8.2.5. Copying and pasting code8.2.6. Undo, redo, and the History panel8.3. Checking Your Spelling8.4. Using Find and Replace8.4.1. Finding on the visual page8.4.2. Searching the code8.4.2.1. Looking for text in the code8.4.2.2. Using advanced text options in Find and Replace8.4.2.3. Replacing HTML tags and attributes8.4.3. Concentrating your search with regular expressions8.4.3.1. Wildcard characters8.4.3.2. Matching character positions and repeating characters8.4.3.3. Matching character ranges8.4.3.4. Using grouping with regular expressions8.5. Controlling Whitespace8.5.1. Indenting text8.5.2. Working with preformatted text8.5.3. The <br> tag8.6. Working with Microsoft Office Documents8.6.1. Copying and pasting Office content8.6.2. Importing Office documents8.6.3. Dragging and dropping Word and Excel files8.6.4. Importing Word HTML8.7. Styling Your Text8.7.1. Depicting various styles8.7.2. Using the <address> tag8.7.3. Adding abbreviations and acronyms8.8. Modifying Text Format8.8.1. Adjusting font size8.8.1.1. Sizing with CSS8.8.1.2. Applying <font> sizes8.8.2. Absolute size8.8.3. Relative size8.8.4. Adding font color8.8.5. Assigning a specific font8.8.5.1. About HTML fonts8.8.5.2. Selecting a font8.8.5.3. Editing the font list8.8.6. Aligning text8.8.7. Indenting entire paragraphs8.9. Incorporating Dates8.10. Commenting Your Code8.11. Summary
9. Inserting Images
9.1. Web Graphic Formats9.1.1. GIF9.1.2. JPEG9.1.3. PNG9.2. Using Inline Images9.2.1. Inserting images9.2.1.1. Relative to Document9.2.1.2. Relative to Site Root9.2.2. Dragging images from the Assets panel9.2.3. Optimizing and altering images9.2.3.1. Cropping graphics9.2.3.2. Resampling after resizing9.2.3.3. Affecting brightness and contrast9.2.3.4. Sharpening graphic lines9.2.3.5. Employing the Optimize Image command9.2.3.6. Editing images9.2.4. Modifying image attributes9.2.4.1. Naming your image9.2.4.2. Adjusting height and width9.2.4.3. Using margins9.2.4.4. Adding image descriptions9.2.4.5. Bordering a graphic9.2.4.6. Specifying a lowsrc9.2.5. Working with alignment options9.2.5.1. Horizontal alignment9.2.5.2. Vertical alignment9.2.5.3. Wrapping text9.3. Adding Background Images9.4. Dividing the Web Page with Horizontal Rules9.5. Applying Simple Web Animation9.6. Including Banner Ads9.7. Inserting Rollover Images9.8. Adding a Navigation Bar9.9. Summary
10. Establishing Web Links
10.1. Understanding URLs10.2. Surfing the Web with Hypertext10.2.1. Eliminating underlines from links10.2.2. Inserting URLs from the Assets panel10.2.3. Pointing to a file10.2.4. Addressing types10.2.5. Checking links10.3. Adding an Email Link10.4. Navigating with Anchors10.4.1. Moving within the same document10.4.2. Using named anchors in a different page10.4.3. Creating null links10.5. Targeting Your Links10.6. Summary
III. Adding Advanced Design Features
11. Working with Divs and AP Elements
11.1. Divs and AP Elements 10111.2. Placing <div> Tags11.2.1. Defining a CSS rule for a <div> tag11.2.2. Inserting the <div> tag11.2.3. Visualizing <div> tags11.2.3.1. CSS Layout Backgrounds11.2.3.2. CSS Layout Box Model11.2.3.3. CSS Layout Outlines11.3. Creating AP Elements with Dreamweaver11.3.1. Inserting an AP element object11.3.2. Using the Insert Layout Objects AP Div option11.3.3. Setting default characteristics of an AP element11.3.4. Choosing relative instead of absolute positioning11.3.4.1. Using the Relative attribute11.3.4.2. Using nested AP elements11.4. Modifying an AP Element11.4.1. Selecting an AP element11.4.2. Resizing an AP element11.4.3. Moving an AP element11.4.4. Using the CSS-P Property inspector11.4.4.1. Name11.4.4.2. Tag attribute11.4.4.3. Visibility11.4.4.4. Overflow11.4.4.5. Clipping11.4.4.6. Z-index11.4.4.7. Background image or color11.4.5. The AP Elements panel11.4.5.1. Modifying properties with the AP Elements panel11.4.5.2. Nesting with the AP Elements panel11.4.6. Aligning AP elements11.4.6.1. Using the ruler11.4.6.2. Working with guides11.4.6.2.1. Positioning and removing guides11.4.6.2.2. Displaying guide measurements11.4.6.2.3. Locking and snapping guides11.4.6.2.4. Precise guide placement11.4.6.2.5. Editing guide settings11.4.6.2.6. Showing the browser window fold11.4.6.3. Aligning objects with the grid11.4.7. Adding elements to an AP element11.4.8. Forms and AP elements11.5. Creating Your Page Design with AP Elements11.5.1. Using the Tracing Image11.5.1.1. Adding the Tracing Image to your page11.5.1.2. Moving the Tracing Image11.5.2. Preventing overlaps11.6. Activating AP Elements with Behaviors11.6.1. Drag AP Element11.6.2. Set Text of Container11.6.3. Show-Hide Elements11.7. Creating a Loading AP Element11.8. Summary
12. Using Behaviors
12.1. Understanding Behaviors, Events, and Actions12.2. Attaching a Behavior12.2.1. Using the Behaviors panel12.2.2. Adding a behavior12.2.3. Managing events12.2.4. Standard actions12.2.4.1. Call JavaScript12.2.4.2. Change Property12.2.4.3. Check Plugin12.2.4.4. Drag AP Element12.2.4.5. Go to URL12.2.4.6. Open Browser Window12.2.4.7. Play Sound12.2.4.8. Popup Message12.2.4.9. Preload Images12.2.4.10. Set Nav Bar Image12.2.4.11. Set Text of Container12.2.4.12. Set Text of Frame12.2.4.13. Set Text of Status Bar12.2.4.14. Set Text of Text Field12.2.4.15. Show-Hide Elements12.2.4.16. Swap Image and Swap Image Restore12.2.4.17. Timelines: Go To Timeline Frame, Play Timeline, and Stop Timeline12.2.4.18. Validate Form12.2.5. New Adobe effects in Dreamweaver CS312.2.5.1. Appear/Fade12.2.5.2. Blind12.2.5.3. Grow/Shrink12.2.5.4. Highlight12.2.5.5. Shake12.2.5.6. Slide12.2.5.7. Squish12.2.6. Deprecated behaviors12.2.6.1. Check Browser12.2.6.2. Control Shockwave or Flash12.2.6.3. Show Pop-Up Menu/Hide Pop-Up Menu12.2.6.4. Jump Menu and Jump Menu Go12.3. Installing, Managing, and Modifying Behaviors12.3.1. Altering the parameters of a behavior12.3.2. Sequencing behaviors12.3.3. Deleting behaviors12.4. Summary
13. Setting Up Tables
13.1. HTML Table Fundamentals13.1.1. Rows13.1.2. Cells13.1.3. Column and row headings13.2. Inserting Tables in Dreamweaver13.3. Modifying Tables13.3.1. Selecting table elements13.3.1.1. Selecting in Expanded Tables mode13.3.1.2. Selecting an entire table13.3.1.3. Selecting a row or column13.3.1.4. Selecting cells13.3.2. Editing a table's contents13.3.2.1. Moving through a table13.3.2.2. Cutting, copying, and pasting in tables13.3.2.2.1. Copying attributes and contents13.3.2.2.2. Copying contents only13.3.3. Working with table properties13.3.3.1. Setting alignment13.3.3.2. Resizing a table13.3.3.3. Inserting rows and columns13.3.3.4. Deleting rows and columns13.3.3.5. Setting table borders and backgrounds13.3.3.6. Working with cell spacing and cell padding13.3.3.7. Merging and splitting cells13.3.4. Setting cell, column, and row properties13.3.4.1. Horizontal alignment13.3.4.2. Vertical alignment13.3.4.3. Cell wrap13.3.4.4. Table header cells13.3.4.5. Cell width and height13.3.4.6. Color elements13.4. Sorting Tables13.5. Importing Tabular Data13.6. Designing with Layout Mode13.6.1. Drawing cells and tables13.6.2. Modifying layouts13.6.2.1. Changing layout cell properties13.6.2.2. Changing layout table properties13.6.2.3. Altering column widths13.7. Summary
14. Interactive Forms
14.1. How HTML Forms Work14.2. Inserting a Form in Dreamweaver14.3. Using Text Fields14.3.1. Inserting text fields14.3.2. Creating password fields14.3.3. Inserting multiline text areas14.4. Providing Checkboxes and Radio Buttons14.4.1. Checkboxes14.4.2. Radio buttons14.5. Creating Form Lists and Menus14.5.1. Drop-down menus14.5.2. Menu values14.5.3. Scrolling lists14.6. Navigating with a Jump Menu14.6.1. Modifying a jump menu14.6.2. Activating Go buttons14.7. Activating Your Form with Buttons14.7.1. Submit, Reset, and Command buttons14.7.2. Graphical buttons14.8. Using Hidden and File Fields14.8.1. The hidden input type14.8.2. The file input type14.9. Improving Accessibility14.10. Styling Forms with CSS14.10.1. Encompassing the form14.10.2. Altering input fields14.10.3. Distinguishing lists and menus14.10.4. Changing labels and legends14.10.5. Highlighting focus14.11. Summary
15. Creating Lists
15.1. Creating Unordered (Bulleted) Lists15.1.1. Editing unordered lists15.1.2. List tags15.1.3. Using other bullet symbols15.1.4. Styling lists with CSS15.2. Mastering Ordered (Numbered) Lists15.2.1. Editing ordered lists15.2.2. Using other numbering styles15.3. Creating Navigation Buttons from Lists15.3.1. Step 1: Preparing background graphics15.3.2. Step 2: Creating the list and containing <div>15.3.3. Step 3: Building the CSS styles15.3.4. Step 4: Applying the CSS15.4. Making Definition Lists15.5. Using Nested Lists15.6. Accessing Special List Types15.6.1. Menu lists15.6.2. Directory lists15.7. Summary
16. Using Frames and Framesets
16.1. Frames and Framesets: The Basics16.1.1. Columns and rows16.1.2. Sizing frames16.2. Creating a Frameset and Frames16.2.1. Creating a new frameset file16.2.2. Hand-coding framesets16.2.3. Creating a frameset visually16.2.4. Creating framesets quickly with frame objects16.3. Adding More Frames16.3.1. Using the menus16.3.2. Using the Mouse16.4. Selecting, Saving, and Closing Framesets16.4.1. Selecting framesets and frames16.4.2. Saving framesets and frames16.4.3. Closing framesets16.5. Working with the Frameset Property Inspector16.5.1. Resizing frames in a frameset16.5.2. Manipulating frameset borders16.5.2.1. Enabling borders16.5.2.2. Border color options16.6. Modifying a Frame16.6.1. Page properties16.6.2. Working with the Frame Property inspector16.6.2.1. Naming your frames16.6.2.2. Opening a web page into a frame16.6.2.3. Setting borders16.6.2.4. Adding scroll bars16.6.2.5. Resizing16.6.2.6. Setting margins16.6.3. Modifying content16.6.4. Deleting frames16.7. Targeting Frame Content16.7.1. Targeting sections of your frameset16.7.2. Targeting specific frames in your frameset16.7.3. Updating two or more frames at once16.8. Handling Frameless Browsers16.9. Investigating Iframes16.10. Summary
17. Working with Timelines
17.1. Into the Fourth Dimension with Timelines17.1.1. A few ground rules17.2. Creating Animations with Timelines17.3. Adding AP Elements and Images to the Timelines Panel17.4. Modifying a Timeline17.4.1. Altering the animation bars17.4.2. Using the Timeline controls17.4.2.1. Autoplay17.4.2.2. Looping17.4.3. Adding keyframes17.4.3.1. Adding keyframes with the Add Keyframe command17.4.3.2. Adding a keyframe with the mouse17.4.4. Removing timeline elements17.4.5. Changing animation speed17.4.6. Recording an AP element's path17.5. Triggering Behaviors in Timelines17.6. Summary
18. Powering Ajax Pages with Spry
18.1. Understanding Ajax and Spry18.1.1. What is Ajax?18.1.2. What is Spry?18.2. Integrating XML Data with Spry18.2.1. Connecting to XML data18.2.2. Defining Spry regions18.2.3. Binding data to the page18.2.4. Repeating Spry regions18.2.5. Working with Spry tables18.3. Enhancing Your Site with Spry Widgets18.3.1. Validating form fields18.3.1.1. Spry Validation Text Field18.3.1.2. Spry Validation Textarea18.3.1.3. Spry Validation Select18.3.1.4. Spry Validation Checkbox18.3.2. Extending layout options18.3.2.1. Spry Menu Bar18.3.2.2. Spry Tabbed Panel18.3.2.3. Spry Accordion Panel18.3.2.4. Spry Collapsible Panel18.4. Spry Effects18.5. Summary
IV. Incorporating Dynamic Data
19. Establishing Connections and Recordsets
19.1. Data Source Basics19.2. Understanding How Active Content Pages Work19.3. Opening a Connection to a Data Source19.3.1. Using Data Source Names (DSN)19.3.1.1. ASP19.3.1.2. ColdFusion19.3.1.3. JSP19.3.1.4. ASP.NET and PHP19.3.2. Specifying connection strings19.3.2.1. DSN-less connections for ASP19.3.2.2. OLE DB19.3.2.3. ASP.NET and OLE DB connections19.3.3. PHP19.4. Managing Connections19.5. Extracting Recordsets19.5.1. Building simple recordsets19.5.2. Writing advanced SQL statements19.5.3. Working with recordsets19.6. Summary
20. Making Data Dynamic
20.1. Working with Dynamic Text20.1.1. Inserting dynamic text20.1.2. Viewing dynamic data20.2. Formatting Dynamic Data20.2.1. Data formatting20.2.2. Editing and creating new data formats20.3. Making Images Dynamic20.4. Integrating Flash and Other Dynamic Media20.5. Summary
21. Managing Data
21.1. Displaying Data Conditionally21.1.1. Repeating data21.1.2. Showing and hiding page elements21.2. Handling Record Navigation21.2.1. Building record navigation links21.2.2. Using Application objects for record navigation21.2.3. Tracking record status21.3. Navigating Recordsets with Flash Buttons21.3.1. Step 1: Prepare the page21.3.2. Step 2: Add the Flash buttons21.3.3. Step 3: Include the JavaScript functions21.3.4. Step 4: Insert the hidden variables21.3.4.1. ASP21.3.4.2. ColdFusion21.3.4.3. JSP21.3.4.4. .NET21.4. Summary
22. Working with Live Data
22.1. Viewing Live Data22.1.1. How Live Data works22.1.2. Setting up for Live Data22.1.3. Entering and exiting Live Data view22.1.4. Making changes in Live Data22.2. Live Data Settings22.2.1. Getting the query string22.2.2. Posting responses with Live Data settings22.3. Previewing an Application in the Browser22.4. Using the Server Debug Panel with ColdFusion22.5. Summary
23. Crafting Multiple-Page Applications
23.1. Using the URL to Pass Parameters23.1.1. Sending parameters23.1.2. Receiving parameters23.1.2.1. Filtering a detail page recordset in Simple mode23.1.2.2. Filtering a detail page recordset in Advanced mode23.1.2.3. Using a server behavior to filter a recordset23.1.3. Automating Master-Detail Page production23.2. Getting Values from a Form23.2.1. Passing single values from a form23.2.2. Passing multiple values from a form23.2.3. Passing form and URL values to a related page23.3. Establishing Dynamic Form Elements23.3.1. Text fields23.3.2. Checkboxes23.3.3. Radio buttons23.3.4. List/menus23.4. Managing Data Sources Online23.4.1. Inserting data23.4.2. Updating data23.4.3. Deleting data23.5. Inserting Variables23.5.1. Application and session variables23.5.2. Request and other variables23.6. Connecting to the Customer23.6.1. Logging in existing customers23.6.2. Restricting access23.6.3. Helping users log out23.6.4. Adding new customers23.7. Summary
V. Including Multimedia Elements
24. Adobe Photoshop, Fireworks, and Bridge Integration
24.1. Graphics Modification Made Easy24.2. Bringing in Photoshop Images24.2.1. Inserting Photoshop files24.2.2. Copying and pasting from Photoshop24.2.3. Updating a Photoshop image24.3. Integrating Fireworks24.3.1. Optimizing an image in Fireworks24.3.2. Editing an image in Fireworks24.3.3. Replacing an image placeholder using Fireworks24.4. Inserting Rollovers24.4.1. Using Dreamweaver's behaviors24.4.2. Using Fireworks' code24.4.3. Modifying sliced images24.5. Controlling Fireworks with Dreamweaver24.5.1. Creating a Web photo album24.5.2. Building Dreamweaver/Fireworks extensions24.6. Working with Bridge24.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 Projects25.3. Specifying Shockwave Properties25.3.1. Additional parameters for Shockwave25.3.2. Automatic settings for Shockwave files25.4. Designating Flash Attributes25.4.1. Setting Scale in Flash movies25.4.2. Additional parameters for Flash25.5. Integrating Flash Elements25.5.1. Working with the Image Viewer25.5.1.1. Inserting the Image Viewer25.5.1.2. Modifying parameters25.5.2. Adding other Flash elements25.6. Creating Flash Buttons25.7. Working with Flash Text25.8. Configuring MIME Types25.9. Managing Links in Flash Movies with Dreamweaver25.10. Triggering Behaviors from Flash Movies25.11. Editing Flash Movies from within Dreamweaver25.12. Summary
26. Adding Video to Your Web Page
26.1. Video on the Web26.2. The Flash Video Revolution26.2.1. Encoding video26.2.2. Progressive download versus streaming26.2.3. Inserting Flash video26.2.3.1. Including progressive download Flash video26.2.3.2. Adding streaming Flash video26.2.4. Publishing Flash video files26.2.5. Modifying Flash video parameters26.3. Mainstream Streaming Media26.3.1. RealMedia26.3.2. QuickTime26.3.3. Windows Media26.4. Working with Video Clips26.4.1. Linking to video26.4.2. Embedding video26.5. Playing Videos in Dreamweaver26.6. Inserting QuickTime Movies26.6.1. QuickTime versions26.6.2. Playing QuickTime VR26.7. Streaming with RealMedia26.7.1. Creating RealMedia metafiles26.7.2. Inserting RealMedia in your Web page26.7.2.1. Using a link26.7.2.2. Using <embed>26.8. Summary
27. Using Audio on Your Web Page
27.1. Digital Audio Fundamentals27.1.1. File formats27.1.2. Making audio files lighter27.2. MIDI Files27.3. MP3 Mini-Primer27.3.1. Player support27.3.2. Encoding MP327.4. Linking to Audio Files27.5. Embedding Sounds and Music27.6. Playing Background Music27.7. Targeting Specific Plugins27.7.1. Windows Media Player audio27.7.2. Using embed with ActiveX27.8. Installing Streaming Audio27.8.1. Working with floating or embedded RealAudio players27.8.2. Accessing RealAudio parameters27.9. Integrating Podcasts27.9.1. Podcast XML feeds27.9.2. Linking to podcasts and feeds27.10. Summary
VI. Enhancing Productivity and Web Site Management
28. Using Dreamweaver Templates
28.1. Understanding Templates28.2. Creating Your Own Templates28.3. Using Editable Regions28.3.1. Marking existing content as editable28.3.2. Inserting a new editable region28.3.3. Creating links in templates28.3.3.1. Recommended linking technique28.3.3.2. Handling special template workflows28.3.4. Locking an editable region28.4. Adding Content to Template Documents28.5. Making Attributes Editable28.6. Setting Editable Attributes28.7. Enabling Repeating Regions28.7.1. Modifying a repeating region28.7.2. Constructing a repeating table28.8. Establishing Optional Regions28.8.1. Combining editable and optional regions28.8.2. Setting optional region properties28.8.3. Evaluating template expressions28.8.3.1. Template expression language and object model28.8.3.2. Multiple-if template expressions28.8.4. Template expression examples28.8.4.1. Alternating row background colors28.8.4.2. Automatic row numbering28.8.4.3. Computing values in a table28.8.4.4. Sequential navigation links28.9. Nesting Templates28.10. Working with Templates in the Assets Panel28.10.1. Creating a blank template28.10.2. Opening and deleting templates28.10.3. Applying templates28.10.4. Mapping inconsistent template regions28.11. Updating Templates28.12. Removing Template Markup28.12.1. Deleting template markup individually28.12.2. Removing template markup from an entire page28.12.3. Exporting a site without template markup28.13. Changing the Default Document28.14. Summary
29. Using Repeating Elements
29.1. Dreamweaver Library Items29.2. Using the Library Assets Panel29.2.1. Adding a Library item29.2.2. Moving Library items to a new site29.2.3. Inserting a Library item in your Web page29.2.4. Deleting an item from the Library29.2.5. Renaming a Library item29.3. Editing a Library Item29.4. Updating Your Web Sites with Libraries29.5. Applying Server-Side Includes29.5.1. Adding server-side includes29.5.2. Editing server-side Includes29.6. Summary
30. Maximizing Browser Targeting
30.1. Converting Pages in Dreamweaver30.2. Validating Your Code30.2.1. Setting Validator preferences30.3. Checking Your Page for Compatibility30.3.1. Checking your pages30.3.1.1. Excluding page elements from error checking30.3.1.2. Viewing and correcting errors30.3.2. Using the results of the Browser Compatibility Check30.4. Summary
31. Building Web Sites with a Team
31.1. Following Check In/Check Out Procedures31.1.1. Check In/Check Out overview31.1.2. Enabling Check In/Check Out31.1.3. Checking files in and out31.2. Keeping Track with Design Notes31.2.1. Setting Up for Design Notes31.2.2. Setting the status with Design Notes31.2.3. Creating custom Design Notes31.2.4. Viewing Design Notes31.3. Browsing File View Columns31.4. Generating Reports31.4.1. Outputting HTML Reports31.4.2. Using Workflow reports31.5. Administering Adobe Contribute Sites31.5.1. Setting Up Contribute Compatibility31.5.2. Entering sitewide administrator settings31.5.3. Establishing Contribute roles31.5.3.1. Managing roles31.5.3.2. Modifying role settings31.5.3.2.1. General31.5.3.2.2. Folder/File Access31.5.3.2.3. Editing31.5.3.2.4. Styles and Fonts31.5.3.2.5. New Pages31.5.3.2.6. File Placement31.5.3.2.7. Shared Assets31.5.3.2.8. New Images31.5.4. Connecting users31.5.4.1. Working with Connection Keys31.5.4.2. Adding users through Contribute Publishing Services31.5.5. Rolling back a Contribute page in Dreamweaver31.6. Integrating Dreamweaver with Visual SourceSafe31.7. Communicating with WebDAV31.8. Summary
32. Integrating with XML and XSLT
32.1. Understanding XML32.2. Exporting XML32.3. Importing XML32.4. Building Your Own XML Files32.5. Styling with XSL32.5.1. Including XSLT fragments32.5.1.1. Binding XSL data to the page32.5.1.2. Repeating XSL data32.5.1.3. Filtering XSL data32.5.1.4. Showing XSL data conditionally32.5.1.5. Styling XSLT fragments32.5.1.6. Adding XSLT fragments to Web pages32.5.2. Building full XSLT pages32.5.2.1. Client-side pages32.5.2.1.1. Creating XSLT pages32.5.2.1.2. Attaching XML data to an XSLT page32.5.2.1.3. Binding the XML data32.5.2.1.4. Linking from an XML file32.5.2.1.5. Publishing and viewing XML and XSLT files32.5.2.2. Server-side pages32.6. Summary
VII. Extending Dreamweaver
33. Customizing Dreamweaver
33.1. Adding New Commands33.1.1. Understanding Dreamweaver commands33.1.1.1. The Apply Source Formatting and Apply Source Formatting to Selection commands33.1.1.2. The Clean Up HTML and Clean Up XHTML commands33.1.2. Recording and replaying commands33.1.3. Scripting commands33.1.4. Useful command routines33.1.4.1. Getting a user's selection33.1.4.1.1. Selecting text33.1.4.1.2. Selecting objects33.1.4.2. Using a command as an object33.1.4.3. Placing code in the <head> section33.1.4.4. Using commands to call other commands33.1.4.5. Creating a blank document33.2. Managing Menus and Keyboard Shortcuts33.2.1. Handling History panel commands33.2.2. Using the Keyboard Shortcut editor33.2.3. Adjusting the menus.xml file33.2.3.1. Generic shortcuts33.2.3.2. Menubar definitions33.2.4. Building menu commands33.3. Working with Custom Tags33.4. Customizing Property Inspectors33.4.1. Coding a Property inspector33.4.1.1. The Property inspector definition33.4.1.2. The canInspectSelection() function33.4.1.3. The inspectSelection() function33.4.2. Designing a Property inspector33.5. Making Custom Floating Panels33.6. Developing Translators33.6.1. Translator functions33.6.1.1. The getTranslatorInfo() function33.6.1.2. The translateMarkup() function33.6.2. Locking code33.7. Extending C-Level Libraries33.7.1. Calling C-level extensions33.7.2. Building C-level extensions33.8. Customizing Your Tag Libraries33.8.1. Editing tag libraries, tags, and attributes33.8.2. Creating and deleting tag libraries, tags, and attributes33.8.3. Importing a DTD or schema to create a new tag library33.9. Summary
34. Handling Server Behaviors
34.1. Understanding Server Behaviors34.2. Applying and Managing Server Behaviors34.2.1. Inserting and removing server behaviors34.2.2. Editing the parameters34.3. Standard Server Behaviors34.3.1. Recordset (Query)34.3.2. Repeat Region34.3.3. Recordset Paging34.3.4. Move To Specific Record34.3.5. Show Region34.3.6. Go To Detail Page34.3.7. Go To Related Page34.3.8. Insert Record34.3.9. Update Record34.3.10. Delete Record34.3.11. User authentication34.3.11.1. Log In User34.3.11.2. Restrict Access To Page34.3.11.3. Log Out User34.3.11.4. Check New Username34.3.12. Dynamic elements34.3.12.1. Dynamic Text34.3.12.2. Dynamic List/Menu34.3.12.3. Dynamic Text Field34.3.12.4. Dynamic CheckBox34.3.12.5. Dynamic Radio Buttons34.3.13. Stored procedure/command/callable34.3.14. Special JSP server behaviors34.3.14.1. Prepared (Insert/Update/Delete)34.3.14.2. JavaBean34.3.14.3. JavaBean Collection34.3.15. ASP.NET server behaviors34.3.15.1. DataGrid34.3.15.2. DataList34.4. Installing Additional Server Behaviors34.5. Creating Custom Server Behaviors34.6. Summary
VIII. Appendix
A. What's on the CD-ROM?
A.1. Using the Accompanying CD-ROMA.2. System RequirementsA.2.1. MacintoshA.2.2. WindowsA.3. Files and Programs on the CD-ROMA.3.1. Dreamweaver extensionsA.3.2. Dreamweaver Techniques simulations and filesA.3.3. Dreamweaver CS3 Bible code examplesA.3.4. Web resource directoryA.3.5. Bonus chaptersA.4. Troubleshooting
35. Creating and Using Objects
BC1.1. Inserting Dreamweaver ObjectsBC1.2. Modifying the Insert BarBC1.2.1. Specifying favoritesBC1.2.2. Reorganizing objects and adding categoriesBC1.2.3. Adding new categoriesBC1.3. Adding Other ObjectsBC1.4. Creating Custom ObjectsBC1.4.1. Making simple objectsBC1.4.1.1. Step 1: Creating the itemBC1.4.1.2. Step 2: Creating the objectBC1.4.1.3. Step 3: Saving the objectBC1.4.1.4. Step 4: Creating a button for the objectBC1.4.2. Building an object buttonBC1.5. Putting JavaScript to Work in Custom ObjectsBC1.5.1. Using the objectTag() functionBC1.5.2. Offering helpBC1.5.3. Attaching a parameter formBC1.5.4. Using the form controlsBC1.5.4.1. Input fields: Text, Textarea, Password, File, Image, and HiddenBC1.5.4.2. Submit, Reset, and Command buttonsBC1.5.4.3. CheckboxesBC1.5.4.4. Radio buttonsBC1.5.4.5. List boxes and drop-down menusBC1.5.5. Adding images to your objectsBC1.5.6. Using AP elements and Flash movies in objectsBC1.6. Summary
36. Creating a Behavior
BC2.1. Creating a Behavior from ScratchBC2.1.1. Step 1: Define the behaviorBC2.1.2. Step 2: Create the action fileBC2.1.3. Step 3: Build the user interfaceBC2.1.4. Step 4: Apply the behaviorBC2.1.5. Step 5: Inspect the behaviorBC2.1.6. Step 6: Test the behaviorBC2.1.7. Debugging the behaviorBC2.2. The Extending Dreamweaver DocumentationBC2.2.1. Document Object ModelBC2.2.1.1. Understanding nodesBC2.2.1.2. DOM propertiesBC2.2.1.3. DOM methodsBC2.2.2. Dreamweaver JavaScript API extensionsBC2.2.2.1. The dreamweaver.getDocumentDOM() functionBC2.2.2.2. The dom.getSelection() functionBC2.2.2.3. The dom.setSelection() functionBC2.2.2.4. The dom.offsetsToNode() functionBC2.2.2.5. The dom.nodeToOffsets() functionBC2.2.2.6. The dreamweaver.getTokens() functionBC2.2.2.7. The dreamweaver.getElementRef() functionBC2.2.2.8. The dreamweaver.getBehaviorTag() functionBC2.2.2.9. The dreamweaver.getBehaviorElement() functionBC2.2.2.10. The dreamweaver.browseForFileURL() functionBC2.2.2.11. The dreamweaver.getDocumentPath() functionBC2.2.2.12. The dreamweaver.getConfigurationPath() functionBC2.2.2.13. The dreamweaver.getSiteRoot() functionBC2.2.2.14. The dreamweaver.releaseDocument() functionBC2.2.2.15. The dreamweaver.browseDocument() functionBC2.2.2.16. The dreamweaver.openDocument() and dreamweaver.createDocument() functionsBC2.2.2.17. The dreamweaver.saveDocument() functionBC2.2.2.18. The dreamweaver.editLockedRegions() functionBC2.2.2.19. The dreamweaver.popupAction() and dreamweaver.runCommand() functionsBC2.2.2.20. The dreamweaver.latin1ToNative() and dreamweaver.nativeToLatin1() functionsBC2.2.2.21. The dreamweaver.relativeToAbsoluteURL() functionBC2.2.3. Behavior APIBC2.2.3.1. The windowDimensions() functionBC2.2.3.2. The deleteBehavior() functionBC2.2.3.3. The identifyBehaviorArguments() functionBC2.2.3.4. The displayHelp() functionBC2.3. Useful Common FunctionsBC2.4. Dreamweaver Behavior TechniquesBC2.4.1. Specifying an eventBC2.4.2. Returning a valueBC2.4.3. Including multiple functionsBC2.5. Summary
Wiley Publishing, Inc. End-User License Agreement

Overview

Learn to create dynamic, data-driven Web sites using the exciting enhancements in the Dreamweaver CS3 version. You get a thorough understanding of the basics and then progress to learning how to produce pages with pizzazz, connect to live databases, integrate with Flash and Photoshop, use advanced technologies like Spry and Ajax, incorporate Flash, Shockwave, QuickTime, and WAV files, import Photoshop files directly into Dreamweaver, and enjoy Web success.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9780470122143Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills