本书从网页设计基础内容入手，对学生必备的HTML5基础语法相关知识结合大量例题加以详尽讲解，同时在每章内容之后选择具有代表性的实训项目，使学生充分运用HTML5的基本知识，培养学生的程序设计思路、方法与技巧，使知识在潜移默化中得以内化，大大降低了学习难度。同时，为了激发学生的学习兴趣，书中所有实训项目均只提供运行结果以及相关制作视频，提高学生自主学习能力、独立思考能力和创新能力，充分挖掘其潜能。本书更加侧重于讲解网页设计基本技能，充分考虑教师教学所需内容，因此，在HTML5部分只涉及基础知识，同时加入CSS3以及JavaScript相关知识，对于HTML5更多的其他功能并不涉及，在学习过本教材内容作为基础之后，可自行研究其他更深内容。本书适合作为高职高专院校计算机、电子商务、多媒体、网络技术等相关专业的教材，也可作为信息技术培训机构的培训用书，还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

本书内容选取上遵循了“必要、适度、够用”的应用型人才教育原则 

HTML5是面向计算机相关专业的一门专业基础课程，具有很强的基础性和实践性。通过本课程学习，学生能够了解HTML5、CSS3以及JavaScript的相关概念及基础知识，并熟练掌握设计与实现网站前台的方法。学习本课程可为后续其他网站程序设计课程的学习打下必要的基础。几乎所有高职院校计算机相关专业均开设HTML5相关课程，本课程教学存在的普遍现象是：当学习HTML5的知识时感到并不难，但在应用这些知识来解决实际问题时却发现力不从心，学生不仅不能熟练运用所学知识设计页面，而且在考试时往往感到茫然而不知所措，也导致了实际教学效果与教学目标存在相当大的差距。如何培养学生的网页设计编程能力以及网页前台设计能力？HTML5中什么样的知识是必须具备的，什么样的知识是可以在未来需要时逐步补充的，什么样的知识又是完全可以忽略的？为了解决以上问题，本书从网页设计基础内容入手，对学生必备的HTML5基础语法相关知识结合大量例题加以详尽讲解，同时在每章内容之后选择具有代表性的实训项目，在实训过程中培养学生的程序设计思路、方法与技巧，使学生在潜移默化中将HTML5的基本知识得以内化，大大降低了学习难度。同时，为了激发学生的学习兴趣，书中所有实训项目均只提供运行结果以及相关制作视频，以提高学生的自主学习能力、独立思考能力和创新能力，充分挖掘其潜能。同时，本书更加侧重于讲解网页设计基本技能，并充分考虑教师教学所需内容，因此，在HTML5部分只涉及基础知识，同时加入CSS3以及JavaScript相关知识，对于HTML5更多的其他功能并不涉及，学生可自行研究。本书实例都是在Notepad++中编辑，使用谷歌浏览器调试的。本书编者均为长期从事HTML5程序设计课程教学的一线教师，非常了解初学者学习HTML5的难点，在多次制定教学大纲、编写讲义、辅导学生竞赛、编写相关实验指导书的过程中积累了丰富的教学经验。本书概念清晰、结构合理、内容严谨、讲解透彻、重点突出、示例典型、实用性强。教师可采取多种方式使用本书，在讲授时可以根据学生的背景知识及给定的学时数来进行内容的取舍。为方便教学，本书配有丰富的教学资源，包括：课件、授课计划、所有程序源代码素材等，如需索取请发送电子邮件到nmsunhuan@163.com，或从中国铁道出版社网站http://www.tdpress.com下载。本书由呼和浩特职业学院计算机信息学院孙欢老师和李宏霞老师担任主编并负责策划、编写和统稿，呼和浩特职业学院计算机信息学院青梅老师和李娜老师担任副主编，呼和浩特职业学院李亚嘉老师、陈俊义老师参与编写。其中，孙欢编写第1、2章以及附录；李宏霞编写第3、8章；青梅编写第6章；李娜编写第7章；李亚嘉编写第5章；陈俊义编写第4章。孙欢负责统稿，孙欢、李宏霞负责校对。另外，本书在编写和出版过程中得到了北京易第优教育有限公司的李剑华老师和高洛峰老师以及呼和浩特职业学院教务处相关老师的大力支持，本书在编写过程中还参阅并引用了一些文献的研究成果，在此一并表示衷心的感谢!由于编者学识水平有限，书中的疏漏和不足之处在所难免，恳请同行专家和读者不吝赐教，在将来修订本书时作为重要的参考，也便于编者提高水平。欢迎您将对本书的意见和建议发送给我们，我们的电子信箱是nmsunhuan@163.com。编者

孙欢，硕士，主要讲授：《VB程序设计》、《网络数据库SQL》、《HTML5》、《PHP+MySQL》、《智能终端设计开发》等。李宏霞，硕士，副教授，呼和浩特职业技术学院教师，研究方向为网页设计。?

◆入门篇◆ HTML5概述 21.1　HTML背景知识 21.1.1 什么是HTML 21.1.2 HTML的历史 31.2　HTML基本结构 41.2.1 HTML标签 51.2.2 head标签 51.2.3 body标签 61.2.4 HTML其他语法规则说明 61.2.5 HTML文档的运行流程 71.3　HTML5新特性 81.4　支持HTML5的浏览器 111.5　实训项目 12练习题 13 HTML基础 152.1　HTML基础标签 152.1.1 设置页面背景和颜色 152.1.2 设置文字相关样式 182.1.3 图像 212.1.4 超级链接 232.1.5 表格 262.1.6 框架 302.1.7 其他常用标签 352.1.8 HTML5新增标签 372.1.9 HTML5新的菜单设计 412.1.10 HTML5废弃的标签 412.2　HTML5表单处理 422.2.1 定义表单 432.2.2 input表单元素及其相关属性 432.2.3 组合框 462.2.4 文本区域 472.2.5 HTML5表单新特性之新的input类型 482.2.6 HTML5表单新特性之新的表单元素 502.2.7 HTML5表单新特性之新的表单属性 512.2.8 HTML5表单新特性之表单验证 522.3　实训项目 54练习题 57◆进 阶 篇◆ 层叠样式表CSS3 623.1　HTML和CSS 623.1.1 什么是CSS 623.1.2 在HTML文档中应用CSS 633.1.3 颜色与背景 663.1.4 设置文字 673.1.5 设置文本属性 683.1.6 超链接 743.1.7 列表 753.1.8 表格 773.1.9 CSS轮廓 803.1.10 浮动元素 813.2　CSS3新特性 833.2.1 实现圆角效果 833.2.2 多彩的边框颜色 863.2.3 阴影 873.2.4 背景图片 883.2.5 多列 913.2.6 嵌入字体 923.2.7 透明度 943.2.8 HSL和HSLA颜色表现方法 953.2.9 过渡属性 983.2.10 transform属性 993.3　实训项目 101练习题 105 JavaScript编程 1084.1　HTML和JavaScript 1084.1.1 在HTML中插入JavaScript代码 1084.1.2 使用.js文件 1094.2　JavaScript基本语法 1104.2.1 数据类型 1104.2.2 变量 1104.2.3 注释 1114.2.4 运算符 1124.3　JavaScript常用语句和函数 1154.3.1 条件分支语句 1164.3.2 循环语句 1204.3.3 创建自定义函数 1234.3.4 调用函数 1244.3.5 变量的作用域 1254.3.6 函数的返回值 1264.4　JavaScript面向对象程序设计 1264.4.1 面向对象程序设计思想简介 1274.4.2 JavaScript内置类 1274.4.3 HTML DOM 1354.4.4 Window对象 1364.4.5 Navigator对象 1414.4.6 Document对象 1424.5　JavaScript事件处理 1444.5.1 常用HTML事件 1444.5.2 Window对象的事件处理 1464.5.3 Event对象 1464.6　实训项目 147练习题 151◆提 高 篇◆ HTML5拖放 1545.1　概述 1545.1.1 什么是拖放 1545.1.2 设置元素为可拖放 1555.1.3 拖放事件 1565.2　dataTransfer对象 1575.2.1 dataTransfer对象的属性 1575.2.2 dataTransfer对象的方法 1585.3　实训项目 161练习题 163 HTML5文件处理 1646.1　文件上传页面 1646.1.1 选择文件的表单 1646.1.2 拖放实现文件上传 1666.2　文件处理接口 1686.2.1 检测浏览器是否支持HTML5 File API 1686.2.2 FileList接口 1696.2.3 FileReader接口 1726.3　实训项目 175练习题 178 HTML5音频和视频 1807.1　HTML5音频 1807.1.1 audio标签 1807.1.2 播放背景音乐 1837.1.3 设置替换音频源 1837.1.4 使用JavaScript语言访问audio对象 1847.2　HTML5视频 1887.2.1 video标签 1887.2.2 使用JavaScript语言访问video 1917.3　实训项目 194练习题 195 HTML5绘图 1968.1　使用Canvas API画图 1968.1.1 Canvas概述 1968.1.2 绘制图形 1988.1.3 描边和填充 2068.1.4 绘制图像和文字 2118.1.5 图形操作 2148.1.6 组合和阴影 2188.2　绘制可伸缩矢量图（SVG） 2218.2.1 SVG概述 2218.2.2 SVG绘图 2248.2.3 线条和填充 2318.2.4 文本与图片 2328.2.5 滤镜 2368.2.6 渐变颜色 2388.2.7 变换坐标系 2408.3　实训项目 242练习题 244 HTML5常用标签 245