As Dreamweaver has matured it’s become more than a tool for designers looking for a WSIWYG web tool. It’s become a serious web development tool and is even getting the attention of (gasp!) hard core coders.

In recognition of this trend, Adobe has added several new preset workspaces to Dreamweaver. The workspaces, which are accessed from the Window>Workspace Layout menu item, include:

• App Developer
• App Developer Plus
• Classic
• Coder
• Coder Plus
• Designer
• Designer Compact
• Dual Screen

As the names imply, the workspaces are  designed to accommodate the needs of different users in different computing environments. So, if you’re not happy with the default setup, try one of these options.

If you still aren’t happy, you can always open and close windows and move and resize palettes until you are. When you quit Dreamweaver it will remember your workspace. In other words, if you start with the Designer workspace, change it and then quit, your changes will be integrated into the default Designer workspace which you can access at anytime by selecting Window>Workspace>Designer.

To remove your changes and return the Designer workspace to its original settings choose Window>Workspace>Reset “Designer.”

You can also arrange the workspace as you like it and save it as a custom workspace by choosing Window>Workspace>New Workspace… That way you’ll have access to the new workspace as well as all the built-in defaults.

Finally you can delete or rename the custom workspaces you create by choosing Window>Workspace>Manage Workspaces…

As always, feel free to comment here or email me with your questions, comments and suggestions. And please follow me on Twitter (DWcourse) for additional Dreamweaver news and tips.

Navigate tabbed documents in Dreamweaver: Next document (right) Control+Tab (PC)/Command+~ (Tilde) (Mac)  – Previous document (left) Control+Shift+Tab (PC)/Command+Shift+~ (Mac).

In Dreamweaver Right click/Control click on a link to any file within your web site and select Open Linked Page (about half way down the menu) to open the linked file in Dreamweaver.

Dreamweaver Dirty Little Secret: The Align item in the same menu is were you can use the html align attribute to center paragraphs and headings. Of course, you’re supposed to use CSS!

If you enjoy the information in this article, you may be interested in Dominate Dreamweaver. My 12-week online course which will take your from the Dreamweaver basics through building complex spry menubars and much more is now accepting registrations. The cost for the course is $397 (or three payments of $149.99).

Click here for more information or use the button below to register now.

Personally I considered Dreamweaver CS3, Adobe’s first upgrade to the program after acquiring it, to be a “must have” update.Obviously, a lot of you didn’t see it that way.

Lately I’ve fielded a lot of questions from people considering upgrading from Dreamweaver 8 (CS2) to Dreamweaver CS4. While it’s fairly easy to find information about the incremental updates: from DW8 to CS3 and from CS3 to CS4 (links at the end of this post) I haven’t found a source that offers an overview of what’s in store if you make the leap from 8 directly to CS4. So I’ve put together a quick  overview with some brief comments of the features that await you at the end of the DW8 to DWCS4 upgrade process.

New in CS3

Overview: CS3 marked the beginning of the process of integrating Dreamweaver into Creative Suite but more importantly it was the first version of Dreamweaver  to support CSS (Cascading Style Sheets) styles and layout in a manner accessible to non-programmers. That feature alone made CS3 a required update in my book. Of course with the new functionality there was also a bit of a learning curve.

• Integration with Adobe Creative Suite
  • Copy and paste from Photoshop
• Improved CSS handling
  • Convert inline CSS to a rule
  • Built-in CSS-based page layouts

  Spry (AJAX) widgets and effects

  • Pop-out menus, “accordion” panels and more
  • Browser compatibility checking
    Hints
    Community-based help
• Tag Inspector: right click to view
• Adobe Device Central
  • Preview designs for mobile devices
• Better Intel support for Macs

New in CS4

CS4 continues Dreamweaver’s integration into Creative Suite but the changes are more evolutionary than those in CS3. What you’ll notice immediately is several UI (user interface) changes that may take a bit of getting used to. Other changes offer increase functionality – especially In-Context Edit and AIR Authoring – but you might never notice them if you don’t go looking.

• Improved integration with Adobe Creative Suite
  • Photoshop Smart Objects automatically update placed images when the linked Photoshop image is changed
• New Workspaces
  • Built in workspaces: App Developer, App Developer Plus, Classic, Coder, Coder Plus, Designer, Designer Compact
  • Ability to create and save custom workspaces
• Related Files Bar
  • Easy access to linked JavaScript and CSS files
• Live View
  • View JavaScript and CSS effects within Dreamweaver
  • View effects of code changes “live”
• Improved code hinting
  • AJAX and JavaScript code hinting
• In-context  editing
  • Online editing through an Adobe hosted service
• HTML Datasets
  • Import tabular data from an HTML file into a sortable table
• Subversion Version Control
  • Improved version control for site with multiple authors
• AIR Authoring
  • Convert your web site into a stand-alone application
• Additional document viewing options
  • When viewing code and design in the Split view, the window can now be split vertically as well as horizontally (menu: View>Split Vertically)
  • Menu: View>Visual Aids> offers a variety of viewing options to make page elements more readily identifiable
• Code Navigator
  • Easily access code in linked files
• Layout Mode for “drawing” tables no longer available

The bottom line

Should you upgrade from Dreamweaver 8 to CS3?

In a word, YES. You’ll get the benefit of two excellent updates, an improved UI and access to “modern” web technologies like CSS and AJAX.

What about the learning curve?

Make no mistake you may encounter a significant learning curve moving to CS4. How steep it is will depend upon your familiarity with advanced web technologies such as CSS. If the move to CS4 marks your first venture into CSS-based (as opposed to table-based) layout, expect a few headaches as the wonders (and eccentricities) of Cacscading Style Sheets are revealed.

However, if you’re serious about web design, the transition to CSS is a requirement and CS4 offers the tools and templates to make the transition possible and rewarding if not always pleasant.

Additional resources:

• What’s new in Dreamweaver CS3: An excellent step-by-step guide the differences between DW8 and CS3
• 6 Things To Like About Dreamweaver CS4
• Dreamweaver CS4 Features Overview (Adobe)

What’s your experience?

If you’ve got information or tips that you’d like to share about the Dreamweaver upgrade experience or if you got questions before or after making the link, please leave a comment below.

Follow me on Twitter…

I just picked up this Dreamweaver tip from @tomwittlin on Twitter:

To any tag around a bit of text or code simply make a selection and type Ctrl+T (Cmd+T Mac). Double-click on the tag you want to wrap around the selection and type Enter.

It also works with not text selected if you want to add a break, hairline rule, etc. at teh selection point.

Question from @lavasusan via Twitter: Dreamweaver problem: how to get file list to appear for a site? Used to be able to open it thru “manage.” Now nothing opens the list.

Answer: In the Mac version of Dreamweaver CS4 the way you access the Site Files panel has changed. You can now show and hide the Files panel by selecting “Files” from the Windows menu or by using the command-shift-F keyboard shortcut. In addition, when the files panel is expanded, clicking on the close window button now collapses the window and returns it to the panel dock rather than closing it.

Follow me on Twitter: @TOONrefugee