Section 3: HTML and Web Design, Development Editors Tutorials, Training, Resources, Books, and Software, Page 1
Adobe Dreamweaver Training, Tutorials, Discussion Lists, Tools and Extensions, Templates, Resources, Books, and Software
The Adobe Dreamweaver (formerly Macromedia Dreamweaver) section below provides an annotated listing of helpful resources to top quality tutorials, Dreamweaver training, Adobe Dreamweaver product information and help, Dreamweaver Web page templates, tools and extensions, discussion lists and CSS templates, and more for Dreamweaver. You'll also find software and book recommendations on Dreamweaver.
Know of some helpful Adobe Dreamweaver articles, tutorials, tools or extensions, templates, Web sites, books, or other resources related to Dreamweaver? Recommendations are welcome and encouraged!
On this page:
- Adobe Dreamweaver Product Information, Help (formerly Macromedia Dreamweaver)
- Training on Dreamweaver
- Tutorials on Dreamweaver
- Discussion Lists, Newsgroups on Dreamweaver
- Tools and Extensions for Dreamweaver
- Free and Commercial Dreamweaver Web Page / Web Site Templates
- Web Sites or Web Site Sections Devoted to Dreamweaver
- Other Dreamweaver Links Resources
- Recommended Books on Dreamweaver, Dreamweaver Software
Also within Section 3: HTML, Web Design, Development Editors Tutorials, Resources, Books, Software:
- Macromedia HomeSite, Microsoft Expression Web Designer, Newsgator TopStyle Tutorials, Resources, Books
Also within HTML:
Adobe Dreamweaver Product Information, Help (formerly Macromedia Dreamweaver)
- Adobe Dreamweaver - Official Site
This is the official product information homepage for Adobe Dreamweaver (formerly Macromedia Dreamweaver), a top-ranking, well-respected Web development and site maintenance software program. Integrates with Adobe Contribute, Macromedia HomeSite, Adobe Fireworks, Adobe Illustrator, Adobe Flash, and other software programs. Free trial download. The WYSIWYG “Design View” feature is accessible to those not knowing HTML or CSS, and the “Code View” is gaining in popularity among Web site developers, companies, large corporations, and individuals for Web site building, maintenance and especially for managing large sites. Dreamweaver has very good site management features, too. Dreamweaver also supports W3C Recommendations and does pretty well with its WYSIWYG features - far superior to FrontPage. For Windows and Mac. [Software by Adobe (formerly by Macromedia).]
- Adobe Dreamweaver Resources, Documentation
Download product manuals, release notes, and tutorials from the Adobe Dreamweaver Documentation area. [adobe.com]
- Adobe Dreamweaver Design Center
Feature articles and videos, Dreamweaver tutorials by top experts, and links to Dreamweaver blogs and podcasts, related resources, and more. A great place to find top-notch information, direct from Adobe's website. [adobe.com]
- Adobe Dreamweaver Exchange
at Adobe's site (formerly Macromedia's site). Download free extensions here, menus, toolbars, Flash buttons for Dreamweaver, RSS feed templates, dynamic dropdown menus, CS3 extensions, and much more. Over 1000 extensions available - free, shareware, commercial. Annotated and rated. A great resource. [adobe.com]
- Adobe Dreamweaver Support
Official support documentation and technotes for Dreamweaver. Sections include Top Issues, Recent Documents, Installation Help, and you can also search the Knowledge Base. [adobe.com]
- Adobe Dreamweaver Support Resources
Online forums, classes and online training, and user groups for Dreamweaver and other Adobe products. [adobe.com]
- Technote: Common Questions about Dreamweaver CS3 (Mac OS and Windows)
Official technote for Dreamweaver via Adobe's site. At least 20 common questions, with answers by the Dreamweaver Tech Support staff. [adobe.com]
Adobe Dreamweaver Training
A variety of Dreamweaver training is available - online instructor-led training courses/classes, self-paced online training, downloadable or online video training, in-person, instructor-led Dreamweaver training courses, onsite training, and more. Here's a sampling of some especially good ones.
- Adobe Dreamweaver Training
Adobe offers Dreamweaver training in a variety of approaches and for all levels of learning needs, from beginning through advanced Web professionals: self-paced courses, entry-level library, complete library, Web professional library. You can learn more also about their Adobe Certified Program and its benefits. [adobe.com]
- Adobe Dreamweaver Training Course
- Dreamweaver CS3 Training
Online, downloadable training courses offered via lynda.com. Great reputation, highly recommended. Examples of Dreamweaver CS3 training:
- Dreamweaver CS3 Dynamic Development 7 hours
- Dreamweaver CS3 Essential Training 10.5 hours
- Migrating from GoLive to Dreamweaver CS3
- Dreamweaver Training
Online, downloadable training courses offered via lynda.com. Great reputation, highly recommended. Older versions of Dreamweaver training available, too. Examples: Dreamweaver CS3 Essential Training, Dreamweaver 8 New Features, Dreamweaver 8 Essential Training, Dreamweaver 8 Beyond the Basics, Dreamweaver 8 Dynamic Development, Dreamweaver MX 2004 Essential Training, Dreamweaver MX 2004 Beyond the Basics, Dreamweaver MX 2004 Dynamic Development with ASP, Learning Dreamweaver MX, Intermediate Dreamweaver MX, Learning Dreamweaver 4, Intermediate Dreamweaver 4, Learning Dreamweaver 3. By subscription. [lynda.com.]
Adobe Dreamweaver Tutorials, General
- Consistent Web Design with Dreamweaver Templates
Easy to understand tutorial on creating and using templates within Dreamweaver. “Beginning with Dreamweaver MX, template features give you complete control over a page's layout and content, which means you can define optional content, set up repeating regions, and define nested templates.” Each of those topics are covered in the tutorial with plenty of screenshots along the way - defining and using optional regions, repeating regions, creating a new page based on a template, applying alternative background colors in a repeating region, creating nested templates (“By creating nested templates, you can control content in pages that share the same layout but have a few subtle design variations”). [Article/tutorial by Mark Fletcher, for Adobe - Macromedia Developer Center.]
- Guidance on when to use templates, library items, and SSIs
“In this article I'll review a few of these techniques—namely Dreamweaver templates, library items, and server-side includes (SSIs). Each of these is excellent in special cases, but in other cases they can be absolutely the wrong choice. First I'll give you a short overview of each of these techniques. At the end of the article you'll find a table with many hints on when to use templates, library items, and SSIs.” Note: The author uses Dreamweaver 8 or MX 2004, but the information can also apply to Dreamweaver CS3. [Article/tutorial dated 10/16/2006, by Jolantha Belik, for Adobe - Macromedia Developer Center.]
- Online Training Library: Dreamweaver
Lynda Weinmann offers extensive online training for Dreamweaver in QuickTime format. Includes Dreamweaver CS3, Dreamweaver 8, earlier versions. Highly regarded, top-notch reputation and well done. By subscription. [Lynda.com.]
Adobe Dreamweaver CS3 Tutorials
- Adobe Dreamweaver CS3 Tutorial for Beginners
A 10-part series of tutorials. Topics: Define a new site in Dreamweaver, Create a Dreamweaver template, Create the page layout in the Dreamweaver template, Create the css style sheet, Insert common elements into the Dreamweaver template, Create libraries or server side includes, Define the editable regions of the template, Create the HTML pages of the site and insert content, Link the pages, Test the site locally and upload online to the hosting server. [Article/tutorial by vineyardesigns.]
- Getting Started with Dreamweaver CS3
This is an entire series on Dreamweaver CS3 (via interactive Adobe Captivate simulations). Tutorials cover: Setting up a site; Creating a new document; Setting page properties; Inserting tables; Working with tables; Inserting an image placeholder; Inserting text; Inserting images; Inserting and playing Flash files; Creating links; Previewing pages in your browser; Inserting Flash video files; Publishing your site. User level: beginner. [Article/tutorial dated 04/17/2007, by Mark Fletcher, for Adobe - Macromedia Developer Center.]
- Dreamweaver Tutorial: How to Use Templates to Manage Your Website in Dreamweaver CS3
“In this article I'll review a few of these techniques—namely Dreamweaver templates, library items, and server-side includes (SSIs). Each of these is excellent in special cases, but in other cases they can be absolutely the wrong choice. First I'll give you a short overview of each of these techniques. At the end of the article you'll find a table with many hints on when to use templates, library items, and SSIs.” [Article/tutorial by Christopher Heng, TheSiteWizard.]
- Managing Websites with Multiple Layouts
Get familiar with and learn how to use Dreamweaver CS3 standards-compliant CSS starter pages, templates. This tutorial via Adobe's site includes the online tutorial and downloadable Dreamweaver CS3 templates, CSS, and other details. [Article/tutorial dated 05/17/2007, by Adrian Senior, for Adobe.]
- Preparing and Planning a Web Site Using Dreamweaver
“Planning for a new Web site involves understanding in two key areas: knowledge of the applications you will be using (the logical side), and knowledge of what direction you want to take this new Web project (the creative side). The authors of Dreamweaver CS3 On Demand show you how to do both.” Topics cover: Begin with a Plan, Create a Visual Mind Map, Create Sample Page Sketches, Generate a Timeline, Assemble the Site, Create a Marketing Plan, Create a Storyboard, Create a Site Local Root Folder. This tutorial is a chapter excerpt from Adobe Dreamweaver CS3 On Demand, by Andy Anderson, Steve Johnson, Perspection Inc. [Article/tutorial dated 09/07/2007, by Andy Anderson, Steve Johnson, Perspection Inc., for InformIT.]
- View Source: The Easy Way to Add Dynamic Elements to Web Sites
A helpful step-by-step tutorial on creating a Spry menu bar with Dreamweaver CS3, by the author of Dreamweaver CS3: The Missing Manual. “This tutorial takes you step-by-step through adding and modifying a Spry Menu Bar in Dreamweaver CS3.” [Article/tutorial dated 07/11/2007, by Dave Sawyer McFarland, for Creative Pro.]
Adobe Dreamweaver 8 Tutorials
- Dreamweaver 8 Basics
Three-part tutorial to help you quickly learn the basics of Dreamweaver 8 - About Dreamweaver Files, The Dreamweaver Workspace, The Files and CSS Styles Panels. [Article/tutorial by Macromedia, Inc., for Adobe - Macromedia Studio Center.]
- Dreamweaver Templates Tutorial
HTML Center's concise tutorial on how to build your own templates with Dreamweaver. [Article/tutorial by Surefire, for HTML Center.]
- Integrating Dreamweaver 8 with Contribute 4
Helpful, easy to follow tutorial with plenty of screenshots and examples. Covers administering contribute users in Dreamweaver, maintaining your site's style and layout, setting up your Contribute users. [Article/tutorial by Mark Fletcher, for Adobe - Macromedia Contribute Developer Center.]
- Making Pages Dynamic
Thorough multi-part tutorial series: Optimizing the Workspace for Visual Development, The Workflow for Dynamic Page Design, Obtaining Data for Your Page, Defining Sources of Dynamic Content, Adding Dynamic Content to Web Pages, Displaying Database Records, Displaying XML Data in Web Pages, Using Web Services, Adding Custom Server Behaviors, Creating Forms, and much more. [Article/tutorial part of Dreamweaver 8 Live Docs: Using Dreamweaver.]
- Migrating from Microsoft FrontPage 2003 to Adobe Dreamweaver 8
Topics cover mastering the Dreamweaver workspace, working with web pages, migrating your FrontPage website, common tasks in Dreamweaver and FrontPage. [Article/tutorial by Cheryl D. Wise, for Adobe - Macromedia Developer Center.]
Discussion Lists, Online Forums, and Newsgroups on Adobe Dreamweaver
- macromedia.dreamweaver Newsgroup
Via Google Groups.
- Dreamweaver Support Forums
Online forum for Dreamweaver. [Forum via Macromedia.]
Popular, very active discussion list on Dreamweaver. [Discussion List via Yahoo Groups.]
- Project Seven Adobe Dreamweaver Newsgroup
Newsgroup for the Project Seven Dreamweaver site. Very helpful newsgroup to read, ask and answer questions, more.
See also Discussion Lists, Online Forums, and Newsgroups for links to more on Web design and development topics.
Dreamweaver Tools and Extensions
UsableNet has greatly expanded their usability and accessibility tools from their LIFT Online to LIFT Onsite as well, and includes versions for Macromedia Dreamweaver, Microsoft FrontPage, and a Nielsen Norman version based on Macromedia Dreamweaver. All are based on W3C's WAI Guidelines and W3C Recommendations.
- Adobe Dreamweaver Exchange (and Extensions)
at Adobe's site (formerly Macromedia's site). Download free extensions here, menus, toolbars, Flash buttons for Dreamweaver, RSS feed templates, dynamic dropdown menus, CS3 extensions, and much more. Over 1000 extensions available - free, shareware, commercial. Annotated and rated. A great resource.
- Dreamweaver Extensions
At Massimo's Corner. Many high quality extensions for Dreamweaver here. (Due to the site's programming, we couldn't link directly to the section - click on the Dreamweaver link on the main page.)
- Dreamweaver Extensions
Free and commercial Dreamweaver extensions, and all are compatible with Dreamweaver CS3. Their extensions typically work with Dreamweaver MX or MX 2004, 8, CS3 (or higher). Free and commercial menu systems, productivity and utility extensions, DHTML extensions, extensions for forms, images and colors, and more. [Dreamweaver extensions by Project VII.]
- Dreamweaver Menu Systems
Horizontal tab bar, dropdown menus, flyout menus, tree menus (expanding folder), and more. New menu systems regularly added, too. Highly configurable, adaptable to your needs, detailed instructions and free tech support for all commercial menu systems. Strong reputation and highly recommended. These work with Dreamweaver MX or MX 2004, 8, CS3 (or higher). [Dreamweaver menu extensions by Project VII.]
- Extensions for Dreamweaver
by Drew McLellan, author of the Dreamweaver Developer's Guide. Very helpful extensions, such as popup windows, jump menus, MS Smart tags block, add Favorites (for IE) mouse trails, mail forms, more. Helpful site for Dreamweaver info, too.
Free and Commercial Dreamweaver Web Page / Web Site Templates
Below you'll find listings of free Dreamweaver templates and commercial Dreamweaver templates, including the latest Dreamweaver CS3 templates.
Commercial Dreamweaver Web Page / Web Site Templates
- The Complete JumpStart Catalog Update
Information, descriptions, links to all of the Dreamweaver templates offered via Community MX. (I've listed a couple of them below, too.) Organized by layout types, including: Centered, Two-Column Fixed-Width; Centered, Three-Column Fixed-Width; Fluid Two- and Three-Column Layouts; Hybrid Fixed/Fluid Layouts; Elastic Layout; Somewhere Between Fixed and Fluid; The Look of Frames. Each template is packed with features, documentation, all the files you'll need, and an abundance of tutorials are included also. [Article/tutorial/templates dated 2007, by Sheri German, for Community MX.]
- Dreamweaver CSS Page Templates, by Project Seven
Compatible with Dreamweaver CS3, Dreamweaver 8, and earlier versions (see details at their site). Beautifully created, high quality CSS templates in a variety of styles, layouts, color combinations, and packages. You'll find 1-, 2-, 3-column CSS layouts and a wide variety of layouts and designs, all with designs, page markup, CSS, detailed instructions for implementation, and free technical support. Currently available are Page packs, single page CSS templates, and Learning Packs. The Learning packs “come with rich, immersive PDF User Guides that walk you through the process of building your page and its images. Learn to build a page and all its assets.” Customizable, too. Fantastic and reasonably priced. Editor note, disclaimer: Project VII is not paying me for these comments or this listing. Like all the listings at Websitetips.com, I've listed these here because of how impressed I am with their products, their philosophy, and their business. [Templates by Project Seven.]
- Introducing CMX JumpStart Tahoe
Article/tutorial that explains Community MX's fluid Tahoe template, a fluid version of their Vegas template for Dreamweaver. Packed with a multitude of features, along with documentation, instructions, and 14 tutorials that cover how the template is designed and constructed. Template also tested with IE7. “Tahoe uses valid XHTML 1.0 and CSS 2.1 markup and follows WAI and Section 508 accessibility guidelines to provide you with a solid foundation for any design you may wish to use it for. Tahoe is a two column elastic layout, which means it expands in width based on the user's font size. This allows the overall proportions of the page to stay intact regardless of the visitor's window or font size. The design also features a subhead area, skip link, a styled list as a navigation menu, and floated images.” [Article/tutorial/template dated 2007, by Sheri German, for Community MX.]
- Introducing Jumpstart Vegas
Article/tutorial that explains Community MX's fixed width Vegas template. Packed with a multitude of features, along with documentation, instructions, and 12 tutorials that cover how the template is designed and constructed. “Like all of the CMX JumpStarts, the pages are constructed using valid XHTML 1.0 markup and formatted using valid CSS 2.1 styling. Vegas also follows the WAI and Section 508 accessibility guidelines to provide you with a solid foundation for your work and give your users the best experience possible.” [Article/tutorial/termplate dated 2005, by Sheri German, for Community MX.]
Free Dreamweaver Web Page / Web Site Templates
- Adobe Dreamweaver Templates (from Adobe, formerly from Macromedia)
At least 18 well done free templates designed for use with Dreamweaver, Fireworks. All templates here are free. [Templates via Adobe.]
- Dreamweaver CSS Templates
Fixed width and fluid Dreamweaver templates using CSS, valid HTML, XHTML, CSS. Can be used for a variety of business types, individuals, use for blogs, and more. Customization services available, too. [Templates by Nadia Perre of PerreLink Web Solutions, Dreamweaver Resources.]
Web Sites or Web Site Sections Devoted to Dreamweaver
Fabulous site that offers a variety of tutorials, a helpful FAQ, quite a few resources, and is dedicated to serving the Dreamweaver Community
- Dreamweaver Fever
News, tutorials, extensions, and resources all about Dreamweaver by author Drew McLellan. [Web site by Drew McLellan.]
- Project Seven
An entire site devoted to Dreamweaver. High quality site with tutorials, discussion, extensions, templates, lots more. Amazing, inspiring site.
- DMX Zone
An entire site devoted to Dreamweaver and UltraDev extensions, tutorials, info, latest news, links to more. Lots here.
Other Dreamweaver Links Resources
- Macromedia Dreamweaver Tips and Tutorials
Good listing of resources by About.com.
Recommended Books on Dreamweaver, Dreamweaver Software
Adobe Dreamweaver CS3 Software
Adobe Dreamweaver CS3 is available on its own or bundled within Adobe Creative Suite CS3 Design Standard, Design Premium, Web Standard, Web Premium, and the CS3 Master Collection. Links to more information for both Windows and Macintosh versions are below.
What's in each CS3 bundled edition? See Adobe Creative Suite 3 Matrix: What's in Each Edition? here at WebsiteTips.com.
Adobe Dreamweaver CS3 Software for Windows
See more software, read short reviews, browse book recommendations on Dreamweaver, Web site-related topics in our Recommended Books, Software section!