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…
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.
Dreamweaver’s code view can sometimes make it difficult to maintain focus on one particular area. My podcast from January this year (http://www.tonyharmer.co.uk/wordpress/?p=96) 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.
Dreamweaver gets better and better at working with multiple files, but the Save All command is woefully lacking a shortcut – so add your own (I use ctrl-alt-cmd on my mac). Not sure how? Visit http://tinyurl.com/lfb6w4
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!