Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Adobe Dreamweaver Tutorials

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 Dreamweaver1 (initially called Macromedia Dreamweaver2).

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.

Adobe Dreamweaver Video Tutorials Link

Tutorials for Beginners Link

  • 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 85
    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 Dreamweaver6
    13 basic Dreamweaver tutorials: Dreamweaver installation, Dreamweaver templates, CSS styles, tables, rollover effect. Find Dreamweaver hosting.

Libraries with Dreamweaver Tutorials Link

  • Dreamweaver MX 2004 and Dreamweaver MX Tutorials7
    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.

    Dreamweaver Tutorials - Community MX
  • Adobe Dreamweaver 8 free tutorial8
    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 Tutorials9
    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 Tutorials10
    A huge list of references to Dreamweaver 8, MX 2004 and MX Tutorials.

    Dreamweaver Tutorials - Dreamweaver 8, MX 2004 und MX Tutorials11
  • Dreamweaver Menu Extensions and CSS Templates12
    Some interesting examples of using Dreamweaver to create image galleries, web page components and navigation menus.

Articles, Tips, Tricks Link

  • Dreamweaver Regular Expressions Are Your Friend13
    “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 Tutorials - Regular Expressions14
  • 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 Files15
    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]16
    Rachel Andrew about Web Standards, Adobe Dreamweaver and creating standard-compliant web-sites with Dreamweaver.
  • How to Create RSS feeds with Dreamweaver17
    “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.”

    Dreamweaver Tutorials - RSS Feeds with Dreamweaver18
  • 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
  • Creating dynamic layers with interactive image rollovers using Dreamweaver19
    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
  • 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.
  • Build PHP Applications With Adobe Dreamweaver MX [PHP & MySQL Tutorials]20
    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.

    Dreamweaver Tutorials - Build PHP Applications21
  • Accessibility Features of Dreamweaver MX and MX 200422
    This tutorial describes the new accessibility features of Dreamweaver MX and MX 2004
  • Customize Dreamweaver to Your Needs [Software Tutorials]23
    This article explains a few of the most useful customization tricks which can be achieved by you, the Adobe Dreamweaver user.
  • Dreamweaver 8 Reviewed24
    An extensive review of Dreamweaver 8, including Coding Toolbar, Code collapsing, Workspaces, Tag Completion and more.
  • Animation in Dreamweaver25
    Macromedia’s Dreamweaver does support animation in a little known inspector call the “TimeLine Inspector”.
  • Dreamweaver Image Maps26
    Learn how to link to different pages from the same image using image maps in Dreamweaver.
  • Layers27
    Creating Layers
  • Dreamweaver Forms28
    Tips on customizing input boxes, list menus, submit buttons. Also learn how to validate forms using Dreamweaver behaviors.
  • CSS Text Rollovers29
    Try out these cool text rollover effects using CSS style sheets.

Dreamweaver Resources Link

Adobe Dreamweaver Extensions Link

  • Codetch :: Firefox Add-ons34
    Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.

    Dreamweaver Tutorials - Codetch35
  • Adobe Dreamweaver Extension Resources36
    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 Extensions37
    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.

    Dreamweaver Tutorials - SVN
  • 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.

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook


Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

  1. 1

    Thank you! I was just about to start learning DW so this will come in handy :)

  2. 2

    The link to the Linkpass has been expired :(

  3. 3


    April 4, 2007 10:57 pm

    After Notepad++ dreamweaver is my favorite!!!!

  4. 4

    Vitaly Friedman & Sven Lennartz

    April 4, 2007 9:35 pm

    Bas, yes, you’re right. Sorry for inconvenience.

  5. 5

    Does Dreamweaver still produce smelly tag soup?

  6. 6

    Ooo! Dreamweaver is one and only web design & development tool that I use during my Windows XP Pro session. Gotta try some of them.


  7. 7

    Gotta love this site. Constantly updated with quality content. Many thanks.

  8. 8

    Balakumar Muthu

    April 5, 2007 5:07 pm

    Subversion for Dreamweaver, that’s an good one.

  9. 9

    Gaurav Malhotra

    April 6, 2007 1:11 pm


    I have looked for many Dreamweaver tutorials but have not found
    any good links.

    Thank so much for posting these excellent links.

    Keep up the good work. rocks


  10. 10

    Is it a joke? Who cares about Dreamweaver? It’s only for hobby developers.
    In the real world you should use a notepad like Scite, or other project management ready software, and you’re on the right way.
    I’m really disappointed in Smashin mag beacause of this article (or ad?).

  11. 11

    how install Dreamweaver on Ubuntu/linux?

  12. 12

    Wasatch Software

    April 23, 2007 8:23 am

    Great list of Adobe Dreamweaver resources. Thank you for putting this together!

  13. 13

    Motorcycle Guy

    April 26, 2007 1:08 am

    Kind of ironic to say that wikis are causing the downfall of wysiwyg editors and the first link is from a wiki lol.

  14. 14

    Buri – are you living in a CAVE? I agree 1% about the notepad a good place to start – but with the color coding features and support for a ton of programming languages DW is an excellent professional choice – not to mention that it supports a number of platforms – ColdFusion, PHP, ASP/ASP.NET, JAVA, yada, yada yada… and with CS3 Spry and other cool tools

    Good luck finding that one broken div tag, that causes your page to break, in your 10,000 lines of nested ASP.NET code in Note Pad!!!

    Notepad = beginners
    DW or other GUI for PROS!

  15. 15

    You forgot to add VTC to the tutorials list – they have over 60,000 video tutorials including a good selection for Dreamweaver

  16. 16

    One more to add to the list:

    There’s a big list of Dreamweaver extensions, both free and commercial, tutorials and links to a lot of other web design resources.

  17. 17

    The link to the Linkpass has been expired :(

  18. 18

    Careful when you try descending from your ivory tower for a loo break. There are plenty of people who use Dreamweaver to get them on their way to becoming a programming god, like you clearly are…

    Always has to be one, doesn’t there? Loser.

  19. 19

    How do I stop my video on my web page from being downloaded. I used a hyperlink so viewers can see a larger version of the video but I don’t know how to block the video from being downloaded.

  20. 20

    nearly geek link is dead for SVN4DW – so sad.


↑ Back to top