Adobe Dreamweaver Toolbox

By Steven Snell | October 14th, 2008 in Resources

Adobe Dreamweaver is one of the most popular programs for web designers and developers. The online community of Dreamweaver users has produced a wide variety of resources and tools that may be of interest to other users. This is a collection of excellent tutorials, some places to find other tutorials, Dreamweaver extensions, community resources, templates, and more.

Dreamweaver Tutorials:

If you’re looking to improve your skills with Dreamweaver or learn some new things about building websites with the program, here is a collection of some excellent tutorials on various topics.

Dreamweaver Template

Basic CSS Tableless

Form Validation

Flash Video the Easy Way (video tutorial)

Dreamweaver CS4 CSS Features (video tutorial)

Three Approaches to Design in Dreamweaver

Five + 1 Common CSS Hang-Ups in Dreamweaver

Dreamweaver CS3 Tutorial: DIV/CSS Tableless Layout Based Website

How to Create a Website with Dreamweaver CS3 – Part 1 , and Part 2

Building Your First CSS Site

Overview of CSS Features in Dreamweaver CS3

Understanding the New Dreamweaver CS3 CSS Layouts

Taking a Fireworks Comp to a CSS-Based Layout in Dreamweaver:
Part 1: Initial Design
Part 2: Markup Preparation
Part 3: Layout and CSS

Styling Forms with CSS:
Part 1: Accessibility and Form Element Styles
Part 2: CSS-Structured Forms
Part 3: Two-Column Form Layout

Places to Find Tutorials:

Adobe Dreamweaver Tutorials – Smashing Magazine

Dreamweaver Tutorials – Entheos

Tutorials from Community MX

Tutorials from DMXzone

Layers Magazine

Dreamweaver 8 Video Tutorials

Tutorialized

PHP Tutorials for Dreamweaver

Extensions:

Dreamweaver’s capabilities can be greatly enhanced by the right extensions. There are already-developed extensions for all kinds of purposes, some are free and some are not.

Community MX

DMXzone

List-O-Rama!

ThemeDreamer

Joomla Dreamweaver Extension

Drupal API Extension for Dreamweaver

Complete CSS Menu

Tree CSS Menu

CSS Layout Magic

Style Switcher Lite

RubyWeaver

DreamFeeder

Places to find Extensions:

ProjectSeven

Kaosweaver

Dreamweaver Exchange

Templates and Layouts:

Whether you’re looking to improve the quality of your work or speed of the work flow by starting with a blank framework, templates can be just what you’re looking for. The list below includes a 3 places to find blank CSS-based templates that can serve as a starting point for your design projects. There is also a premium tool for helping you to quickly create layouts in Dreamweaver (CSS Sculptor). Additionally, there are several resources for buying premium templates that you can edit in Dreamweaver. There is a very wide variety of quality when buying templates, so if you’re considering doing so, please be careful and inspect the quality of what you’re buying as much as possible.

CSS Sculptor for Dreamweaver

Dynamic Drive CSS Layouts

Code Sucks

Layout Gala

Template Monster

Dreamweaver-Templates.net

Dreamweaver Graphics

Dreamweaver Templates from Projectseven

CSS Web Templates

Shortcuts:

Improve the efficiency of your workflow by taking advantage of Dreamweaver’s keyboard shortcuts. Here is a resource for Dreamweaver 8 and for CS3, as well as a tutorial for creating your own keyboard shortcuts.

Dreamweaver CS3 Keyboard Shortcuts

Dreamweaver 8 Keyboard Shortcuts

Create Your Own Dreamweaver Shortcuts

Official Dreamweaver Resources:

A couple of helpful “official” Dreamweaver resources. The Development Center has lots of tutorials and other resources to help you get more out of Dreamweaver. The Exchange is a great place to share and find extensions and other resources.

Dreamweaver Development Center

Dreamweaver Exchange

Community:

If you’re interested in getting some interaction with other designers and members of the Dreamweaver community, here are some of the leading online communities.

Community MX