Join David Powers for an in-depth discussion in this video Explore the Start screen, part of Dreamweaver CC 2017: New Features.
- [Instructor] The first time you launch the 2017 release of Dreamweaver CC, you're greeted by this screen, which describes the program as all-new. There's certainly a lot that's new in this version of Dreamweaver, but you'll also find many familiar features. The important message is in this second line. Faster web development for designers who code. For several versions now, Dreamweaver has become increasingly focused on code, and this version takes it much further in that direction. Before you can proceed, you're asked if you've used Dreamweaver CC previously.
It doesn't really matter which of these two options you choose, they both take you through the same basic steps. But if you've already installed an earlier version of Dreamweaver on the same computer, selecting, Yes I have, will get you up and running more quickly because No, I'm new, forces you to create a sample file or to select a folder at the end of the process. So let's select Yes, I have, and the first thing we're asked to do is to choose a color theme. You've got a choice of two dark themes and two light themes, giving Dreamweaver the same look and feel as other creative cloud apps.
The default is this dark gray. If you're not sure which one you want, just click any of these buttons, because you can explore the various options later. So I'm going to select the default, the dark gray, and the next thing we're asked to do is to choose your default workspace. There are just two options, the Developer Workspace is a really stripped-down version of Dreamweaver, designed for hard core code addicts. If code is your game, choose this. The alternative is the Standard Workspace, this gives you all of the visual tools, including LiveView, the CSS designer, the DOM Panel, and so on.
It doesn't really matter which you choose, because you can change between the Developer and Standard Workspaces at any time, depending on your needs. So I'm going to select the Standard Workspace. The final screen presents an overview of the main new features in this version of Dreamweaver CC. Since that's what this course is all about, I'm going to click large X button here to dismiss the screen. And that brings up the Start screen. And Dreamweaver has already detected that settings from another computer were already uploaded onto Creative Cloud and it's asking if I want to download those settings from the cloud, or upload the settings on this machine to the Creative Cloud.
If you're happy with your existing settings you can just download them, or you can upload these. My other machine runs on a different operating system, so I'm going to go to Advanced, and then deselect all these Settings to Sync, then Apply, and close. So this is Dreamweaver's new start screen that replaces the old welcome screen. The first time you launch Dreamweaver, there are no recent files to display, but by default, this screen will show you the 10 files you've opened most recently with details of when they were last opened, how big they are, and what type.
Dreamweaver imports your existing site definitions from the previous version so you're ready to get going straight away. If you click Start new, or the New button here, that opens the new document dialog box, and clicking the Open button, opens the select file dialog box, based on your operating system. Let's take a quick tour of the other features in the start screen. The second item in this menu here, CC files, displays a list of assets that you've uploaded to Creative Cloud files.
Now, it's important to realize that these are not the same as files in a Creative Cloud library. They're listed separately in the CC library's panel. We'll just take a look at that. Here's CC libraries, and there's the Landon CC library that I created for the case study used in this course. And this lists only colors, but they're not listed here on the start screen. What's listed here, are files that can be opened natively and edited in Dreamweaver.
I've uploaded many other files to Creative Cloud such as images in PDF, but they're not listed here because Dreamweaver isn't the main program to edit them. So if you want to make changes to a file that's stored in the Creative Cloud, just select it here, let's take menu.js, it opens that file and I can make any changes here, and then save it, and the file will be automatically updated in the cloud, and those changes will be available to everyone you've shared the file with.
But you should be aware that you're not opening the version of the file that you've stored in a Dreamweaver site. This is the version in the Creative Cloud, and if you make changes to one of these files, you'll also need to synchronize it with your local version. I think that editing files in this list is of more use to people working in a team, rather than to individual developers. And if I just close that, it then brings me back to the start screen. Quick Start, let's take a look at that.
This is very similar, so the Create New section of the old welcome screen, it's just a quick way to create one of the main types of documents that are supported by Dreamweaver. And you can also use it to define a new site. And then let's take a look at Starter Templates. This is a collection of predefined layouts that you can use to start a new webpage or project. There are three basic layouts, then there are six bootstrap layouts, they're all based on Bootstrap 3, the popular responsive framework, and there are four for email letters, and then three responsive layouts.
But even the basic layouts at the top, they all use media queries, so responsive design is very much at the full front, in this version of Dreamweaver. And there are three icons at the top right of the start screen. The first one that looks like a cog, explains how to disable the start screen. We'll look at that in the next video. Clicking this question mark launches the Dreamweaver learn section of the Adobe website in your default browser. And this last icon will look different depending on whether you've created an avatar for your Adobe account.
Is a shortcut to manage your account online. For security purposes, you'll be prompted to enter the password associated with your Adobe ID. So that's the quick setup process and the new start screen in this version of Dreamweaver. The start screen offers the same basic functionality as the old welcome screen, but it's been given a complete makeover to bring it into line with the other Creative Cloud applications. The new feature in the start screen is this list of CC files that have been uploaded to Creative Cloud files.
You can edit them directly in Dreamweaver, and they're automatically updated in the cloud.
Stay tuned for new tutorials and Dreamweaver tips. We'll update the course every time Adobe releases changes in 2017.
- Exploring the Start screen and reorganized workspaces
- Working with the improved Code View
- Getting real-time previews of your designs
- Styling content with SCSS and Bourbon