Web前端开发技术——HTML5、CSS3、JavaScript（第4版·题库·微课视频版）

本书紧扣互联网行业发展对Web前端开发工程师职业的新要求，结合多年来各高校教学的反馈意见和建议，在第3版的基础上新增12个大思政案例、8个小思政实验项目，优化5个综合案例，对相关标记语法和示范案例进行更新与补充。全书详细地介绍 HTML、CSS、DIV、HTML5 基础和 CSS3 应用、JavaScript、DOM与BOM、HTML5高级应用等内容。 本书内容结构合理、由浅入深，循序渐进地引导读者快速入门，并能提高初级及以上读者的实际应用水平，使其快速适应Web前端开发工程师职业的新需求。 本书可作为高等学校计算机科学与技术、软件工程、信息管理与信息系统、网络工程、物联网工程、信息科学技术、数字媒体技术、数据科学与大数据技术及其他文、理科相关专业或计算机公共基础的“网页开发与设计”“网站建设与网页制作”“Web客户端编程”“Web前端开发技术”“Web应用技术”等课程的教材，也可作为IT相关岗位的工程技术人员的参考书，还可作为初学者的自学参考书。

第1章Web前端开发技术综述

1．1Web概述

1．1．1Web的起源

1．1．2Web的特点

1．1．3Web的工作原理

1．1．4Web的相关概念

1．2Web前端开发工程师的职业需求

1．2．1Web前端开发的由来

1．2．2Web前端开发工程师的职业要求

1．3Web前端开发技术

1．3．1HTML

1．3．2CSS

1．3．3JavaScript

1．4Web前端开发工具

1．4．1Visual Studio Code

1．4．2HBuilder X

1．5浏览器工具

1.5.1Microsoft Edge

1．5．2Google Chrome

1．5．3Mozilla Firefox

1．5．4Safari

1．5．5Opera

〖2〗
〖2〗
1．6思政案例1——社会主义核心价值观

本章小结

练习1

实验1

第2章HTML基础

2．1HTML文档的结构

2．2头部head

2．2．1标题title标记

2．2．2元信息meta标记

2．3主体body

2．3．1body标记

2．3．2body标记的属性

2．4HTML基本语法

2．4．1标记的类型

2．4．2HTML属性

2．5注释

2．6HTML文档的编写规范

2．6．1HTML代码的书写规范

2．6．2HTML文档的命名规则

2．7HTML文档的类型

2．7．1!doctype标记

2．7．2HTML5的DTD定义

2．8思政案例2——传统美德故事： 铁杵磨成针

本章小结

练习2

实验2

第3章格式化文本与段落

3．1Web页面初步设计

3．1．1向Web页面中添加文字信息

3．1．2标题字标记

3．1．3添加空格与特殊符号

3．2格式化文本标记

3．2．1文本修饰标记

3．2．2字体标记

3．3段落与排版标记

3．3．1段落标记

3．3．2换行标记

3．3．3水平分隔线标记

3．3．4拼音/音标注释标记

3．3．5段落缩进标记

3．3．6预格式化标记

3．4思政案例3——公民基本道德规范

本章小结

练习3

实验3

第4章列表

4．1列表概述

4．2无序列表

4．3有序列表

4．4列表嵌套

4．5定义列表

4．6思政案例4——中国传统文化故事： 悬梁刺股

本章小结

练习4

实验4

第5章超链接与浮动框架

5．1超链接概述

5．2超链接的语法、路径及分类

5．2．1超链接的语法

5．2．2超链接的路径

5．2．3超链接的分类

5．3超链接的应用

5．3．1创建HTTP文档下载超链接

5．3．2创建FTP站点访问超链接

5．3．3创建图像超链接

5．3．4创建电子邮件超链接

5．3．5创建页面书签链接

5．4浮动框架

5．5思政案例5——公民基本道德规范诠释

本章小结

练习5

实验5

第6章图像与多媒体文件

6．1图像

6．1．1插入图像

6．1．2设置图像的替代文本

6．1．3设置图像的高度和宽度

6．1．4设置图像的边框

6．1．5设置图像的对齐方式

6．1．6设置图像的间距

6．1．7设置图像的热区链接

6．2滚动文字

6．2．1添加滚动文字

6．2．2设置滚动文字的背景颜色与滚动循环

6．2．3设置滚动方向与滚动方式

6．2．4设置滚动速度与滚动延迟

6．2．5设置滚动范围与滚动空白空间

6．3embed标记

6.4思政案例6——中国影响世界的十大杰出发明创造

本章小结

练习6

实验6

第7章CSS基础

7．1CSS概念

7．1．1CSS的基本概念

7．1．2传统HTML的缺点

7．1．3CSS的特点

7．1．4CSS的优势

7．1．5CSS的编辑方法

7．2使用CSS控制Web页面

7．2．1CSS基本语法

7．2．2CSS选择器类型

7．2．3CSS选择器声明

7．2．4CSS定义与引用

7．3CSS继承与层叠

7.4思政案例7——预防冠状病毒这样做

本章小结

练习7

实验7

第8章DIV与SPAN

8．1DIV图层

8．1．1DIV定义

8．1．2DIV应用

8．2图层嵌套与层叠

8．2．1DIV嵌套

8．2．2DIV层叠

8．3span标记

8．4思政案例8——经典励志成语故事选编

本章小结

练习8

实验8

第9章CSS样式属性

9．1CSS属性值中的单位

9．1．1绝对单位

9．1．2相对单位

9．2CSS字体样式

9．2．1字体大小fontsize属性

9．2．2字体样式fontstyle属性

9．2．3字体系列fontfamily属性

9．2．4字体变体fontvariant属性

9．2．5字体粗细fontweight属性

9．2．6字体font属性

9．3CSS文本样式

9．3．1字符间距、行距与首行缩进属性

9．3．2字符装饰、英文大小写转换属性

9．3．3水平对齐、垂直对齐属性

9．4CSS颜色与背景

9．4．1颜色color属性

9．4．2背景background属性

9．5CSS列表样式

9．6CSS盒模型

9．6．1CSS盒模型结构

9．6．2边界属性设置

9．6．3边框属性设置

9．6．4填充属性设置

9．7思政案例9——中华礼仪用语

本章小结

练习9

实验9

第10章DIV CSS页面布局

10．1页面布局设计

10．1．1“三行模式”和“三列模式”

10．1．2“三行二列模式”和“三行三列模式”

10．1．3多行多列复杂模式

10．2导航菜单设计

10．2．1对象的显示与隐藏

10．2．2一级水平导航菜单

10．2．3二级水平导航菜单

10．3思政案例10——中华传统文化典故

本章小结

练习10

实验10

第11章表格

11．1表格概述

11．2表格标记

11．3表格的属性设置

11．3．1表格属性

11．3．2表格的边框样式属性

11．3．3表格的单元格间距、单元格边距属性

11．3．4表格的水平对齐属性

11．4设置表格行的属性

11．5设置单元格的属性

11．6表格的嵌套

11．7思政案例11——社会主义核心价值观解读

本章小结

练习11

实验11

第12章表单

12．1表单概述

12．2定义域和域标题

12．3表单信息的输入

12．3．1单行文本输入框与密码框

12．3．2复选框与单选按钮

12．3．3图像按钮

12．3．4提交、重置及普通按钮

12．3．5文件选择框与隐藏框

12．4多行文本输入框

12．5下拉列表框

12．6综合案例1——通用会议注册表

本章小结

练习12

实验12

第13章HTML5基础与CSS3应用

13．1HTML5概述

13．2HTML5文档结构

13．2．1HTML5页面结构

13．2．2HTML5新增的结构元素

13．3HTML5新增的页面元素

13．3．1hgroup标记

13．3．2figure标记与figcaption标记

13．3．3mark标记与time标记

13．3．4details标记与summary标记

13．3．5progress标记与meter标记

13．3．6input标记与datalist标记

13．4HTML5表单

13．4．1HTML5新增的表单属性

13．4．2HTML5新增的表单元素

13．4．3HTML5新增的input类型

13．5HTML5视频与音频

13．5．1video标记及属性

13．5．2audio标记及属性

13．6CSS3基础应用

13．6．1CSS3新特性

13．6．2CSS3浏览器兼容性

13．6．3CSS3边框

13．6．4CSS3转换transform属性

13．6．5CSS3过渡transition属性

13．6．6CSS3动画animation属性

13．6．7CSS3多列属性

13．6．8CSS3文本效果

13．7思政案例12——卧薪尝胆

本章小结

练习13

实验13

第14章JavaScript基础

14．1JavaScript概述

14．1．1JavaScript简介

14．1．2第一个JavaScript程序

14．1．3JavaScript放置的位置

14．2JavaScript程序

14．2．1语句和语句块

14．2．2代码

14．2．3消息对话框

14．2．4JavaScript注释

14．3标识符和变量

14．3．1命名规范

14．3．2数据类型

14．3．3变量

14．3．4转义字符

14．4运算符和表达式

14．4．1算术运算符和表达式

14．4．2关系运算符和表达式

14．4．3逻辑运算符和表达式

14．4．4赋值运算符和表达式

14．4．5位运算符和表达式

14．4．6条件运算符和表达式

14．4．7其他运算符和表达式

14．5JavaScript程序控制结构

14．5．1顺序结构

14．5．2分支结构

14．5．3循环结构

14．6JavaScript函数

14．6．1常用系统函数

14．6．2自定义函数

14．6．3带参数返回的return语句

14．6．4函数变量的作用域

14．7综合案例2——手机批发业务产品选购

本章小结

练习14

实验14

第15章JavaScript事件分析

15．1JavaScript事件概述

15．1．1事件类型

15．1．2事件句柄

15．1．3事件处理

15．1．4事件处理程序的返回值

15．2表单事件

15．2．1获得焦点与失去焦点事件

15．2．2提交及重置事件

15．2．3改变及选择事件

15．3鼠标事件

15．3．1鼠标单击、双击事件

15．3．2鼠标移动事件

15．4键盘事件

15．5窗口事件

15．6综合案例3——用户注册信息的验证

本章小结

练习15

实验15

第16章DOM和BOM

16．1JavaScript常用对象

16．1．1Array对象

16．1．2Date对象

16．1．3Math对象

16．1．4Number对象

16．1．5String对象

16．1．6Boolean对象

16．2HTML DOM

16．2．1DOM简介

16．2．2DOM节点树

16．2．3DOM节点

16．2．4DOM节点访问

16．2．5DOM节点操作

16．3BOM

16．3．1window对象

16．3．2navigator对象

16．3．3screen对象

16．3．4history对象

16．3．5location对象

16．4综合案例4——福彩投注站的投注小程序

本章小结

练习16

实验16

第17章HTML5高级应用

17．1HTML5 Web Storage

17．1．1localStorage对象

17．1．2sessionStorage对象

17．1．3浏览器端数据库IndexedDB

17．2HTML5 Canvas画布

17．2．1canvas标记

17．2．2Canvas坐标

17．2．3Canvas路径

17．2．4用Canvas绘制线段

17．2．5用Canvas绘制文本

17．2．6Canvas渐变

17．2．7用Canvas绘制图像

17．3HTML5拖放

17．3．1设置元素为可拖放

17．3．2拖放事件

17．3．3dataTransfer对象

17．3．4拖放操作的实现步骤

17．4HTML5 Web Worker

17．4．1Web Worker的工作原理

17．4．2创建Web Worker文件

17．4．3创建Web Worker对象

17．4．4终止Web Worker

17．5综合案例5——简易图书管理系统

本章小结

练习17

实验17

参考文献

（1） 教学大纲。
（2） 一套完整的教学PPT。
（3） 电子教案。
（4） 一套完整的教学案例代码。
（5） 一套完整的教学与实验中所需的图片、文字、音/视频素材。
（6） 一套完整的练习与实验参考答案。

（7） 1000分钟的关键知识点微课视频讲解。
（8） 在线作业、单元测验及6套完整的考试试卷。
（9） 思政案例。

资源下载提示

课件等资源： 扫描封底的“课件下载”二维码，在公众号“书圈”下载。

在线作业： 扫描封底的作业系统二维码，登录网站在线做题及查看答案。

视频等资源： 扫描封底的文泉云盘防盗码，再扫描书中相应章节的二维码，可以在线学习。

第4版教材由储久良负责总体策划、撰写和审校。值此教材再版之际，再次对长期以来关心和支持教材改版工作的各位高校老师表示感谢！感谢福建师范大学张大平、四川旅游学院罗婉丽等教师对教材的再版工作提出了很多宝贵意见。
本书的修订与再版得到清华大学出版社相关人员的大力支持，在此表示衷心的感谢。在修订本书的过程中，作者参阅了大量的Web前端开发、JavaScript应用、HTML5和CSS3等方面的相关书籍以及主流网络媒体资源，在此对这些书籍与资源的贡献者表示感谢。
由于移动互联网技术发展迅速，加上作者水平有限，书中的错误在所难免，恳请各位专家和读者批评指正。
作者2023年1月

二维码获取资源清单

序号章节资 源 名 称
1第1章思政案例1第1章思政案例1思政素材.docx
2第2章思政案例2第2章思政案例2思政素材.docx
3第3章思政案例3第3章思政案例3思政素材.docx
4第4章思政案例4第4章思政案例4思政素材.docx
5第5章思政案例5第5章思政案例5思政素材.docx
6第6章思政案例6第6章思政案例6思政素材.docx
7第7章思政案例7第7章思政案例7思政素材.docx
8第8章思政案例8第8章思政案例8思政素材.docx
9第9章思政案例9第9章思政案例9思政素材.docx
10第10章思政案例10第10章思政案例10思政素材.docx
11第11章思政案例11第11章思政案例11思政素材.docx
12第13章思政案例12第13章思政案例13思政素材.docx
13附录A附录B附录A附录B模拟试卷.docx

本书是国家级实验教学示范中心联席会计算机学科组“十四五”规划教材 、首批江苏省优秀培育教材、清华大学出版社畅销图书，荣获中国大学出版社图书奖优秀教材奖、2021年中国计算机教育大会计算机类教学资源建设优秀课程配套资源。书中提供12个思政案例、5个综合实例和8个思政实验项目。本书配套资源丰富，包括教学大纲、教学课件、电子教案、程序源码、习题答案、期末试卷、在线作业和1000分钟的视频讲解。