Dreamweaver
打开应用程序
Dreamweaver 用户指南
简介
响应式网页设计基础知识
Dreamweaver 中的新增功能
使用 Dreamweaver 进行 Web 开发 - 概述
Dreamweaver/常见问题
键盘快捷键
Dreamweaver 系统要求
功能摘要
Dreamweaver 和 Creative Cloud
将 Dreamweaver 设置与 Creative Cloud 同步
Dreamweaver 中的 Creative Cloud Libraries
在 Dreamweaver 中使用 Photoshop 文件
使用 Adobe Animate 和 Dreamweaver
从库提取 Web 优化的 SVG 文件
Dreamweaver 工作区和视图
Dreamweaver 工作区
为可视化开发优化 Dreamweaver 工作区
根据文件名或内容搜索文件 | Mac OS
设置站点
关于 Dreamweaver 站点
设置站点的本地版本
连接到发布服务器
设置测试服务器
导入和导出 Dreamweaver 站点设置
将现有网站从远程服务器下载到您的本地站点根目录
Dreamweaver 中的辅助功能
高级设置
设置用于传输文件的站点偏好设置
在 Dreamweaver 中指定代理服务器设置
将 Dreamweaver 设置与 Creative Cloud 同步
在 Dreamweaver 中使用 Git
管理文件
创建和打开文件
管理文件和文件夹
从服务器获取文件和将文件上传到服务器
存回和取出文件
同步文件
比较文件的差别
遮盖 Dreamweaver 站点中的文件和文件夹
为 Dreamweaver 站点启用设计备注
防止潜在的 Gatekeeper 漏洞
布局和设计
使用可视化助理进行布局
关于使用 CSS 来设计页面布局
使用 Bootstrap 设计响应式网站
在 Dreamweaver 中创建和使用媒体查询
使用表格显示内容
颜色
使用流式网格布局的响应式设计
Dreamweaver 中的 Extract
CSS
了解层叠样式表
使用 CSS Designer 进行页面布局
在 Dreamweaver 中使用 CSS 预处理器
如何在 Dreamweaver 中设置 CSS 样式偏好设置
在 Dreamweaver 中移动 CSS 规则
在 Dreamweaver 中将内联 CSS 转换为 CSS 规则
使用 div 标签
向背景应用渐变效果
在 Dreamweaver 中创建和编辑 CSS3 过渡效果
设置代码格式
页面内容和资源
设置页面属性
设置 CSS 标题属性和 CSS 链接属性
使用文本
查找和替换文本、标签和属性
DOM 面板
在实时视图中编辑
在 Dreamweaver 中对文档编码
在“文档”窗口中选择和查看元素
在属性检查器中设置文本属性
对网页进行拼写检查
在 Dreamweaver 中使用水平线
在 Dreamweaver 中添加和修改字体组合
使用资源
在 Dreamweaver 中插入和更新日期
在 Dreamweaver 中创建和管理收藏资源
在 Dreamweaver 中插入和编辑图像
添加媒体对象
在 Dreamweaver 中添加视频
插入 HTML5 视频
插入 SWF 文件
添加音频效果
在 Dreamweaver 中插入 HTML5 音频
使用库项目
在 Dreamweaver 中使用阿拉伯语和希伯来语文本
链接与导航
关于链接与导航
链接
图像地图
链接疑难解答
jQuery 构件和效果
在 Dreamweaver 中使用 jQuery UI 和移动构件
在 Dreamweaver 中使用 jQuery 效果
对网站进行编码
关于在 Dreamweaver 中编码
Dreamweaver 中的编码环境
设置编码偏好设置
自定义代码颜色
编写和编辑代码
代码提示和代码完成
折叠和展开代码
使用代码片段重用代码
使用 linting 检查代码
优化代码
在设计视图中编辑代码
使用页面的头内容
在 Dreamweaver 中插入服务器端包含
在 Dreamweaver 中使用标签库
将自定义标签导入 Dreamweaver
使用 JavaScript 行为（一般说明）
应用内置 JavaScript 行为
关于 XML 和 XSLT
在 Dreamweaver 中执行服务器端 XSL 转换
在 Dreamweaver 中执行客户端 XSL 转换
在 Dreamweaver 中为 XSLT 添加字符实体
设置代码格式
跨产品工作流
安装和使用 Dreamweaver 的扩展
Dreamweaver 中的应用程序内更新
在 Dreamweaver 中插入 Microsoft Office 文档（仅限 Windows）
使用 Fireworks 和 Dreamweaver
使用 Contribute 编辑 Dreamweaver 站点中的内容
Dreamweaver 和 Business Catalyst 集成
创建个性化的电子邮件营销活动
模板
关于 Dreamweaver 模板
识别模板和基于模板的文档
创建 Dreamweaver 模板
在模板中创建可编辑区域
在 Dreamweaver 中创建重复区域和表格
在模板中使用可选区域
在 Dreamweaver 中定义可编辑的标签属性
如何在 Dreamweaver 中创建嵌套模板
编辑、更新和删除模板
在 Dreamweaver 中导出和导入 xml 内容
在现有文档中应用或删除模板
在 Dreamweaver 模板中编辑内容
Dreamweaver 中模板标签的语法规则
设置模板区域的高亮显示偏好设置
在 Dreamweaver 中使用模板的好处
移动设备和多屏幕
创建媒体查询
更改移动设备的页面方向
使用 Dreamweaver 创建适用于移动设备的 Web 应用程序
动态网站、页面和 Web 表单
了解 Web 应用程序
设置计算机以进行应用程序开发
数据库连接疑难解答
在 Dreamweaver 中删除连接脚本
设计动态页
动态内容源概述
定义动态内容源
向页面添加动态内容
在 Dreamweaver 中更改动态内容
显示数据库记录
在 Dreamweaver 中提供动态数据和进行疑难解答
在 Dreamweaver 中添加自定义服务器行为
使用 Dreamweaver 生成表单
使用表单从用户处收集信息
在 Dreamweaver 中创建和启用 ColdFusion 表单
创建 Web 表单
增强了对表单元素的 HTML5 支持
使用 Dreamweaver 开发表单
以可视化方式生成应用程序
在 Dreamweaver 中生成主页和详细页
生成搜索页和结果页
生成记录插入页
在 Dreamweaver 中生成更新记录页
在 Dreamweaver 中生成记录删除页
在 Dreamweaver 中使用 ASP 命令修改数据库
生成注册页
生成登录页
生成只有授权用户才能访问的页面
使用 Dreamweaver 保护 Coldfusion 中的文件夹
在 Dreamweaver 中使用 ColdFusion 组件
测试、预览和发布网站
预览页面
在多个设备上预览 Dreamweaver 网页
测试 Dreamweaver 站点
疑难解答
已修复的问题
已知问题
了解如何从现有文档创建 Dreamweaver 模板、使用“资源”面板来创建一个新模板或创建 Contribute 站点的模板。
可以基于现有文档（如 HTML）创建模板，也可以从新文档创建模板。
创建模板后，可以插入模板区域，并为代码颜色和模板区域高亮颜色设置模板的首选参数。
注意:
您可以在模板的“设计备注”文件中存储关于模板的附加信息（如创作者、上一次更改的时间或做出某些布局决定的原因）。基于模板的文档不继承模板的设计备注。
注意:
Dreamweaver 中的模板与某些其他 Adobe Creative Cloud 产品中的模板的不同之处在于，默认情况下 Dreamweaver 模板的页面中的各部分是固定的（即不可编辑）。
基于现有文档创建模板
可以基于现有文档创建模板
打开要另存为模板的文档。
执行下列操作之一：
选择“插入”>“模板”>“创建模板”。
在“插入”面板的“常用”类别中，从下拉菜单中选择“模板”，然后选择“创建模板”选项。
注意:
除非您以前选择了“不再显示此对话框”，否则您会收到一个警告，指出您正在保存的文档中没有可编辑区域。单击“确定”将文档另存为模板，或单击“取消”退出此对话框而不创建模板。
从“站点”弹出菜单中选择一个用来保存模板的站点，然后在“另存为”字段中为模板输入一个唯一的名称。
从现有文档创建模板
从现有文档创建模板
单击“保存”。Dreamweaver 将模板文件以文件扩展名 .dwt 保存在站点的本地根文件夹中的 Templates 文件夹中。如果该 Templates 文件夹在站点中尚不存在，Dreamweaver 将在您保存新建模板时自动创建该文件夹。
注意:
不要将模板移动到 Templates 文件夹之外或者将任何非模板文件放在 Templates 文件夹中。此外，不要将 Templates 文件夹移动到本地根文件夹之外。这样做将在模板中的路径中引起错误。
使用“资源”面板来创建新模板
在“资源”面板（“窗口”>“资源”）中，选择面板左侧的“模板”图标。
单击“资源”面板底部的“新建模板”图标。
一个新的、无标题模板将添加到“资源”面板的模板列表中。
在模板仍处于选定状态时，输入模板的名称，然后按 Enter (Windows) 或 Return (Macintosh)。
Dreamweaver 在“资源”面板和 Templates 文件夹中创建一个空模板。
关于为 Contribute 站点创建模板
您可以使用 Dreamweaver 来创建模板，以帮助 Adobe® Contribute® 用户创建新页面，为您的站点提供一致的外观，并使您可以同时更新多个页面的布局。
在您创建模板并将其上传到服务器之后，连接到您的站点的所有 Contribute 用户都可以使用该模板，除非您已为某些 Contribute 角色设置了模板使用限制。如果您已设置了模板使用限制，您可能需要将每一个新模板添加到 Contribute 用户可使用的模板的列表中（请参阅管理 Contribute）。
注意:
请确保每个 Contribute 用户的站点定义中定义的站点根文件夹与在 Dreamweaver 站点定义中定义的站点根文件夹相同。如果用户的站点根文件夹与您的根文件夹不匹配，则该用户将无法使用模板。
除了 Dreamweaver 模板之外，您还可使用 Contribute 管理工具创建非 Dreamweaver 模板。非 Dreamweaver 模板是 Contribute 用户可用来创建新页面的现有页面；它类似于 Dreamweaver 模板，只不过基于它的页面在您更改该模板时不会更新。另外，非 Dreamweaver 模板不能包含 Dreamweaver 模板元素，例如可编辑的、锁定的、重复的和可选的区域。
当 Contribute 用户在包含 Dreamweaver 模板的站点内创建新文档时，Contribute 会在“新建页面”对话框中列出可用的模板（包括 Dreamweaver 和非 Dreamweaver 模板）。
若要在站点中包含使用拉丁语‑1 以外的编码的页面，可能需要创建模板（Dreamweaver 模板或非 Dreamweaver 模板）。Contribute 用户可以编辑使用任意编码的页面，但是，当 Contribute 用户创建新的空白页面时，则会使用拉丁语‑1 编码。若要创建使用其他编码的页面，Contribute 用户可创建使用其他编码的现有页面的一个副本，或利用使用其他编码的模板。但是，如果站点中没有使用其他编码的页面和模板，则必须先在 Dreamweaver 中创建使用其他编码的页面或模板。
为 Contribute 站点创建模板
选择“站点”>“管理站点”。
双击要编辑的站点。
在“站点设置”对话框中，选择“高级设置”>“Contribute”。
您需要启用 Contribute 兼容性（如果尚未这样做）。
选择“启用 Contribute 兼容性”，然后输入站点根 URL。
单击“在 Contribute 中管理站点”。
如果出现提示，请输入管理员密码，然后单击“确定”。
在“用户和角色”类别中，选择角色，然后单击“编辑角色设置”按钮。
选择“新建页面”类别，然后将现有页面添加到“通过从此列表中复制页面来创建新页面”选项下的列表中。
有关详细信息，请参阅“管理 Contribute”。
单击“确定”两次关闭对话框。
更多此类内容 模板区域的类型 设置模板的创作首选参数 将设计备注与文件关联 创建模板教程 使用模板教程 创建空模板 创建和打开文档 准备站点以用于 Contribute