第10章 网站优化、测试与上传 （课件）-高二《网页设计与制作》同步教学（人民邮电版）

第10章 网站优化、测试与上传 10.1 网站优化 10.2 网站测试 技能目标 10.3 上传网站 技能目标 l . 掌握网站的优化与测试方法 2 . 学会上传网站 10.1 网站优化 网站优化主要是针对HTML源代码。在制作网页过程中，会产生很多无用代码、垃圾代码、甚至错误代码，为减少网页文档容量，提高网页运行效率，降低浏览网页时的出错率，在上传网站之前，首要的工作就是要对网站进行优化。 案例10-1 优化“动漫乐园”网站 【案例分析】网站优化首先要删除网站制作过程添加到站点中但又没用到的图片、动画与文档，以精简网站容量，然后清理网页中无用、错误的HTML代码，以减少网页中的错误与提高网页浏览效率。 10.1 网站优化 案例10-1 优化“动漫乐园”网站 【操作步骤】 （1）清理无用文件。 （2）整理HTML代码格式。 （3）优化文档。 10.1 网站优化 网站优化之后，就需要对网站的完整性、正确性进行总体测试，测试一般是在本地计算机上模拟服务器进行测试。 10.2 网站测试 对于不同类型的网站，测试的项目有所不同: 对普通的静态网页来说，主要测试页面设计、文字内容、图片、超级链接等； 对使用服务器数据库技术的动态网页来说，就要测试服务器的运行环境、网站程序的稳定性、数据库系统的可靠性、服务器与客户端的交互功能等项目。 本章主要针对静态网站页面测试。 10.2 网站测试 案例10-2测试“动漫乐园”网站 【案例分析】针对静态网站测试，应从网站内容、链接以及兼容性等方面进行检查和测试。 10.2 网站测试 案例10-2测试“动漫乐园”网站 【操作步骤】 （演示操作） 10.2 网站测试 网站开发完成，在经过优化和测试之后，就可以上传到Internet供用户浏览。当然在网页制作过程中，也可以先对完成的部分网页进行上传。 10.3 上传网站 网站上传到Internet的主要方式有两种： (1)是自主建站 对于自主建站需要自己建立专有服务器，并将其接入Internet，然后申请公有IP地址和域名，当网站完成之后，在专有服务器上创建Web服务器并发布网站。 （2）租赁空间 需要借助Internet上的其他服务器，现在Internet上很多服务器都提供了租赁服务，并根据提供服务的级别，需要支付相应的费用。 10.3 上传网站 案例10-3 通过Dreamweaver将网站上传到Internet 【案例分析】通过付费的的方式，在网上很容易申请到租赁空间，本案例使用的域名www.tyfdcc.com就是付费申请的。在本案例中，主要介绍如何通过Dreamweaver将网站上传到租赁空间。其上传过程是在Dreamweaver环境下进行的。 10.3 上传网站 案例10-3 通过Dreamweaver将网站上传到Internet 【操作步骤】 （演示操作） 10.3 上传网站 案例10-4 利用FTP工具上传网站到Internet 【案例分析】通过Dreamweaver上传网站虽然方便，但上传过程繁琐，且上传速度慢，对上传到租赁空间中的文件管理也不方便。在实际应用中，多使用FTP上传工具上传和管理文件。常用的FTP上传工具很多，如CuteFtp、FlashFXP等，本案例通过FlashFXP工具来学习上传网站。 10.3 上传网站 案例10-4 利用FTP工具上传网站到Internet 【操作步骤】 （演示操作） 10.3 上传网站 案例10-4 利用FTP工具上传网站到Internet 案例小结：本案例主要介绍了使用工具软件上传网站的方法，其过程简单，操作方便，上传时也不必要将整个站点全部上传，这在制作网站过程中，边做边上传以及网站更新时都非常方便。 10.3 上传网站 $