In this lesson, you will learn about the workspace feature in Adobe Dreamweaver. I have Dreamweaver open. If you don't have it open, make sure to open it from your Creative Cloud desktop app. And now, when we open up Dreamweaver and we are in this Home area, this welcome area; we can see over here, we have our Home tab, we have our Learn tab, we have our Quick Start, and we have our Starter Templates. Now, over here on the right, we have a number of different panels. We have the Files panel, the Creative Cloud Libraries panel, the Insert panel, and the CC Designer panel, as well as the DOM, the Assets, and the Snippets panel. This is the Standard workspace. If we go to the Window menu to Workspace Layout, you can see that we only have two default workspaces in Dreamweaver. The first one is Standard, and that's the one that we are working in. The other is Developer. And if we click on Developer, we can see that it really limits the number of panels that we have open. It just has the Files panel and the Snippets panel. The Developer workspace is primarily for people who use Dreamweaver as strictly a code editor. Now, we're gonna go back to the Window menu, back to Workspace Layout, back to Standard because we're gonna use some of the features that Dreamweaver has that allow us to create pages and sites without having to really know HTML. There is one additional panel that we're going to open, that is going to help us when we work in Dreamweaver. So we're gonna go to the Window menu, and we're gonna go to the Properties panel. Now, the Properties panel, when we open it up is a floating panel, but we're gonna dock it down here at the bottom. We're gonna click on it and just drag it down towards the bottom. And you're gonna see there's a blue highlight going on as soon as it gets to the bottom. And if we click on that, it nests itself inside of our workspace area. Now, the best part about working with workspaces in any of the Adobe programs is the fact that we can now save that. So we're gonna go to our Window menu to Workspace Layout, and we're gonna go to New Workspace. And we're gonna name this: standard with properties. In that way, if anything ever happens and we need to clean up our workspace, we can go back to that Window menu to Workspace, back to that standard with properties, and it will put all of our panels where we need them to go. Now, our Properties panel down here at the bottom looks blank right now, and that's because we don't have anything open. So we're gonna go to the Quick Start tab here in our welcome area, and we're just gonna click on the HTML Document from right in here. Now, when you open up a document, it can be any HTML document. It doesn't matter what program created that HTML document. And that's one of the nice things about working with Dreamweaver and HTML. It doesn't matter what program created the HTML, you can open up any of those pages right here in Dreamweaver. Up in the top center of our program, we have three options. We can strictly view and work in the Code view. We can do a Live view. This is gonna show us exactly what's on our page and how it's going to look in a web browser. If we click on this drop-down menu, there is a Design view that really doesn't give us a true preview of what our page is going to look like, but we can go back and forth between Live and Design. And then we have Split view. Now, Split view is kind of like the best of both worlds because Split view allows us to see our design but also allows us to see the code. So if we click up here and go back over to Design view and click up in this white box area, we can type in, "Hello World!" And you can see up at the top, this is what somebody would see if they looked at that page, but also down here at the bottom, we can see the code. So even though you don't need to know HTML and Dreamweaver, it's a good idea to learn a little bit about it. And this is a way that you can do that by looking at the code that Dreamweaver creates in the back end. Now, the other thing I wanted point out is that now down here in our Properties, we have some options for how we can stylize our text. Our Properties panel is going to change depending upon the object that we have selected. So later on when we add text and we add graphics to our page, we're gonna spend some time in the Properties panel, formatting that text and formatting those graphics. But for now, we're just looking at the workspace. So in this lesson, you learned about setting up a workspace in Dreamweaver, creating a new page in Dreamweaver, and looking at the different views that we have when we are working on HTML pages.
