网页设计站点的优化与发布 第10章-华东师范大学.ppt

网页设计与制作 第10章　测试、发布、网站的优化 10.1　IP地址和域名地址 10.2　站点的测试 10.2.1　检测无效链接 10.2.2　站点报告 10.2.3　浏览器兼容性的检查 10.3　站点的发布 10.3.1　远程站点的配置 10.3.2　上传和下载功能简介 10.4　站点的优化 教学目标 了解IP的相应的知识。 掌握站点的测试、上传的操作。 掌握站点的常用优化方法 10.1　IP地址和域名地址 IP地址由4个0~255的数字组成，各个数字之间用圆点隔开。 例如：07 域名地址由几个具有一定意义的英文单词组成,字母不区分大小写，除字母之外还可以使用阿拉伯数字、减号和下划线。 例如： 10.1　IP地址和域名地址 域名分级别，从右向左级别依次降低。 最右边为顶级域名，通常用3个字母代表网站类型，称为机构域。 用2个字母代表主机所在的国家，称为地理域，如表10-1和表10-2所示。 通常将没有国家代码的域名称为国际域名。 国际域名用域名的第二层代表机构名或公司名，如中的ibm。 对于有国家代码的域名，则用第三层代表机构名或公司名，如中的cctv。 10.2　站点的测试 10.2.1　检测无效链接 10.2.2　站点报告 10.2.3　浏览器兼容性的检查 测试的内容 （1）网页测试。 （2）程序及数据库测试。 （3）服务器稳定性、安全性。 说明： 利用Dreamweaver提供的【结果】面板，可以自动测试站点中的无效链接、得到站点测试报告、检查浏览器的兼容性等。 10.2.1　检测无效链接 在【结果】面板中的【链接检查器】选项卡中，单击【检查链接】按钮图标，在弹出的下拉菜单中选择【为整个站点检查链接】命令，这样Dreamweaver就会对站点中的所有链接进行自动测试，如图所示。 10.2.1　检测无效链接 测试的站点中的无效链接会在【结果】面板中的“断掉的链接”项目下列出断掉的链接、外部链接和孤立链接的详细信息。 单击【断掉的链接】下的某一个链接，然后单击文件夹图标，选择正确的链接文件并进行编辑，可修改无效链接，如图所示。 10.2.2　站点报告 可对当前文档、选定的文件或整个站点的工作流程或HTML属性（包括辅助功能）运行站点报告。 例如：以【整个当前本地站点】的【设计备注】测试为例，获得的运行报告如图所示。 10.2.3　浏览器兼容性的检查 在【结果】面板中，单击【目标浏览器检查】选项卡，单击【检查目标浏览器】按钮，在弹出的下拉菜单中单击【检查整个当前本地站点的目标浏览器】，将自动检查浏览器的兼容性，完成后在列表中显示详细信息，如图所示。 10.3　站点的发布 10.3.1　远程站点的配置 10.3.2　上传和下载功能简介 10.3.1　远程站点的配置 10.3.2　上传和下载功能简介 1．上传功能 2．下载功能 3．启用存回和取出 1．上传功能 在【文件】面板中，单击【连接到远端主机】按钮。连接成功后，选择要上传的文件，单击【上传文件】按钮，完成文件的上传。如图所示。 2．下载功能 在【文件】面板中，选择要下载的文件，单击【文件】面板上的【获取文件】按钮，或者单击鼠标右键，在弹出的快捷菜单中选择【获取】命令。 当选择整个站点作为获取对象时，会弹出一个对话框，询问是否下载整个站点；当选择包含相关文件作为获取对象时，将弹出一个对话框，询问是否下载相关文件。 3．启用存回和取出 在定义站点时，选择【启用存回和取出】项，那么在协作环境中工作时，就可以从本地和远程服务器中存回和取出文件，如图所示。 10.4 网站优化 图像资料的优化 网站源代码优化： 除去空白区域 优化前备份数据 除去注释 用短格式表示色，如#ff0000,用red 除去无用的标签 除word中的格式标记（复制引起） Css优化 10.4 网站优化 Css优化举例： p{ font-size:36px; font-family:黑体; line-height:48px; font-weight:bold; } p{ font:bold 36px/48px 黑体} 10.4 网站优化 搜索引擎的优化 默认语言编码: 规范主页标题 关键字优化 链接优化（未链接或断掉的链接查找）: 未链接或断掉的链接查找 本章小结 本章主要介绍了IP的相关知识，并对站点的测试方法、站点的发布，维护作了讲解，最后介绍了计数器和留言板在网页中的添加方法。这些都是网页制作中的重要技术，注意学会它。 课后作业 复习网页发布的相关知识及操作方法。 完成上机实训中没有做完的作业。 预习教师下次上投影课的内容。 * * * 教学重点与难点 重点： 网站的链接综合测试和网页的上传。 站点的常用优化 难点： 申请免费的网站空间。 CSS优化 本地站点 远端站点 链接到远端主