Take advantage of the modern browser's capability to render multiple classes - and see the effect in Dreamweaver. Say you've got two styles defined, .redHead and .rightHead, the first colors text red and the latter aligns it to the right. To achieve a compound effect - a red, right aligned style - you don't need another class. The effect can be achieved by using the two styles together, like this:

<h1 class="redHead rightHead">I'm so Red, I'm Right!</h1>

You'll need to add additional classes manually in Dreamweaver, but browser support is solid: Safari, Firefox, and Internet Explorer 5+ are all onboard for multiple classes.

FlashPaper is a great Web utility included with Dreamweaver in Studio 8. FlashPaper converts any document you can print into a Flash SWF movie, with its own built-in navigation, search, print and zoom controls. FlashPaper is, at its heart, a printer driver and automatically available to any application that provides print capabilities. Windows users also have the option of drag and drop a printable document on the FlashPaper icon on the Desktop or, if they use Microsoft Office, via the FlashPaper toolbar. Once the SWF file has been created, bring it into Dreamweaver by choosing Insert > Media > FlashPaper and specifying the file's dimensions.

Every now and then, there will come a time when you need to wrap a selection with a specific HTML tag. Superscript and subscript are perfect examples of cases in which you might want to use this technique. Let's say that you want to make a trademark symbol superscript. First, add the trademark symbol (you'll find it in the Text category of the Insert bar in the Characters menu), and then make sure that you have it selected in Design view. Now press Ctrl+T (Command+T) and the Quick Tag Editor appears in Wrap Tag mode. (If the Quick Tag Editor appears in a different mode, press the keyboard shortcut again until it displays that it is in Wrap Tag mode.) Now all you need to do is type sup and press Enter (Return). You'll see the trademark symbol elevated as superscript text. In the same way, you can create subscript text (for example, H20). Instead of typing sup, this time you type sub. The selected text is wrapped with the <sup> or <sub> tag pairs, respectively.

When you need to delete some text or code you probably press and hold the Backspace key or the Delete key depending on if you need to remove code from the left or the right of the cursor's current position. Sometimes you may even hold the key down for what seems like an eternity before you've removed all of the code. You can speed this process up significantly by holding down the Ctrl (Command) key while pressing Delete (to remove a word to the right of the cursor) or Backspace (to remove a word to the left of the cursor).

Need an instant indication of browser errors or lack thereof? Now you only need look as far as the Document toolbar to see whether your code lives up to the browser standards you set up (or the defaults set by Dreamweaver). You'll see an icon to the right of the Title field in the Document toolbar that has a checkmark if your code is up to par, or an exclamation mark if it isn't. Click the icon and choose Settings to set up the Target Browser dialog with your browser-checking preferences.

When developing different design ideas for a client, I often work in one Fireworks PNG document. I put each different design on a different frame. That way, I can quickly duplicate the assets from the previous frame to leverage in the new design. Also, I can set the export settings for the whole PNG to be 100% quality Jpeg, and then use a little-know export feature in Fireworks called "Frames to Files" to quickly export Jpegs all of my design options in one command. Choose File > Export. In the Save As drop down list, choose Frames to Files.

Generally speaking, the home page has more layout freedom than the rest of the pages. Each page beyond the home page, however, has a much more limited design layout because you have to keep the interface components consistently placed and yet allow for all kinds of content the site might contain. In some ways, this makes your job easy - you need only to design a home page layout and a sub page layout for your navigation, and carve out a flexible content area that can be arranged to hold different types of page content.

From a design perspective, a smaller color palette looks better than a rainbow of colors, and it does a better job of showing off photography, product shots, and other elements your Web site will showcase. Create a color palette that is comprised of a couple main colors, a couple support colors, a few neutral colors (black, white, off-white, a few shades of gray), and a few accent colors.

You have to be careful with fonts because they radiate a lot of personality. Depending on the font you choose, your Web site can express coolness, professionalism, sloppiness, and everything in between. Just as you choose an appropriate color scheme, you must also choose appropriate fonts for your Web site. You aren't limited to using just one typeface for your entire Web site. In fact, using a combination of a few fonts for different situations is best: one for headings, another for captions and pullquotes, and yet another for the body text. More than three or four fonts, however, can be excessive. Choose a few different fonts and stick with them.