HTML5网页设计经典课堂（）

图书标准信息

• 作者 尚展垒、张冲 著
• 出版社 清华大学出版社
• 出版时间 2020-07
• 版次 1
• ISBN 9787302557401
• 定价 69.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 300页
• 字数 453千字
• 丛书 高等院校课程设计案例精编

【内容简介】

《HTML5网页设计经典课堂》以HTML 5为写作基础，以“理论知识＋实操案例”为创作导向，围绕Web前端展开讲解。书中的每个案例都给出了详细的实现代码，并对代码中的关键点和效果实现进行了描述。

 

《HTML5网页设计经典课堂》共12章，分别对HTML 5中文字和图片样式、列表的制作、网页表单的制作、多媒体设置、表格和链接的使用、新增元素的用法、新型表单的制作、地理位置的获取、在页面中绘图、离线储存和拖放进行了详细阐述。本书结构清晰，思路明确，内容丰富，语言简练，既有鲜明的基础性，也有很强的实用性。

 

《HTML5网页设计经典课堂》既可作为大中专院校及高等院校相关专业的教学用书，又可作为网页设计爱好者的学习用书。同时，也可作为社会各类网页设计及Web前端开发培训班的s选教材。

 

【作者简介】

尚展垒，副教授，任郑州轻工业学院计算中心主任，从教学工作多年，有丰富的实战经验。同时，还是全国高等院校计算机基础教育研究会理工专业委员会的教学研究委员会委员。曾参与编写过《HTML炼成记》一书。

【目录】

 

目 录

 

 

第1章 HTML入门必学

 

1.1 认识HTML /2

 

1.2 HTML5的优势 /2

 

1.2.1 强大的交互性 /3

 

1.2.2 使用HTML5的优势 /4

 

1.3 HTML5语法 /6

 

1.3.1 文档类型声明 /6

 

1.3.2 字符编码 /7

 

1.3.3 省略引号 /7

 

1.4 HTML5元素分类 /8

 

1.4.1 结构性元素 /8

 

1.4.2 级块性元素 /8

 

1.4.3 行内语义性元素 /9

 

1.4.4 交互性元素 /9

 

1.5 HTML5中新增的元素 /9

 

1.5.1 section元素 /9

 

1.5.2 article元素 /10

 

1.5.3 aside元素 /10

 

1.5.4 header元素 /11

 

1.5.5 fhgroup元素 /11

 

1.5.6 footer元素 /12

 

1.5.7 nav元素 /12

 

1.5.8 figure元素 /13

 

1.5.9 video元素 /13

 

1.5.10 audio元素 /14

 

1.5.11 embed元素 /14

 

1.5.12 mark元素 /14

 

1.5.13 progress元素 /15

 

1.5.14 meter元素 /15

 

1.5.15 time元素 /15

 

1.5.16 wbr元素 /15

 

1.5.17 canvas元素 /16

 

1.5.18 command元素 /16

 

1.5.19 datalist元素 /16

 

1.5.20 details元素 /16

 

1.5.21 datagrid元素 /17

 

1.5.22 keygen元素 /17

 

1.5.23 output元素 /17

 

1.5.24 source元素 /17

 

1.5.25 menu元素 /18

 

1.6 课堂练习 /18

 

强化训练 /19

 

第2章 文字和图片样式

 

2.1 网页中的文字和段落 /22

 

2.1.1 标题文字标签 /22

 

2.1.2 标题文字的对齐方式 /23

 

2.1.3 设置文字字体 /24

 

2.1.4 设置段落换行 /25

 

2.1.5 设置字体颜色 /26

 

2.1.6 设置上标和下标 /27

 

2.1.7 设置删除线 /28

 

2.1.8 不换行标签用法 /29

 

2.1.9 加粗标签的用法 /30

 

2.1.10 倾斜标签的用法 /31

 

2.2 网页中的图片样式 /32

 

2.2.1 图像格式 /33

 

2.2.2 添加图片 /33

 

2.2.3 设置图像大小 /34

 

2.2.4 设置图像边框 /35

 

2.2.5 图像的水平间距 /36

 

2.2.6 图像的垂直间距 /37

 

2.2.7 图像的提示文字 /39

 

2.2.8 图像的替换文字 /40

 

2.2.9 图片相对于文字的对齐方式 /41

 

2.2.10 为图片添加超链接 /41

 

2.3 课堂练习 /42

 

强化训练 /44

 

第3章 HTML中列表的样式

 

3.1 使用无序列表 /48

 

3.1.1 ul标签 /48

 

3.1.2 type无序列表类型 /49

 

3.2 使用有序列表 /51

 

3.2.1 ol标签 /51

 

3.2.2 type有序列表类型 /52

 

3.2.3 start有序列表的起始值 /54

 

3.2.4 dl定义列表标签 /56

 

3.2.5 menu菜单列表 /60

 

3.2.6 color设置列表文字颜色 /61

 

3.3 列表的嵌套 /61

 

3.3.1 定义列表的嵌套 /62

 

3.3.2 无序列表和有序列表的嵌套 /63

 

3.3.3 有序列表之间的嵌套 /65

 

3.4 课堂练习 /66

 

强化训练 /68

 

第4章 制作网页中的表单

 

4.1 表单的基本标签 /72

 

4.1.1 

标签 /72

 

4.1.2 标签 /73

 

4.1.3 标签 /74

 

4.1.4 标签 /75

 

4.2 表单的基本属性 /76

 

4.2.1 action属性 /76

 

4.2.2 name属性 /77

 

4.2.3 method属性 /78

 

4.2.4 enctype属性 /79

 

4.2.5 target属性 /79

 

4.3 插入表单对象 /80

 

4.3.1 文本域 /80

 

4.3.2 密码域 /81

 

4.3.3 普通按钮 /82

 

4.3.4 单选按钮 /84

 

4.3.5 复选框 /84

 

4.3.6 提交按钮 /85

 

4.3.7 重置按钮 /86

 

4.3.8 图像按钮 /87

 

4.3.9 隐藏域 /88

 

4.3.10 文件域 /90

 

4.3.11 菜单和列表 /90

 

4.4 课堂练习 /92

 

强化训练 /94

 

第5章 网页多媒体的设置

 

5.1 插入多媒体 /98

 

5.1.1 插入音频和视频 /98

 

5.1.2 插入flash动画 /99

 

5.2 设置滚动效果 /99

 

5.2.1 设置滚动速度 /100

 

5.2.2 设置滚动方向 /101

 

5.2.3 设置滚动延迟 /102

 

5.2.4 设置滚动方式 /103

 

5.2.5 设置滚动的背景颜色 /104

 

5.2.6 设置滚动范围 /105

 

5.2.7 设置空白空间 /106

 

5.3 设置背景音乐 /107

 

5.3.1 插入背景音乐 /107

 

5.3.2 设置循环播放次数 /109

 

5.4 课堂练习 /110

 

强化训练 /111

 

第6章 使用表格和链接

 

6.1 创建表格 /114

 

6.1.1 表格的构成 /114

 

6.1.2 表格的标题 /115

 

6.1.3 表格的表头 /116

 

6.2 设置表格属性 /118

 

6.2.1 表格的宽度 /118

 

6.2.2 表格的高度 /120

 

6.2.3 表格的对齐方式 /122

 

6.3 设置表格边框属性 /123

 

6.3.1 表格的边框 /123

 

6.3.2 内框的宽度 /125

 

6.3.3 文字与边框间距 /126

 

6.4 设置表格背景 /128

 

6.4.1 表格背景颜色 /128

 

6.4.2 行的背景颜色 /130

 

6.5 设置单元格样式 /131

 

6.5.1 设置单元格的大小 /131

 

6.5.2 设置单元格边框颜色 /133

 

6.5.3 设置单元格跨度 /134

 

6.6 超链接的路径 /136

 

6.6.1 绝对路径 /136

 

6.6.2 相对路径 /136

 

6.7 创建超链接 /137

 

6.7.1 超链接标签的属性 /137

 

6.7.2 内部链接 /137

 

6.7.3 锚点链接 /139

 

6.7.4 外部链接 /142

 

6.8 课堂练习 /145

 

强化训练 /147

 

第7章 HTML5新增元素的用法

 

7.1 HTML5新增主体结构元素 /150

 

7.1.1 article元素 /150

 

7.1.2 section元素 /151

 

7.1.3 nav元素 /152

 

7.1.4 aside元素 /154

 

7.1.5 pubdate元素 /155

 

7.2 HTML5新增非主体结构元素 /156

 

7.2.1 header元素 /156

 

7.2.2 hgroup元素 /157

 

7.2.3 footer元素 /158

 

7.2.4 address元素 /160

 

7.3 新增audio和video元素 /161

 

7.3.1 检测浏览器是否支持 /161

 

7.3.2 audio元素 /162

 

7.3.3 使用audio元素 /163

 

7.3.4 video元素 /164

 

7.3.5 使用video元素 /165

 

7.4 新增的属性 /167

 

7.4.1 表单相关属性 /167

 

7.4.2 其他相关属性 /168

 

7.5 课堂练习 /168

 

强化训练 /171

 

第8章 制作新型表单

 

8.1 认识HTML5 forms /174

 

8.1.1 HTML5 forms新特性 /174

 

8.1.2 新型表单的输入型控件 /175

 

8.2 表单新属性 /179

 

8.2.1 新增表单元素 /179

 

8.2.2 新增表单属性 /182

 

8.3 HTML5中forms的应用 /186

 

8.4 课堂练习 /189

 

强化训练 /191

 

第9章 地理位置请求

 

9.1 关于地理位置信息 /194

 

9.1.1 经度和纬度坐标 /194

 

9.1.2 IP地址定位数据 /194

 

9.1.3 GPS地理定位数据 /195

 

9.1.4 WiFi地理定位数据 /195

 

9.1.5 自定义地理定位 /195

 

9.2 各种浏览器对Geolocation的支持 /195

 

9.2.1 Geolocation API概述 /196

 

9.2.2 Geolocation的浏览器支持情况 /198

 

9.3 隐私处理 /199

 

9.3.1 应用隐私保护机制 /199

 

9.3.2 处理位置信息 /199

 

9.4 使用Geolocation API /199

 

9.4.1 检测浏览器是否支持 /200

 

9.4.2 位置请求 /201

 

9.5 在地图上显示你的位置 /203

 

9.6 课堂练习 /207

 

强化训练 /209

 

第10章 在页面中绘图

 

10.1 canvas入门 /212

 

10.1.1 canvas含义 /212

 

10.1.2 canvas坐标 /212

 

10.2 使用canvas /213

 

10.2.1 在页面中加入canvas /213

 

10.2.2 绘制矩形和五角形 /215

 

10.2.3 检测浏览器是否支持 /218

 

10.3 绘制曲线路径 /219

 

10.3.1 绘制路径的方法 /219

 

10.3.2 描边样式的使用 /222

 

10.3.3 填充和曲线的绘制方法 /224

 

10.4 绘制图像 /226

 

10.4.1 插入图片 /226

 

10.4.2 渐变颜色的使用 /228

 

10.4.3 变形图形的设置方法 /231

 

10.4.4 组合图形的绘制方法 /232

 

10.4.5 使用canvas绘制文字 /235

 

10.5 课堂练习 /236

 

强化训练 /240

 

第11章 离线储存和拖放

 

11.1?离线Web入门 /244

 

11.1.1 离线Web介绍 /244

 

11.1.2 离线Web应用的浏览器支持情况 /244

 

11.2 使用离线Web /245

 

11.2.1 支持离线行为 /245

 

11.2.2 manifest文件介绍 /246

 

11.2.3 applicationCache对象 /247

 

11.2.4 离线Web的具体应用 /249

 

11.3 Web workers知识 /251

 

11.3.1 Web workers概述 /251

 

11.3.2 Web workers的简单应用 /252

 

11.4 使用Web workers API /254

 

11.4.1 检测浏览器是否支持 /254

 

11.4.2 创建Web workers /255

 

11.4.3 多线程文件的加载与执行 /255

 

11.4.4 与Web workers通信 /256

 

11.5 拖放API /257

 

11.5.1 实现拖放API的过程 /257

 

11.5.2 dataTransfer对象的属性与方法 /258

 

11.6 拖放API的应用 /258

 

11.6.1 拖放应用 /259

 

11.6.2 拖放列表 /261

 

11.7 课堂练习 /264

 

强化训练 /267

 

第12章 综合实战

 

12.1 制作一个商业网站 /270

 

12.1.1 商业网站的功能 /270

 

12.1.2 界面设计分析 /271

 

12.2 头部和banner的制作 /271

 

12.2.1 头部内容的结构分析 /271

 

12.2.2 banner的制作 /272

 

12.3 页面主体的制作 /273

 

12.3.1 主体内容结构分析 /274

 

12.3.2 主体内容样式定义 /275

 

12.4 页面尾部的制作 /276

 

12.5 网站首页代码示例 /277

 

12.6 二级页面的制作 /282

 

参考文献 /287