Adobe Dreamweaver for Web site building

Adobe Dreamweaver CS6, the web design software, provides an intuitive visual interface for making and editing HTML websites and mobile apps. Use a Fluid Grid Layout designed for cross-platform compatibility to create adaptive layouts. Review designs with Multiscreen Preview before publishing.

The new features of Adobe Dreamweaver CS6 are:

New site manager: – The Manage Sites dialogue box (Sites > Manage Sites) has a new look and feel, although much of the functionality remains. Additional functionality includes the ability to create or import Business Catalyst sites.

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 smartphone.

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 typical example is a menu bar item gradually fading from one colour to another when you hover over it.) You can now create CSS transitions using code-level support and the new CSS Transitions panel (Window > CSS Transitions).

Multiple CSS class selection: – You can now apply various CSS classes to a single element. Select the feature, open the Multiclass Selection dialogue box, and choose your classes. After you use multiple types, Dreamweaver creates a new multiclass from your selections. The new multiclass becomes available from other places where you make CSS selections.

You can open the Multiclass Selection dialogue box from several access points:

• The HTML property inspector (Choose Apply Multiple Classes from the menu.)
• The Targeted Rule pop-up menu of the CSS property inspector
• The context menu of the tag selector is at the bottom of the Document window (right-click a tag and choose Set Class > Apply Multiple Classes).

JQuery Mobile 1.0 and jQuery Mobile swatches: –

JQuery Mobile 1.0: adobe Dreamweaver CS6 ships with jQuery 1.6.4 and jQuery Mobile 1.0 files. Starter jQuery Mobile pages are available from the New Document dialogue box (File > New > Page from Sample > Mobile Starters). You can now choose between two CSS files when creating your jQuery mobile pages: complete CSS files or CSS files split into structural and theme components.

JQuery Mobile Swatches: Preview all the swatches (themes) in a jQuery mobile CSS file by using the new jQuery Mobile Swatches panel (Window > jQuery Mobile Swatches). Then, use the forum to apply swatches or remove them from various elements in your jQuery mobile web page. Use this feature to apply swatches to individual headers, lists, buttons and other factors.