Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Discover how to build web sites, prototypes, and more in this course on Adobe Dreamweaver CS6. Author James Williamson shows designers how to take control of their site by properly naming and structuring files and folders; how to create new documents and web pages from scratch or with starter pages; and how to add content such as text, images, tables, and links. James also provides a background on the languages that power projects built in Dreamweaver—HTML and CSS—and introduces the programming features in the application, for developers who want to dig right into the code. The last chapter shows how to finesse your project with interactive content such as CSS3 transitions and Spry widgets.
Dreamweaver is designed for both the Mac and the PC, and although Adobe does the best they can in making the program the same in both platforms, there are a few slight differences between the two versions. Let's take a quick glance at those differences in case you ever have to move from one platform to the other. So what I've done is I've opened up Dreamweaver obviously, and I've opened up a brand-new file. So you're not opening up a file from any location, you can just go to File and choose New and choose a new default HTML file, or you can just go right to the Welcome screen that we talked about in the last movie, and click Create New HTML and it will show you exactly what I have up at the moment.
The first thing I want to point out is the slight difference in menus between the platforms. Now, as you can see on the PC, the Application Toolbar is this toolbar right here. It has the Layout, Extended Dreamweaver, and Site pull-down menus, and the Workspace Switcher. That is integrated on the PC with the main program menu. Now on the Mac, as you can see, the Application Toolbar is simply part of the Window Chrome, if you will, of your open document. So it's not part of the menu, but it is attached right up here and you won't be able to undock it and move it around. It's going to stay up on top of the document window the entire time you have that open.
Another slight toolbar difference involves the Style Rendering Toolbar. Let me show you how to open that up. I'm just going to go to right up here to the Document Toolbar, which is just above the open document, I'm just going to right-click, Ctrl+click on the Mac, and I'm going to choose Style Rendering. So this opens up the Style Rendering Toolbar. Now, on the PC, which is what we're looking at right now, I'm free to undock this toolbar and move it around. Kind of move it wherever I would like and then redock it anywhere that I'd like. So you'll notice I can even move it up. So as you can see, you can dock it with existing toolbars.
You can make sort of a new toolbar area for it. I like docking it with the document toolbar, just because it sort of fills that out and gives me very quick access to it without cluttering up the workspace. On the Mac, the Style Rendering Toolbar, when I turn it on, it's going to dock with the document toolbar, and as you notice I can't move it. So I can't undock it. If you don't have enough room to display it, essentially what's going to happen is you're either going to get a much taller document toolbar, or you can have a portion of it sort of clipped off.
Another slight difference between platforms is in where you'll find your Preferences. Now, on the PC you'll go up to the menu and you'll choose Edit>Preferences, but as you can see here on the Mac, I'm going to go up to Dreamweaver and choose Preferences. So a slightly different location, same exact panel. Like most Adobe applications, Dreamweaver is also very keyboard shortcut rich. Now, these keyboard shortcuts can change based on the platform. Most of the time it's simple changes, like using the Cmd key on the Mac in place of the Ctrl key on the PC, but occasionally there will be a bigger shortcut difference due to the operating system.
Just be sure to check out the shortcut keys if you have to switch platforms. Keyboard shortcuts can be found under the Edit Menu on the PC and under the Dreamweaver Menu for the Mac. So it's just like the Preferences. One of the biggest differences between the Mac and the PC is how the Files Panel is handled when expanded. The Files Panel handles all of your site management in Dreamweaver and acts as the FTP client for uploading and downloading files on your site. Now, to show you how that works I'm just going to define a site really quickly here, and once again, I'm just going to give it Dreamweaver CS6 Essential (DW CS6 Essential), and I'm just going to go to my Exercise File, and it doesn't matter which folder you choose, so I'm just going to choose the first one there and save it.
Now, the reason I'm doing that is so that I have access to the Files Panel now. On the PC, there's this little button right over here on the far right-hand side. It's there on the Mac as well, but when I click that on the PC, the Files Panel expands and it takes over the entire program. So it basically removes everything else, it expands to take over the entire screen. It kind of replaces the rest of the application. And so what that allows you to do is do all of your site management in one location. You can upload your files, you can download your files, and then when you're finished, once you click that icon again, it will collapse back down and sort of retake its place, that sort of minimized look within the dock.
Now, let's take a look at how that works on the Mac. Now, on the Mac when I click this button, you'll notice instead of taking over the whole interface, it simply becomes a floating panel. Now, how large this panel becomes is totally up to me. I can resize this panel, I can move it around, and do whatever I want to with it. Now, all of the menu options continue to come from the Dreamweaver menu up top here instead of on the PC. On the PC when we expanded it and it went full screen, the PC had its own little submenu up top that replaced the main document menu, but as you can see on the Mac, the menu structure up top remains more or less unchanged.
So while these are subtle differences, they're very important to note in case you find yourself working on a different operating system than what you're used to, or in this case, watching a tutorial that uses a different OS than the one that you're currently using.
There are currently no FAQs about Dreamweaver CS6 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.