Adobe Dreamweaver Tutorials

• By Sven Lennartz
• April 4th, 2007
• Dreamweaver, Editors, Tutorials
• 28 Comments

With the growing popularity of CMS, Wikis and Weblogs, WYSIWIG-editors lose their users. However, many of those editors offer many advantages, such as Integration of SVN, FTP Clients, Developer’s extensions and programming environments. Using them, you can save your time and increase your efficiency. Not every code has to be written in Notepad, not every problem has to be solved manually. Therefore some good starting points for improving your WYSIWYG-skills can be useful.

In the list below we tried to cover some of the most useful references, tutorials, ideas and sketches related to Adobe Dreamweaver (initially called Macromedia Dreamweaver).

You might be willing to use at least some of them for your next projects. Particularly video-tutorials are amazing, don’t forget to check them out.

PS: You might also be interested in

• Adobe Illustrator Tutorials
• Adobe Photoshop Tutorials
• Ultimate Tutorials Round-Up and
• Web 2.0 Tutorials

we’ve reviewed recently.

Adobe Dreamweaver Video Tutorials

• lynda.com Online Training Library: Dreamweaver Training
  A very extensive library of Dreamweaver Video-Tutorials with more than 87 hours of professional, quality material. You can could get your free 24-Hour Pass to the Online Training in the Lynda Freepass Section.
  
• Dreamweaver – Wikivid
  Over 160 video-tutorials from dozens of web-sites, available for preview and download. Among themes, covered in the list are Basics, Tables, Layers, Databases, MySQL, Flash, Shortcuts, Dreamweaver MX 2004, Dreamweaver MX, Dreamweaver 4.0, Dreamweaver 3.0.
• WZ2K: Digital Illusions Explained
  Over 200 video-tutorials. Among them the tutorial series Dynamic Dreamweaver, Dreamweaver CSS, Web Application Development, Total Training – Adobe Dreamweaver / Adobe Photoshop, 100% CSS Design.
• Free Dreamweaver 8 video tutorials
  27 Dreamweaver Video Tutorials.
• Free Dreamweaver Video Tutorial s – Total Training
  References to Dreamweaver video- and text-tutorials, references and books.

Tutorials for Beginners

• Dreamweaver 8 In Pictures
  This tutorial helps beginners learn the basics of creating Web sites with Adobe Dreamweaver 8: Dreamweaver Basics, Utilities, Navigation & Layout, Interactivity, Advanced Layout.
• Creating Your First Website with Dreamweaver 8
  Macromedia’s Tutorial for Beginners: Part 1: Setting Up Your Site and Project Files, Part 2: Creating a Table-Based Page Layout, Part 3: Adding Content to Pages, Part 4: Formatting Your Page with CSS
• Dreamweaver MX
  Tutorial for beginners. 9 lectures.
• Dreamweaver Tutorial – Learn how to use Dreamweaver
  13 basic Dreamweaver tutorials: Dreamweaver installation, Dreamweaver templates, CSS styles, tables, rollover effect. Find Dreamweaver hosting.

Libraries with Dreamweaver Tutorials

• Dreamweaver MX 2004 and Dreamweaver MX Tutorials
  The University of Wisconsin hosts 70 comprehensive tutorials for Dreamweaver MX 2004 and Dreamweaver MX. These Dreamweaver tutorials cover virtually all of the features and functionality of these versions of Dreamweaver.
• Dreamweaver tutorials, Web design tutorials for Macromedias studio MX , Flash, ColdFusion, Fireworks and CSS.
  Hundreds of Adobe Dreamweaver articles, tutorials and extensions on CommunityMX.
  
• Adobe Dreamweaver 8 free tutorial
  Going throught 15 Learning Units you’ll learn, how to design complex sites with Adobe Dreamweaver. Excercises and video-examples
  are supposed to provide help when needed; you can even test your skills in the evaluation tests.
• Adobe Dreamweaver Tutorials
  Over 300 tutorials about Behaviors, Collaboration, CSS, Customization, Database Related, Extensions, Formatting Text, Getting Started, HTML Editing, Layers, Linking and Navigation, Page Layout Design, Site Management, Site Planning, Tables, Templates and more.
• WebThang Tutorials: 53 Adobe Dreamweaver Tutorials
  The site offers 53 tutorials, which cover different aspects of the design process with Adobe Dreamweaver.
• Dreamweaver 8, MX 2004 und MX Tutorials
  A huge list of references to Dreamweaver 8, MX 2004 and MX Tutorials.
  
• Photoshop Collage Tutorial multiple images in Photoshop
  In the course of 8 lessons, you learn to use Photoshop and Imageready to design a website. In the first part you’ll prepare the homepage by producing the background and blending an image.
• Learning Adobe Dreamweaver
  Designing with CSS in Dreamweaver MX 2004: 36 Adobe Dreamweaver Tutorials.
• Dreamweaver Menu Extensions and CSS Templates
  Some interesting examples of using Dreamweaver to create image galleries, web page components and navigation menus.

Articles, Tips, Tricks

• Dreamweaver Regular Expressions Are Your Friend
  “A list of regular expressions that you can use in Dreamweaver. To load these expressions, click the folder icon which is directly above and right-aligned with the Find text field. From there, you will be able to load and use these regular expressions. I have no doubt that you will be able to improve upon many if not all of these regular expressions I have put together. Nonetheless, it is a good place to start.”
  
• Dreamweaver as a Rails IDE
  You can use Dreamweaver as a Rails environment. Shaun Andrews explains, how it goes and what you need.
• Building a DHTML Drop Down Menu with Dreamweaver > Downloading the Project Files
  With DHTML drop-down menus, you can add nice interactivity to your Web site. However, hand-coding DHTML takes time, even for experienced designers. Adobe Dreamweaver helps you incorporate DHTML without having to learn the underlying code. Learn here how to use it.
• Dreamweaver 8 Does Standards! [Software Tutorials]
  Rachel Andrew about Web Standards, Adobe Dreamweaver and creating standard-compliant web-sites with Dreamweaver.
• How to edit WordPress themes using Dreamweaver
  WordPress, like most PHP-MySQL CMS, uses template files to control the appearance of websites. To use Dreamweaver to edit or customize WordPress themes, you need to combine these different PHP files into one page so that you can immediately view, while editing the codes, how the page would appear.
• How to Create RSS feeds with Dreamweaver
  “In this tutorial I’m going to outline two different styles of content which broadly encompasses the two primary sets of web content that get converted to feeds — Single Pages and Directories. Single pages are single HTML files that contain multiple stories, each of which is treated as a unique entry to be linked to by the RSS feed. Directories contain multiple HTML files, each of which contains a single story and links to each must be entered in the RSS feed. RSS DreamFeeder, once configured, will do all of this automatically for you when you process the feed. You can define multiple feeds for your website and each feed can have its own configuration.”
  
• Building a Forum with Dreamweaver
  Building a forum in 4 steps: Part 1: Getting Started, Part 2: User Authentication, Part 3: Posting Messages, Part 4: Replying to Messages
• Inserting Fireworks HTML into Dreamweaver
  “In this tutorial we are going to insert a table that was created in Fireworks (be sure to check out the Fireworks tutorial on Creating a Navigation Bar). Once we have inserted the Fireworks HTML into our Dreamweaver document, we will add the corresponding links using the Point-to-File method we learned about in an earlier tutorial.”
• Creating dynamic layers with interactive image rollovers using Dreamweaver
  In this tutorial we are going to use multiple layers stacked over another, and make it viewable, when the mouse is rolled over in an Image
• HeavyWeightGeek
  “How often do you want to know where one div ends and the next starts in any particular browser. Now you can get the Firefox Web Developer Toolbar. This little DW extension adds a nice span around any content.”
• My Free PR – Free Extension For Dreamweaver Eases Integration with Google Innovations
  WebAssist’s Dreamweaver Tools for Google makes it easy for small business and Web pros to effortlessly enhance their Web sites with additional functionality.
• Ades Dreamweaver Tutorials
  Adobe Dreamweaver Tutorials, e.g. Create Rollover/MouseOver effect, Making use of I-Frames, Learn how to structure your pages before the design, Learn how to validate forms with Dreamweaver und viele mehr
• Build PHP Applications With Adobe Dreamweaver MX [PHP & MySQL Tutorials]
  Over the next few pages, I’ll be exploring the new PHP functionality in Dreamweaver MX, in the hope that you find it useful the next time you have a PHP project to code.
  
• XML and XSL in Dreamweaver 8
  Learn how to use XML and XSLT in Adobe Dreamweaver.
• Creating Secure Login Page
  This tutorial will teach you how to make a login page in Dreamweaver MX.
  
• Accessibility Features of Dreamweaver MX and MX 2004
  This tutorial describes the new accessibility features of Dreamweaver MX and MX 2004
• Customize Dreamweaver to Your Needs [Software Tutorials]
  This article explains a few of the most useful customization tricks which can be achieved by you, the Adobe Dreamweaver user.
• Dreamweaver 8 Reviewed
  An extensive review of Dreamweaver 8, including Coding Toolbar, Code collapsing, Workspaces, Tag Completion and more.
• Animation in Dreamweaver
  Macromedia’s Dreamweaver does support animation in a little known inspector call the “TimeLine Inspector”.
• PHP and MySQL Error
  This article specifically applies if your Dreamweaver cannot see the tables in your MySQL database or you are getting the error “Client does not support authentication protocol requested by server; consider upgrading MySQL client” when you look at a php page in a web browser served from a Windows 2000, XP or 2003 Server.
• Dreamweaver Image Maps
  Learn how to link to different pages from the same image using image maps in Dreamweaver.
• Layers
  Creating Layers
• Dreamweaver Forms
  Tips on customizing input boxes, list menus, submit buttons. Also learn how to validate forms using Dreamweaver behaviors.
• CSS Text Rollovers
  Try out these cool text rollover effects using CSS style sheets.

Dreamweaver Resources

• Adobe – Dreamweaver Developer Center
  Dreamweaver Developer Center offers tutorials, samples and related articles as well as news regarding Dreamweaver updates and new features.
  
• Dreamweaver Templates
  A reviewed listing of high quality website template companies. These companies produce professional templates for webmasters.
• Dreamweaver Fever
  Tutorials, Extensions, Articles, Experiments.

Adobe Dreamweaver Extensions

• Codetch :: Firefox Add-ons
  Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
  
• Adobe Dreamweaver Extension Resources
  The official Macromedia extensions site. These extensions have been tested by Macromedia and the list of extensions can be searched by category.
• Kaosweaver – Home of Dreamweaver Extensions
  An overview of useful and popular Dreamweaver Extensions.
• Nearly Geek: Introduction
  Subversion for Dreamweaver (SVN4DW) is a Dreamweaver extension that provides easy access to a subversion repository from within Dreamweaver on Windows. SVN4DW currently provides access to the most commonly used SVN functions, and new functions are being added all the time.
  
• WordPress Dreamweaver Extension
  WordPress Template Builder (WTBDWE) – this is a WordPress extension for Adobe Dreamweaver. I made this extension to facilitate the development of WordPress templates in Dreamweaver. It has some cool and nice feautres, like special functions, loops, includes, etc. I included most useful by me functions and also some rare functions, which I not known by most WP users.