Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。最初为美国Macromedia公司开发，2005年被奥多比收购。

Adobe Dreamweaver使用所见即所得的接口，利用对 HTML、层叠样式表、ECMAScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。DW有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解HTML、CSS和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。

2022年6月，奥多比发布Adobe Dreamweaver 21.3版本。

1997年12月，Dreamweaver1.0版本发布，为Mac OS版。1998年3月，Dreamweaver1.2版本（第一个Windows版本）发布。同年，Dreamweaver2.0版本发布。2005年，Macromedia公司被奥多比收购。

2007年4月，Dreamweaver9.0版本替换Adobe GoLive加入Adobe Creative Suite。自2011年4月起，Dreamweaver11.5版本支持html5。2013年，13.0版本删除永久使用许可，并通过云端提供服务。2014年4月，14.0版本提供DOM的可视化工具，支持实时查看更新，层叠样式表设计升级。同年6月起，支持64位架构。此后Dreamweaver每年推出一个版本更新，2019年11月，20.0版本发布。2022年6月，奥多比发布Dreamweaver21.3版本，集成了最新的第三方库升级和错误修复。

Adobe Dreamweaver具有实时预览功能，可以在浏览器中实时展示对网页的更改，无需手动刷新页面，提高了工作效率。用户可以在代码视图中对网页进行编码，或在设计/实时视图中进行设计。如果使用P图合成，则可以提取到Dreamweaver中并进行处理。可以添加设计元素，例如文本、图像、翻转图像、图像映射、颜色、电影、声音、HTML链接、表格等。

Adobe Dreamweaver内置了强大的代码编辑器，支持HTML、层叠样式表、ECMAScript等多种前端技术，方便用户进行代码编写和调试。结合使用CSS和HTML，可以构建静态站点。大多数网站需要某种形式的交互和数据库来存储所有网站数据。除了文本编辑功能之外，Adobe Dreamweaver还提供各种功能（例如代码提示）来帮助用户进行编码：Dreamweaver中的RoundtripHTML功能允许用户在基于文本的HTML编辑器和Dreamweaver之间来回移动文档，而对文档原始HTML源代码的内容和结构影响缩小或不影响。

应用程序栏：位于应用程序窗口的顶部，包含工作区切换器、菜单（仅限 Windows）和其他应用程序控件。

文档工具栏：包含为文档窗口的不同视图（例如设计视图、实时视图和代码视图）提供选项的按钮。

标准工具栏：要显示标准工具栏，请选择窗口\u003e工具栏\u003e标准。Windows桌面小工具包含文件和编辑菜单中常见操作的按钮：新建、打开、保存、全部保存、打印代码、剪力、复制、粘贴、撤消和重做。

工具栏：位于应用程序窗口的左侧，包含特定于视图的按钮。

文档窗口：在您创建和编辑当前文档时显示该文档。

物业检查员：允许您查看和更改所选对象或文本的各种属性。每个对象都有不同的属性。

标签选择器：位于文档窗口底部的状态栏中。显示围绕当前选择的标签层次结构。单击层次结构中的任何标签即可选择该标签及其所有内容。

面板：帮助您监控和修改您的工作。示例包括“插入”面板、“层叠样式表 设计器” 面板和“文件”面板。要展开面板，请双击其选项卡。

提取面板：允许您在 Adobe Creative Cloud 上上传和查看 PSD 文件。使用此面板，您可以将 PSD 组合中的 CSS、文本、图像、字体、颜色、渐变和尺寸提取到文档中。

插入面板：包含用于将各种类型的对象（例如图像、表格和媒体元素）插入到文档中的按钮。每个对象都是一段 HTML 代码，您可以在插入它时设置各种属性。例如，您可以通过单击“插入”面板中的“表格”按钮来插入表格。如果您愿意，可以使用“插入”菜单而不是“插入”面板来插入对象。

文件面板：允许您管理文件和文件夹，无论它们是 Dreamweaver 站点的一部分还是远程服务器上的文件和文件夹。文件面板还允许您访问本地磁盘上的所有文件。有关详细信息，请参阅管理文件和文件夹。

片段面板：允许您在不同的网页、不同的站点和不同的 Dreamweaver 安装中保存和重复使用代码片段（使用同步设置）。有关更多信息，请参阅通过片段重用代码。

层叠样式表 设计器面板：是一个 CSS 属性检查器，可让您“直观地”创建 CSS 样式、文件并设置属性以及媒体查询。

实时取景：显示文档在浏览器中的真实外观，并让您与文档进行交互就像在浏览器中一样。您可以直接在实时视图中编辑 HTML 元素，并在同一视图中立即预览您的更改。有关在实时视图中编辑的更多信息，请参阅在实时视图中编辑 HTML 元素。

设计视图：是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在此视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。

代码视图：是一个用于编写和编辑 HTML、ECMAScript 和任何其他类型代码的手动编码环境。

代码-代码：是代码视图的拆分版本，可让您滚动以同时处理文档的不同部分。 

代码 - 实时：让您可以在单个窗口中查看同一文档的代码视图和实时视图。

代码-设计：使您可以在单个窗口中查看同一文档的代码视图和设计视图。

实时代码：显示浏览器用于执行页面的实际代码，并且可以在您与实时视图中的页面交互时动态更改。

当文档窗口最大化（默认）时，选项卡会出现在文档窗口的顶部，显示所有打开文档的文件名。如果您进行了更改但尚未保存，Dreamweaver 会在文件名后显示一个星号。

可以使用“视图”菜单中的以下选项在视图之间切换：

如果您同时打开多个文档，您可以层叠或平铺它们。要级联文档窗口：选择“窗口”\u003e“排列”\u003e“级联”。平铺文档窗口： 

状态栏显示文档窗口的当前尺寸（以像素为单位）。要设计在特定尺寸下具有最佳外观的页面，您可以将文档窗口调整为任何预定尺寸、编辑这些预定尺寸或创建尺寸。

在设计或实时视图中更改页面的视图尺寸时，仅视图尺寸的尺寸会发生变化。文档大小不变。

除了预定和自定义尺寸之外，Dreamweaver 还列出了媒体查询中指定的尺寸。当您选择与媒体查询相对应的尺寸时，Dreamweaver 将使用媒体查询来显示页面。您还可以更改页面方向以预览手持移动设备的页面，其中页面布局根据设备的握持方式而变化。

要调整文档窗口的大小，请从文档窗口底部的“窗口大小”弹出菜单中选择一种大小。

Adobe Dreamweaver提供了丰富的快速开发工具，如代码片段、模板、库等，可以加速网页设计和开发的过程。附加组件或扩展可以轻松添加到Dreamweaver的新功能。可以使用多种类型的附加组件；例如，有一些附加组件可以重新格式化表格、连接到后端数据库或帮助用户为浏览器编写脚本。奥多比附加组件页面列出了可以安装并与Dreamweaver一起使用的所有附加组件。您还可以从附加组件页面轻松安装附加组件。

Adobe Dreamweaver可以在微软视窗、Mac OS等多个操作系统上运行，并支持多种语言，便于跨平台开发。

Adobe Dreamweaver可以与Adobe其他软件如P图、Illustrator等无缝协作，方便用户将图形设计转化为网页设计。