Welcome to our free Adobe Dreamweaver tutorial. This tutorial is based on Webucator's Introduction to Dreamweaver Creative Cloud (CC) Training course.
There are many new features and enhancements in Dreamweaver since the 2015 version. We review some of them here.
In this course, we didn't r4t0
use code view; however, here are a few new and enhanced features to know about.
Dreamweaver CC 2017 improved code folding. You no longer have to select the entire block; all you have to do is click on the down pointing gray arrow to the left of a opening tag, and the code will fold up to the closing tag on its own. It's a great feature to use when tracking down open and close tags for structure.
Visual Media Queries is a feature that represents the Media Queries present in a file with colored bars.
Many technologies blend well with Dreamweaver and have options built in to the software.
Emmet is an additional plug-in that allows you to use abbreviations to generate HTML and CSS code quickly. Many software packages support Emmet abbreviations. See below a sample from the http://docs.emmet.io/abbreviations/ website.
Once this is entered into code view, press the Tab key and you see the code below:
You may now designate a server as either testing or remote, and not both. File synchronization of dynamic files is now automatic.
Views and options to work with code, design, and live view have all been enhanced. Here are a few of those improvements.
The Element Quick View is now named DOM panel. To view the panel Windows > DOM. The same functionality is present with new options as well.
Technology features will be present for customers to review and provide feedback. These can be found under Preferences > Technology Previews. You may enable and disable any features in the list to try them out.