1、10.1第第 10章章 站点的发布与维护站点的发布与维护在线教务辅导网： http:/ 更多课程配套课件资源请访问在线教务辅导网10.2第第 10章章 站点的发布与维护站点的发布与维护学习目标v 能够进行站点的高级定义能够进行站点的高级定义v 能够设置站点地图布局能够设置站点地图布局 ,使用站点地图管理站点使用站点地图管理站点v 能够进行文件的上传与下载能够进行文件的上传与下载10.3第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理站点的管理10.2 文件的上传与下载文件的上传与下载本章内容10.4第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1
2、.1 定义站点定义站点 1.定义站点。定义站点。单击菜单单击菜单 “站点站点 ”“ 新建站点新建站点 ”命令，在打开的站点设置对象对话框中有命令，在打开的站点设置对象对话框中有 4个选项，在个选项，在 “站站点点 ”选项下，可以设置本地站点的名称和指定站点文件夹，如图所示。选项下，可以设置本地站点的名称和指定站点文件夹，如图所示。10.5第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.1 定义站点定义站点 2. 设置远程服务器设置远程服务器当本地站点制作完成、并进行测试成功后当本地站点制作完成、并进行测试成功后，就需要将站点上传的互联网上的远程站，就需要将站点上传
3、的互联网上的远程站点上。在上传前，需要对远程站点进行相点上。在上传前，需要对远程站点进行相应的设置。这就需要在站点设置对象对话应的设置。这就需要在站点设置对象对话框中选择框中选择 “服务器服务器 ”选项。选项。可以单击菜单可以单击菜单 “站点站点 ”“ 管理站点管理站点 ”命令，命令，在打开的在打开的 “管理站点管理站点 ”对话框中选择要编辑对话框中选择要编辑的站点，单击的站点，单击 “编辑编辑 ”按钮，如图所示。按钮，如图所示。10.6第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.1 定义站点定义站点 在接下来打开的站点设置对象对话框中选择第在接下来打开的站点
4、设置对象对话框中选择第 2个选项个选项 “服务器服务器 ”，单击页面左下角的加，单击页面左下角的加号，添加新服务器，如图所示。号，添加新服务器，如图所示。10.7第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.1 定义站点定义站点 对服务器的设置有对服务器的设置有 “基本基本 ”和和 “高级高级 ”两个部两个部分。分。 “基本基本 ”设置主要是对服务器的名称、设置主要是对服务器的名称、连接方法等进行设置。一般地，服务器默连接方法等进行设置。一般地，服务器默认的连接方法为认的连接方法为 FTP连接。其他的连接方连接。其他的连接方法还有法还有 SFTP、本地、本地 /
5、网络、网络、 WebDAV 和和RDS， 如图所如图所 示。如果需要进一步设置，示。如果需要进一步设置，可以展开可以展开 “更多选项更多选项 ”栏进行设置。在此选栏进行设置。在此选择择 FTP，服务器名称可以任意选取，在，服务器名称可以任意选取，在 FTP地址栏中输入申请空间的地址栏中输入申请空间的 IP地址或域名，地址或域名，再输入申请的用户名和密码，单击再输入申请的用户名和密码，单击 “测试测试 ”按钮，测试连接是否成功。若连接成功，按钮，测试连接是否成功。若连接成功，则出现提示对话框。则出现提示对话框。10.8第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.
6、1 定义站点定义站点 “高级高级 ”设置是对远程服务器和测试服务器的服务器模型进行设置，如图所示设置是对远程服务器和测试服务器的服务器模型进行设置，如图所示 。10.9第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.1 定义站点定义站点 3.版本控制设置版本控制设置第第 3个选项为个选项为 “版本控制版本控制 ”，用户可以设置使用，用户可以设置使用 Subversion获取和存回文件，如图所示。获取和存回文件，如图所示。10.10第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.1 定义站点定义站点 4.高级设置高级设置前面讲解的站点设
7、置是站点的基本设置，主要是针对初学者快速建立站点。高级设置前面讲解的站点设置是站点的基本设置，主要是针对初学者快速建立站点。高级设置可以对初步设置的站点进行进一步的细化设置。可以对初步设置的站点进行进一步的细化设置。这个选项包含这个选项包含 “本地信息本地信息 ”、 “遮盖遮盖 ”、 “设计备注设计备注 ”、 “文件视图列文件视图列 ”、 “Contribute”、 “模模板板 ”和和 “Spry”选项的设置。选项的设置。 “本地信息本地信息 ”选项如图所示。其余的几个选项可根据用户的需选项如图所示。其余的几个选项可根据用户的需要进行设置选定。要进行设置选定。10.11第第 10章章 站点的发
8、布与维护站点的发布与维护10.1 站点的管理10.1.2 管理站点管理站点 单击菜单单击菜单 “站点站点 ”“ 管理站点管理站点 ”命令，打开命令，打开 “管理站点管理站点 ”对话框，可以对站点进行新建、对话框，可以对站点进行新建、编辑、复制、删除、导入、导出等操作编辑、复制、删除、导入、导出等操作 。10.12第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.3 利用利用 “文件文件 ”面板管理文件面板管理文件 1. “文件文件 ”面板面板Dreamweaver CS5提供了全面的用于管理文件以及与远提供了全面的用于管理文件以及与远端服务器进行文件传输的功能。通过
9、文件面板，不仅可端服务器进行文件传输的功能。通过文件面板，不仅可以管理站点内的文件和文件夹，自动跟踪和维护链接，以管理站点内的文件和文件夹，自动跟踪和维护链接，还能够上传下载站点，功能非常强大。还能够上传下载站点，功能非常强大。单击菜单单击菜单 “窗口窗口 ”“ 文件文件 ”命令，可以打开命令，可以打开 “文件文件 ”面板。面板。当在当在 Dreamweaver CS5中定义好一个站点后，中定义好一个站点后， “文件文件 ”面面板中便列出了所定义的站点中包含的所有内容，如图所板中便列出了所定义的站点中包含的所有内容，如图所示。示。10.13第第 10章章 站点的发布与维护站点的发布与维护10.
10、1 站点的管理10.1.3 利用利用 “文件文件 ”面板管理文件面板管理文件 2.“文件文件 ”面板实现的功能面板实现的功能 （ 1）打开文件。在）打开文件。在 “文件文件 ”面板中双击文件图标，或右键单击该文件，在弹出菜单中选面板中双击文件图标，或右键单击该文件，在弹出菜单中选择择 “打开打开 ”命令。命令。（ 2）新建文件或文件夹。在）新建文件或文件夹。在 “文件文件 ”面板中右键单击空白处或单击面板右上角的面板中右键单击空白处或单击面板右上角的 按钮按钮，在弹出菜单中选择，在弹出菜单中选择 “新建文件新建文件 ”或或 “新建文件夹新建文件夹 ”命令命令 。同样，按照此操作方法，可以完成对
11、站点文件的复制、删除、重命名等操作同样，按照此操作方法，可以完成对站点文件的复制、删除、重命名等操作 。（ 3）切换站点。当定义了多个站点后，当要选择某个站点为当前站点时，可单击）切换站点。当定义了多个站点后，当要选择某个站点为当前站点时，可单击 “文文件件 ”面板第面板第 2行左侧站点选择列表进行选择。行左侧站点选择列表进行选择。（ 4）刷新站点文件列表。在）刷新站点文件列表。在 “文件文件 ”面板中单击刷新按钮面板中单击刷新按钮 ， 对站点列表进行刷新。本对站点列表进行刷新。本操作是为了刷新远程目录列表，以达到和远程目录同步的目的操作是为了刷新远程目录列表，以达到和远程目录同步的目的 。1
12、0.14第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.3 利用利用 “文件文件 ”面板管理文件面板管理文件 （ 5）检查单个）检查单个 /多个网页文件的链接或整个站点的链接。在多个网页文件的链接或整个站点的链接。在 “文件文件 ”面板面板 “本地视图本地视图 ”下下，选取需要检查链接的文件，单击右键，在弹出的快捷菜单中选择，选取需要检查链接的文件，单击右键，在弹出的快捷菜单中选择 “检查链接检查链接 ”“ 选择选择文件文件 /文件夹文件夹 ”，进行检测，结果会显示在，进行检测，结果会显示在 “结果结果 ”窗口中，如图所示。窗口中，如图所示。10.15第第 10章
13、章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.3 利用利用 “文件文件 ”面板管理文件面板管理文件 在在 “文件文件 ”面板中选择站点，单击右键，在弹出的快捷菜单中选择面板中选择站点，单击右键，在弹出的快捷菜单中选择 “检查链接检查链接 ”“ 整个本整个本地站点地站点 ”命令，则对整个站点进行链接检测。在命令，则对整个站点进行链接检测。在 “链接检查器链接检查器 ”面板中，从面板中，从 “显示显示 ”的下拉的下拉菜单中选择菜单中选择 “外部链接外部链接 ”或或 “孤立的文件孤立的文件 ”，可查看其它报告。若要保存报告，请单击，可查看其它报告。若要保存报告，请单击 “链链接检
14、查器接检查器 ”面板中的面板中的 “保存报告保存报告 ”按钮按钮 。10.16第第 10章章 站点的发布与维护站点的发布与维护10.1 站点的管理10.1.3 利用利用 “文件文件 ”面板管理文件面板管理文件 （ 6）上传和下载站点文件。）上传和下载站点文件。Dreamweaver中内置了中内置了 FTP功能，可以直接将本地站点内的文件传输到远程服务器上功能，可以直接将本地站点内的文件传输到远程服务器上（即上传），或从服务器上获取文件（即下载）。（即上传），或从服务器上获取文件（即下载）。在在 “文件文件 ”面板中的站点下拉列表中选择需要上传的站点，单击连接到远端主机按钮面板中的站点下拉列表中
15、选择需要上传的站点，单击连接到远端主机按钮 ，建立与远程服务器的连接，然后选中要上传的文件，单击上传按钮建立与远程服务器的连接，然后选中要上传的文件，单击上传按钮 ，当出现提示上传，当出现提示上传任何从属文件时单击任何从属文件时单击 “确定确定 ”按钮，即可上传文件。按钮，即可上传文件。下载文件和上传文件步骤相似，但需要注意的是，在使用文件的上传和下载功能之前下载文件和上传文件步骤相似，但需要注意的是，在使用文件的上传和下载功能之前，必须先定义远程服务器。，必须先定义远程服务器。10.17第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.1 案例制作：申请空间
16、网站空间是指远程服务器中的用于存放网页的硬盘空间。下面以在 【 数据中心 】 网站上申请免费网站空间为例，操作步骤如下：1）在浏览器地址栏中输入网址 http:/，进入 【 数据中心 】 主页。2）单击 “ 免费空间 ” 链接，在新页面中继续单击 “ 免费申请 ” 链接，进入 “ 阅读声明 ” 网页，在打开的网页中阅读服务条款。单击 “ 我同意 ” 按钮，进入 “ 填写信息 ” 网页。3）填写并检测用户名，选择空间类型，单击 “ 下一步 ” ，填写具体信息。 4）信息填写确认无误后，单击 “ 提交 ” 按钮，申请空间完成，系统返回信息。5)单击 “ 按此登陆 ” 链接，进入 “ 用户登陆 ”
17、页面。在此用户界面填入用户名，密码和验证码，单击 “ 登陆 ” 按钮，可以登陆 “ 空间管理 ” 页面，进行网站的空间管理。 10.18第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.1 案例制作：申请空间操作步骤：1）在浏览器地址栏中输入 “ ” 网址“ http:/:36/index.asp” ，进入 “ ” 主页，如图所示。10.19第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.1 案例制作：申请空间操作步骤：2）输入用户名、密码和验证码，单击 “ 注册 ” 按钮进行注册，如图所示。10.20第第 10章章 站点的
18、发布与维护站点的发布与维护10.2 文件的上传与下载10.2.1 案例制作：申请空间操作步骤：3）注册成功后，以注册的信息进行登录，如图所示。10.21第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.1 案例制作：申请空间操作步骤：4）单击 “ 点击获取免费空间 ” 按钮进行申请，申请成功后 如图所 示。10.22第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.2 新知解析1. 网站空间的获取获取网站空间的方法一般有以下几种 。（ 1）申请免费主页空间 前几年，互联网上有很多网站提供免费主页空间服务，现在国内提供免费主页空
19、间的网站越来越少。即使某些网站还在提供免费的主页空间，容量却有限，且附加众多条款，难一次申请成功 。10.23第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载（ 2）付费空间 为得到稳定的主页空间和较好的服务，越来越多的人购买付费空间。付费空间有以下几种形式 。1）主机托管。所谓主机托管，就是将自己购置的主机服务器，放置在网络服务机构的数据中心机房，从而享用高速网络带宽，并且每年支付一定数额的费用。这种方式费用较大，只有大型网站才采用这种方式。2）主机租用。指用户无需购买主机，只需根据自己业务需要，提出对硬件配置的要求。由网络服务机构提供主机服务器，并安装相应的系统软
20、件和应用软件已实现用户独享专用的主机服务器。3）虚拟主机。所谓虚拟主机，是使用特殊的软硬件技术，把一台运行在 Internet上的服务器主机分成一台台 “ 虚拟 ” 的主机，每一台虚拟的主机都具有独立的域名或 IP地址，具有完整的 Internet服务器（ WWW、 FTP、 Email等）功能。虚拟主机之间完全独立，并可由用户自行管理。在外界看来，每一台虚拟主机和一台独立的主机完全一样。目前大多数网站都采用这种方式建站。10.24第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载2. 域名申请虽然可以通过 IP地址来访问互联网上的主机，但要记住一长串数字是比较困难的。
21、因此互联网推出了域名服务。例如要访问中央电视台，用 访问要比 IP地址 202.108.249.206更方便， 便是域名。域名是一种 Internet用于解决地址对应问题的一种方法。域名的形式是以若干英文字母和数字组成，由 “.” 分隔成几个部分。目前国内域名注册统一由中国互联网络信息中心（ CNNIC）进行管理，具体注册工作通过 CNNIC论证授权的各代理商执行 。要申请一个与自己网站相符的域名，需向域名代理机构提出申请。一些提供免费主页空间的网站，在你申请免费网页空间时会免费提供一个域名 。10.25第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载3. 上传 /下
22、载文件拥有了自己的远程空间，我们就可以将所创建的网站上传到远程站点，也可以将所传的网站的文件下载下来进行更新。一般可以利用提供免费空间的站点的 “ 网站空间管理 ” 面板来完成，也可以利用 Dreamweaver提供的上传 /下载功能来完成。首先需要设置远程站点的相关信息，测试与服务器的连接是否成功，然后再利用 “文件 ” 面板的上传下载功能进行文件的传递。详情见实战演练部分的介绍。10.26第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载4. 网站同步用户创建了本地站点和远程站点后，就可以同步两个站点上的文件，从而保证了两个站点的文件的统一性。在同步站点之前，可以验
23、证要上传、获取、删除或忽略哪些文件。 Dreamweaver 将在完成同步后确认哪些文件进行了更新 。10.27第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.3 实战演练：上传下载网站通过本案例的操作，你将学会如何通过 “ 文件 ” 面板的功能按钮上传下载网站10.28第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.3 实战演练：上传下载网站操作步骤：（ 1）远程站点的设置。在 Dreamweaver CS5中，单击菜单 “ 站点 ”“ 管理站点 ”命令，在弹出的对话框中选择要上传的站点 footballstar, 单击
24、 “ 编辑 ” 按钮，进入站点设置对象对话框，单击 “ 服务器 ”选项，进行相应的设置，如图所示。单击“ 测试 ” 按钮，若测试成功的话，单击 “保存 ” 按钮就完成了远程服务器的设定，可以进行网页上传了。10.29第第 10章章 站点的发布与维护站点的发布与维护10.2 文件的上传与下载10.2.3 实战演练：上传下载网站操作步骤：（ 2）网页上传 回到 “ 文件 ” 面板，单击展开 /折叠按钮 展开 “ 文件 ” 面板。单击远程连接图标 就开始自动连接远程主机。如果连接成功， “ 文件 ” 面板将在左边栏目中列出远程站点的所有文件和文件夹。在 “ 文件 ” 面板中选择要上传的文件，单击 按钮，文件即可上传。当所有内容都放到远程空间后，浏览者就能通过浏览器访问你的网站了。在文件面板上单击 按钮，远程站点的文件即可下载到本地站点。10.30第第 10章章 站点的发布与维护站点的发布与维护
