- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
有关 Dreamweaver 的常见问题解答
基本信息
Adobe Dreamweaver 是面向 Web 设计人员和前端开发人员的全球最完备的工具。它将功能强大的设计图面和一流的代码编辑器与强大的站点管理工具相结合,使您能够轻松设计、编码和管理网站。
Dreamweaver 2017 经过重新设计,添加了新式界面和快速灵活的编码引擎,可让 Web 设计人员和前端开发人员更轻松地创建、编码和管理在任何尺寸的屏幕上都赏心悦目的网站。这一版本的 Adobe Dreamweaver 2017 提供全新的代码引擎、焕然一新的用户界面(可选择深色主题和浅色主题),支持新型 Web 工作流程(例如 CSS 预处理器),且包含更多其他内容。
与 Bootstrap 的一流集成使您能够构建针对任意浏览器进行调整和扩展的响应性网站,无论大小、屏幕分辨率或方向如何。与 Adobe CreativeSync 的深度集成使您能够轻松使用来自 Photoshop 和 Illustrator 等工具的设计资源,并能浏览和访问 Adobe Stock 中的素材图片。
由于 Dreamweaver 包含在 Adobe Creative Cloud 中,因此您可以第一时间获取所有可用的最新更新。了解有关 Creative Cloud 的更多信息。
Dreamweaver 是唯一可让您在编码时实时呈现您的站点的 Web 开发工具。
- 借助 Dreamweaver 的新编码引擎,更快、更灵活地编写代码。代码提示可帮助新用户了解 HTML、CSS 和其他 Web 标准,自动缩进、代码着色和可调整大小的字体等视觉辅助功能可帮助减少错误,使您的代码更易阅读。
- Dreamweaver 支持常用的 CSS 预处理器(如 SASS、Less 和 SCSS),提供全部代码颜色和编译功能,可帮助您节省时间并生成更简洁的代码。
- 一次编写多行代码可快速完成创建项目列表、更新一系列字符串和同时进行多项编辑等操作。
- “快速编辑”会为 HTML 文件中的相关 CSS 提供内联编辑器,使您能够快速进行更改。
- “快捷文档”可直接在代码视图中显示 CSS 属性的相关 Web Platform Docs 参考信息,从而节省您的时间。
- 借助专为开发人员设计的性能增强且整洁有序的新工作区,快速加载和打开文件,并更快地处理项目。
- 无需手动刷新浏览器,即可在编写代码时实时查看您进行的页面编辑。
- 使用 Dreamweaver 的 FTP 功能将文件推送到 Web 服务器。
有关详细信息,请参阅新增功能页面。
请查看 Dreamweaver 版本比较。
可将 Dreamweaver 与 Adobe Photoshop、Illustrator、Animate 等其他 Creative Cloud 工具结合使用,以构建美观的现代网站。您还可以通过 Creative Cloud 库集成与其他人共享资源并进行协作。
您可以将动画导出为 OAM 格式,导入 Dreamweaver 中。了解有关将动画合成导入 Dreamweaver 的详细信息。
可以,在使用 Joomla、Drupal、Wordpress 或其他框架时,Dreamweaver 中特定于站点的代码提示功能会显示代码提示。如需更多信息,请参阅代码提示和代码补全。
技术问题
请参阅系统要求,了解相关信息。
是。了解详情 ›
是。了解详情 ›
Dreamweaver 2017 可以打开和编辑多种文档类型。以下是 Dreamweaver 可以打开和编辑的一些文档类型:
- HTML 文档
- 服务器端包含
- JavaScript 文档
- PHP 文件
- XML 文件
- SQL 文件
- SVG 文件
- Json 文件
- 库文件 (*.lbi)
- 模板文件 (*.dwt)
- 样式表(*.css、*.less、*.sass、*.scss)
- Active Server Pages 和 Active Server Plus Pages
- ColdFusion 模板
- 清单 (*.appcache)
- 目录配置文件 (*.htaccess)
- 文本文件 (*.txt)
Dreamweaver 中的所有功能都会生成 HTML5 代码,以符合 Web 开发的最新标准。使用代码编辑器,您可以编写适合自己的开发需求的代码。
是。Dreamweaver 支持用于移动优先、响应式网站的 Bootstrap 架构。Dreamweaver 还包括诸如可视媒体查询和流体网格布局等响应功能。
是。如果您之前已安装了 Dreamweaver CS6,您可以继续使用它。如果具有 Creative Cloud 会员资格,则您可以随时下载 Dreamweaver 的早期版本,与当前安装的 Dreamweaver 一同使用。
免费试用
如果您具有免费的 Creative Cloud 会员资格,便可以下载为期 7 天的 Dreamweaver 试用版以及 Creative Cloud 中的其他应用程序。升级到“所有应用程序”计划后,您将可以下载所有 Creative Cloud 应用程序的完整版本。
是。您可以通过在 Creative Cloud 网站上购买,将试用会员资格转变为 Creative Cloud 所有应用程序会员资格或单个应用程序会员资格。在购买会员资格后,您的桌面产品试用版将在重新启动后自动获得授权。
购买选项
请在 Creative Cloud 计划页面上了解有关购买选项的详情。还可探索 Creative Cloud 所有应用程序计划的各项权益。
使用 Dreamweaver
访问 Dreamweaver 学习与支持,通过视频、详细步骤教程以及 Adobe 和经验丰富的社区共同提供的全面产品支持,获取快速入门所需的所有信息。
可在 Dreamweaver 帮助页面找到 Dreamweaver 手册的 Web 和 PDF 版本。
请访问 Dreamweaver 论坛,提供反馈或获得支持问题解答。
您可以使用此表单来请求新增功能或提出对现有功能的更改建议。您还可以从 Dreamweaver 的“帮助”菜单(“帮助”>“提交错误/功能请求”)来获得此链接。