序言

为什么出这本书

数年前，传智播客团队是一群默默工作在IT岗位的程序员；现如今，为了同一个梦想，我们聚集在一起，为“改变中国的IT教育”而全力以赴。为什么会有这样的梦想，是因为在我们实现各自梦想的路上，不断地听到这样的来自IT毕业生的心声。

“我们专业的课程太枯燥了，太多理论方面的课程，并且这些理论听起来都是很难理解的，同学们学完了都是一头雾水。”

“终于毕业了，学了四年的计算机课程，我们班上大部分同学都不知道能干什么，感觉好像什么都学了，但却什么都不会干！”

“实习单位根本就不让我们干活，最多只是让我们阅读代码、修改文档，说我们什么都不会，不敢让我们参与实际工作。想想自己辛苦学了四年连实习的要求都达不到，心里很不是滋味。”

“面试的时候，用人单位问能做什么，做过什么项目，我们回答不上来，面试过程中问到的很多问题，我们连听都没有听过。”

……

这些心声并不是个别毕业生所表达的，而是中国高等教育反映出的一种普遍现象。我们并非否定中国高校的IT教育，而是想在IT教育的路上尽一份自己的绵薄之力。由于我国正处在市场经济转型期，目前高校的IT教育与企业的真实需求存在一定程度的脱节，这也给高等教育提出了一项亟待解决的课题，如果高校的相关课程更新滞后，那么毕业生毕业即失业的困境和现象仍将存在。出现这样的困境，其中主要的一个原因在于教材知识更新的速度过于缓慢，导致学生所学的知识与现在的社会需求严重不符，无法及时地向学生传授企业需要的专业技能。面对目前高校IT教育所存在的问题，教育部颁布的《关于全面提高高等教育质量的若干意见》提出了大力提升人才培养水平、全面提高高等教育质量的目标。很庆幸，我们能有机会与高校共同参与其中，我们所做的事情就是配合高校完成教学改革的目标和任务。

传智播客作为一家专业的IT培训机构，一直将“改变中国的IT教育”作为自己的事业，并为此拼搏了10年。在这10年期间，传智播客默默耕耘，陆续出版了计算机书籍20多册、教学视频数十套、发表各类技术文章数百篇，直接培养的软件工程师就有10万多名，被传智播客公开的免费学习视频影响的在校学生更是多达数百万人。毫不夸张地说，传智播客已经为IT学子开辟了一条全新的求知之路。

10年的沉淀让传智播客拥有了系统完善的IT培训课程体系。如今，传智播客决定把这套精品课程内容全部公开，开发成符合高等教育实际教学的教科书并输送至高校，解决眼下高校计算机相关课程陈旧的问题。另外，面向高校计算机专业的老师，传智播客还将提供相应培训服务，让高校老师通过培训提高授课技能，从而将专业、实用的知识传授给学生。为了让广大师生在学习传智播客课程的同时能达到最好的效果，公司投入巨额资金，用于为高校师生提供以下配套学习资源与服务。

针对高校教师的服务：

1．传智播客基于近10年的教育培训经验，精心设计了“教材+教案+授课资源+考试系统+题库+教学辅助案例”的一站式IT就业应用课程包，方便教师进行教学，缩短教师的备课时间，减轻教师的教学压力，有效提高教学质量。

2．本书配套源代码，下载网址：http://book.boxuegu.com/html5。

3．本书配备了传智播客一线讲师录制的教学视频，按本书知识结构体系部署到了教学辅助平台博学谷（http://www.boxuegu.com）上，可以作为教学资源使用，也可以作为备课参考。

高校教师如需索要配套教学资源，请关注博学谷师资服务平台，扫描下方二维码关注微信公众平台索取。

针对高校学生的服务：

1．在使用本书学习过程中，遇到任何问题，请找问答精灵（http://ask.boxuegu.com），它是一个有问必答的IT社区，平台上的专业答疑辅导老师承诺工作时间3小时内答复您学习IT中遇到的专业问题。读者也可以通过扫描下面的二维码，关注问答精灵微信公众平台，浏览其他学习者在学习中分享的问题和收获。

2．学习太枯燥，想了解其他学校的伙伴都是怎么学习的？你可以加入泛IT学习社团联盟。“泛IT社团”是传智播客联合行业机构发起的公益计划，专门面向对IT有兴趣的大学生提供免费的学习资源和学习服务支持，已有超过20多万名学习者获益。在这里，你可以接触到五湖四海的学习IT的伙伴，大家在一起参加兴趣实践项目活动，在活动中相互切磋交流。想知道有哪些免费的资源和服务以及关于IT的有趣故事吗？联系我们（QQ号3074960441），一起来“玩”IT吧。

希望通过我们的努力，在不久的将来，高校能够真正培养出符合企业所需的实用型人才，IT学子们不再为就业而迷惘！

关于本书

作为一种技术的入门教程，最重要也最难的一件事情就是要将一些非常复杂、难以理解的思想和问题简单化，让读者能够轻松理解并快速掌握。本教材对每个知识点都进行了深入分析，并针对每个知识点精心设计了相关案例，然后模拟这些知识点在实际工作中的运用，真正做到了知识的由浅入深、由易到难。

本教材共分为10个章节，下面分别对每个章节进行简单的介绍。

第1章主要介绍HTML5的发展历程、优势、浏览器支持情况，HTML5语法，文本控制标记，图像标记，超链接标记等。通过本章的学习，读者需要了解HTML5文档的基本结构，熟练运用文本、图像及超链接标记。

第2章主要介绍HTML5页面元素及属性，包括列表元素、结构元素、分组元素、页面交互元素、文本层次语义元素、全局属性。通过本章的学习，读者能够加深对HMTL5页面元素的理解，为后面章节的学习打下基础。

第3章主要介绍CSS3的发展历史、浏览器支持情况，CSS样式规则、引入CSS样式表的方式、CSS基础选择器，文本样式属性，CSS高级特性等。通过本章的学习，读者需要充分理解CSS所实现的结构与表现的分离以及CSS样式的优先级规则，熟练使用CSS控制页面中的字体和文本外观样式。

第4章主要介绍CSS3选择器，包括属性选择器、关系选择器、结构化伪类选择器、伪元素选择器，另外还介绍了链接伪类。通过本章的学习，读者应该能够熟练使用各种选择器选择页面元素。

第5章主要介绍CSS盒子模型，包括盒子模型概述，盒子模型相关属性，背景属性，另外还介绍了CSS3渐变属性。通过本章的学习，读者需要熟悉盒子模型的构成，熟练运用盒子模型相关属性控制网页中的元素。

第6章主要介绍元素的浮动与定位，包括设置与清除浮动的方法，overflow属性，元素的几种定位模式，元素的类型与转换。通过本章的学习，读者应该能够熟练地运用浮动和定位进行网页布局，掌握清除浮动的几种常用方法，理解元素的类型与转换。

第7章主要介绍HTML5表单，包括表单的构成与创建，表单属性，input元素及属性，其他表单元素，CSS控制表单样式。通过本章的学习，读者需要掌握常用的表单控件及其相关属性，并能够熟练地运用表单组织页面元素。

第8章主要介绍HTML5多媒体技术，包括HTML5多媒体特性，多媒体的支持条件，嵌入音频和视频等。通过本章的学习，读者需要了解HTML5多媒体文件的特性，熟悉常用的多媒体格式，掌握在页面中嵌入音视频文件的方法。

第9章主要介绍CSS3高级应用，包括过渡、变形、动画。通过本章的学习，读者应该能够熟练地使用相关属性实现元素的过渡、平移、缩放、倾斜、旋转及动画等特效。

第10章为实战开发，结合前面学习的基础知识，带领读者开发一个电商网站首页面。读者可以按照教材中的思路和步骤动手操作，以更好地掌握网页设计与制作的流程和思路。

在上面所提到的10个章节中，第1～9章主要是针对HTML5与CSS3基础进行的讲解，每一章的最后一个小节均为本章的阶段案例，在学习这些章节时，初学者可以通过阶段案例加深对本章知识点的理解。第10章为实战开发，读者需要仔细体会其中的制作思路和技巧。

在学习本书时，首先要做到对知识点理解透彻，其次一定要亲自动手去练习教材中所提供的案例，因为在学习网页制作的过程中动手实践是非常重要的。对于一些非常难以理解的知识点也可以选择通过案例的练习来学习，如果实在无法理解教材中所讲解的知识，建议初学者不要纠结于某一个知识点，可以先往后学习。通常来讲，看了后面一两个小节的内容后再回来学习之前不懂的知识点一般就都能理解了。

致谢

本教材的编写和整理工作由传智播客教育科技有限公司高教产品研发部完成，主要参与人员有吕春林、张绍娟、王哲、李丽亚、乔婷婷、连蕊蕊、张鹏、李凤辉、赵艳秋、刘静、刘晓强、李晨、贺叶铭，全体人员在这近一年的编写过程中付出了很多辛勤的汗水。除此之外，还有传智播客600多名学员也参与到了教材的试读工作中，他们站在初学者的角度对教材提供了许多宝贵的修改意见，在此一并表示衷心的感谢。

意见反馈

尽管我们尽了最大的努力，但教材中难免会有不妥之处，欢迎各界专家和读者朋友们来信来函给予宝贵意见，我们将不胜感激。您在阅读本书时，如发现任何问题或有不认同之处可以通过电子邮件与我们取得联系。

请发送电子邮件至：itcast_book@vip.sina.com

传智播客教育科技有限公司 高教产品研发部

2015-12-18于北京