Operation Manual

What's new in CS6
To the top
To the top
To the top
To the top
To the top
Video tutorials
Inserting HTML5 video content
New site manager
Fluid grid-based CSS layouts
CSS3 transitions
Multiple CSS class selection
PhoneGap Build integration
jQuery Mobile 1.0 and jQuery Mobile swatches
Business Catalyst integration
Web fonts
Simplified PSD optimization
Improvements to FTP transfer
Video tutorials
The video tutorials for new features in Dreamweaver CS6 are now available on Adobe TV (http://www.adobe.com/go/learn_dwcs6_adobetv_en).
New site manager
The Manage Sites dialog box (Sites > Manage Sites) has a new look and feel, although much of the functionality remains the same. Additional
functionality includes the ability to create or import Business Catalyst sites.
Manage Sites dialog box options
Fluid grid-based CSS layouts
Use the robust new fluid grid layouts in Dreamweaver (New > New Fluid Grid Layout) to create adaptive CSS layouts that respond to varying
screen sizes. When you build a web page using a fluid grid, the layout and its contents automatically adjust to the user's viewing device, whether
desktop computer, tablet, or smart phone.
Introduction to fluid grid layouts
Using fluid grid layouts in Dreamweaver CS6 (tutorial)
Adobe TV: Using fluid grid layouts in Dreamweaver CS6
Adobe TV: Creating adaptive designs with fluid grid layouts in Dreamweaver CS6
Adobe TV: Fluid Grid Layout deep dive with Dreamweaver Product Manager Scott Fegette
CSS3 transitions
Use the new CSS Transitions panel to apply smooth property changes to CSS-based page elements that respond to trigger events such as
hovering, clicking, and focusing. (A common example is a menu bar item that gradually fades from one color to another when you hover over it.)
You can now create CSS transitions using both code-level support, and the new CSS Transitions panel (Window > CSS Transitions).
Understanding CSS3 Transitions
CSS3 transition effects in Dreamweaver (reference)
Creating smooth changes with the CSS transitions panel (tutorial)
Adobe TV: Using CSS3 transitions in Dreamweaver CS6
Multiple CSS class selection
You can now apply multiple CSS classes to a single element. Select the element, open the Multiclass Selection dialog box, and choose your
classes. After you apply multiple classes, Dreamweaver creates a new multiclass from your selections. The new multiclass then becomes available
from other places where you make CSS selections.
21