DIV+CSS网页制作实战第39次课(2课时)网页样式的兼容性设计.pptxVIP

课次 39 课时 2 教具 投影仪 项目 项目3 网页外观制作技术 任务 任务3.9 网页样式的兼容性设计 知识点 1. 常见浏览器及其特点（30分钟） 2. 网页样式的兼容性设计（60分钟） 重点 网页样式的兼容性设计 难点 网页样式的兼容性设计 备注 上机操作90分钟 / 18 1 / 18 2 知识技能目标 熟悉常见浏览器及其特点 掌握网页样式的兼容性设计方法 / 18 3 3.5.1 任务分析 由于不同的浏览器，比如IE6、IE8、IE9、Firefox、Chrome等，对CSS的解析识别不一样，因此会导致相同的样式代码而显示的页面效果不一样。本任务就是要解决这类样式代码的浏览器兼容问题，得到我们需要的在不同浏览器下显示外观完全一致的页面效果。 3.5.2 常见浏览器及其特点 常见浏览器及其logo图标如下表所示： / 18 4 1．IE浏览器 使用微软视窗操作系统的用户不可能没用过这款浏览器。 第一代IE浏览器IE1.0于1995年8月16日发布，当时它还不太起眼。 IE2.0于1995年11月份发布，它支持SSL、Internet Newsgroups，并且开启了同时支持Windows和苹果系统的时代。　　IE3.0于1996年8月发布，该版本首次使用了大家熟悉的蓝色e字母图标，支持CSS、ActiveX和Java程序，可以显示JPEG、GIF图片。　　IE4.0发布于1997年10月，首次捆绑到Windows系统，率先引入对DHTML的支持。　　IE5.0发布于1999年3月，支持AJAX，是最后一款16位IE浏览器，。　　IE6.0浏览器是大家熟悉的版本，它发布于2001年8月，与Windows XP堪称黄金搭档。随着时间的流逝和技术的发展，IE6缓慢的速度、对PNG图片透明特性支持的不足、不稳定性以及脆弱的安全性等缺陷不断受到用户的指责，不少Web开发者也经常抱怨IE6缺乏对Web标准的兼容。同时，微软也积极建议用户能尽快抛弃IE6浏览器，升级到更加安全高效的IE8或者IE9版本。　　IE7发布于2006年10月，这个版本在外观、选项卡浏览、高级打印、搜索、安全性等方面做了不少改进。 / 18 5 IE8浏览器于2009年3月发布，这个版本有非常多的新特性和安全功能，比如域名高亮、Inprivate浏览、Smartscreen筛选器等，可以有效帮助我们远离钓鱼网站和恶意软件从而避免误入险境。除了这些安全特性，IE8浏览器还有很多实用的功能，比如选项卡的隔离和恢复功能可以有效减少崩溃对流畅浏览网页的影响，加速器可以方便调用来自其他网站的各种服务如翻译、地图等等。IE8也是微软首款支持64位系统的IE版本。　　IE9浏览器发布于2011年3月，它不仅继承了IE8浏览器的各种丰富功能和安全特性，更添加了不少增强功能，同时配上Windows7系统的相关特性，更可谓珠联璧合完美搭配，为我们在互联网上畅快冲浪提供了更多安全保障和操控方便。　　IE10预览版首次与大家见面是在2011年4月，但一直到Windows8捆绑版才算是正式完成了IE10。与IE9相比，IE10在硬件加速、数据处理速度、网站页面打开速度上都有了提升，在页面处理和视觉处理功能上也进行了加强，还支持现有的各个网页标准。据微软称，IE10与IE9一样，也建立在硬件加速图形工具软件之上，而且IE10将继续支持HTML5和CSS3。IE10对于用户的隐私保护也进行了升级，能够通过简单的“禁止追踪”设置，来拒绝网站获得用户的Cookies信息，从而避免互联网领域愈演愈烈的隐私危机。 / 18 6 IE11于2013年11月07日随Windows 8.1发行，基于Windows7的版本于2013年11月08日发布。IE11支持多窗口浏览和无限标签页，即在IE11中不再进行限制标签页数量。由于浏览器会智能进行内存分配，“暂停”非活动页面标签，所以多标签同时打开并不会降低用户体验。而一旦用户切换标签，备份马上就能激活。 IE11的另一个改进是“收藏夹中心”，如果你想在IE10里管理收藏夹，你必须回到桌面模式。IE11允许用户编辑书签，而且每个书签都可以有自定义的图标，使用户一眼就能识别出特定书签。还有就是对WebGL（Web Graphics Library）的支持，因为WebGL可以为HTML5 Canvas提供硬件3D加速渲染，可以免去开发网页专用渲染插件的麻烦，甚至可以用来设计3D网页游戏等等。 / 18 7 Edge浏览器是内嵌在Windows10系统中的，其菜单更精简，之前一些关联不大的功能被逐渐清除。新功