Sven Lennartz

About The Author

Sven Lennartz 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.

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....

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.

Adobe Dreamweaver Video Tutorials

  • 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.
    Dreamweaver Tutorials - Community MX
  • 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.
    Dreamweaver Tutorials - Dreamweaver 8, MX 2004 und MX 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 Tutorials - Regular Expressions
  • 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 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.”
    Dreamweaver Tutorials - RSS Feeds with Dreamweaver
  • 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 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
  • 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] 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 Applications
  • 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”.
  • 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 Tutorials - Dreamweaver Developer Center
  • 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.
    Dreamweaver Tutorials - Codetch
  • 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.
    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.


More Articles on

Preventing Spam: Bulletproof Solutions

by Vitaly Friedman

Spam is probably one of the most difficult problems we have to deal with. E-Mail-filters, such as those used in GMail, provide accurate results, but not every company is willing to use extern services for its private mails. The problem occurs when web-developers have to display e-mail-addresses on a web-page. How can you make sure that not a single spam mail will find its path to the inbox...

Read more

Web 2.0: Buzz-Monitoring and Tracking

by Vitaly Friedman

You'd like to improve the link popularity of your site. Or maybe to keep track on the latest web buzz. It would be nice to inform your readers about it the minute the news occured. Or maybe you just want to monitor the activities of your users and be able to find the best topics they might be interested in - quickly and efficiently. In these cases tracking tools can be extremely useful and...

Read more

Wikipedia: Services, Tools, Engines, Tutorials

by Vitaly Friedman

Wikipedia. Everyone knows it. Everyone uses it. But how to use it effectively? If you thought of Wikipedia as just a free online-encyclopedia, built by enthusiasts from all around the world, you've seriously underestimated its influence. In the era of constantly growing Folksonomies Wikis - so-called Wikipedia-engines - are usually one of the essential tools, which enable users to collect...

Read more