Join James Williamson for an in-depth discussion in this video The Document toolbar, part of Dreamweaver CS4 Essential Training.
- View Offline
Dreamweaver has multiple toolbars that you'll use on working on files. But you can make the argument that none is more important than the Document toolbar, found just below the Document title bar, right here. The Document toolbar allows you to access different views of your document, upload files, title your page and run test on the current document. Changing views is is one of the most popular things that people use the Document toolbar for. You can see, here we are in Design view, but if I click on Code view, I get to see the actual XHTML code of the page. Now, if I want to view it both at the same time, I can click on the Split icon and that is showing about the Code and Design view. Now, if you don't like the horizontal setting here, you can go to the menu and chose View and you can chose Split Vertically.
So it gives you an opportunity to preview that without actually having to go out to the browser. I'm just going to go ahead and turn Live View back off again. Now, another think that the Document toolbar allows me to do is the title on my file. So you'll notice here, my document currently has no title to it. So I'm just going to type in Welcome to Groundswell and now my document has a title, let's go ahead and save that. There are some additional icons over here to the right and I can't see all of them right now because that my screen resolution, my interface is sort of covering some of those up. So I'm going to go over and collapse my panels to icons, some really nice, little feature here in CS4. Now I can see all those icons, perfect.
Let's talk about what these allow us to do, we have got some that allows us to do some file management, so uploading or downloading files to your remote server. We have our preview in browser. So if I click on this, I can go ahead and launch this page, Internet Explorer or Firefox or whatever browser I might be working with. We also have some View options and Visual Aids that we can set. We can Validate our markup and there is this really nice, little feature right here, to Check browser compatibility. If I click on that, it's going to test my existing page against all the different browsers that I have set my settings. It's going to let me know if I have any errors in my CSS, which could affect other browsers which is a really nice thing to do as you're working.
That way you can make changes to your CSS and fix these errors before you do something side wide, which is awesome. Well, most people will use the Document toolbar frequently to switch between Document views, you should remember to take advantage of features such as, file uploading, checking browser compatibility and controlling visual aids through the Document toolbar as well. It presents these options in a nice central location and really speeds up accessing these options once you're used to using them.
- Understanding current web design practices
- Learning and customizing the Dreamweaver interface
- Adding text and structure to an XHTML document
- Implementing layouts and designs with CSS
- Controlling all aspects of typographic presentation
- Working with images, Flash, and video
- Using behaviors and Spry widgets