任务概述

随着网络的快速发展，使用手机进行网页浏览，视频播放，信息交互成为了主流方式。通过让学生完成课前调研，了解当前移动设备正超过桌面设备，成为访问互联网的最广泛终端。互联网产品仅仅有一套适应大屏幕的页面已经不能满足移动浏览的需要，所以就需要为项目再设计一套移动端页面。希望学生紧跟时代潮流，与时俱进。但是移动端页面设计上最主要的问题是，不同移动设备之间的设备尺寸不同，本单元我们需要掌握如何使用页面自适应的相关知识，制作一套可以适应不同设备的页面。

学完本单元我们基本上已经学习完Web前端开发HTML5和CSS3的核心技术，能够完成“新云课堂”学习平台主要页面的搭建和美化工作。但是我们的学习不能止步，希望大家不断开拓创新，让“新云课堂”的功能不断完善。正如十六大报告中强调的：要“形成全民学习、终身学习的学习型社会，促进人的全面发展。” 终身学习能帮我们克服工作中的困难，解决工作中的新问题；能满足我们生存和发展的需要；能使我们得到更大的发展空间，更好地实现自身价值；能充实我们的精神生活，不断提高生活品质。

素质目标

培养学生探究能力、终身学习的能力。

培养学生的适应能力，与时俱进的意识。

知识目标

了解页面媒体查询的原理

掌握CSS3媒体查询

掌握CSS3的主要页面样式尺寸单位

技能目标

掌握使用媒体查询的方式进行PC端WEB网页改造为同时适应移动端与PC端的的响应式页面。