User Guide Cancel

Dreamweaver / Common Questions

  1. Dreamweaver User Guide
  2. Introduction
    1. Responsive web design basics
    2. What's new in Dreamweaver
    3. Web development using Dreamweaver - An Overview
    4. Dreamweaver / Common Questions
    5. Keyboard shortcuts
    6. Dreamweaver system requirements
    7. Feature summary
  3. Dreamweaver and Creative Cloud
    1. Synchronize Dreamweaver settings with Creative Cloud
    2. Creative Cloud Libraries in Dreamweaver
    3. Using Photoshop files in Dreamweaver
    4. Work with Adobe Animate and Dreamweaver
    5. Extract web-optimized SVG files from Libraries
  4. Dreamweaver workspaces and views
    1. The Dreamweaver workspace
    2. Optimize Dreamweaver workspace for visual development
    3. Search files based on filename or content | Mac OS
  5. Set up sites
    1. About Dreamweaver sites
    2. Set up a local version of your site
    3. Connect to a publishing server
    4. Set up a testing server
    5. Import and export Dreamweaver site settings
    6. Bring existing websites from a remote server to your local site root
    7. Accessibility features in Dreamweaver
    8. Advanced settings
    9. Set site preferences for transferring files
    10. Specify proxy server settings in Dreamweaver
    11. Synchronize Dreamweaver settings with Creative Cloud
    12. Using Git in Dreamweaver
  6. Manage files
    1. Create and open files
    2. Manage files and folders
    3. Getting and putting files to and from your server
    4. Check in and check out files
    5. Synchronize files
    6. Compare files for differences
    7. Cloak files and folders in your Dreamweaver site
    8. Enable Design Notes for Dreamweaver sites
    9. Preventing potential Gatekeeper exploit
  7. Layout and design
    1. Use visual aids for layout
    2. About using CSS to lay out your page
    3. Design responsive websites using Bootstrap
    4. Creating and using media queries in Dreamweaver
    5. Present content with tables
    6. Colors
    7. Responsive design using fluid grid layouts
    8. Extract in Dreamweaver
  8. CSS
    1. Understand Cascading Style Sheets
    2. Laying out pages using CSS Designer
    3. Using CSS preprocessors in Dreamweaver
    4. How to set CSS Style preferences in Dreamweaver
    5. Move CSS rules in Dreamweaver
    6. Convert inline CSS to a CSS rule in Dreamweaver
    7. Work with div tags
    8. Apply gradients to background
    9. Create and edit CSS3 transition effects in Dreamweaver
    10. Format code
  9. Page content and assets
    1. Set page properties
    2. Set CSS heading properties and CSS link properties
    3. Work with text
    4. Find and replace text, tags, and attributes
    5. DOM panel
    6. Edit in Live View
    7. Encoding documents in Dreamweaver
    8. Select and view elements in the Document window
    9. Set text properties in the Property inspector
    10. Spell check a web page
    11. Using horizontal rules in Dreamweaver
    12. Add and modify font combinations in Dreamweaver
    13. Work with assets
    14. Insert and update dates in Dreamweaver
    15. Create and manage favorite assets in Dreamweaver
    16. Insert and edit images in Dreamweaver
    17. Add media objects
    18. Adding videos in Dreamweaver
    19. Insert HTML5 video
    20. Insert SWF files
    21. Add audio effects
    22. Insert HTML5 audio in Dreamweaver
    23. Work with library items
    24. Using Arabic and Hebrew text in Dreamweaver
  10. Linking and navigation
    1. About linking and navigation
    2. Linking
    3. Image maps
    4. Troubleshoot links
  11. jQuery widgets and effects
    1. Use jQuery UI and mobile widgets in Dreamweaver
    2. Use jQuery effects in Dreamweaver
  12. Coding websites
    1. About coding in Dreamweaver
    2. Coding environment in Dreamweaver
    3. Set coding preferences
    4. Customize code coloring
    5. Write and edit code
    6. Code hinting and code completion
    7. Collapse and expand code
    8. Reuse code with snippets
    9. Lint code
    10. Optimize code
    11. Edit code in Design view
    12. Work with head content for pages
    13. Insert server-side includes in Dreamweaver
    14. Using tag libraries in Dreamweaver
    15. Importing custom tags into Dreamweaver
    16. Use JavaScript behaviors (general instructions)
    17. Apply built-in JavaScript behaviors
    18. About XML and XSLT
    19. Perform server-side XSL transformations in Dreamweaver
    20. Performing client-side XSL transformations in Dreamweaver
    21. Add character entities for XSLT in Dreamweaver
    22. Format code
  13. Cross-product workflows
    1. Installing and using extensions to Dreamweaver
    2. In-App updates in Dreamweaver
    3. Insert Microsoft Office documents in Dreamweaver (Windows only)
    4. Working with Fireworks and Dreamweaver
    5. Edit content in Dreamweaver sites using Contribute
    6. Dreamweaver-Business Catalyst integration
    7. Create personalized email campaigns
  14. Templates
    1. About Dreamweaver templates
    2. Recognizing templates and template-based documents
    3. Create a Dreamweaver template
    4. Create editable regions in templates
    5. Create repeating regions and tables in Dreamweaver
    6. Use optional regions in templates
    7. Define editable tag attributes in Dreamweaver
    8. How to create nested templates in Dreamweaver
    9. Edit, update, and delete templates
    10. Export and import xml content in Dreamweaver
    11. Apply or remove a template from an existing document
    12. Edit content in Dreamweaver templates
    13. Syntax rules for template tags in Dreamweaver
    14. Set highlighting preferences for template regions
    15. Benefits of using templates in Dreamweaver
  15. Mobile and multiscreen
    1. Create media queries
    2. Changing page orientation for mobile devices
    3. Create web apps for mobile devices using Dreamweaver
  16. Dynamic sites, pages and web forms
    1. Understand web applications
    2. Set up your computer for application development
    3. Troubleshoot database connections
    4. Removing connection scripts in Dreamweaver
    5. Design dynamic pages
    6. Dynamic content sources overview
    7. Define sources of dynamic content
    8. Add dynamic content to pages
    9. Changing dynamic content in Dreamweaver
    10. Display database records
    11. Provide and troubleshoot live data in Dreamweaver
    12. Add custom server behaviors in Dreamweaver
    13. Building forms using Dreamweaver
    14. Use forms to collect information from users
    15. Create and enable ColdFusion forms in Dreamweaver
    16. Create web forms
    17. Enhanced HTML5 support for form elements
    18. Develop a form using Dreamweaver
  17. Building applications visually
    1. Build master and detail pages in Dreamweaver
    2. Build search and results pages
    3. Build a record insert page
    4. Build an update record page in Dreamweaver
    5. Building record delete pages in Dreamweaver
    6. Use ASP commands to modify database in Dreamweaver
    7. Build a registration page
    8. Build a login page
    9. Build a page that only authorized users can access
    10. Securing folders in Coldfusion using Dreamweaver
    11. Using ColdFusion components in Dreamweaver
  18. Test, preview, and publish websites
    1. Preview pages
    2. Preview Dreamweaver web pages on multiple devices
    3. Test your Dreamweaver site
  19. Troubleshooting
    1. Fixed issues
    2. Known issues

 

 

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.

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

 Adobe

Get help faster and easier

New user?