实战dreamweaver_cs5_网页制作教程 第2版 刘天真 第10章 站点的发布与维护新ppt课件

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