book

Macromedia Dreamweaver MX Advanced for Windows and Macintosh: Visual QuickPro Guide

by J. Tarin Towers, Sasha Magee, Abie Hadjitarkhani

December 2002

Intermediate to advanced

512 pages

14h 8m

English

Peachpit Press

Read now

Unlock full access

Copyright
Dedication
Acknowledgments
Introduction
QuickPro ConventionsOur technologyWhat’s In this Book?Diving in to databases and dynamic contentServing dynamic pages and dynamic contentInteractive toolsEditing and writing codeThe front endMaximizing the softwareSpecial to Mac UsersKeyboard conventionsRunning MXMouse conventionsWhat About the Other Book?
1. About Dynamic Content
What Is Dynamic Content?About Database IntegrationChoosing a database applicationA home for your databaseThe Role of the Application ServerDynamic content = interactivityDynamic Content TypesChoosing an Application ServerHosting your Web site with an ISPRunning your own server
2. Setting Up Dreamweaver MX
Defining a Local Site and a Testing ServerTo define a site:Adding a Database ConnectionTo define a System DSN (for Windows-based databases):To add a database connection:Using the Site WindowTo view the Site window:Using the Databases PanelTo edit a database connection:To delete a database connection:To browse a database connection:Using the Bindings PanelTo add a recordset to a page:To delete a recordset from a page:About the Server Behaviors PanelLocal Site 411To set up only a local site:Additional Remote Server SetupTo set up remote site info (FTP):
3. A Basic Database Primer
Database StructureTables and recordsFieldsDatabases and RelationshipsPlanning table relationshipsOne-to-one relationshipsOne-to-many relationshipsMany-to-many relationshipsTo plan a database:Keys and indexesCreating a DatabaseLogging into the SQL serverTo log in to the SQL server:Creating and populating the database tableTo create a database table:To fill the table with information:Tidying the databaseTo add a password for root user:To set up a Web user name and password:Connecting to a DatabaseOLE DB connectionsTo create an OLE DB connection:ODBC connectionsTo create a custom connection string:ColdFusionTo connect to a ColdFusion data source:JDBC ConnectionsTo create a JDBC connection:Setting up a DSNTo create a DSN:Databases and the Dreamweaver InterfaceMaking it easier for youHow you can make it easier, tooHow the database and Dreamweaver interact
4. Using SQL
Getting by Without Learning SQLSQL SyntaxThe SELECT StatementBasic Select statementsRequesting multiple recordsTo write SELECT statements in Dreamweaver:The INSERT StatementThe UPDATE StatementUpdating multiple recordsDefining Your RecordsCreating a recordsetTo create a recordset that contains the entire table:To see the SQL behind creating a recordset:Selecting the appropriate fieldsTo create a recordset without all the fields:To see the SQL:Limiting the Number of Records in a SetTo create a recordset with only specific records:Sorting RecordsTo create a sorted recordset:Retrieving Data From Multiple TablesUsing the Database Items treeTo create a recordset using the Database Items tree:Selecting data from multiple tablesTo create a recordset from multiple tables:
5. Dynamic Text and Recordsets
Displaying a Recordset on a PageTo display a recordset on a page:Adding Dynamic Text to a PageTo insert dynamic text onto a page:Filtering RecordsetsWhat is a URL parameter?How are URL parameters used?Creating a form for a URL parameterTo create a form to generate a URL parameter:To create a product lookup page:Using Live Data ViewTo use Live Data view:To filter records using Live Data view:Inserting Images and Media DynamicallyTo dynamically insert an image:To dynamically insert a media (Flash) file:Setting Tag Attributes DynamicallyTo set the Alt attribute of an image automatically:Styling Dynamic ContentTo apply a CSS style to dynamic text:
6. Dynamic Forms
Setting Up a FormAbout form actionsAbout form methodsSetting form propertiesTo define Form Properties:Using Dynamic Text FieldsTo insert a Dynamic Text Field:Using multi-line text fieldsUsing password fieldsUsing Dynamic Radio ButtonsTo insert a dynamic radio button group:Using Dynamic CheckboxesTo insert a dynamic checkbox:Using Dynamic Lists and MenusTo insert a list or menu:To make a list or menu dynamic:Dynamically Generated MenusTo insert a dynamically generated list or menu:
7. Displaying Query Results
Default Query ResultsAbout Repeating RegionsTo use the Repeat Region behavior:Using Dynamic Tables to Format ResultsTo insert a repeating region using the Dynamic Table object:The Recordset NavbarTo create a Recordset Navigation Bar:Showing Search Navigation StatusCreating a Recordset Navigation Status display:

8. Editing Records from Web Interfaces
Master Detail Page SetsCreating a master pageTo create a Master/Detail Page Set live object:Creating a detail pageTo create a detail page:Manually creating a master pageTo define a master page manually:To add links to the records on the master page:Creating a detail page manuallyTo create a detail page by hand:Adding Database RecordsTo add a record to a database:Editing Database RecordsTo create a record update page:To add a link to the update page on a copy of the master page (ASP and JSP only):Deleting a Database RecordTo add a button to delete a record:Managing PermissionsSimple user managementTo create a registration page:To create a log-in page:To restrict a page to logged-in users:To create a log-out link:Managing multiple access levelsTo define an access level for a user:To restrict a page to certain user levels:
9. Web Services and ColdFusion Components
Defining Web Services and ColdFusion ComponentsConsuming a Web ServiceTo add a Web Service component:Dropping Components onto the PageTo drop a Web Service component onto the page:Publishing a Web Service Using a ColdFusion ComponentTo create a ColdFusion component:To add a ColdFusion component to your page:To publish a ColdFusion component as a Web service:
10. Server Behaviors
The Server Behaviors PanelBuilt-in Server BehaviorsAdding a recordset to a pageBehaviors for displaying and navigating recordsetsModifying database records from Web interfacesUsing master detail pages and defining related pagesCreating users, passwords, and access levelsPresenting dynamic contentUsing JavaBeans with JSPAdvanced database maintenance using SQLAdding a Server Behavior to a PageTo add a server behavior to a page:To remove a server behavior from the page:Creating Custom Server BehaviorsGetting new server behaviors from Macromedia ExchangeAbout Server BehaviorsTo create a server behavior:To add a parameter to the code:To put the script at the top of the file:To specify an action for the form:To specify the form’s method:To specify the dialog box settings:To test the server behavior:Customizing the Server Behavior BuilderTo edit a Server Behavior dialog box.
11. Code Editing Tools
The Dreamweaver Code EnvironmentCode view and Split viewThe Code inspectorAbout selectionsEditing Code in the Document WindowThe Property inspectorThe Insert toolbarContextual buttonsThe Tag SelectorRemoving a tagSetting the class or ID of a tagEditing a tagEditing Code in Design View (the Quick Tag Editor)To open the QT editor:To close the QT editor:To move the QT editor:To switch modes:Selecting parent and child tagsTo select the current tag’s parent tag:To select the child tag:Roundtrip HTMLUsing the Tag ReferenceBuilt-in Tag Writing ShortcutsTag completionTag HintsThe Tag inspector (Tree view)The Tag ChooserThe Tag EditorUsing the Snippets PanelUsing snippetsEditing snippetsTo save your own snippet:Setting Code View OptionsAbout Word WrapAbout Line NumberingAbout Syntax ColoringAbout Auto IndentChecking Your PagesCleaning Up HTMLCleaning up when opening a fileHighlighting sloppy codePerforming clean-upTo clean up HTML code:Tag validation (HTML, XML)To validate a page:Creating and Complying with XHTMLTo make a new page XHTML compliant:To convert an existing page to XHTML:About XHTML complianceDocument informationDocument structureCode syntaxMore attribute requirementsCleaning up XHTMLTo clean up XHTML:Browser ProfilesChecking the current pageTo run a target browser check on the current page:Checking an entire siteTo run a target browser check on an entire folder or selected files:Using browser check resultsTo get information about an error:To view the report in a browser:Saving the resultsTo save the report file as XML:To save the report file as HTML:Script-Editing ToolsUsing the Script editorTo type in a script:To insert just a noscript tag:Importing scriptsTo insert a script from a text file:Script propertiesTo edit a script:Setting Code PreferencesCode Format preferencesTo set Code Format preferences:Code Rewriting preferencesTo change Code Rewriting preferences:CSS writing preferencesTo set CSS Styles preferences:Quick Tag editor and Tag Hints preferencesTo change Quick Tag editor and Tag Hints preferences:Tag Validator preferencesTo change Tag Validator preferences:Customizing Syntax ColoringTo edit Code Coloring preferences:
12. Editing and Using Tag Libraries
What Tag Libraries DoTag libraries and the Tag Hints menuTag libraries and the Tag ChooserTag Libraries and the Tag inspector panelTag libraries and code formattingEditing and Importing TagsAdding a new tag to a libraryTo add a custom tag to a library:Specifying code formatting for a new or built-in tagTo adjust the formatting of a tag:Importing Tag LibrariesTo import tags from an XML DTD or schema file:How to Edit, Add, and Remove AttributesAdding an attribute to a tagTo add an attribute to a tag:Editing tag attributesTo edit an attribute:Adding values to an attributeTo add values to an attribute:Removing an attribute from a tagTo remove a tag attribute:Tag Attributes and the Tag InspectorTo dynamically set a tag attribute:Creating a Custom LibraryTo add a new library:
13. JavaScript & Dreamweaver Behaviors
JavaScript ConceptsTo add a behavior:Open WindowTo make a window open when users click on an image:To specify the location of a new window:Change PropertyTo change the background color of a layer:To add a <span> to your page:To change the size of the text:To change the text in a span:Creating a Cascading MenuTo create a pop-up menu in Dreamweaver:To create a graphical pop-up menu using Fireworks:Creating Fancy RolloversTo change multiple images on a rollover:To change text at the same time as you change images:Cookies and Code SnippetsTo add JavaScript snippets to your page:To write a cookie:To read a cookie:Debugging Your JavaScriptTo use the JavaScript debugger:To watch a variable’s value:To set a variable’s value:
14. Using Dreamweaver Templates with XML
About .DWT Files and Template SyntaxTemplate toolsAbout template tagsAbout template regionsAbout template expressionsCreating TemplatesTo base a template on an existing file:To create a template from scratch:Setting Editable RegionsTo create a new editable region:Marking page regions as editableTo set an editable region:Editable Region QuirksBlock formattingText formattingTablesLayersSetting Editable Tag AttributesTo set a tag attribute as editable:Setting Repeating RegionsTo add a repeating region:To insert an editable region inside the repeating region:Creating a repeating tableTo insert a repeating table:About Optional Template RegionsTo insert an optional region:To activate or deactivate an optional region:To add a second optional region controlled by the same parameter:Creating Pages Based on TemplatesTo create a template page:Using repeating regions on a pageTo repeat a region:To edit content in a region:To subtract a region:To rearrange regions:Using repeating tablesUsing editable tag attributesTo edit tag attributes:Deleting, Renaming, and Editing Templates and RegionsEditing template documentsDeleting templatesRenaming regionsRemoving regionsAttaching an Existing Page to a TemplateTo attach a page to a template:Using Nested TemplatesTo create a nested template:To lock an inherited editable region:Exporting as XMLTo export editable regions as XML:Importing XML DataTo import XML into a template:Performing Routine UpdatesUpdating when you editUpdating after you editTo update a single page:Updating sets of pagesTo update more than one page:Using Template ExpressionsTemplate expressions and optional regionsTemplate expressions and repeating regionsTo show the _index in a table:To alternate table row colors:Template expressions elsewhere
15. Using Head Elements
About the Document HeadKinds of Head TagsMeta tagsOther head content tagsViewing Head ContentTo view head content:To examine head content:Inserting KeywordsTo insert keywords:To edit keywords:Inserting a Page DescriptionTo insert a page description:To edit your page description:Inserting a Refresh TagTo insert a refresh tag:To edit your refresh tag:Inserting Other Meta TagsTo insert a meta tag:To edit your meta tags:Inserting a Base HrefTo insert a base href:To edit your Base Href tag:Inserting a Link DescriptorTo insert a link:To edit your Link tag:Editing Head Elements
16. Accessibility: Considering Your Audience
Accessibility ConsiderationsWhat is accessible HTML?Text-only browsers and accessibility standardsSection 508 and international Web standardsVisually impaired usersOther accessibility concernsPortable devicesDreamweaver’s Accessibility FeaturesAccessibility preferencesTo turn on Dreamweaver’s accessibility authoring controls:To turn on Dreamweaver’s own accessibility features:Accessible Page DesignsTo start off with a page that uses only accessible tags:Using the Accessibility Dialog BoxesMaking Forms AccessibleTo make forms more accessible:Tab order considerationsMaking Tables AccessibleMaking Frames AccessibleAlternatives to Images and MediaAlways use Alt textTo add Alt text to an image:Using Dreamweaver’s accessibility controls for imagesUsing Dreamweaver’s accessibility controls for media objectsValidating Code & Using Site ReportingTo run an accessibility check on the current page:To find out more about an error:Using the Accessibility ReferenceTo use the Accessibility Reference:Understanding Compliance Rules
17. Drawing Timelines
What Timelines Can DoThe Timelines PanelTo view the Timelines panel:Dissecting the Timelines PanelAdding a Layer to a TimelineTo add a layer to a timeline:Timeline ActionsMoving a layerTo move a layer using a timeline:Recording movementTo record a layer’s path:Deleting and moving animation sequencesPlaying it backTo play back a timeline:Previewing in a browser and setting AutoplayAbout KeyframesTo add a keyframe:To add a new layer position to a keyframe:Showing and Hiding LayersTo show or hide a layer:To change the location of a keyframe:Changing the OverlapsTo change the Z-index of a layer during a timeline:Changing the TimingTo move the beginning or end of an animation bar:Changing Layer DimensionsTo change the dimensions of a layer using a timeline:Adding an Image Rollover to a TimelineTo add the image rollover to a timeline:Making the rollover workTo change an image source using a timeline:Adding a Behavior to a TimelineTo add a behavior to a timeline frame:Making Timelines GoTo make a Timeline play automatically:Making a Behavior Play a TimelineTo make a behavior play a timeline:Stopping a timelineTo make a behavior stop a timeline:Loop and RewindTo add the Loop:To modify the Loop:Jumping to or starting with a specific frameTo add a Go to Frame behavior:Adding and Removing FramesTo add frames to a Timeline:To remove frames from a Timeline:Using Multiple TimelinesTo add a timeline:To toggle between timelines:Renaming and Deleting TimelinesTo rename a Timeline:To remove a timeline:Removing or Changing ObjectsTo remove an object from a timeline:To change objects:Bringing It All Together
18. Toolbars, Tricks, and Interactive Design
Flash TextTo add Flash Text to a page:Flash ButtonsTo add a Flash button to your page:Rollover ImagesTo add a Rollover Image to your page:Importing Slices from Fireworks to Use As a ToolbarTo create the images for the navbar:To export a single navbar (for sites with frames or that don’t need down states marked):To put the navbar on a page that uses frames:Marking a multiple-section site with down-state buttonsTo export a navbar for each button:What to do with multiple navbar pagesTo paste the navbar into a non-frame page:Pop-Up LayersTo hide controls in a pop-up layer:Forms and FramesTo change a frame using a form in another frame:Other Interactive Gadgets
19. Customizing Dreamweaver
The Dreamweaver JavaScript APICreating a CommandTo create the enable/disable function:To actually change the content of the text:To finish up the file:Adding Commands to a MenuTo add the command to the menu:Creating a Custom ToolbarTo create a custom toolbar:Creating a Custom BehaviorA behavior definedHow to create a behaviorTo create the Confirm Password behavior:Other Things We Could Cover If This Book Were 800 Pages LongFloating panelsCustom reportsCode HintsProperty inspectorsThings in the 1,900 page range
20. Workflow & Collaboration
Using Names to Check Files In and OutSetting up file check-inTo enable check-in and check-out:Checking Out FilesTo check out one remote file:To check out more than one file:To undo a file check-out:Checking In FilesTo check in files:Setting Up Design NotesTo enable Design Notes:Using Design NotesTo create a Design Note:Accessing Design NotesTo open a Design Note:Cleaning Up Design NotesTo clean up Design Notes:Turning Off Design NotesTo disable and delete all Design Notes:Modifying Columns in the Site WindowTo show or hide an existing column:To reorder columns in the Site window:Adding File View ColumnsTo create a new column in the Site window:Sharing ColumnsTo share column information:Editing personal or shared columnsTo edit a column:Using Dreamweaver with Content ManagementUsing WebDAVSetting up WebDAVTo set up your remote site info to work with WebDAV:Using Visual Source Safe Databases with DreamweaverTo set up your remote site info to work with VSS:Using RDS with ColdFusion Server and DreamweaverTo set up Dreamweaver to work with RDS:

Overview

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

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

Active Directory® for Microsoft® Windows® Server 2003 Technical Reference

Publisher Resources

ISBN: 0321159462Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills