《网页设计与制作》 教学课件 主讲人：湖南铁道职业技术学院陈承欢 HUNAN RAILWAY PROFESSIONAL TECHNOLOGY COLLEGE
Hunan Railway Professional Technology College 主讲人：湖南铁道职业技术学院 陈承欢 《网页设计与制作》 教学课件
教学单元31：网站的测试、发布与维护 、 课程引导 二、 明确知识技能目标 湖南城道营技御学院 三、展示网页浏览效果 主要教学环节 四、分析操作任务 五、知识讲解与操作示范 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 网页设计与制作
教学单元31：网站的测试、发布与维护 主 要 教 学 环 节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题
(一) 课程引导 湖南绒道 一个网站制作完成后，在网站发布之前应进行 严格的测试，以检查各个超级链接是否正确，网页 脚本是否正确，文字、图像显示是否正常等。测试 网站一般经过四个过程：测试网页、测试本地站点、 用户测试、负载测试。 网页设计与制作
（一）课程引导 一个网站制作完成后，在网站发布之前应进行 严格的测试，以检查各个超级链接是否正确，网页 脚本是否正确，文字、图像显示是否正常等。测试 网站一般经过四个过程：测试网页、测试本地站点、 用户测试、负载测试
(二) 明确知识技能目标 (1)掌握网站测试的方法： 湖南城道業政饰学院 (2)了解域名的设计与申请方法。 (3)掌握网站的发布方法。 (4)了解网站的维护与更新。 网页设计与制作
（二）明确知识技能目标 （1）掌握网站测试的方法。 （2）了解域名的设计与申请方法。 （3）掌握网站的发布方法。 （4）了解网站的维护与更新
(三) 展示网页浏览效果 湖南绒道顾营政御学院 1.预览网页 网页设计与制作
（三）展示网页浏览效果 1．预览网页
(四)分析操作任务 湖南绒道 16.1 网站的测试 16.1.1测试网页 1.检查链接 利用Dreamweaver8提供的“链接检查器”方便地检查错误 质 链接。 修改错误链接的方法是：在“链接检查器”选项卡中选中 要修改链接的文件，单击按钮，然后选择正确的链接，单 爽 击【确定】按钮即可。也可以在文本框中直接输入正确的链 接。 琴 2.检查目标浏览器 检查目标浏览器的方法是：在Dreamweaver8主窗口中，单 击白菜单【文件】→【检查页】→【检查目标浏览器】。 网页设计与制作
（四）分析操作任务 16.1 网站的测试 16.1.1 测试网页 1．检查链接 利用Dreamweaver 8提供的“链接检查器”方便地检查错误 链接。 修改错误链接的方法是：在“链接检查器”选项卡中选中 要修改链接的文件，单击 按钮，然后选择正确的链接，单 击【确定】按钮即可。也可以在文本框中直接输入正确的链 接。 2．检查目标浏览器 检查目标浏览器的方法是：在Dreamweaver 8主窗口中，单 击 菜单【文件】→【检查页】→【检查目标浏览器】
(五) 知识讲解与操作示范（1) 湖南鐵道 3.验证标记 在Dreamweaver8主窗口中，单击菜单【文件】→ 【检查页】→【验证标记】。 16.1.2测试本地站点 将多个网页制作人员制作的网页整合成一个完整的 网站，同时对本地站点进行联合测试，其测试内容有： (1)检查链接 (2)检查页面效果 御 (3)检查网页的容错性 (4)检查兼容性 魔 网页设计与制作
（五）知识讲解与操作示范（1） 3．验证标记 在Dreamweaver 8主窗口中，单击菜单【文件】→ 【检查页】→【验证标记】。 16.1.2 测试本地站点 将多个网页制作人员制作的网页整合成一个完整的 网站，同时对本地站点进行联合测试，其测试内容有： （1）检查链接 （2）检查页面效果 （3）检查网页的容错性 （4）检查兼容性
(五)知识讲解与操作示范（2) 16.1.3 用户测试 湖南绒道 以用户身份测试网站的功能。主要测试内容有：评价 每个页面的风格、颜色搭配、页面布局、文字的字体、大 小等方面与网站的整体风格是否统一、协调；页面布局是 否合理；各种链接所放的位置是否合适；页面切换是否简 便；对于当前访问位置是否明确等。 16.1.4负载测试 安排多个用户访问网站，让网站在高强度、长时间 御 的环境中进行测试。主要测试内容有：网站在多个用户 访问时访问速度是否正常；网站所在服务器是否会出现 魔 内存溢出、CPU资源占用是否不正常等。 网页设
（五）知识讲解与操作示范（2） 16.1.3 用户测试 以用户身份测试网站的功能。主要测试内容有：评价 每个页面的风格、颜色搭配、页面布局、文字的字体、大 小等方面与网站的整体风格是否统一、协调；页面布局是 否合理；各种链接所放的位置是否合适；页面切换是否简 便；对于当前访问位置是否明确等。 16.1.4 负载测试 安排多个用户访问网站，让网站在高强度、长时间 的环境中进行测试。主要测试内容有：网站在多个用户 访问时访问速度是否正常；网站所在服务器是否会出现 内存溢出、CPU资源占用是否不正常等
(五) 知识讲解与操作示范（3) 湖南线道 16.1.5 创建网站报告 Dreamweaver8能够自动检测网站内部的网页文件，生 成关于文件信息、HTML代码信息的报告，以便网站设计者 对网页文档进行修改。 创建网站报告的操作步骤如下： 盖 在Dreamweaver8主窗口中，单击菜单【站点】→【报 告】，弹出“报告”对话框。在“报告在”下拉列表框中 选择生成站点报告的范围，可以是当前文档，整个当前本 地站点、站点中的己选文件或文件夹。根据需要选择复选 琴 框，然后单击【运行】按钮，生成网站报告。 网页设计与制作
（五）知识讲解与操作示范（3） 16.1.5 创建网站报告 Dreamweaver 8能够自动检测网站内部的网页文件，生 成关于文件信息、HTML代码信息的报告，以便网站设计者 对网页文档进行修改。 创建网站报告的操作步骤如下： 在Dreamweaver 8主窗口中，单击菜单【站点】→【报 告】，弹出 “报告”对话框。在“报告在”下拉列表框中 选择生成站点报告的范围，可以是当前文档，整个当前本 地站点、站点中的已选文件或文件夹。根据需要选择复选 框，然后单击【运行】按钮，生成网站报告
(五) 知识讲解与操作示范（4) 16.2申请域名与申请空间 湖南鐵道 16.2.1申请域名 要想拥有属于自己的网站，则必须拥有一个域名。域 名是Internet上的名字，由若干英文字母和数字组成，由 “.”分隔成几部分。 16.2.2申请空间 蕙 如果网站的贡面设计已完成，网站的属性也已经设置 好，接下来就是发布网站。如果本地计算机就是一个Web 服务器，则可以将网站通过本地开设的Web服务器进行发 布。但是对于大多数用户来说，在本地开设Web服务器， 琴 不仅成本较高，而且维护起来比较麻烦，所以大多数用户 都是到网上寻找主页空间。 目前，网络上提供的主页空间有两种形式：收费的主 页空间和免费的主页空间。 网页设计与制作
（五）知识讲解与操作示范（4） 16.2 申请域名与申请空间 16.2.1 申请域名 要想拥有属于自己的网站，则必须拥有一个域名。域 名是Internet上的名字，由若干英文字母和数字组成，由 “.”分隔成几部分。 16.2.2 申请空间 如果网站的页面设计已完成，网站的属性也已经设置 好，接下来就是发布网站。如果本地计算机就是一个Web 服务器，则可以将网站通过本地开设的Web服务器进行发 布。但是对于大多数用户来说，在本地开设Web服务器， 不仅成本较高，而且维护起来比较麻烦，所以大多数用户 都是到网上寻找主页空间。 目前，网络上提供的主页空间有两种形式：收费的主 页空间和免费的主页空间