《项目14发布和维护网站讲述》由会员分享，可在线阅读，更多相关《项目14发布和维护网站讲述（28页珍藏版）》请在金锄头文库上搜索。
1、主讲： 网页设计与制作 Dreamweaver CS3 项目十四 发布和维护网站 任务一 发布网站 任务二 维护网站 项目十四： 发布和维护网站 网页设计与制作 Dreamweaver CS3 任务一 小 结 任务二 实 训 任务一 发布网站 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 任务一 小 结 任务二 实 训 本任务主要介绍配置IIS服务器和发布站点 的方法。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作一 配置Web服务器 任务一 小 结 任务二 实 训 1. 安装IIS服务器 本操作以Windows XP Prof
2、essional中的IIS为例 ，简要介绍配置Web服务器的方法。通过本操作的学习 ，应该掌握的内容主要有： 在【控制面版】中单击【添加或删除程序】选项，打开【添加 或删除程序】对话框，单击【添加/删除Windows组件（A） 】图标进入【Windows组件向导】对话框，勾选【Internet服 务器（IIS）】复选框，双击【Internet服务器（IIS）】选项， 打开【Internet信息服务（IIS）】对话框，勾选【文件传输协 议（FTP）服务】复选框。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作一 配置Web服务器 任务一 小 结 任务二 实 训
3、Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作一 配置Web服务器 任务一 小 结 任务二 实 训 2.配置Web服务器 在【控制面版】/【管理工具】中双击【Internet信息服务 】选项，打开【Internet信息服务】对话框。选中【默认网站 】选项，然后单击鼠标右键，在弹出的快弹菜单中选择【属性 】命令，打开【默认网站属性】对话框，选择【网站】选项卡 ，在【IP地址】栏选择或输入本机的IP地址。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作一 配置Web服务器 任务一 小 结 任务二 实 训 选择【主目录】选项卡，在【
4、本地路径】文本框中设置网 页所在的目录。选择【文档】选项卡，设置“默认文档名” ，如 “Index.htm”。 操作二 配置FTP服务器 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 任务一 小 结 任务二 实 训 配置FTP服务器的方法 本操作主要介绍配置FTP服务器的方法。通过本操 作的学习，应该掌握的内容主要有： 在【Internet信息服务】对话框中，选中【默认FTP站点 】选项，然后单击鼠标右键，在弹出的快弹菜单中选择【属性 】命令，打开【默认FTP站点属性】对话框，选择【FTP站点 】选项卡，在【IP地址】栏输入或选择IP地址。 Dreamweaver
5、 CS3 网页设计与制作 项目十四： 发布和维护网站 操作二 配置FTP服务器 任务一 小 结 任务二 实 训 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作二 配置FTP服务器 任务一 小 结 任务二 实 训 选择【安全账户】选项卡，在【操作员】列表中设置账户 （Windows XP系统中的IIS账户是默认的，在服务器操作系统 的IIS中是可以添加的）。选择【主目录】选项卡，在【本地路 径】文本框中输入FTP目录，如“E:MyHomePage”，然后在 【读取】、【写入】、【记录访问】选项前的复选框内打上 “”。 操作三 发布网页 Dreamweaver C
6、S3 网页设计与制作 项目十四： 发布和维护网站 任务一 小 结 任务二 实 训 1. 设置远程信息 本操作主要介绍发布网页的方法。通过本操作的学 习，应该掌握的内容主要有： 在站点管理器的【显示】下拉列表中选择要发布的站点， 然后单击 （站点文件）按钮，切换到远程站点状态。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作三 发布网页 任务一 小 结 任务二 实 训 单击【定义远程站点】超级链接，打开站点【远程信息】 定义对话框进行设置。连接成功后，就可以开始发布网页了。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作三 发布
7、网页 任务一 小 结 任务二 实 训 2. 发布网页 单击工具栏上的 （连接到远端主机）按钮，将会开始 连接远端主机，即登录FTP服务器。经过一段时间后， 按钮上 的指示灯变为绿色，表示登录成功了，并且变为 按钮（再 次单击该按钮就会断开与FTP服务器的连接）。由于是第1次 上传文件，远程文件列表中是空的。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作三 发布网页 任务一 小 结 任务二 实 训 在【本地文件】列表中，选择站点根目录，然后单击工具 栏中的 （上传文件）按钮,，开始上传文件。 任务二 维护网站 Dreamweaver CS3 网页设计与制作 项
8、目十四： 发布和维护网站 任务一 小 结 任务二 实 训 本任务主要介绍维护网站的基本知识，如 浏览器测试、链接测试、站点报告、清理 文档以及同步等。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作一 浏览器测试 任务一 小 结 任务二 实 训 浏览器测试 本操作主要介绍浏览器测试的方法。通过本操作的 学习，应该掌握的内容主要有： 浏览器测试是指网页在不同种类的浏览器及同种浏览器不 同版本中的显示效果测试。打开要测试的网页，然后选择【窗 口】/【结果】命令，打开【结果】面板，并切换到【浏览器兼 容性检查】选项卡。 Dreamweaver CS3 网页设计与制作
9、 项目十四： 发布和维护网站 操作一 浏览器测试 任务一 小 结 任务二 实 训 单击 （检查浏览器兼容性）按钮，在弹出的下拉菜单 中选择【设置】命令，打开【目标浏览器】对话框。在【目标 浏览器】对话框中，选择要测试的浏览器和版本，然后单击【 确定】 按钮完成检测浏览器的设置并开始检测，检测的结果会 显示在【结果】面板中。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作二 链接测试 任务一 小 结 任务二 实 训 链接测试 本操作主要介绍链接测试的方法。通过本操作的学 习，应该掌握的内容主要有： 发布网页前需要对网站中的超级链接进行测试。选择【窗 口】/【结果
10、】命令打开【结果】面板，选择【链接检查器】选 项卡。在【显示】选项的下拉列表中选择检查链接的类型，单 击 按钮，在弹出的下拉菜单中选择需要的选项。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作三 修改链接 任务一 小 结 任务二 实 训 修改链接 本操作主要介绍修改链接的方法。通过本操作的学 习，应该掌握的内容主要有： 选择【站点】/【改变站点范围的链接】命令，打开【更 改整个站点链接】对话框，分别设置【更改所有的链接】和【 变成新链接】选项。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作四 站点报告 任务一 小 结 任务
11、二 实 训 使用站点报告 本操作主要介绍使用站点报告的方法。通过本操作 的学习，应该掌握的内容主要有： 选择【窗口】/【结果】命令，并在【结果】面板中选择 【站点报告】选项卡，打开【站点报告】面板。 单击 按钮（第1个），打开【报告】对话框。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作四 使用站点报告 任务一 小 结 任务二 实 训 根据需要选择其中的选项，然后单击 （运行） 按钮，开 始制作报告，结果会出现在【结果】/【站点报告】面板中。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作四 使用站点报告 在面板中选择记录，
12、然后单击左侧第3个按钮来查看详细 的出错信息，单击第4个按钮将信息以文件形式保存。 双击列表中的文件名会打开该文档，而且在文档的代码窗 口中会将需要修改的标签加亮显示。 任务一 小 结 任务二 实 训 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作五 清理文档 任务一 小 结 任务二 实 训 清理文档 本操作主要介绍清理文档的方法。通过本操作的学 习，应该掌握的内容主要有： 选择【命令】/【清理HTML】命令，打开【清理 HTML/XHTML】对话框，在对话框中的【移除】选项组中勾 选【空标签区块】和【多余的嵌套标签】选项，或者在【指定 的标签】选项的文本框内
13、输入所要删除的标签。将【选项】选 项组中的【尽可能合并嵌套的标签】和【完成后显示记 录】选项勾选。 选择【命令】/【清理Word生成的HTML】命令，打开【清 理Word生成的HTML】对话框，并设置【基本】选项卡和【详细 】选项卡中的各项属性。清理完毕将显示结果消息框。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作五 清理文档 任务一 小 结 任务二 实 训 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作六 保持同步 任务一 小 结 任务二 实 训 1. 理解同步的概念 本操作主要介绍站点同步的方法。通过本操作的学 习，应
14、该掌握的内容主要有： 网页发布以后，还要经常更新。要经常比较本地文件和远 程服务器上的文件，修改过的文件、新增的文件要及时上传到 远程服务器。 使用同步功能可以将本地文件和远程服务器上的文件进行 比较，不管哪端的文件或者文件夹发生改变，同步功能都将这 种改变反映出来，以便决定是上传还是下载。 与FTP主机连接成功后，选择【站点】/【同步】命令，打开 【同步文件】对话框。在【同步】下拉列表中选择要更新的站点 ，在【方向】下拉列表中选择需要的选项，如“放置较新的文件到 远程”选项，单击 【预览】 按钮后，开始在本地计算机与服务器 端的文件之间进行比较，比较结束后，将在列表中罗列出需要上 传的文件名
15、称。单击 【确定】按钮，系统便自动更新远端服务器 中的文件。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 操作六 保持同步 任务一 小 结 任务二 实 训 2. 保持同步的方法 实训 配置服务器和发布站点 本项目着重介绍了服务器的配置、网站发布和维护的基本方法 ，实训将要求对服务器IIS进行简单配置，同时将本机上的文件 发布到服务器上。 【实训目的】 l进一步掌握IIS服务器的简单配置方法。 。 l进一步掌握通过FTP方式发布站点的方法。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 任务一 小 结 任务二 实 训 小结 本项目主要介绍了如何配置、发布和 维护站点，这些都是网页制作完成后的工 作，是不可缺少的一部分，也是网页设计 者必须了解的，希望读者能够多加练习。 Dreamweaver CS3 网页设计与制作 项目十四： 发布和维护网站 任务一 小 结 任务二 实 训
