Subtitles of the Movie

In this movie, we're going to look at the Dreamweaver interface and if you are already familiar with Dreamweaver, this is a movie that you can skip because we're just going to talk about the different panels and names of things within the interface so that those of you who are not familiar with Dreamweaver will know what I'm talking about when I refer to the insert bar or the properties area or the menus or whatever. So we'll just walk through the Dreamweaver interface. Now, you can see that these icons are all grayed out at this point. So that is something we want to fix, so I'm just going to create a new HTML page. So I just clicked create new HTML or you can do control N to create a new ColdFusion page. It doesn't matter. But once you have a page open in the interface, you can see the icons are now active. So let's walk through some of the different features inside of here or names for the different features. These are the menus, so when I refer to the insert menu, this is what I'm referring to, the file menu, the site menu, that's what I mean. This next section is the insert bar and if I click on that, notice how it closes up. That's to allow you to have more space to see your actual document window. You can always get to this insert by window insert. So these two items in the windows area are the ones you're going to want to keep open at all times. So that's your insert bar. So if I say go to the forms menu in the insert bar, this is what I'm referring to. When you first install Dreamweaver, these tabs are not showing. It shows up as a little drop-down menu with an arrow in it and we changed that in the Dreamweaver section of movies; the preferences and the Dreamweaver install. One of the first things I do after installing Dreamweaver is change this to the tab view. It makes it much easier to see what's going on. Now, this middle section here is your document window, so we have three buttons in the document window; code, split and design. Design shows you the page in design view, code in code view and what split does is allow you to see both at the same time.; very nice feature in Dreamweaver. This is your title area where you go and put your document title and I will just switch back to design because it's a little cleaner to look at. Now, down below here, we have the properties area. If I click the word properties, you can see it opens and closes and you can also open and close it with this little arrow over here between your document window and your properties area. This properties is contextual. In other words, it changes based on what you have selected in your window. We don't have anything up there for me to show you that feature, but you'll see as we go along, although I don't always keep the properties area open. And then the last feature are the windows or panels on the right-hand side. If you chose coder view, you will have the panels on the left-hand side and the way you change between that is go to window, workspace. This puts the panels on the left, this puts the panels on the right the way you see them here. You can open and close these panels at any time and they are grouped. Different categories are inside of it so you can see this one has files, assets and snippets. You can get to any of those panels at any time right in this area through the window menu. And I do have another movie that talks about the application panel specifically, which is those four. These four right here, so if you're not familiar with Dreamweaver, you will want to watch that movie. But those are kind of the basics of the Dreamweaver interface. We have the menus, we have the insert bar, which you can open and close or change tabs. We have the document window with its three different views. We have the properties area, which does change based on what's selected in the screen or in the document window area and we have our panels which you can open and close. You should have the same items open as I do at this point. These are pretty much the default view. You can change them at any time by selecting this icon once the panel is open and go down to close panel group. I'm just going to leave them as is for right now. So that is the Dreamweaver interface.