一、产品介绍
Adobe Dreamweaver 是一款专业的网页设计与开发软件，支持 HTML、CSS、JavaScript 等网页标准，可快速创建和发布适用于浏览器或设备的响应式网站。它将可视化设计工具与代码编辑器结合，既适合设计师进行可视化布局，也适合开发者编写代码。
Dreamweaver 提供智能简化的编码引擎，可创建、编码和管理动态网站。代码提示功能帮助学习和编辑 HTML、CSS 和其他 Web 标准，视觉辅助工具可减少错误并加快网站开发速度。启动模板可用于构建 HTML 邮件、关于页面、博客、电商页面、新闻通讯和作品集等，搭建网站基础结构。
支持实时视图编辑，直接在实时视图中编辑文本和图像属性、添加类，即时预览更改，无需切换到单独的编辑模式。支持 Windows 多显示器工作区，可在多个显示器上显示页面。重新设计的现代化用户界面简洁无干扰，可自定义工作区仅显示编码所需工具。内置 Git 支持，可在 Dreamweaver 内管理所有源代码并执行常见操作。
二、产品功能
功能1：可视化与代码双模式编辑
提供设计视图、代码视图和拆分视图三种编辑模式，设计师可在可视化界面拖拽布局，开发者可直接编写代码，两种模式实时同步。实时视图（Live View）可直接在编辑界面预览网页在真实浏览器中的渲染效果，支持直接在实时视图中编辑文本、图像和添加类，即时查看更改效果，无需频繁切换浏览器预览。
功能2：智能编码与代码提示
智能简化的编码引擎提供代码提示（Code Hints）功能，可快速学习和编辑 HTML、CSS、JavaScript 等 Web 标准，输入时自动弹出相关标签、属性和值的建议，减少输入错误和记忆负担。支持 Emmet 缩写扩展，可将简短缩写快速展开为完整的 HTML 标记或 CSS 代码，大幅提升编码速度。支持代码折叠，可折叠代码段聚焦当前编辑区域。
功能3：响应式网站设计
内置响应式设计工具，可创建适配桌面、平板和手机等不同屏幕尺寸的网站。流体网格布局（Fluid Grid Layout）帮助构建自适应网页，元素根据屏幕尺寸自动调整位置和大小。媒体查询可视化管理工具可直观定义不同断点的样式。Bootstrap 框架集成，可快速构建响应式网站框架，支持自定义 Bootstrap 组件。
功能4：CSS 预处理与高级样式
支持常见 CSS 预处理器如 SASS、Less 和 SCSS，提供完整的代码着色、代码提示和编译功能，在处理大型网站复杂样式表时节省时间。CSS 设计器面板提供可视化的 CSS 样式管理界面，可直观创建和编辑选择器、属性和媒体查询，实时预览样式更改效果。支持 CSS 过渡和动画，创建丰富的网页交互效果。
功能5：Git 版本控制与协作
内置 Git 支持，可在 Dreamweaver 内直接管理源代码，执行提交、拉取、推送、分支管理等常见 Git 操作，无需切换到外部 Git 客户端。Git 面板显示文件更改状态，可直观查看修改内容。支持与 GitHub、GitLab 等远程仓库协作，团队成员可协同开发网站项目。
功能6：模板与生态集成
提供丰富的启动模板，包括 HTML 邮件、关于页面、博客、电商页面、新闻通讯、作品集等，可快速自定义搭建网站。与 Creative Cloud 库和 Adobe Stock 集成，直接引入素材资源增强网站。支持 Photoshop 和 Illustrator 文件的智能导入，保留图层信息。内置 FTP/SFTP 功能，可直接将网站文件上传到远程服务器，一键发布网站。
三、产品优点
优点1：可视化+代码双模式
设计视图与代码视图完美结合，既适合设计师可视化布局，也适合开发者精确编码，实时同步减少来回切换，提升开发效率。
优点2：响应式设计便捷
流体网格布局、媒体查询可视化管理、Bootstrap 集成，创建适配多设备的响应式网站，无需手动编写大量媒体查询代码。
优点3：编码效率高
智能代码提示、Emmet 缩写、CSS 预处理器支持、代码折叠，专业编码工具齐全，提升网页开发速度和代码质量。
优点4：协作与发布一体
内置 Git 版本控制支持团队协作，FTP/SFTP 一键发布网站，Creative Cloud 库素材集成，从开发到发布流程在软件内完成。
四、系统要求

| Windows 系统 | macOS 系统 |