Adobe Dreamweaver Toolbox
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.
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.
Basic CSS Tableless
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
Dreamweaver 8 Video Tutorials
PHP Tutorials for Dreamweaver
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.
Joomla Dreamweaver Extension
Drupal API Extension for Dreamweaver
Complete CSS Menu
Tree CSS Menu
CSS Layout Magic
Style Switcher Lite
Places to find Extensions:
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
Dreamweaver Templates from Projectseven
CSS Web Templates
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
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.
Web Standards Project – Adobe Task Force
For design and development tutorials please see:
- Create a jQuery Image Rotator with Description
- Easy Display/Style Switch with CSS & jQuery
- jQuery Tutorials for Improved Navigation
- Sticky (Fixed) SideNav Layout with CSS
- 40+ Tutorials for Working with Wacom Tablets