The latest release of Dreamweaver CC has not only introduced new features, but also has major improvements to existing ones such as the CSS Designer and the Element Quick View. We’ve created a couple of videos to provide an overview of these features and the enhancements we’ve made in Dreamweaver CC.
This video provides an overview of the CSS Designer panel and highlights the improvements to it. In this video you’ll learn how to:
Start a page design with the CSS Designer.
Work with the CSS Designer visual controls.
Use the panel’s workflow enhancements.
You’ll also take a look at how Live View integrates with the CSS Designer feature, making web design easier than ever.
Today we’re excited to announce the 2014 release of Dreamweaver CC! This latest version will improve your productivity and streamline your web design process, making it quicker for you to build and edit your web and mobile projects.
Can’t wait to get your hands on it? Download Dreamweaver CC now.
A few months ago, we announced a new Dreamweaver CC update with several exciting new features.
One of these, the Live Highlight feature, lets you visualize the relationships between HTML elements in Live View and applied CSS selectors.
Let’s review how Live Highlight works. In the screenshot below, a user intends to make changes to the ‘Cart’ navigation link. To make changes to HTML elements, the user usually starts by selecting the CSS selector “.SiteNavLink a” and editing the associated properties. These changes could however inadvertently change other HTML elements that the user might have no intention of changing at all.
Live Highlight in Dreamweaver
Using Live Highlight, users can now simply click the CSS selector in the CSS Designer panel to see the affected page elements. These elements are highlighted in blue in Live View mode. Users decide if they want to create a separate Selector that applies to ‘Cart‘ alone, thus leaving the styles for other links undisturbed.