Category Archives: Dreamweaver

Random Tip 23


I’m willing to bet that most Dreamweaver users have overlooked the History panel and you should become familiar with it for a couple of good reasons:
Firstly and perhaps most obviously it allows you to quickly move to an earlier state without hitting Undo several times  – well, d’uh – but I think that the feature you might find most useful is the ability to repeat certain sequences and operations from within the panel, and also save them as commands – they’ll be added to the Commands menu (you’ll know if something can’t be used or replayed as it will be clearly marked with a red X in the panel).

Normally the History panel is document-specific but if you add a sequence as a command then it’s available to all documents and if you’re using menu items normally buried in a sub-menu (as a lot of the dynamic features are) it can be well worth the ‘effort’.

All we need now Adobe, is an easy way to add a shortcut to those commands…

Random Tip #17


Dreamweaver’s Code Navigator allows you to quickly jump to the CSS rules connected with an item – all you need to do is Cmd-Alt-Click (Ctrl-Alt-Click on the PC) and you’ll see all the rules applied to your selection; click on one of those and you’ll be taken straight to that code!

Don’t forget to become a fan on Facebook, or follow me on Twitter.

Random Tip #11

Dreamweaver’s code view can sometimes make it difficult to maintain focus on one particular area. My podcast from January this year ( demonstrates the Code View toolbar, but here are a couple of shortcuts for you:

  • To collapse a block of selected code, use shift-Cmd-C (shift-Ctrl-C on Windows)
  • To collapse everything else outside of the selected code, add the option or alt key to the previous shortcut
  • To un-collapse everything, use Cmd-alt-E (Ctrl-alt-E on Windows)

Another Random Tip on Monday. Don’t forget to become a fan on Facebook, or follow me on Twitter.

Transparent Flash Movies and Firefox Mac

Here’s the scenario:

You’ve created an SWF file, then inserted it into a page using Dreamweaver with the wmode = transparent parameter, but found that when testing it in Firefox on the Mac the background is still there! You check your code and it looks fine:

<param name=”wmode” value=”transparent” />

The answer should be fairly simple – don’t forget that code is added for IE and non-IE browsers so make sure that the mode is set inside BOTH object tags; if you use the parameters option in the Properties Inspector, then this should be set automatically but it’s always worth checking!