[thelist] Dreamweaver and hand-coding
BJ
bj at kickasswebdesign.com
Tue Mar 1 16:14:00 CST 2005
"- Which Dreamweaver functions do you find most useful?
-Where can I find these functions? (short answers, please)
- Which Dreamweaver functions should we avoid?
- Do you have any tips and tricks for beginning hand-coders who want
to use Dreamweaver?"
Dreamweaver's interface has a lot of shortcut buttons for adding images
and tags (across the top of the doc window, and just above it.) They
add both the open and close tags and place the cursor in the middle
ready for you to add content. Title box is great. These save lots of
time coding, especially when adding images, links, etc. The property
manager is also good for adding links and some other stuff, like lists.
Highlight the code, then just type the url into the property manager
"link" bar and hit enter. Add a list by the click of a button.
There are also keyboard shortcuts. control-shift-p for paragraph code
comes immediately to mind.
The library function is great for making code snippets that you'll
reuse. Create the snippet, then insert it by placing the cursor there,
and double clicking the snippet name on the lefthand menu. Even if it's
a whole block of code, it's automatically added for you. I use this a
WHOLE lot.
Validation is great, and the "clean up xhtml" thing that'll
automatically reformat html 4.0 to be xhtml 1.0 trans, great when you're
redesigning someone else's out of date code.
I use the template feature on every site for the pages that have a
standard layout. That way I can update the elements that are common to
every page from within the template file, and it will automatically
update the 60 or so pages that are tied to that template.
It's nice having that mini file manager on the left, I use that to open
files, and it keeps things straight for me.
I use the text/css styles/manage styles dropdown all the time. Though
the basic stylesheet is done by hand, the editing and tweaking is done
through this dropdown, usually while viewing splitscreen so I can see
the changes happening-- it works for me, saves me time. Though there is
a caveat-- the dw wysiwyg rendering engine chokes on complicated css
layouts, especially those that use floats in css. Just because it looks
awful in the dw wysiwyg window doesn't mean it doesn't work. But
previewing in firefox (my default) is easy- save, then F12. Other
browsers available through the dropdowns.
I use the rightclick menus on the filename tabs across the top of the
work window.
I love using DW to edit CSS because it's all color coded, and if the
color "aren't right" I know I screwed something up and approximately
where-- usually something that would be otherwise harder to pinpoint,
like a colon for a semicolon.
If you wish to make standards compliant sites I'd avoid the bloated DW
"behaviors" like rollovers and such. They're better handled in css.
And most of the snippets that come as a package in the code library
aren't xhtml/css, but earlier, so I don't use them, I add my own.
I never use the font thing in the property manager, since it writes old
font tags.
I could probably come up with more, but this is turning into a tome
rather than a short email *grin*. Personally I can't imagine doing this
without Dreamweaver. Its advantages far outweigh its limitations.
bj
More information about the thelist
mailing list