Username:
Password:
Adobe Dreamweaver CS3 Tutorials

Dreamweaver Workspace / Dreamweaver View Options

Subtitles of the Movie

The Dreamweaver workspace is very flexible in the way that it allows you to have different combinations of windows and sections open to work with different types of projects. In general, the workspaces can be defined over here under Window Workspace Layout, and then you've got a variety of built, pre-built workspaces: coder, designer, dual screen; or you can create a custom workspace and then save it, as I've done here with my test workspace. Let me take some time, however, and go through the most common workspaces, and that would be the designer workspace, the coder workspace, or the dual screen workspace. The designer workspace is a integrated workspace using something that Adobe calls MDI, Multiple Document Interface, in which all document windows and panels are integrated into one larger application window. Notice that the panel groups are over to the right; you've got your Property Inspector on the bottom and then your document window in the middle. This is probably, as the name would suggest, the ideal workspace. If you're doing a lot of design work, if you're doing more coding work, there's also a workspace layout entitled Coder. This uses the same integrated workspace as designer, but with the panel groups docked on the left. In a layout similar to that used by Adobe Home Site and cold fusion. And with the document window showing Code View by default; actually, that didn't go to default there, but it should be Code View right there. You can also dock panel groups on the other side of the workspace to the right. Notice the Properties Inspector is open again on the bottom, but it's collapsed; I didn't show you this in the previous movie when I reviewed the various workings of the Dreamweaver workspace, but you can collapse and expand many of these panels to again, create just the custom layout that you need for that particular task that you're trying to accomplish. And the last pre-built workspace is entitled Dual Screen. This lets you organize a layout if you have a secondary monitor. This layout puts all panels on the secondary monitor and keeps the document window and the Property Inspector on the primary monitor. I don't have my resolution set high enough to really take advantage of this view, but notice that I have a lot of free-floating windows, including the Code Inspector is free-floating, files window; I have my panels docked together, collapsed by default, but I can expand those open. That's also a free-floating window. Let's go ahead and close some of these windows so you can get a better sense of; let's undock that. This Dual Screen workspace mode, again, will probably be most useful if you have dual monitors or a very large monitor and have a lot of workspace real estate available for you when working with Dreamweaver. I usually work in a combination of designer and coder views. With the Split View option usually on here, I have my Properties Inspector on the bottom. Notice that I can move the various proportions of my design view and the coder view or split view, code view up here, and the design view, again, depending on what I'm doing. But there's more to the workspace. The Dreamweaver workspace then, just these workspace layouts that I've covered in this movie; there's also the Insert Bar up here, which is a very important aspect or component of Dreamweaver CS3. So let me devote the entire next movie to reviewing the various options here in the Insert Bar.

Tutorial Information

Course: Adobe Dreamweaver CS3
Author: James Gonzalez
SKU: 33789
ISBN: 1-934743-04-6
Release Date: 2007-09-06
Duration: 10 hrs / 125 lessons
Work Files: Yes
Captions: For Online University members only
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 81,350 Video Tutorials (20,800 free)
  • Video Available as Flash or QuickTime
  • Over 782 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available