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 的模板中使用可选区域。
可选区域是模板中的区域，用户可将其设置为在基于模板的文档中显示或隐藏。当想要为在文档中显示内容设置条件时，请使用可选区域。
插入可选区域以后，既可以为模板参数设置特定的值，也可以为模板区域定义条件语句（If...else 语句）。可以使用简单的真/假操作，也可以定义比较复杂的条件语句和表达式。如有必要，可以在以后对这个可选区域进行修改。模板用户可以根据您定义的条件在其创建的基于模板的文档中编辑参数并控制是否显示可选区域。
您可以将多个可选区域与一个已命名的参数链接起来。在基于模板的文档中，两个区域将作为一个整体显示或隐藏。例如，可以显示销售产品的“出清存货”图像和销售价格文本区域。
插入可选区域
使用可选区域可以控制不一定在基于模板的文档中显示的内容。可选区域分为两类：
不可编辑的可选区域，使模板用户能够显示和隐藏特别标记的区域但却不允许编辑相应区域的内容。可选区域的模板选项卡在单词 if 之后。根据模板中设置的条件，模板用户可以定义该区域在他们所创建的页面中是否可见。
可编辑可选区域，使模板用户能够设置是显示还是隐藏区域并能够编辑相应区域的内容。例如，如果可选区域中包括图像或文本，模板用户即可设置该内容是否显示，并根据需要对该内容进行编辑。可编辑区域是由条件语句控制的。
插入不可编辑的可选区域
在“文档”窗口中，选择要设置为可选区域的元素。
执行下列操作之一：
选择“插入”>“模板”>“可选区域”。
在“插入”面板的“常用”类别中，从下拉列表中选择“模板”，然后选择“可选区域”。
输入可选区域的名称；如果要设置可选区域的值，请单击“高级”选项卡；然后单击“确定”。
插入可编辑的可选区域
在“文档”窗口中，将插入点置于要插入可选区域的位置。
注意:
不能环绕选定内容来创建可编辑的可选区域。插入区域，然后在该区域内插入内容。
执行下列操作之一：
选择“插入”>“模板”>“可编辑的可选区域”。
在“插入”面板的“模板”类别中，选择“可编辑的可选区域”。
输入可选区域的名称；如果要设置可选区域的值，请单击“高级”选项卡；然后单击“确定”。
设置可选区域的值
在模板中插入可选区域之后，可以编辑该区域的设置。例如，可以对是否显示内容的默认设置进行更改，可以将参数与现有可选区域相关联，还可以修改模板表达式。
为模板区域创建模板参数并定义条件语句（If...else 语句）。可以使用简单的真/假操作，或定义更复杂的条件语句和表达式。
在“高级”选项卡中，可以将多个可选区域链接到一个已命名的参数。在基于模板的文档中，两个区域将作为一个整体显示或隐藏。例如，可以显示销售产品的“出清存货”图像和销售价格文本区域。
您还可以使用“高级”选项卡来编写一个求可选区域的值的模板表达式，然后根据求出值来显示或隐藏该可选区域。
在“文档”窗口中执行下列操作之一：
在“设计”视图中，单击要修改的可选区域的模板选项卡。
在“设计”视图中，将插入点放置在模板区域中；然后在“文档”窗口底部的标签选择器中选择模板标签
在“代码”视图中，单击想要修改的模板区域的注释标签。
在属性检查器（“窗口”>“属性”）中单击“编辑”。
在“基本”选项卡中，将参数的名称输入“名称”框中。
选中“默认显示”复选框可设置要在文档中显示的选定区域。取消选中该复选框可将默认值设置为 false。
注意:
要为参数设置其他值，请在“代码”视图中文档的文件头部分找到该参数，然后编辑参数的值。
（可选）单击“高级”选项卡，然后设置以下选项：
如果要链接可选区域参数，请单击“高级”选项卡，选择“使用参数”，然后从弹出菜单中选择要将所选内容链接到的现有参数。
如果要编写模板表达式来控制可选区域的显示，请单击“高级”选项卡，选择“输入表达式”，然后在框中输入表达式。
注意:
Dreamweaver 在您输入的文本两侧插入双引号。
单击“确定”。
当使用“可选区域”模板对象时，Dreamweaver 将在代码中插入模板注释。模板参数在 head 部分中定义，如以下示例所示：
在插入可选区域的位置，将出现类似于下列代码的代码：
可以在基于模板的文档中访问和编辑模板参数。
更多此类内容 修改模板属性 模板区域的类型 模板表达式