- 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 如何处理站点,并了解为何在 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 的服务器管理员为您创建一个远程文件夹。