《网页设计与制作案例教程-电子教案第31单元》由会员分享，可在线阅读，更多相关《网页设计与制作案例教程-电子教案第31单元（36页珍藏版）》请在装配图网上搜索。
1、第第1616章章 网站的测试、发布与维护网站的测试、发布与维护 一个网站制作完成后，在网站发布之前一个网站制作完成后，在网站发布之前应进行严格的测试，以检查各个超级链接是应进行严格的测试，以检查各个超级链接是否正确，网页脚本是否正确，文字、图像显否正确，网页脚本是否正确，文字、图像显示是否正常等。测试网站一般经过四个过程：示是否正常等。测试网站一般经过四个过程：测试网页、测试本地站点、用户测试、负载测试网页、测试本地站点、用户测试、负载测试。测试。l 课程引导课程引导l 知识技能目标知识技能目标 （1 1）掌握网站测试的方法。）掌握网站测试的方法。（2 2）了解域名的设计与申请方法。）了解域名
2、的设计与申请方法。（3 3）掌握网站的发布方法。）掌握网站的发布方法。（4 4）了解网站的维护与更新。）了解网站的维护与更新。16.116.1网站的测试网站的测试16.216.2申 请 域 名 与 申 请 空 间申 请 域 名 与 申 请 空 间16.316.3网站的发布网站的发布16.416.4网站的宣传与推广网站的宣传与推广16.516.5网站的维护与更新网站的维护与更新 利用利用Dreamweaver 8Dreamweaver 8提供的提供的“链接检查器链接检查器”方便地检查错误链接。方便地检查错误链接。修改错误链接的方法是：在修改错误链接的方法是：在“链接检查链接检查器器”选项卡中选中
3、要修改链接的文件，单击选项卡中选中要修改链接的文件，单击按钮，然后选择正确的链接，单击【确定】按钮，然后选择正确的链接，单击【确定】按钮即可。也可以在文本框中直接输入正确按钮即可。也可以在文本框中直接输入正确的链接。的链接。检查目标浏览器的方法是：在检查目标浏览器的方法是：在Dreamweaver 8Dreamweaver 8主窗口中，单击菜单【文件】主窗口中，单击菜单【文件】【检查页】【检查页】【检查目标浏览器】。【检查目标浏览器】。在在Dreamweaver 8Dreamweaver 8主窗口中，单击菜单主窗口中，单击菜单【文件】【文件】【检查页】【检查页】【验证标记】。【验证标记】。将多
4、个网页制作人员制作的网页整合成将多个网页制作人员制作的网页整合成一个完整的网站，同时对本地站点进行联合一个完整的网站，同时对本地站点进行联合测试，其测试内容有：测试，其测试内容有：（1 1）检查链接）检查链接 （2 2）检查页面效果）检查页面效果 （3 3）检查网页的容错性）检查网页的容错性 （4 4）检查兼容性）检查兼容性 以用户身份测试网站的功能。主要测试以用户身份测试网站的功能。主要测试内容有：评价每个页面的风格、颜色搭配、内容有：评价每个页面的风格、颜色搭配、页面布局、文字的字体、大小等方面与网站页面布局、文字的字体、大小等方面与网站的整体风格是否统一、协调；页面布局是否的整体风格是否
5、统一、协调；页面布局是否合理；各种链接所放的位置是否合适；页面合理；各种链接所放的位置是否合适；页面切换是否简便；对于当前访问位置是否明确切换是否简便；对于当前访问位置是否明确等。等。安排多个用户访问网站，让网站在高强安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。主要测试内度、长时间的环境中进行测试。主要测试内容有：网站在多个用户访问时访问速度是否容有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出、正常；网站所在服务器是否会出现内存溢出、CPUCPU资源占用是否不正常等。资源占用是否不正常等。Dreamweaver 8 Dreamweaver 8能够自
6、动检测网站内部的能够自动检测网站内部的网页文件，生成关于文件信息、网页文件，生成关于文件信息、HTMLHTML代码信代码信息的报告，以便网站设计者对网页文档进行息的报告，以便网站设计者对网页文档进行修改。修改。创建网站报告的操作步骤如下：创建网站报告的操作步骤如下：在在Dreamweaver 8Dreamweaver 8主窗口中，单击菜单主窗口中，单击菜单【站点】【站点】【报告】，弹出【报告】，弹出 “报告报告”对话框。对话框。在在“报告在报告在”下拉列表框中选择生成站点报告下拉列表框中选择生成站点报告的范围，可以是当前文档，整个当前本地站的范围，可以是当前文档，整个当前本地站点、站点中的已选
7、文件或文件夹。根据需要点、站点中的已选文件或文件夹。根据需要选择复选框，然后单击【运行】按钮，生成选择复选框，然后单击【运行】按钮，生成网站报告。网站报告。要想拥有属于自己的网站，则必须拥要想拥有属于自己的网站，则必须拥有一个域名。域名是有一个域名。域名是InternetInternet上的名字，由上的名字，由若干英文字母和数字组成，由若干英文字母和数字组成，由“.”分隔成几分隔成几部分。部分。如果网站的页面设计已完成，网站的属如果网站的页面设计已完成，网站的属性也已经设置好，接下来就是发布网站。如性也已经设置好，接下来就是发布网站。如果本地计算机就是一个果本地计算机就是一个WebWeb服务器
8、，则可以服务器，则可以将网站通过本地开设的将网站通过本地开设的WebWeb服务器进行发布。服务器进行发布。但是对于大多数用户来说，在本地开设但是对于大多数用户来说，在本地开设WebWeb服务器，不仅成本较高，而且维护起来比较服务器，不仅成本较高，而且维护起来比较麻烦，所以大多数用户都是到网上寻找主页麻烦，所以大多数用户都是到网上寻找主页空间。空间。目前，网络上提供的主页空间有两种形目前，网络上提供的主页空间有两种形式：式：收费的主页空间和免费的主页空间收费的主页空间和免费的主页空间。完成了网站的制作、优化、测试之后，完成了网站的制作、优化、测试之后，就可以发布到就可以发布到InternetIn
9、ternet上供他人浏览了。上上供他人浏览了。上传网页一般可以通过传网页一般可以通过E-mailE-mail上传和通过上传和通过FTPFTP上传。上传。Dreamweaver 8 Dreamweaver 8自带自带FTPFTP上传功能，使用上传功能，使用Dreamweaver 8FTPDreamweaver 8FTP功能必须先设置远程服务功能必须先设置远程服务器。操作步骤如下：器。操作步骤如下：（1 1）启动）启动Dreamweaver 8Dreamweaver 8，打开，打开“文件文件”面面板，在本地站点浏览窗口选择上传的文件或板，在本地站点浏览窗口选择上传的文件或文件夹，然后单击【上传文件
10、】按钮，上传文件夹，然后单击【上传文件】按钮，上传文件。文件。（2 2）如果在上传之前如果没有设置过远）如果在上传之前如果没有设置过远程服务器，会弹出提示定义远程服务器的对程服务器，会弹出提示定义远程服务器的对话框。话框。（3 3）单击【是】按钮，打开定义站点对）单击【是】按钮，打开定义站点对话框，需要根据主页空间的类型选择合适的话框，需要根据主页空间的类型选择合适的服务器类型，这里选择服务器类型，这里选择“FTPFTP”。（4 4）选择）选择“FTPFTP”后，填写后，填写“FTPFTP主机主机”地址，地址，该地址是由申请的主页空间提供的。该地址是由申请的主页空间提供的。（5 5）网站上传完
11、成后，单击站点管理器）网站上传完成后，单击站点管理器上方的【展开以显示本地和远端站点】按钮，上方的【展开以显示本地和远端站点】按钮，就可以看到站点文件已被上传到主机目录中就可以看到站点文件已被上传到主机目录中了。了。先从网上下载先从网上下载GuteFtpGuteFtp软件，该软件安装软件，该软件安装与使用都非常方便，使用与使用都非常方便，使用GuteFtpGuteFtp上传网页上传网页时，只需按照该软件提供的时，只需按照该软件提供的“向导向导”操作即可。操作即可。获取文件之前同样要连接远端服务器，获取文件之前同样要连接远端服务器，获取文件的操作如下：获取文件的操作如下：（1 1）在远端服务器浏
12、览窗口中选择需要）在远端服务器浏览窗口中选择需要获取的文件或者文件夹。获取的文件或者文件夹。（2 2）单击【获取文件】按钮，文件即会）单击【获取文件】按钮，文件即会被下载到本地站点中。被下载到本地站点中。添加设计备注的操作步骤如下：添加设计备注的操作步骤如下：（1 1）在）在“文件文件”面板中选中要设置设计备面板中选中要设置设计备注的文件，单击鼠标右键，然后弹出的快捷注的文件，单击鼠标右键，然后弹出的快捷菜单中单击菜单【设计备注】。菜单中单击菜单【设计备注】。（2 2）在弹出的）在弹出的“设计备注设计备注”对话框中，在对话框中，在“基本信息基本信息”选项卡中选择文件的状态、填写选项卡中选择文件
13、的状态、填写说明文字等。说明文字等。（3 3）切换到）切换到“所有信息所有信息”选项卡进行设计，选项卡进行设计，在在“名称名称”文本框中填写关键字，在文本框中填写关键字，在“值值”文本文本框中填写关键字对应的值，然后单击框中填写关键字对应的值，然后单击“+”按按钮，将设置的这对钮，将设置的这对“名称值名称值”添加到添加到“信息信息”窗格中。窗格中。（4 4）设置完成后，单击【确定】按钮，）设置完成后，单击【确定】按钮，将结果保存。将结果保存。默认情况下，网站的遮盖都处于激活状默认情况下，网站的遮盖都处于激活状态。关闭遮盖或激活网站遮的方法是：在站态。关闭遮盖或激活网站遮的方法是：在站点管理器下
14、，切换到要关闭遮盖或激活遮盖点管理器下，切换到要关闭遮盖或激活遮盖的网站，单击右键，在弹出的快捷菜单中单的网站，单击右键，在弹出的快捷菜单中单击菜单【遮盖】击菜单【遮盖】【启用遮盖】，如图【启用遮盖】，如图16-16-1919所示。所示。如果如果“启用遮盖启用遮盖”左侧出现了标识表示遮左侧出现了标识表示遮盖已被激活，否则表示已关闭遮盖。如果要盖已被激活，否则表示已关闭遮盖。如果要取消整个网站的遮盖，在如图取消整个网站的遮盖，在如图16-1916-19所示的所示的快捷菜单中单击菜单【全部取消遮盖】即可。快捷菜单中单击菜单【全部取消遮盖】即可。“取出文件取出文件”和和“存回文件存回文件”后，后，D
15、reamweaverDreamweaver会在被会在被“取出取出”的文件的同级目的文件的同级目录下产生一个录下产生一个“.lck.lck”文件，该文件是隐藏文文件，该文件是隐藏文件，用来记录件，用来记录“取出取出”信息，可将其删除。信息，可将其删除。取出文件方法很简单，在站点管理器的取出文件方法很简单，在站点管理器的“文件文件”面板中选中一个或多个文件，单击站面板中选中一个或多个文件，单击站点管理器上方的【取出文件】按钮，文件即点管理器上方的【取出文件】按钮，文件即被取出。被取出。存回文件的操作类似，先选择已经被取存回文件的操作类似，先选择已经被取出的文件，然后单击站点管理器上方的【存出的文件
16、，然后单击站点管理器上方的【存回文件】按钮即可。回文件】按钮即可。一个网站，只有不断更新才会有生命力，一个网站，只有不断更新才会有生命力，人们上网无非是要获取所需信息，只有不断人们上网无非是要获取所需信息，只有不断提供人们所需要的内容，才能有吸引力。网提供人们所需要的内容，才能有吸引力。网站应当经常有吸引人的、有价值的内容，让站应当经常有吸引人的、有价值的内容，让人能够经常访问。在网站栏目设置上，最好人能够经常访问。在网站栏目设置上，最好将一些可以定期更新栏目放在首页，使首页将一些可以定期更新栏目放在首页，使首页的更新频率更高些。的更新频率更高些。本章小结本章小结 一个网站开发完成后必须经过认
17、真的测一个网站开发完成后必须经过认真的测试才能发布，以免浏览网站出现一些错误。试才能发布，以免浏览网站出现一些错误。一个网站要发布在服务器上去，才能被他人一个网站要发布在服务器上去，才能被他人浏览。本章主要介绍了网站的测试、申请域浏览。本章主要介绍了网站的测试、申请域名和空间、网站的发布、网站的宣传与推广、名和空间、网站的发布、网站的宣传与推广、网站的维护与更新。网站的维护与更新。谢谢观看/欢迎下载BY FAITH I MEAN A VISION OF GOOD ONE CHERISHES AND THE ENTHUSIASM THAT PUSHES ONE TO SEEK ITS FULFILLMENT REGARDLESS OF OBSTACLES.BY FAITH I BY FAITH
网页设计与制作案例教程-电子教案第31单元
