
CSS gradients replace the need to use a fixed image to create a gradient background. CSS3 transitions and stylesĭreamweaver CC has new CSS transitions and styles that provide the ability to add gradient backgrounds, rounded corners, and animation effects to objects on your page. The margin, padding, and border controls in the Properties panel.Įxtensive use of the CSS Designer panel is made throughout nearly every lesson of the book as it is a vital part of the workflow in designing web pages with Dreamweaver. This new panel makes creating and editing styles as easy as pointing and clicking and provides a visual representation of the applied styles. CSS Designer panelĭreamweaver’s new CSS Designer panel expands upon and replaces the New CSS Styles dialog box and panel, adding a visual workflow and methodology for CSS properties such as margins, padding, and borders. Finally, Lesson 15, “Adding Interactivity with the jQuery UI Library” introduces the new jQuery UI Widgets such as the Tab and Accordion. Lesson 14, “Building HTML5 Web Forms” expands on Web Forms with the addition of new HTML5 input elements, attributes and form validation. Lesson 11, “Adding Video, Audio, and Interactivity” covers the addition of HTML5 audio and video, Adobe Edge Animate integration and Flash. Lesson 8, “Using Web Fonts” addresses the addition of Adobe Edge Web Fonts. Lesson 7, “CSS3 Transitions and Styles” introduces CSS3 gradients and transforms while coverage of Web Fonts has been expanded into a lesson of its own. Lesson 6, “Advanced Page Layout” covers the semantic elements in-depth.

Starting in Lesson 4, “Styling your pages with CSS” and throughout the exercises, HTML5 semantic elements replace many of the divs for structuring content.

Whether the new features were first added in CS6 Creative Cloud or in CC, they have all been integrated into the exercises in this book for users who might have upgraded from the retail version of CS6 to CC without the benefit of the CS6 Creative Cloud updates. Features such as native HTML5 support, improved Fluid Grid Layouts, Adobe Edge Web Fonts integration, Adobe Animate support and improved FTP support have made their way into the Cloud Subscription version and are now available.ĭreamweaver CC boasts many new features on top of those made available to CS6 Creative Cloud subscribers, specifically, a new CSS Designer panel with a visual workflow and improved support of CSS3 including CSS3 Transitions, Gradients, rounded borders, and the addition of jQuery UI Widgets replace Adobe’s proprietary Spry Frameworks.

This is due to the fact that web technology continues to evolve at a rapid pace and a program such as Dreamweaver needs to keep pace with these changes.
#Dreamweaver tuts upgrade
While many of the features are new, subscribers to Adobe’s Creative Cloud service have been able to utilize some of them as part of Adobe’s ongoing upgrade process. What’s new in Dreamweaver CC?ĭreamweaver CC follows the release of Dreamweaver CS6 and offers a number of significant changes and improvements over the previous release. In this lesson, you’ll take a tour of Dreamweaver’s new features. For more Adobe Dreamweaver training options, visit AGI’s Dreamweaver Classes.Īdobe Dreamweaver Tutorial: New Features in Dreamweaver CCĭreamweaver’s features evolve as the Web evolves. It is the third lesson in the Adobe Dreamweaver CC Digital Classroom book. This tutorial provides you with a foundation for working with Adobe Dreamweaver new features.

What you’ll learn in this Dreamweaver Tutorial:
