Help and tutorials

ADOBE? DREAMWEAVER?

Help and tutorials

February 2013

Contents

Dreamweaver Creative Cloud........................................................................................................................1

Release Notes | Dreamweaver 12.1 | Creative Cloud.............................................................................................................2 What's new | Creative Cloud....................................................................................................................................................5 Insert HTML5 audio | Creative Cloud......................................................................................................................................8 Insert HTML5 video | Creative Cloud.....................................................................................................................................10 Import Edge Animate compositions | Creative Cloud............................................................................................................12 Search files based on filename or content | Mac OS | Creative Cloud..................................................................................13 Enhanced HTML5 support for form elements | Creative Cloud.............................................................................................14 Changes to Insert options | Creative Cloud...........................................................................................................................16

What's New..................................................................................................................................................20

What's new in CS6................................................................................................................................................................21 Arabic and Hebrew text.........................................................................................................................................................24 What's new in CS5.5 .............................................................................................................................................................26 Dreamweaver tutorials & getting started................................................................................................................................................29

Workspace and workflow.............................................................................................................................30

Dreamweaver workflow and workspace................................................................................................................................31 Collapsing code.....................................................................................................................................................................40 Customizing the Dreamweaver CS5 workspace...................................................................................................................42 Dynamic content panels........................................................................................................................................................50 Enhancements to CSS3 support in the CSS styles panel (CS5.5)........................................................................................52 Optimizing the workspace for visual development.................................................................................................................54 Setting coding preferences....................................................................................................................................................56 Setting up your coding environment......................................................................................................................................60 Use the Insert panel...............................................................................................................................................................62 Using toolbars, inspectors, and context menus.....................................................................................................................65 Working in the Document window.........................................................................................................................................67 Zoom in and out.....................................................................................................................................................................70

Site management.........................................................................................................................................71

Connect to a remote server...................................................................................................................................................72 Set up a testing server...........................................................................................................................................................78 Set up a local version of your site..........................................................................................................................................80 Manage Sites dialog box options...........................................................................................................................................81 Version Control and Advanced settings.................................................................................................................................83 Import and export Dreamweaver site settings.......................................................................................................................85 Edit an existing remote website.............................................................................................................................................86 About Dreamweaver sites......................................................................................................................................................87 Getting and putting files to and from your server...................................................................................................................89 Managing Contribute sites.....................................................................................................................................................93 Set site preferences for transferring files...............................................................................................................................98 Testing your Dreamweaver site.............................................................................................................................................99

CSS...........................................................................................................................................................102

Set CSS properties..............................................................................................................................................................103 Laying out pages with CSS..................................................................................................................................................108 Understanding Cascading Style Sheets..............................................................................................................................113 Create a CSS rule................................................................................................................................................................117 CSS3 transition effects........................................................................................................................................................118

Add a property to a CSS rule...............................................................................................................................................120 Apply, remove, or rename CSS class styles........................................................................................................................121 Check for cross-browser CSS rendering issues..................................................................................................................122 Convert inline CSS to a CSS rule........................................................................................................................................124 Disable/Enable CSS............................................................................................................................................................125 Edit a CSS rule....................................................................................................................................................................126 Edit a CSS style sheet.........................................................................................................................................................127 Enhancements to CSS3 support in the CSS styles panel (CS5.5)......................................................................................128 Format CSS code................................................................................................................................................................130 Inspect CSS in Live view.....................................................................................................................................................131 Link to an external CSS style sheet.....................................................................................................................................132 Move/export CSS rules........................................................................................................................................................133 Set CSS Styles preferences................................................................................................................................................135 Set CSS heading properties for an entire page...................................................................................................................136 Set CSS link properties for an entire page..........................................................................................................................137 The CSS Styles panel..........................................................................................................................................................138 Update CSS style sheets in a Contribute site......................................................................................................................141 Use Design-Time style sheets.............................................................................................................................................142 Use Dreamweaver sample style sheets..............................................................................................................................143 Working with div tags...........................................................................................................................................................144

Layout and design.....................................................................................................................................154

Laying out pages with CSS..................................................................................................................................................155 About the Spry framework...................................................................................................................................................160 Adding Spry effects..............................................................................................................................................................161 Change page orientation for mobile devices (CS5.5 and later)...........................................................................................164 Colors..................................................................................................................................................................................165 Creating media queries (CS5.5 and later)...........................................................................................................................166 Designing dynamic pages....................................................................................................................................................168 Displaying data with Spry....................................................................................................................................................170 Displaying database records...............................................................................................................................................179 Presenting content with tables.............................................................................................................................................186 Set CSS heading properties for an entire page...................................................................................................................198 Set title and encoding properties for a page........................................................................................................................199 Understanding document encoding.....................................................................................................................................200 Update CSS style sheets in a Contribute site......................................................................................................................201 Use Design-Time style sheets.............................................................................................................................................202 Use Dreamweaver sample style sheets..............................................................................................................................203 Use a tracing image to design a page.................................................................................................................................204 Using Frames......................................................................................................................................................................205 Using visual aids for layout..................................................................................................................................................214 Working with Spry widgets (general instructions)................................................................................................................217 Working with div tags...........................................................................................................................................................219 Working with head content for pages..................................................................................................................................229 Working with the Spry Accordion widget.............................................................................................................................233 Working with the Spry Collapsible Panel widget..................................................................................................................236 Working with the Spry Tabbed Panels widget.....................................................................................................................239 Working with the Spry Tooltip widget...................................................................................................................................242 Working with the Spry Validation Checkbox widget.............................................................................................................244 Working with the Spry Validation Confirm widget................................................................................................................246

Working with the Spry Validation Password widget.............................................................................................................249

Page content and assets...........................................................................................................................252

Working with Photoshop and Dreamweaver........................................................................................................................253 Working with the Spry Menu Bar widget..............................................................................................................................258 Creating and opening documents........................................................................................................................................262 Set text properties in the Property inspector........................................................................................................................273 Arabic and Hebrew text.......................................................................................................................................................276 Set page properties.............................................................................................................................................................278 Adding and modifying images..............................................................................................................................................280 About assets and libraries...................................................................................................................................................289 About the Spry framework...................................................................................................................................................290 Adding Sound......................................................................................................................................................................291 Adding media objects..........................................................................................................................................................293 Adding video........................................................................................................................................................................299 Adding web widgets.............................................................................................................................................................303 Automating tasks.................................................................................................................................................................304 Create a link to a Word or Excel document.........................................................................................................................308 Creating and managing a list of favorite assets...................................................................................................................309 Displaying data with Spry....................................................................................................................................................311 Editing content in a template-based document....................................................................................................................320 Import Microsoft Office documents (Windows only)............................................................................................................322 Import tabular data...............................................................................................................................................................323 Importing custom tags into Dreamweaver...........................................................................................................................324 Insert dates..........................................................................................................................................................................326 Inserting SWF files...............................................................................................................................................................327 Managing tag libraries.........................................................................................................................................................329 Modify font combinations.....................................................................................................................................................331 Set title and encoding properties for a page........................................................................................................................332 Spell check a web page.......................................................................................................................................................333 Use HTML Formatting.........................................................................................................................................................334 Use horizontal rules.............................................................................................................................................................336 Use the Insert panel.............................................................................................................................................................337

File management.......................................................................................................................................340

Checking in and checking out files......................................................................................................................................341 Cloaking files and folders in your Dreamweaver site...........................................................................................................347 Comparing files for differences............................................................................................................................................349 Getting and putting files to and from your server.................................................................................................................351 Managing files and folders...................................................................................................................................................355 Rolling back files (Contribute users)....................................................................................................................................361 Set download time and size preferences.............................................................................................................................362 Storing file information in Design Notes...............................................................................................................................363 Synchronizing files...............................................................................................................................................................366 Understanding document encoding.....................................................................................................................................368

Linking and navigation...............................................................................................................................369

About linking and navigation................................................................................................................................................370 Image maps.........................................................................................................................................................................372 Jump menus........................................................................................................................................................................374 Link to an external CSS style sheet.....................................................................................................................................376 Navigation bars....................................................................................................................................................................377

Set CSS link properties for an entire page..........................................................................................................................378 Troubleshooting links...........................................................................................................................................................379

Coding.......................................................................................................................................................381

Collapsing code...................................................................................................................................................................382 Editing code in Design view.................................................................................................................................................384 Format CSS code................................................................................................................................................................389 General information about coding in Dreamweaver............................................................................................................390 Managing tag libraries.........................................................................................................................................................394 Optimizing and debugging code..........................................................................................................................................396 Setting coding preferences..................................................................................................................................................400 Setting up your coding environment....................................................................................................................................404 Template syntax..................................................................................................................................................................406 Writing and editing code......................................................................................................................................................408

Mobile and multiscreen..............................................................................................................................420

Creating web applications for mobile devices (CS5.5, CS6)...............................................................................................421 Packaging web applications as native mobile applications with PhoneGap Build...............................................................424 Change page orientation for mobile devices (CS5.5 and later)...........................................................................................427 Creating media queries (CS5.5 and later)...........................................................................................................................428 Packaging web applications................................................................................................................................................430 Preview pages using the Multiscreen Preview panel...........................................................................................................433

Previewing.................................................................................................................................................434

Check for cross-browser CSS rendering issues..................................................................................................................435 Preview pages using the Multiscreen Preview panel...........................................................................................................437 Previewing pages................................................................................................................................................................438 Select and view elements in the Document window............................................................................................................441 Viewing live data..................................................................................................................................................................443

Templates..................................................................................................................................................444

About Dreamweaver templates...........................................................................................................................................445 Applying or removing a template from an existing document..............................................................................................449 Creating a Dreamweaver template......................................................................................................................................451 Creating a nested template..................................................................................................................................................454 Creating editable regions in templates................................................................................................................................457 Creating repeating regions in templates..............................................................................................................................459 Defining editable tag attributes in templates........................................................................................................................461 Editing content in a template-based document....................................................................................................................463 Editing, updating, and deleting templates............................................................................................................................465 Exporting and importing template content...........................................................................................................................468 Recognizing templates and template-based documents.....................................................................................................470 Setting authoring preferences for templates........................................................................................................................473 Template syntax..................................................................................................................................................................475 Using optional regions in templates.....................................................................................................................................477

Web applications and forms......................................................................................................................479

Set up a testing server.........................................................................................................................................................480 Adding custom server behaviors.........................................................................................................................................482 Adding dynamic content to pages........................................................................................................................................490 Building ColdFusion forms...................................................................................................................................................493 Building a delete record page..............................................................................................................................................502 Building a login page...........................................................................................................................................................508

Building a page that only authorized users can access.......................................................................................................510 Building a record insert page...............................................................................................................................................512 Building a registration page.................................................................................................................................................515 Building pages with advanced data manipulation objects (ColdFusion, ASP).....................................................................517 Building search and results pages.......................................................................................................................................521 Changing dynamic content..................................................................................................................................................526 Creating web forms..............................................................................................................................................................528 Database connections for ASP developers.........................................................................................................................538 Database connections for ColdFusion developers..............................................................................................................544 Database connections for PHP developers.........................................................................................................................546 Defining sources of dynamic content...................................................................................................................................548 Designing dynamic pages....................................................................................................................................................559 Displaying database records...............................................................................................................................................561 Dynamic content panels......................................................................................................................................................568 Dynamic content sources overview.....................................................................................................................................570 Optimizing the workspace for visual development...............................................................................................................574 Packaging web applications................................................................................................................................................576 Removing connection scripts...............................................................................................................................................579 Securing a folder in your application (ColdFusion)..............................................................................................................580 Set up your computer for application development.............................................................................................................581 Troubleshooting database connections...............................................................................................................................585 Understanding web applications..........................................................................................................................................589 Using ColdFusion components............................................................................................................................................595

Cross-product............................................................................................................................................600

Working with Photoshop and Dreamweaver........................................................................................................................601 Dreamweaver-Business Catalyst integration.......................................................................................................................606 Adding and modifying images..............................................................................................................................................608 AIR Extension for Dreamweaver.........................................................................................................................................617 Create a link to a Word or Excel document.........................................................................................................................621 Cross-application integration...............................................................................................................................................622 Extensions...........................................................................................................................................................................623 Import Microsoft Office documents (Windows only)............................................................................................................624 Managing Contribute sites...................................................................................................................................................625 Update CSS style sheets in a Contribute site......................................................................................................................630 Using Dreamweaver with Adobe Online services................................................................................................................631 Working with Adobe Bridge and Dreamweaver...................................................................................................................636 Working with ConnectNow and Dreamweaver....................................................................................................................638 Working with Device Central and Dreamweaver.................................................................................................................639 Working with Fireworks and Dreamweaver.........................................................................................................................641 Working with Flash and Dreamweaver................................................................................................................................646

Javascript...................................................................................................................................................647

?? A p p l y i n g b u i l t i n J a v a S c r i p t b e h a v i o r s.......................................................................................648 Using JavaScript behaviors (general instructions)...............................................................................................................656

Accessibility...............................................................................................................................................659

Dreamweaver and accessibility...........................................................................................................................................660 Keyboard shortcuts..............................................................................................................................................................663

XML...........................................................................................................................................................665

About XML and XSLT..........................................................................................................................................................666

Missing character entities for XSLT.....................................................................................................................................671 Performing XSL transformations on the client.....................................................................................................................673 Performing XSL transformations on the server....................................................................................................................675

Dreamweaver Creative Cloud

1

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download