Subtitles of the Movie

Let me now review the various windows, panels, and palettes in Dreamweaver, where you'll do much of your work. These are all accessible from the main menu under Window. There's a whole list of them. Starting with the properties panel there, I usually leave the properties panel open. It lets you set the properties of various elements that you've selected. Notice that if you select a different element, the property inspector changes to show you properties of that type of element, in this case image. I highlight text. Notice that I can modify text properties, including cascading style sheets, bold, italic, alignment, link, size and style of your typeface and fonts, background images, and so on. Notice that if I click on the document here, I get document properties or page properties. Next we have another very important panel, the CSS styles panel. Here you can apply and modify your styles for cascading style sheets. I'll be covering that a little bit later in this course. We also have components. This is to use dynamic data. You'll notice there's some instructions there on how to handle the components. Other panels and palettes that I use very frequently, and it's another important one, is the files window. This lets you modify and adjust and make changes to your files, including changing the names of your files and the locations of your files. This is very important that you use the file window for all file management because Dreamweaver will then keep track of any changes that you make and update something it calls the cache, which it uses to keep track of links. If you do make changes to your images or files, Dreamweaver will notice that the cache has been changed and then make changes for you and update for you so that those changes don't result in broken links or missing images, for example. Continuing down the list here, under window, we now have assets here. There's a list of all of your assets in different categories, including images, colors, URLs (that would be external URLs), Flash files, Director and Shockwave files, videos, scripts (that would be script files), templates, and then the last one is libraries. I cover many of these in my full Dreamweaver CS3 course. In this mini course, I'll be covering Flash assets, as well as scripts and videos. Another very important window is the behaviors window, where you can add a variety of very useful behaviors, which I cover in great detail in my full Dreamweaver CS3 class, such as checking for plug-ins, opening up URLs in browser windows, pop-up messages, pre-load images, setting text in layers or other types of text containers, swapping images, timeline behaviors, as well as an option down at the bottom notice to get more behaviors from the Dreamweaver Exchange website. Another very useful window is the history window, similar to other applications in the CS3 creative suite. Here you can go back in time to changes that you've made in your document, such as you can see my history here as I've been typing and I resized the columns. Let's go ahead and delete this image. You can see that there is my delete history there. If I want to undo the history, I take this slider and move it up. You can see all the changes that I've made to this document here. Continuing down the list, you've also got timelines here where you can set up animations and other objects that change over time. You have a timeline here, much as you would in Director and Flash. Notice that you can also toggle these windows and palettes on or off by choosing them, again, from the menu. The last one I want to cover is your workspace layout. You've got coder layout as well as designer layout, dual screen layout, in which you have both the code inspector here as well as the file window and then the document here as well as notice here a bunch of palettes in windows that are all organized together. You can also close these various windows and palettes by clicking in the upper right hand corner, on the red X there, as well as dock them, notice, to different locations in the workspace. Also save your current workspace layout, so if I call this Test, for example, and save it, notice that when I next go back to the window workspace, the test layout is right there at your fingertips. That will conclude this very quick review of some of the more important windows and palettes that you'll be using in Dreamweaver CS3. I covered them quite quickly, but you'll need to familiarize yourself with many of these various workspaces, including the properties in CSS styles, which are perhaps the most important and those are at the top, but you've also got components for working with databases and server behaviors and components, files, assets such as videos and templates, libraries, tag inspector, JavaScript behaviors, references, history, frames, code inspector, timelines, and workspace layouts.