本书聚焦HTML5、CSS3与JavaScript前端核心技术，基于Web标准系统讲解Web前端设计知识，涵盖HTML5概述、网页的色彩搭配、HTML5的文档结构、网页文本设计、使用CSS技术美化网页、文本样式的高级设置、网页超链接设计、用HTML5创建表格、网页表单设计、网页多媒体设计等HTML5核心功能，同时深入介绍CSS布局与使用JavaScript脚本语言实现网页。书中融入了丰富的企业真实案例，并附带详细解析，各知识点均设置配套实操训练，助力读者深化理论理解、提升实践应用能力。本书结构清晰、内容紧凑，既适合作为高职院校计算机专业Web前端课程的教材，也可供Web前端从业者及HTML5等前端技术爱好者学习参考。

罗保山，男，中共党员，现任武汉软件工程职业学院副校长，同时具有教授、高级工程师职称，专业方向为计算机软件。作为国家级职业教育教师教学创新团队立项建设单位负责人，他还担任中国计算机学会（CCF）职业发展委员会常务委员、湖北信息技术职业教育集团秘书长，并享受武汉市政府专项津贴，是武汉市教师学科带头人和武汉市新长征突击手。长期深耕软件技术、大数据技术应用与人工智能技术应用等领域，同时也关注职业教育理论研究。他主持市级以上课题11项，公开发表学术论文30余篇，主编教材13本、主审教材7本，展现出扎实的科研与教学积淀。在知识产权与成果转化方面，他获得国家实用新型专利4项、软件著作权10项，将技术研究与实际应用紧密结合。在教学成果方面，成绩突出。他先后获得湖北省高等学校教学成果一等奖2项、二等奖2项、三等奖1项，武汉市市属高校教学成果一等奖1项、二等奖2项，以及湖北省职业教育教学成果奖一等奖1项。此外，他注重以赛促学、以赛促教，指导学生参加技能竞赛和创新创业大赛，累计获得全国一等奖、省级一等奖等奖项20余项，在培养学生实践能力与创新精神方面成效显著。

模块1 HTML5概述 （1）
任务1.1 HTML简介 （1）
任务1.2 了解HTML5 （6）
任务1.3 搭建HTML5的开发环境 （9）
1.3.1 VS Code开发工具安装 （9）
1.3.2 Chrome浏览器安装 （11）
1.3.3 安装VS Code插件 （11）
任务1.4 HTML5文件的创建方法 （14）
1.4.1 使用记事本创建HTML5文件 （14）
1.4.2 使用VS Code创建HTML文件 （15）
1.4.3 实例：创建第一个HTML5网页文件 （18）
1.4.4 预览HTML5网页 （18）
模块实训 （21）
模块小结 （23）
模块练习 （23）
模块2 网页的色彩搭配 （24）
任务2.1 色彩基础知识 （25）
2.1.1 色彩属性解析 （25）
2.1.2 色彩的分类与特点 （26）
任务2.2 色彩搭配原则与技巧 （27）
2.2.1　对比色搭配 （27）
2.2.2　邻近色搭配 （28）
2.2.3　类似色搭配 （28）
任务2.3 色彩心理学在网页设计中的应用 （29）
2.3.1　色彩与情感的关系 （29）
2.3.2　色彩心理学在网页设计中的应用技巧 （29）
任务2.4 色彩搭配工具与资源的运用 （30）
2.4.1　常用色彩搭配工具 （30）
2.4.2　色彩搭配资源网站推荐 （32）
模块实训 （33）
模块小结 （34）
模块练习 （35）
模块3 HTML5的文档结构 （36）
任务3.1 Web标准 （36）
3.1.1　Web标准概述 （37）
3.1.2　Web标准规定的内容 （37）
任务3.2 HTML5文档的基本结构 （39）
3.2.1 文档类型声明 （39）
3.2.2　根标签＜html＞ （39）
3.2.3　头标签＜head＞ （39）
3.2.4 主体标签＜body＞ （40）
3.2.5　标题标签＜title＞ （40）
3.2.6　元信息标签＜meta＞ （40）
3.2.7　页面注释标记 （41）
任务3.3　综合实例—符合W3C标准的HTML5网页 （43）
3.3.1 HTML （44）
3.3.2　CSS （45）
3.3.3　JavaScript （45）
任务3.4 HTML5页面构成 （47）
3.4.1 HTML5页面主要组成部分 （47）
3.4.2 综合实例—HTML5页面构成 （48）
模块实训 （55）
模块小结 （56）
模块练习 （57）
模块4 网页文本设计 （58）
任务4.1　添加文本 （59）
4.1.1 普通文本 （59）
4.1.2 特殊字符文本 （59）
4.1.3 文本特殊样式 （60）
任务4.2 文本排版 （65）
4.2.1 段落标记 （65）
4.2.2 标题标签 （67）
4.2.3 ＜hr＞标签 （68）
4.2.4 ＜span＞标签 （69）
4.2.5 特殊信息文本 （70）
任务4.3 网页文字列表设计 （76）
4.3.1　建立无序列表 （76）
4.3.2　建立有序列表 （77）
4.3.3　建立自定义列表 （79）
模块实训 （81）
模块小结 （81）
模块练习 （82）
模块5 使用CSS技术美化网页 （83）
任务5.1 CSS简介 （83）
任务5.2 CSS基础选择器 （86）
5.2.1 认识选择器 （86）
5.2.2 标签选择器 （87）
5.2.3 类选择器 （87）
5.2.4 ID选择器 （87）
任务5.3 CSS复合选择器 （89）
5.3.1 认识复合选择器 （89）
5.3.2 交集选择器 （89）
5.3.3 并集选择器 （90）
5.3.4 后代选择器 （90）
5.3.5 子选择器 （92）
5.3.6 相邻选择器 （92）
5.3.7 伪类选择器 （93）
5.3.8 伪对象选择器 （93）
任务5.4 CSS设置背景 （96）
5.4.1 颜色值 （97）
5.4.2 背景颜色 （97）
5.4.3 背景图片 （98）
任务5.5 CSS3常用效果与技巧 （103）
5.5.1 阴影效果 （104）
5.5.2 2D与3D转换效果 （105）
模块实训 （110）
模块小结 （110）
模块练习 （110）
模块6 文本样式的高级设置 （112）
任务6.1　网页文本样式 （113）
6.1.1　字体 （113）
6.1.2　字号 （114）
6.1.3　字体风格 （114）
6.1.4　加粗字体 （115）
6.1.5　小写字母转为大写字母 （116）
6.1.6　字体复合属性 （117）
6.1.7　字体颜色 （118）
6.1.8　溢出文本 （120）
任务6.2 设置网页文本样式 （125）
6.2.1　单词间隔 （126）
6.2.2　字符间隔 （128）
6.2.3　文本装饰 （128）
6.2.4　垂直对齐方式 （130）
6.2.5　水平对齐方式 （131）
6.2.6　文本缩进 （134）
6.2.7　文本行高 （134）
6.2.8　处理空白 （135）
6.2.9 文本阴影text-shadow属性 （137）
6.2.10 文本自动换行word-wrap属性 （137）
模块实训 （141）
模块小结 （141）
模块练习 （141）
模块7 网页超链接设计 （142）
任务7.1 网页超链接的基本应用 （142）
7.1.1 文本和图片超链接的创建 （143）
7.1.2 下载链接创建与应用 （145）
7.1.3 设置链接目标打开窗口 （146）
任务7.2 网页超链接的高级应用 （152）
7.2.1　超文本链接到一个E-mail地址 （152）
7.2.2　页面内导航与定位的实现 （153）
7.2.3　创建热点区域 （155）
7.2.4　浮动框架 （157）
模块实训 （166）
模块小结 （166）
模块练习 （166）
模块8 用HTML5创建表格 （167）
任务8.1　创建基础表格 （167）
8.1.1 定义基础表格 （168）
8.1.2 设置表格的标题 （169）
任务8.2　表格属性 （172）
8.2.1 表格按行分组显示—＜thead＞元素、＜tfoot＞元素、＜tbody＞元素 （173）
8.2.2 表格按列分组显示—＜colgroup＞元素、＜col＞元素 （174）
8.2.3 单线表格、分离单元格 （175）
8.2.4 分离单元格 （177）
8.2.5 跨多行、多列的单元格 （178）
模块实训 （182）
模块小结 （182）
模块练习 （182）
模块9 网页表单设计 （183）
任务9.1　表单属性 （183）
9.1.1 表单的用途 （184）
9.1.2 表单的属性设置 （185）
任务9.2　基本元素的应用 （190）
9.2.1 ＜input＞表单控件 （190）
9.2.2 多行文本框 （196）
9.2.3 ＜label＞标签 （197）
9.2.4 下拉列表框 （198）
任务9.3 表单高级元素的使用 （201）
9.3.1 URL类型元素 （201）
9.3.2 email类型元素 （202）
9.3.3 number类型元素 （203）
9.3.4 range类型元素 （203）
9.3.5 search类型元素 （204）
9.3.6 color类型元素 （205）
9.3.7 日期和时间输入控件 （205）
9.3.8 ＜datalist＞元素 （206）
9.3.9 input表单控件新增属性 （208）
模块实训 （211）
模块小结 （211）
模块练习 （212）
模块10 网页多媒体设计 （213）
任务10.1　HTML5 ＜audio＞元素和＜video＞元素入门 （214）
10.1.1 视频容器 （214）
10.1.2 音频和视频编解码器 （215）
10.1.3 ＜audio＞元素和＜video＞元素的src属性及＜source＞元素 （216）
任务10.2　网页中音频文件的使用 （217）
10.2.1 添加自动播放的音频文件 （218）
10.2.2 添加循环播放的音频文件 （218）
10.2.3 添加预播放的音频文件 （219）
任务10.3　网页中视频文件的使用 （221）
10.3.1 添加视频文件 （221）
10.3.2 添加自动播放的视频文件 （223）
10.3.3 添加循环播放的视频文件 （224）
10.3.4 添加预播放的视频文件 （225）
10.3.5 设置视频文件的宽度和高度 （226）
10.3.6 设置视频文件的networkState属性 （227）
10.3.7 设置视频文件的readyState属性 （229）
10.3.8　多媒体元素常用方法和事件简述 （230）
模块实训 （235）
模块小结 （235）
模块练习 （236）
模块11 CSS布局 （237）
任务11.1 认识CSS布局 （238）
11.1.1 CSS盒子模型 （238）
11.1.2 元素的显示方式 （239）
11.1.3 CSS布局技术 （239）
任务11.2 JavaScript基础 （239）
11.2.1 float属性的常用取值 （240）
11.2.2 清除浮动 （242）
11.2.3 图文混排布局 （243）
11.2.4 两列布局 （244）
任务11.3 position定位 （247）
11.3.1 position属性的常用取值 （247）
11.3.2 z-index层级 （251）
11.3.3 居中 （252）
任务11.4 弹性盒子 （253）
11.4.1 基本概念 （254）
11.4.2 常用容器属性 （255）
11.4.3 常用项目属性 （258）
任务11.5 多列布局 （259）
模块练习 （262）
模块12 使用JavaScript脚本语言实现网页 （264）
任务12.1 认识JavaScript （265）
12.1.1 JavaScript发展概况 （265）
12.1.2 JavaScript的特性 （266）
12.1.3 JavaScript的应用场景 （266）
12.1.4 搭建JavaScript开发环境 （266）
12.1.5 引入JavaScript代码 （267）
12.1.6 常用的JavaScript输出语句 （268）
任务12.2 JavaScript语言基础 （268）
12.2.1 变量的声明和赋值 （268）
12.2.2 数据类型 （269）
12.2.3 表达式 （271）
12.2.4 运算符 （271）
任务12.3 JavaScript语句 （273）
12.3.1 选择语句 （273）
12.3.2 循环语句 （276）
12.3.3 跳转语句 （278）
任务12.4 JavaScript函数 （279）
12.4.1 函数的创建与调用 （280）
12.4.2 函数的参数 （281）
任务12.5 文档对象模型（DOM） （282）
12.5.1 认识DOM对象 （282）
12.5.2 获取DOM元素 （283）
12.5.3 创建DOM元素 （284）
12.5.4 修改DOM中的元素 （285）
12.5.5 处理DOM元素属性 （287）
任务12.6 事件处理 （290）
12.6.1 事件类型 （290）
12.6.2 事件处理程序 （290）
12.6.3 事件流 （292）
12.6.4 事件对象 （294）
12.6.5 事件委托 （294）
模块实训 （296）
模块小结 （296）
模块练习 （296）
模块13 网页开发综合案例 （298）
任务13.1 案例分析 （298）
13.1.1 页面展示 （299）
13.1.2 页面模块 （299）
任务13.2 搭建页面结构 （301）
13.2.1 创建项目 （301）
13.2.2 页面框架 （301）
任务13.3 页面顶部 （303）
13.3.1 静态效果实现 （303）
13.3.2 动态效果实现 （307）
任务13.4 页面主体 （309）
13.4.1 静态效果实现 （309）
13.4.2 动态效果实现 （318）
模块实训 （321）
模块小结 （321）