HTML 5应用开发活页式教程

本书使用HTML5+CSS3+JavaScript技术，采用校企合作方式编写，注重培养学生的Web前端开发能力。全书分为8个项目。项目1-6选用企业真实项目转化为遵循学生学习规律的递进式案例，案例中既有HTML+CSS的基础技能，更着重介绍HTML5的新标签、CSS3的新属性，包括浮动、定位、文本、背景、边框、表单、多列布局、动画、音视频等内容。这6个项目是Web前端的必要技能，也是必修内容，满足大多数院校的课程教学需要。在内容设计上，将知识点融入项目开发的各个子任务中，让学生边学、边操作、边提高，其中项目6是采用响应式布局的仿真项目。Web前端开发是教育部首批“1+X”职业技能等级证书之一，为使学生在提高操作技能的同时掌握必要的理论知识，本书附有职业技能客观测试题目。项目7～项目8是选修或拓展内容，供教师和学生按需选择；其中项目7是实战项目，由真实项目的开发者带着读者一起开发一个企业官网；项目8是游戏开发项目。

许燕：讲师，硕士。广东职业技术学院教师，主持省级以上课题5项，公开发表论文10篇、发表软件著作权4项。系主任，指导学生参加全国电商大赛获总决赛亚军（特等奖）；“挑战杯”广东大学生创业计划竞赛获银奖一项，铜奖一项；“挑战杯-彩虹人生”广东职业学校创新创效创业大赛获一等级奖二奖。“多迪杯”网页设计大赛、“蓝桥杯”程序设计大赛获得省级奖励多次。

学习任务一HTML 5应用初体验1/1 1.1需求分析1/2 1.2知识结构分析1/3 1.2.1HTML 5简介1/3 1.2.2HTML 5的应用场景1/3 1.2.3HTML 5文档结构1/5 1.3移动端页面布局1/11 1.3.1流式布局1/11 1.3.2视口1/13 1.4重点技术分析1/16 1.5重点知识梳理1/23 1.6HTML 5代码人生1/27 1.7影响时代的IT名人1/27 1.8任务评价1/28 学习任务二图文页面设计2/1 2.1设计分析2/1 2.2知识结构分析2/4 2.2.1HTML 5标签及CSS基础2/4 2.2.2CSS语法结构2/6 2.2.3CSS常用选择器2/7 2.2.4选择器的权重2/14 2.2.5CSS核心属性:文本类属性2/17 2.2.6CSS背景属性2/25 2.2.7CSS盒模型2/29 2.2.8网页布局属性的功能2/34 2.3重点技术分析2/37 2.4重点知识梳理2/57 2.5HTML 5代码人生2/60 2.6影响时代的IT名人2/60 2.7任务评价2/60 1/1/学习任务三CSS 3.0动画效果设计3/1 3.1设计分析3/1 3.2知识结构分析3/2 3.2.1CSS 3.0动画知识3/2 3.2.2使用CSS 3.0制作动画3/2 3.3重点技术分析3/19 3.4HTML 5代码人生3/29 3.5影响时代的IT名人3/30 3.6任务评价3/30 学习任务四Canvas应用4/1 4.1设计分析4/1 4.2知识结构分析4/5 4.2.1创建Canvas元素4/5 4.2.2绘制矩形4/6 4.2.3绘制圆形4/9 4.2.4绘制圆弧4/11 4.2.5绘制文本4/12 4.2.6绘制路径4/14 4.2.7绘制图像4/16 4.2.8裁剪图像4/19 4.2.9图形合成4/20 4.2.10图形变换4/21 4.2.11图形渐变4/23 4.3重点技术分析4/26 4.4HTML 5代码人生4/32 4.5影响时代的IT名人4/32 4.6任务评价4/33 学习任务五HTML 5表单应用5/34 5.1设计分析5/34 5.2知识结构分析5/3 5.2.1HTML 5表单概述5/3 5.2.2HTML 5表单的改良5/3 5.2.3HTML 5表单控件5/4 5.2.4HTML 5新增的input类型5/6 5.2.5HTML 5表单控件属性5/15 5.2.6HTML 5表单验证5/21 5.3重点技术分析5/22 5.4HTML 5代码人生5/29 5.5响时代的IT名人5/29 5.6任务评价5/29 学习任务六音频、视频的应用6/1 6.1设计分析6/2 6.2知识结构分析6/3 6.2.1多媒体概述6/3 6.2.2多媒体API的使用6/5 6.3重点技术分析6/8 6.4HTML 5代码人生6/13 6.5响时代的IT名人6/14 6.6任务评价6/14 学习任务七HTML 5游戏开发7/1 7.1设计分析7/1 7.2知识结构分析7/3 7.2.1JavaScript概述7/3 7.2.2JavaScript入门 7/3 7.3常用内置对象7/10 7.3.1JavaScript数组7/10 7.3.2定时器方法7/12 7.3.3日期对象的应用7/13 7.4重点技术分析7/16 参考文献7/22