课程介绍

本课程将指导大家学习搭建Apple.com的首页，并且改造成响应式页面的过程。这是结合了各种布局技巧，完整的编写响应式页面的综合性项目。

课程分为 五小节，每小节都有若干个步骤。一开始默认只能从第一小节开始学习，后面的小节会被 锁定，每学完一节的最后一个步骤可以 解锁后面一节，以此类推。

效果展示

右图为本教程的最终效果图

点击查看最终效果页面

在进入效果页面之后，调整浏览器窗口的宽度，可以看到内容响应了窗口宽度进行的变化。

学习须知

本课程建议学习者已掌握的技能水平为：
了解css大部分常用属性；
了解html标签结构与css样式的对应关系；
了解javascirpt的点击事件；

如果你的学习能力强，以上都可以忽略，自己边查文档边学就能搞定的。

学习过程中会有很多 布局技巧和提示信息，有些属性用法对于新手会觉得生僻，课程中会提供一篇很好理解的文章链接来学习理解，同时也希望学习者能够养成这种自己查资料文档自己解决问题的能力。

课程目的不仅仅是让学习者学会这些布局技巧和代码，更希望学习者能以自己的角度去思考这些代码，而且我建议学习者能够不依赖指引代码写出自己的风格！