Subtitles of the Movie

Dreamweaver has quite a number of panels, which are accessible via the Windows menu, seems like with each new release of Dreamweaver, more panels are added to this Window menu. The panels in Dreamweaver are grouped together in to panel groups. The selected panel in the group appears as a tab. Each panel group can be expanded, collapsed, or can be docked or undocked with other panel groups. Notice that I have now the server behaviors as a separate window. I can also click on this little patterned area there and drag and drop it onto the other panels in that group. I can also dock these panel groups into the integrated application window. This is Microsoft Windows only; this is not available on the Macintosh. This makes it easy to access the panels you need without cluttering your workspace. So let me take some time in this movie to quickly review some of the more important panels that we'll be working with in this tutorial. Let me start off with the all-important CSS Styles panel, right here at the top. This CSS Styles panel lets you track CSS rules and properties affecting either a currently selected page element; that's what the current tab is, or, all of the styles that are available in my current site route. The CSS styles panel lets you also modify CSS properties in either the All or Current modes. There's a button here at the top that lets you toggle between seeing the current style and all the styles in your site route. Next, I have the AP Elements panel. AP stands for Absolute Positioning, so you'll use this panel to manage the AP Elements in your document; mostly those are layers. Use the AP Elements panel here to prevent overlaps, to change the visibility of AP Elements, to nest or stack AP elements or to select one or more of these elements, like so. Next we have the Databases panel. Use this panel to create database connections, to inspect databases, and to insert database related code into your pages. Next is the Components panel. Going down my list here; use this panel to create and inspect components and to insert component code in your pages. We'll be covering components a little bit later in this tutorial. Next is the Files panel; that's actually more of a window then a panel, as it's pretty big, and I've covered this in pretty good detail in the previous section of this tutorial. Next is the very important Behaviors panel; we'll be hitting this very hard later in the course. Here's the Behaviors panel. You're going to use the Behaviors panel to attach behaviors to page elements. Behaviors are essentially JavaScript components, and there's a list of those JavaScript components if you click on the Plus button there, such as calling JavaScript, checking plug-ins, go to URL, open a browser window, set text, hide or show elements, validated forms and so on. Behaviors that have already been attached to the currently selected page element appear in the behavior list right here. I don't think I have any behaviors attached to this document, so that's going to be blank there. Let me now move on to the History panel, further down the list here, and that's attached, docked there to the bottom. So let's bring that up as a free-floating window. The History panel shows a list of the steps you've performed in the active document since you've created or opened that document. Notice that there's no steps here in my history panel, since I haven't done anything since I opened this file up. But if I were to open up a new document; let's go ahead and open up a new blank page, and now let's type some information and erase the information, and let's insert a table, and resize the table, and add some content to the table, merge some table cells here, very quickly doing a variety of tasks. And now let's go back to the History panel. You can see that there is the history of that currently open document since I last opened it and then made my changes. I can also go back in time and undo all of those steps, so I can undo the creation of the table or redo at will, back and forth. So the History panel is very useful; the longer you've been working on a document and the more history you have, the more useful this panel will be. And finishing my review of the various panels, we also have a panel for managing your frames, as well as panels for code inspector. This will allow you to see your HTML code. And the last panel is more of a window than a panel, and that's the Timelines panel, which allows you to set up time-based animations and other techniques using a timeline that looks surprisingly a lot like the Flash or Director timeline. Let me now move on to the next movie and talk a bit about the various zoom tools that Dreamweaver has added to help you zoom into your workspace into your document window here to see things more clearly. So with that, I'll move on to the next movie entitled Zoom Tools.