内容简介

随着各类网络技术的飞速发展，各种前端开发技术更是百花齐放、百家争鸣，如何设计开发出更加优秀的网页、如何更能提高用户的体验已经成为前端开发工程师的追求目标。HTML5+CSS3技术就是为了满足这样的目标而诞生的。 本套前端开发教材最大的特点就是以流行网站元素为项目实战。肖睿、于继武主编的《HTML5应用开发与实战》使用HTML5和CSS3进行网站设计开发，增加了游戏元素项目案例，并配以完善的学习资源和支持服务，包括视频教程、案例素材下载、学习交流社区、讨论组等终身学习内容，为学习者带来全方位的学习体验，更多技术支持请访问课工场www.kgc.cn。

作者介绍

北京大学教育学博士，课工场（kgc.cn）创始人，总经理。长期服务于中国IT职业教育领军企业北大青鸟Aptech，现任北大青鸟Aptech副总裁，职业教育研究院院长。 肖睿先生曾就读于吉林大学少年班，专攻人工智能专家系统方向，作为国内顶尖软件技术专家，早期曾领导北大方正核心软件产品研发，并受聘为北京大学软件学院特约讲师、北京创客总部创业导师、*****专业和课程评审专家、人力资源和社会保障部岗位标准评审专家。拥有20年IT职业教育产品管理和企业管理经验，是中国IT职业教育领军人物。

目 录

前言 课程设计说明 关于引用作品版权说明 第1章 HTML5结构 1什么是HTML5 2HTML5新增元素 2.1 HTML5结构元素 2.2 HTML5网页元素 2.3 HTML5废除的元素 2.4 HTML5全局属性 2.5 HTML5废除的属性 3CSS3高级选择器 本章总结 本章作业 第2章 HTML5表单 1HTML5表单在网页中的应用 2HTML5新增的input类型 2.1 新增的input类型 2.1.1 email类型的应用 2.1.2 url类型的应用 2.1.3 number类型的应用 2.1.4 range类型的应用 2.1.5 Datepickers类型的应用 2.2 浏览器对HTML5的支持 3HTML5新增的input属性 4自定义错误提示信息 4.1 validity属性 4.2 使用CSS设置验证样式 本章总结 本章作业 第3章 CSS3基础 1CSS3边框效果 1.1 border-radius 1.2 border-image 1.3 box-shadow 2CSS3文本效果 2.1 text-shadow 2.2 word-wrap 3CSS3背景 4CSS3字体 5设置CSS3透明度 本章总结 本章作业 第4章 CSS3高级特效 l2D转换 1.Itranslate()方法 1.2 rotate()方法 1.3 scale()方法 1.4 skew()方法 23D转换 2.1 3D转换的介绍 2.2 3D转换方法 2.2.1 3D位移 2.2.2 3D旋转 2.2.3 3D缩放 本章总结 本章作业 第5章 CSS3动画 1transition属性 2animation属性 2.1 创建动画 2.2 使用动画 2.3 动画实战演练 本章总结 本章作业 第6章 多媒体播放 l在网页中播放视频或音频 1.1 在网页中播放视频或音频 1.2 用canPlayType方法检测音频格式 支持情况 2打造个性的视频播放器 本章总结 本章作业 第7章 使用canvas绘制图形 lcanvas基础 1.1 在页面上添加canvas元素 1.2 使用canvas绘制简单的图形 1.2.1 绘制直线 1.2.2 绘制三角形 1.2.3 绘制多边形 1.2.4 绘制矩形 1.2.5 绘制圆形 1.2.6 清空画布 2绘制贝塞尔曲线 2.1 绘制二次方贝塞尔曲线 2.2 绘制三次方贝塞尔曲线 3坐标变换 3.1 坐标位移 3.2 图形缩放 3.3 图形旋转 本章总结 本章作业 第8章 canvas高级功能 1canvas高级功能 1.1 渐变 1.2 图形组合 1.3 创建阴影 1.4 绘制图像和文本 1.4.1 绘制图像 1.4.2 裁剪图像 1.4.3 画布状态的保存和恢复 1.4.4 createPanem方法 1.4.5 绘制文本 2绘制风景时钟 本章总结 本章作业