Designers and developers can work more efficently inside of Deamweaver using the CSS Designer panel. Taken from Train Simple's Dreamweaver Training

Learn how to use Adobe Fireworks to create icons and sprite sheets and extract CSS properties. Tools and techniques we'll explore include the Pen tool, composite paths, the Path panel, and CSS Properties.Dave Hogue, vice president of experience design at Fluid, will explain:• How to use vector tools in Fireworks to create icons for websites or mobile apps• How to create a CSS sprite sheet of the icons and design an icon toolbar• How to extract the CSS properties of the toolbar so that it can be built in Adobe Dreamweaver or Adobe Edge Code and Brackets

Explore the expanded support for CSS3 by creating a graphic and reviewing the powerful CSS Properties panel with the CCS rules you can copy, add comments to, and optimize for Firefox, Opera, Explorer, and Webkit.

In this movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added.

Save time and preserve your design's integrity by cleanly extracting CSS elements and values (such as color, font, gradient, and corner radius) using the new CSS Properties panel. Once you have the code, copy and paste it directly into Adobe Dreamweaver® CS6 software or other HTML editors.

In this episode, you will learn all about the latest Fireworks CSS3 Mobile Pack, which includes a CSS3 Properties Panel and the jQuery Mobile Theme Skinning tool.

In this video, Terry White shows you some enhancements to Dreamweaver CS5.5 which enable you to work efficiently to produce websites based on HTML5 and CSS3 specifications including code hinting and code completion, updated Live View and updates to the CSS panel that help you design and develop websites that look outstanding and function well whether viewed on a desktop computer, tablet or smartphone.

Take a quick tour of the Dreamweaver workspace including various panels and the Code/Design views.  Begin building your page by starting with a blank HTML page, and then bring in your content from a text document.  Go on to brush up the page by changing some of its basic properties.

In this step of the tutorial, you can find out how to use the files panel in Dreamweaver to organize and set up your site on the local hard drive in your computer – while it is still being worked on before it can be published to a web server later.

Spry is a JavaScript and XML based framework that you can use to easily create drop-down menus, collapsible panels, and other rich interactive experiences in web design. Dreamweaver comes with many Spry components that you can easily drop into your pages without writing code. In this video you’ll learn how to insert and customize an “accordion” Spry widget that expands and collapses sections of text in the “Menu” page of this project.