《网页设计与制作教程》第五教学单元.pptVIP

第五教学单元 页面优化 教学目标与要求 　　通过本单元的学习，使学生了解页面优化的基本知识，培养学生网页优化的意识，学会优化的基本方法。 教学重点 本单元的重点是数据优化和页面易用性优化。 * 网页设计与制作教程|全国高职高专艺术设计专业教材 网页设计与制作教程|全国高职高专艺术设计专业教材 （一）数据优化 一、技术优化 　　文件格式的选择：Jpeg/Jpg、Gif、Png；Jpeg/Jpg格式压缩比的选择一般4~6即可；背景自动拼贴功能的利用，以一个单元自动拼贴形成；渐变线条，以一个像素宽度的线条拼贴为任意线宽；拉伸功能的应用对于单色图像、线条，可用1X1像素的图像来拉伸为任意大小的图像，不影响图像质量。 1.图像数据优化 网页设计与制作教程|全国高职高专艺术设计专业教材 2.动画数据的优化 Gif动画的优化：利用Gif动画制作软件的优化功能来优化数据。 Flash动画的优化：少用图片和视频，将图片矢量化用脚本编写动画。 3.声音和视频的优化 视频：压缩格式、分辨率、速度 声音：压缩格式、编码位数、采样频率 网页设计与制作教程|全国高职高专艺术设计专业教材 （二）代码优化 1.表格优化 少使用表格嵌套，纵向多表排版。 2.文字优化 使用Windows标准字体，使用CSS样式。 3.多余代码清除 利用网页制作软件功能清除多余代码。 网页设计与制作教程|全国高职高专艺术设计专业教材 利用Meta 标签添加关键词： meta http-equiv=“Content-Type” content=“text/html;charset=gb2312”name=“keyword” content=“四川美术学院,川美,美术,绘画,设计,艺术” （三）针对搜索引擎的优化 图像搜索关键词添加： img src=“/scfai/xyfj/images/img19.jpg” alt=“雕塑” width=“24” height=“509” 其中“雕塑”就是关键词。 网页设计与制作教程|全国高职高专艺术设计专业教材 　　导航结构影响交互性的优劣，宜采用扁平的结构，也就是导航结构的深度要浅，这样到网站的任何一个页面需要点击的鼠标次数就少，一般不要超过四次，过深的页面很难让浏览者看到。对于页面数较多的网站，提供导航地图是优化交互性的一个好办法。它为浏览者在“迷路”时提供了自救措施。“我在哪里”是浏览者很需要的信息，它体现了当前浏览页面所在的板块和栏目，所以在页面中表现当前位置信息很有必要。 二、效果优化 （一）交互性优化 网页设计与制作教程|全国高职高专艺术设计专业教材 1.浏览者的心理需求分析 2.表现方法与形式 （二）易用性优化 1.尊重习惯 2.提示明确 3.易于点击 4.不要欺骗 （三）表现性优化 网页设计与制作教程|全国高职高专艺术设计专业教材 1.测试人员选择 2.测试方案设计:问卷、观察、访谈 3.测试结果处理 三、效果优化方法 *