网页设计与制作案例教程-电子教案第31单元

《网页设计与制作案例教程-电子教案第31单元》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第16章网站的测试、发布与维护一个网站制作完成后，在网站发布之前应进行严格的测试，以检查各个超级链接是否正确，网页脚本是否正确，文字、图像显示是否正常等。测试网站一般经过四个过程：测试网页、测试本地站点、用户测试、负载测试。课程引导知识技能目标（1）掌握网站测试的方法。（2）了解域名的设计与申请方法。（3）掌握网站的发布方法。（4）了解网站的维护与更新。16.1网站的测试16.2申请域名与申请空间16.3网站的发布16.4网站的宣传与推广16.5网站的维护与更新16.1　网站的测试利用Dreamweaver8提供的“链接检查器”方便地检查错

2、误链接。修改错误链接的方法是：在“链接检查器”选项卡中选中要修改链接的文件，单击按钮，然后选择正确的链接，单击【确定】按钮即可。也可以在文本框中直接输入正确的链接。16.1.1　测试网页1．检查链接检查目标浏览器的方法是：在Dreamweaver8主窗口中，单击菜单【文件】→【检查页】→【检查目标浏览器】。2．检查目标浏览器在Dreamweaver8主窗口中，单击菜单【文件】→【检查页】→【验证标记】。3．验证标记将多个网页制作人员制作的网页整合成一个完整的网站，同时对本地站点进行联合测试，其测试内容有：（1）检查链接（2）检查页面效果（3

3、）检查网页的容错性（4）检查兼容性16.1.2　测试本地站点以用户身份测试网站的功能。主要测试内容有：评价每个页面的风格、颜色搭配、页面布局、文字的字体、大小等方面与网站的整体风格是否统一、协调；页面布局是否合理；各种链接所放的位置是否合适；页面切换是否简便；对于当前访问位置是否明确等。16.1.3　用户测试安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。主要测试内容有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出、CPU资源占用是否不正常等。16.1.4　负载测试Dreamweaver8能够自动检测

4、网站内部的网页文件，生成关于文件信息、HTML代码信息的报告，以便网站设计者对网页文档进行修改。16.1.5　创建网站报告创建网站报告的操作步骤如下：在Dreamweaver8主窗口中，单击菜单【站点】→【报告】，弹出“报告”对话框。在“报告在”下拉列表框中选择生成站点报告的范围，可以是当前文档，整个当前本地站点、站点中的已选文件或文件夹。根据需要选择复选框，然后单击【运行】按钮，生成网站报告。16.2　申请域名与申请空间16.2.1申请域名要想拥有属于自己的网站，则必须拥有一个域名。域名是Internet上的名字，由若干英文字母和数字组成

5、，由“.”分隔成几部分。如果网站的页面设计已完成，网站的属性也已经设置好，接下来就是发布网站。如果本地计算机就是一个Web服务器，则可以将网站通过本地开设的Web服务器进行发布。但是对于大多数用户来说，在本地开设Web服务器，不仅成本较高，而且维护起来比较麻烦，所以大多数用户都是到网上寻找主页空间。16.2.2　申请空间目前，网络上提供的主页空间有两种形式：收费的主页空间和免费的主页空间。16.3　网站的发布16.3.1　上传文件完成了网站的制作、优化、测试之后，就可以发布到Internet上供他人浏览了。上传网页一般可以通过E-mail上

6、传和通过FTP上传。Dreamweaver8自带FTP上传功能，使用Dreamweaver8FTP功能必须先设置远程服务器。操作步骤如下：1．使用Dreamweaver上传文件（1）启动Dreamweaver8，打开“文件”面板，在本地站点浏览窗口选择上传的文件或文件夹，然后单击【上传文件】按钮，上传文件。（2）如果在上传之前如果没有设置过远程服务器，会弹出提示定义远程服务器的对话框。（3）单击【是】按钮，打开定义站点对话框，需要根据主页空间的类型选择合适的服务器类型，这里选择“FTP”。（4）选择“FTP”后，填写“FTP主机”地址，该地

7、址是由申请的主页空间提供的。（5）网站上传完成后，单击站点管理器上方的【展开以显示本地和远端站点】按钮，就可以看到站点文件已被上传到主机目录中了。先从网上下载GuteFtp软件，该软件安装与使用都非常方便，使用GuteFtp上传网页时，只需按照该软件提供的“向导”操作即可。2．使用CuteFTP上传文件获取文件之前同样要连接远端服务器，获取文件的操作如下：（1）在远端服务器浏览窗口中选择需要获取的文件或者文件夹。（2）单击【获取文件】按钮，文件即会被下载到本地站点中。16.3.2　获取文件16.4　网站的宣传与推广1．注册到搜索引擎2．广告

8、交换3．网络广告4．邮件列表5．友情链接16.5　网站的维护与更新1．使用设计备注16.5.1网站的维护添加设计备注的操作步骤如下：（1）在“文件”面板中选中要设置设计备注的文件