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 如何处理站点，并了解为何在 Dreamweaver 中创建站点对您的工作流程至关重要。
在 Dreamweaver 中，术语“站点”指属于某个网站的文档的本地或远程存储位置。利用 Dreamweaver 站点，您可以组织和管理您的所有 Web 文档，将您的站点上传到 Web 服务器、跟踪和维护您的链接以及管理和共享文件。您应定义一个站点以充分利用 Dreamweaver 功能。
Adobe Dreamweaver 站点是包含您的网站中所有文件和资源的集合。您可以在计算机上创建网页，可将网页上传到 Web 服务器，并可随时在保存文件后传输更新的文件来对站点进行维护。您也可以编辑和维护不是使用 Dreamweaver 创建的网站。
为何要定义 Dreamweaver 站点？
您可以在 Dreamweaver 中工作而无需设置（或定义）站点。
但是，定义站点有很多好处：
它有助于防止断开的链接，如果您移动或重命名文件可在站点范围内自动更新文件。
它可帮助您执行站点范围的查找和替换操作，这极大地提高了工作效率。
它可以帮助您轻松发布站点，并在您的本地硬盘和 Web 服务器或中间服务器上的远程文件之间同步文件。
要充分利用 Dreamweaver 功能，请首先定义站点。有关定义站点的详细信息，请参阅设置站点的本地版本。
Dreamweaver 站点的组件
在 Dreamweaver 中，一个站点整理与您的网站关联的本地计算机上的所有文档，并可让您跟踪和维护链接、管理文件以及将站点文件传输到 Web 服务器。
Dreamweaver 站点包含多达三个部分或文件夹（具体取决于您的开发环境和您正在开发的网站的类型）：
本地文件夹：这是您的工作目录 - 通常为硬盘上的文件夹。Dreamweaver 将此文件夹称为“您的本地站点根目录”。此文件夹也可以位于网络服务器上。有关详细信息，请参阅设置站点的本地版本。
远程文件夹：您将文件存储在运行 Web 服务器的计算机上的这个位置。Web 服务器通常是（但并非总是）使您的站点在网上公开可用的计算机。
您完成创建或更新站点后，可以将站点发布到 Internet 上的远程服务器，同时保留本地副本以便根据需要更新文件。
有关详细信息，请参阅连接到发布服务器。
测试文件夹：这是 Dreamweaver 处理动态页的文件夹。如果您有动态表单、PHP 内容，可为您的站点设置测试文件夹。
有关详细信息，请参阅设置测试服务器。
注意:
要定义 Dreamweaver 站点，您只需要设置一个本地文件夹。若要向 Web 服务器传输文件或开发 Web 应用程序，还必须添加远程站点和测试服务器信息。
了解本地和远程文件夹的结构
当您要使用 Dreamweaver 连接到远程文件夹时，将在“站点设置”对话框的“服务器”类别中指定远程文件夹。指定的远程文件夹（也称为“主机目录”）应该对应于您的 Dreamweaver 站点的本地根文件夹。（本地根文件夹是您的 Dreamweaver 站点的顶级文件夹。）与本地文件夹一样，远程文件夹可以具有任何名称，但 Internet 服务提供商 (ISP) 通常会将各个用户帐户的顶级远程文件夹命名为 public_html、pub_html 或者与此类似的其他名称。如果您亲自管理自己的远程服务器，并且可以将远程文件夹命名为所需的任意名称，则最好使本地根文件夹与远程文件夹同名。
在下例中，左侧为一个本地根文件夹示例，右侧为一个远程文件夹示例。本地计算机上的本地根文件夹直接映射到 Web 服务器上的远程文件夹，而不是映射到远程文件夹的任何子文件夹或目录结构中位于远程文件夹之上的文件夹。
本地根文件夹（左侧）和远程文件夹（右侧）
本地根文件夹（左侧）和远程文件夹（右侧）
注意:
上例显示的是本地计算机上的一个本地根文件夹和远程 Web 服务器上的一个顶级远程文件夹。但是，如果您要在本地计算机上维护若干 Dreamweaver 站点，则需要在远程服务器上具有等量的远程文件夹。这时上例便不再适用，而应在 public_html 文件夹中创建不同的远程文件夹，然后将它们映射到本地计算机上各自对应的本地根文件夹。
当首次建立远程连接时，Web 服务器上的远程文件夹通常是空的。然后，当您使用 Dreamweaver 上传您的本地根文件夹中的所有文件时，将使用您的所有 Web 文件填充远程文件夹。远程文件夹应始终与本地根文件夹具有相同的目录结构。（也就是说，本地根文件夹中的文件和文件夹应始终与远程文件夹中的文件和文件夹一一对应。） 如果远程文件夹的结构与本地根文件夹的结构不匹配，Dreamweaver 会将文件上传到错误位置，这样一来站点访问者可能看不到上传的文件。此外，如果文件夹和文件结构不同步，图像和链接路径会很容易断开。
远程文件夹必须存在，Dreamweaver 才能连接到它。如果未在 Web 服务器上指定一个文件夹作为远程文件夹，则应创建一个远程文件夹或要求 ISP 的服务器管理员为您创建一个远程文件夹。