- Dreamweaver User Guide
- Introduction
- Dreamweaver and Creative Cloud
- Dreamweaver workspaces and views
- Set up sites
- About Dreamweaver sites
- Set up a local version of your site
- Connect to a publishing server
- Set up a testing server
- Import and export Dreamweaver site settings
- Bring existing websites from a remote server to your local site root
- Accessibility features in Dreamweaver
- Advanced settings
- Set site preferences for transferring files
- Specify proxy server settings in Dreamweaver
- Synchronize Dreamweaver settings with Creative Cloud
- Using Git in Dreamweaver
- Manage files
- Create and open files
- Manage files and folders
- Getting and putting files to and from your server
- Check in and check out files
- Synchronize files
- Compare files for differences
- Cloak files and folders in your Dreamweaver site
- Enable Design Notes for Dreamweaver sites
- Preventing potential Gatekeeper exploit
- Layout and design
- CSS
- Understand Cascading Style Sheets
- Laying out pages using CSS Designer
- Using CSS preprocessors in Dreamweaver
- How to set CSS Style preferences in Dreamweaver
- Move CSS rules in Dreamweaver
- Convert inline CSS to a CSS rule in Dreamweaver
- Work with div tags
- Apply gradients to background
- Create and edit CSS3 transition effects in Dreamweaver
- Format code
- Page content and assets
- Set page properties
- Set CSS heading properties and CSS link properties
- Work with text
- Find and replace text, tags, and attributes
- DOM panel
- Edit in Live View
- Encoding documents in Dreamweaver
- Select and view elements in the Document window
- Set text properties in the Property inspector
- Spell check a web page
- Using horizontal rules in Dreamweaver
- Add and modify font combinations in Dreamweaver
- Work with assets
- Insert and update dates in Dreamweaver
- Create and manage favorite assets in Dreamweaver
- Insert and edit images in Dreamweaver
- Add media objects
- Adding videos in Dreamweaver
- Insert HTML5 video
- Insert SWF files
- Add audio effects
- Insert HTML5 audio in Dreamweaver
- Work with library items
- Using Arabic and Hebrew text in Dreamweaver
- Linking and navigation
- jQuery widgets and effects
- Coding websites
- About coding in Dreamweaver
- Coding environment in Dreamweaver
- Set coding preferences
- Customize code coloring
- Write and edit code
- Code hinting and code completion
- Collapse and expand code
- Reuse code with snippets
- Lint code
- Optimize code
- Edit code in Design view
- Work with head content for pages
- Insert server-side includes in Dreamweaver
- Using tag libraries in Dreamweaver
- Importing custom tags into Dreamweaver
- Use JavaScript behaviors (general instructions)
- Apply built-in JavaScript behaviors
- About XML and XSLT
- Perform server-side XSL transformations in Dreamweaver
- Performing client-side XSL transformations in Dreamweaver
- Add character entities for XSLT in Dreamweaver
- Format code
- Cross-product workflows
- Installing and using extensions to Dreamweaver
- In-App updates in Dreamweaver
- Insert Microsoft Office documents in Dreamweaver (Windows only)
- Working with Fireworks and Dreamweaver
- Edit content in Dreamweaver sites using Contribute
- Dreamweaver-Business Catalyst integration
- Create personalized email campaigns
- Templates
- About Dreamweaver templates
- Recognizing templates and template-based documents
- Create a Dreamweaver template
- Create editable regions in templates
- Create repeating regions and tables in Dreamweaver
- Use optional regions in templates
- Define editable tag attributes in Dreamweaver
- How to create nested templates in Dreamweaver
- Edit, update, and delete templates
- Export and import xml content in Dreamweaver
- Apply or remove a template from an existing document
- Edit content in Dreamweaver templates
- Syntax rules for template tags in Dreamweaver
- Set highlighting preferences for template regions
- Benefits of using templates in Dreamweaver
- Mobile and multiscreen
- Dynamic sites, pages and web forms
- Understand web applications
- Set up your computer for application development
- Troubleshoot database connections
- Removing connection scripts in Dreamweaver
- Design dynamic pages
- Dynamic content sources overview
- Define sources of dynamic content
- Add dynamic content to pages
- Changing dynamic content in Dreamweaver
- Display database records
- Provide and troubleshoot live data in Dreamweaver
- Add custom server behaviors in Dreamweaver
- Building forms using Dreamweaver
- Use forms to collect information from users
- Create and enable ColdFusion forms in Dreamweaver
- Create web forms
- Enhanced HTML5 support for form elements
- Develop a form using Dreamweaver
- Building applications visually
- Build master and detail pages in Dreamweaver
- Build search and results pages
- Build a record insert page
- Build an update record page in Dreamweaver
- Building record delete pages in Dreamweaver
- Use ASP commands to modify database in Dreamweaver
- Build a registration page
- Build a login page
- Build a page that only authorized users can access
- Securing folders in Coldfusion using Dreamweaver
- Using ColdFusion components in Dreamweaver
- Test, preview, and publish websites
- Troubleshooting
Answers to frequently asked questions about Dreamweaver
Basics
Adobe Dreamweaver is the world’s most complete tool for web designers and front-end developers. It combines a powerful design surface and best-in-class code editor with robust site management tools, for you to easily design, code, and manage websites.
Dreamweaver 2017 has been redesigned with a modern interface and fast, flexible coding engine to give web designers and front-end developers easier ways to create, code and manage websites that look amazing on any size screen. This release of Adobe Dreamweaver 2017 includes an all-new code engine, completely refreshed user interface with selectable dark and light themes, support for modern web workflows such as CSS Preprocessors, and lots more.
First-class integration with Bootstrap lets you build responsive websites that adapt and scale to any browser, regardless of the size, screen resolution, or orientation. Deep integration with Adobe CreativeSync makes it easy to work with design assets from tools like Photoshop and Illustrator, along with the ability to browse and access stock photos from Adobe Stock.
As Dreamweaver is a part of Adobe’s Creative Cloud, you get access to all the latest updates as soon as they’re available. Learn more about Creative Cloud.
Dreamweaver is a unique web development tool that lets you visualize your site in real-time as you are coding.
- Code faster and with greater flexibility with Dreamweaver's new coding engine. Code hints help new users learn HTML, CSS, and other web standards, and visual aids like auto-indentation, code coloring, and resizable fonts help reduce errors and make your code easier to read.
- Dreamweaver supports common CSS pre-processors like SASS, Less, and SCSS, with full code coloring, and compilation, so you can save time and produce cleaner code.
- Write more than one line of code at a time to quickly do things like create a bulleted list, update a series of strings, and make multiple edits simultaneously.
- Quick Edit offers an inline editor for the relevant CSS within an HTML file, so you can make changes fast.
- Quick Docs saves you time by displaying relevant Web Platform Docs reference information for CSS properties directly within Code View.
- Load and open files quickly and get through projects faster with a new performance-boosted and clutter-free workspace designed for developers.
- Preview your page edits in real time as you code without having to manually refresh your browser.
- Use Dreamweaver's FTP features to push your files on to a web server.
See the What’s New page for details.
Check out the Dreamweaver version comparison.
Dreamweaver can be used with other Creative Cloud tools such as Adobe Photoshop, Illustrator, Animate, and more to build beautiful, modern websites. You can also share assets and collaborate with others with the Creative Cloud Libraries integration.
You can export the animation to OAM format and import in Dreamweaver. Learn more about Import animated compositions into Dreamweaver.
Yes, the site-specific code hints feature in Dreamweaver displays code hints while working with Joomla, Drupal, Wordpress or other frameworks. For more information, see Code hinting and code completion.
Technical questions
See the systems requirements for information.
Yes. Learn more ›
Yes. Learn more ›
Dreamweaver 2017 can open and edit multiple document types. Some of the document file types that Dreamweaver can open and edit are:
- HTML documents
- Server-side Includes
- JavaScript documents
- PHP files
- XML files
- SQL files
- SVG files
- Json files
- Library files (*.lbi)
- Template files (*.dwt)
- Style sheets (*.css, *.less, *.sass, *.scss)
- Active Server Pages and Active Server Plus Pages
- ColdFusion templates
- Manifest (*.appcache)
- Directory Configuration files (*.htaccess)
- Text files (*.txt)
All the features in Dreamweaver produce HTML5 code to align with the latest standards in web development. With use of the code editor, you have the ability to write and edit code to suit your own development needs.
Yes. Dreamweaver supports Bootstrap framework for mobile-first, responsive websites. Dreamweaver also includes responsive features such as Visual Media Queries and Fluid Grid Layouts.
Yes. If you already have a prior installation of Dreamweaver CS6, you can continue to use it as is. With a Creative Cloud membership, you can download previous versions of Dreamweaver at any time to use alongside your current Dreamweaver installation.
Free trials
With a free Creative Cloud membership, you can download a 7-day trial version of Dreamweaver — and other applications in Creative Cloud. When you upgrade to an All Apps plan, you’ll be able to download the full version of every Creative Cloud application.
Yes. You can convert your trial to a Creative Cloud All Apps or Single App membership by purchasing on the Creative Cloud website. After you purchase your membership, your desktop product trial will automatically be licensed upon relaunch.
Purchasing options
Learn more about purchasing options on the Creative Cloud plans page. You can also explore the benefits of the Creative Cloud All Apps plan.
Using Dreamweaver
Check out Dreamweaver Learn & Support for all you need to get started, with video and step-by-step-tutorials as well as comprehensive product support from Adobe and our knowledgeable community.
You can find web and PDF versions of the Dreamweaver manual on the Dreamweaver Help page.
Visit the Dreamweaver forums to provide feedback or have your support questions answered.
You can use this form to request new features or suggest changes to existing features. You can also get to this link from the Help menu in Dreamweaver (Help > Submit Bug/Feature Request).