《Dreamweaver CS6 完全自学教程》笔记第四章：创建站点

最新推荐文章于 2024-03-10 16:23:13 发布

原创最新推荐文章于 2024-03-10 16:23:13 发布 · 4.1k 阅读

33 ·

CC 4.0 BY-SA版权

文章标签：

#dreamweaver

Dreamwaver学习专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了如何使用DreamweaverCS6创建和管理站点，包括站点规划、远程服务器设置、版本控制及站点的导出导入等关键步骤。适合初学者快速掌握网站制作的基础技能。

第四章：创建站点

4.1 站点的规划

4.1.1 文件分类保存

应先创建一个根文件夹，然后在其中创建多个子文件夹，例如网页文件夹、媒体文件夹、图像文件夹。站点中的一些特殊文件，如模板、库等最好存放在系统默认创建的文件夹中。

4.1.2 合理命名文件

文件夹和文件的名称最好要有具体的含义，尽量避免使用中文文件名。

4.1.3 本地站点与远程站点结构统一

将本地站点上的文件上传到服务器上时，可以保证本地站点是远程站点的完整拷贝。
网页中的链接通常是相对链接，如果站点结构不一致，就会造成相对链接无法链接到所需文件上。

4.2 认识站点面板

站点面板即 “文件” 面板，包含在 “文件” 面板组中。可点击窗口 -> 文件或快捷键 F8 将其打开。
在这里插入图片描述
参数介绍：

在该列表选择已建立的站点。
选择站点视图类型。
连接到远程服务器： 连接到远端站点或与远端站点断开连接。
刷新： 刷新目录列表。
从 “远程服务器” 获取文件： 将远程站点或测试服务器的文件复制到本地站点。
向 “远程服务器” 上传文件： 将文件从本地站点复制到远程站点或测试服务器。
取出文件： 将远端服务器中的文件下载到本地站点，此时该文件在服务器上的标记为取出。
存回文件： 将本地文件传输到远程服务器上，并且可供他人编辑，而本地文件为只读属性。
与 “远程服务器” 同步： 同步本地和远程文件夹之间的文件。
展开以显示本地和远端站点： 用于扩展 “文件” 面板为双视图。

实战：创建第一个站点

创建一个文件夹，并在文件夹内创建一个名为 images 的文件夹，用来存放网站中用到的图像。
启动 Dreamweaver CS6 ，新建站点，输入名字，选择对应路径。
没了，就是这么简单。

4.3 设置远程站点服务器

要在互联网上看到自己的网页，必须将本地站点上传到远程服务器上，所以需要建立远程站点。如果想要修改站点的内容，可以通过 Dreamweaver CS6 中的站点 FTP 设置更新远程服务器的文件。

4.3.1 设置服务器

点击站点 -> 新建站点菜单命令打开 “站点设置对象” ，点击 “服务器” 选项
在这里插入图片描述
点击加号按钮进行服务器的添加。Dreamweaver CS6 提供了 7 种连接远程服务器的方式。

FTP
- 服务器名称： 用户可自定义该名称。
- FTP 地址： FTP 地址是计算机系统的完整 Internet 名称。
- 端口： 端口 21 是接受 FTP 链接的默认端口。
- 用户名： 输入用于连接到 FTP 服务器的用户名。
- 测试： 完成 “FTP 地址” 、“用户名” 、“密码” 的设置后，可以测试与 FTP 服务器的连接情况。
- 根目录： 输入远程服务器上用于存储站点文件的目录。
- Web URL： 输入 Web 站点的 URL 地址。Dreamweaver CS6 使用 Web URL 创建站点根目录相对链接。
- 使用被动式 FTP： 主动式FTP是由客户端发起命令连接，再由服务器发起数据连接。在被动方式FTP中，命令连接和数据连接都由客户端发起，这样就可以解决从服务器到客户端的数据端口的入方向连接被防火墙过滤掉的问题。
- 使用 IPv6 传输模式： 如果使用的是启用 IPv6 的 FTP 服务器，可以选中该选项。
- 使用以下位置中定义的代理： 指定一个代理主机或代理端口。点击 “首选参数” 可以对代理主机进行设置。
- 使用 FTP 性能优化： 默认选中该选项。
- 使用其它的 FTP 移动方法： 如果需要使用其它 FTP 中移动文件的方法，可以勾选此项。

SFTP
安全文件传输协议。可以为传输文件提供一种安全的加密方法。

FTP over SSL/TLS（隐式加密）
SSL 协议位于 TCP / IP 协议与各种应用层协议之间，为数据通讯提供安全支持。TLS（安全传输层）协议用于在两个通信应用程序之间提供保密性和数据完整性。 FTP 通过 SSL / TLS 协议隐式加密的方式进行数据传输。若未收到安全性请求，则服务器终止连接。

FTP over SSL/TLS（显式加密）
FTP 将通过显示加密的方式进行数据传输。如果客户端未请求安全性，则服务器可拒绝 / 限制链接。

本地 / 网络
- 服务器名称： 用户可自定义该名称。
- 服务器文件夹： 选择储存站点文件的文件夹。
- WebURL： 输入 Web 站点的 URL 地址。Dreamweaver CS6 使用 Web URL 创建站点根目录相对链接。
  在连接到网络文件夹、本地计算机上储存文件或运行测试服务器时，可以选择该选项。

WebDAV
WebDAV 又称为 Web 分布式和版本控制协议，对于这种连接方法，必须有支持这些协议的服务器。

RDS
- 主机名： 输入安装 Web 服务器的主机名称，可能是 IP 或 URL。
- 端口： 默认为 80 。
- 完整的主机目录： 输入远程文件夹作为主机目录。
- 用户名 / 密码： 输入 RDS 用户名和密码。
  如果需要使用远程开发服务（RDS）连接到 Web 服务器，可以选择该选项。

高级选项

维护同步信息：自动同步本地站点和远程服务器上的文件。
启用文件取出功能：启用 “存回 / 取出” 功能，可以对 “取出名称” 和 “电子邮件地址” 选项进行设置。
服务器模型：如果使用的是测试服务器，则可以选择一种服务器模型。

4.3.2 设置版本控制

在 “站点设置对象” 对话框中点击 “版本控制” 选项。选择 Subversion ，Dreamweaver 可以连接到 Subversion（SVN）的服务器。Subversion 是一个开源的文件存储库，可以供用户与其他用户获取文件。在开始设置 Subversion 服务器的相关信息之前，用户必须获得对 Subversion 服务器和 Subversion 存储库的访问权限，详细信息可访问 Subversion 网站 http://subvertion.tigris.org/ 。

参数介绍

访问：默认为 “无”。
协议：若选择 SVN+SSH 协议，则要求计算机具备特殊的配置。
服务器地址：输入 Subversion 服务器的地址，通常为 ”服务器名称.域.com“。
存储库路径：输入 Subversion 服务器上的存储库路径。
服务器端口：默认为 80 。
用户名 / 密码：输入 Subversion 服务器的用户名和密码。
测试：测试与 Subversion 服务器的连接。

4.3.3 站点的高级设置

内容很多，不慌，一个一个看。
在这里插入图片描述
本地信息：

默认图像文件夹： 该功能的实用价值不大，因为对于较复杂的网站，图片往往不只存放在一个文件夹内。
站点范围媒体查询文件： 用于指定站点内所有包括该文件的页面的显示设置，充当站点内所有媒体查询的中央存储库。
链接相对于： 设置站点中链接的方式，默认情况下为 “文档” 相对链接。
区分大小写的链接检查： 此选项用于文件名区分大小写的 UNIX 系统。
启用缓存： 指定是否创建本地缓存，以提高链接和站点管理任务的速度。

遮盖：

启用遮盖： 默认为选中遮盖。遮盖可以在进行一些站点操作时排除被遮盖的文件。
遮盖具有以下扩展名的文件： 指定遮盖文件的类型。输入的文件类型不一定是文件扩展名，可以是任何形式的文件名结尾。

设计备注：

维护设计备注： 启用保存设计备注的功能。默认为选中。
清理设计备注： 删除过去保存的备注。只能删除设计备注文件（.mno 文件），不会删除 _notes 文件夹或 _notes 文件夹中的 dwsync.xml 文件。Dreamweaver 使用 dwsync.xml 文件保存有关站点的同步信息。
启用上传并共享设计备注： 在制作者上传或取出文件时，将设计备注上传到设置的远端服务器上。

文件视图列：

文件视图列： 用来设置站点管理器中文件浏览窗口所显示的内容。默认包括 6 个选项，“名称” 显示文件名；“备注” 用于显示设计备注；“大小” 用于显示文件大小；“类型” 用于显示文件类型；“修改” 用于显示修改时间；“取出者” 用于显示文件正在被谁打开或修改。
添加新列：
- 列名称：新列的项目名称。
- 与设计备注关联：是否和设计备注结合。这里要注意的是，新添加列主要显示的是设计备注的内容，所以一定要和设计备注结合。
- 对齐：选择列内容的对齐方式。
- 选项： “显示” 可以显示列项目。
删除列
编辑现有列
上移或下移列
启用共享列： 如果要共享列，设置备注和上传设计备注都必须启用。

Contribute：
Contribute 使得用户易于向 Contribute 网站发布内容，可以选择 “启用 Contribute 兼容性” 来提高与 Contribute 用户之间的工作效率。默认不勾选。
Contribute 是一个面向非专业人士的网站维护软件，与 Dreamweaver 并不冲突。

模板：
只有一个 “不改写文档相对路径” 选项，选中后在更新站点中的模板时，将不会改写文档的相对路径。

Spry：
用来设置 Spry 资源文件夹的位置。

当您在已保存的页面中插入 Spry Widget、数据集或效果时， Dreamweaver 会在您的站点中创建一个 SpryAssets 目录，并将相应的 JavaScript 和 CSS 文件保存到其中。如果您喜欢将 Spry 资源保存到其它位置，可以更改 Dreamweaver 保存这些资源的默认位置。————百度

Web 字体：
更改 Web 字体文件夹的位置。