[正版] HTML5+CSS3+JavaScript网站开发(全案例微课版) 刘春茂 清华大学出版社 超文本标记语言-程

《HTML5+CSS3+JavaScript网站开发（全案例微课版）》是针对零基础读者编写的动态网站开发入门教材。该书侧重案例实训，并提供扫码微课来讲解当前的热点案例。

《HTML5+CSS3+JavaScript网站开发（全案例微课版）》分为23章，内容包括认识HTML 5、设计网页的文本与段落，网页中的图像和超链接，表格 与<div>标签，网页中的表单，网页中的多媒体，数据存储Web Storage，认识CSS样式表，设计图片、链接和菜单的样式，设计表格和表单样式，使用CSS3布局网页版式，JavaScript基础，程序控制语句，函数的应用，对象的应用，JavaScript的窗口对象，文档对象模型（DOM），JavaScript的事件处理，文件与拖放，设计流行的响应式网页和3个热点综合项目实训。

《HTML5+CSS3+JavaScript网站开发（全案例微课版）》通过精选热点案例，让初学者快速掌握网站开发技术。读者通过微信扫码看视频，可以随时在移动端学习技能对应的操作。读者通过实战技能训练营可以检验学习情况，并且扫码可以看答案。作者还提供了技术支持QQ群和微信群，专为读者答疑解惑，降低零基础学习网站开发技术的门槛。

刘春茂在郑州轻工业大学主要负责计算机系的毕业生实训，善于引导学生学习，让学校所学的知识和社会的需求很好地衔接，同时具有丰富的教学经验和开发经验。曾做项目：电子货币交易系统、 B2C 电子商务平台、网上书店和评教系统等，具有很强的实战经验。

《HTML5+CSS3+JavaScript网站开发（全案例微课版）》的特色如下：

零基础、入门级的讲解

无论您是否从事计算机相关行业，无论您是否接触过网站开发，都能从本书中找到适合的起点。

实用、专业的范例和项目

本书在编排上紧密结合深入学习HTML 5+CSS3+JavaScript 网站开发过程，从HTML 5基本概念开始，逐步带领读者学习动态网站开发的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。

随时随地学习

本书提供了微课视频，通过手机扫码即可观看，随时随地解决学习中的困惑。

超多容量优质资源

赠送大量优质资源，包括实例源代码、教学幻灯片、本书精品教学视频、88 个实用类网页模板、12 部网页开发必备参考手册、jQuery 事件参考手册、HTML 5 标签速查手册、精选的JavaScript 实例、CSS3 属性速查表、JavaScript 函数速查手册、CSS+DIV 布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见面试题等。

第1章 认识HTML 5   001

1.1 HTML的基本概念    002

1.2 HTML文件的基本结构   002

1.3 认识HTML 5的基本标记  003

1.4 HTML 5网页的开发环境  007

1.4.1 使用记事本手工编写HTML文件   007

1.4.2 使用WebStorm编写HTML文件   008

1.5 新手常见疑难问题    012

1.6 实战技能训练营   013

第2章 设计网页的文本与段落     014

2.1 标题     015

2.2 设置文字格式    017

2.2.1 文字的字体、字号和颜色  017

2.2.2 文字的粗体、斜体和下划线   018

2.2.3 文字的上标和下标  019

2.3 设置段落格式    020

2.4 网页的列表   022

2.4.1 无序列表  022

2.4.2 有序列表  023

2.4.3 自定义列表   024

2.5 新手常见疑难问题    025

2.6 实战技能训练营   026

第3章 网页中的图像和超链接     027

3.1 网页中的图像    028

3.1.1 网页中支持的图片格式   028

3.1.2 图像中的路径  028

3.2 在网页中插入图像    030

3.3 编辑网页中的图像    031

3.4 认识网页超链接   034

3.5 建立网页超级链接    035

3.5.1 创建超文本链接   036

3.5.2 创建图片链接  037

3.5.3 创建下载链接  038

3.5.4 使用相对路径和绝对路径  038

3.5.5 设置以新窗口显示超链接页面  039

3.5.6 设置电子邮件链接  040

3.6 使用浮动框架iframe    041

3.7 使用书签链接制作电子书阅读网页   042

3.8 图像热点链接    044

3.9 新手常见疑难问题    045

3.10 实战技能训练营    046

第4章 表格与<div>标签     048

4.1 表格的基本结构   049

4.2 创建表格   050

4.3 编辑表格   051

4.3.1 定义表格的边框类型  051

4.3.2 定义表格的表头   051

4.3.3 设置表格背景  052

4.3.4 设置单元格的背景  053

4.3.5 合并单元格   054

4.3.6 表格的分组   056

4.3.7 设置单元格的行高与列宽  057

4.4 完整的表格标签   058

4.5 设置悬浮变色的表格    058

4.6 <div>标签   061

4.7 <span>标签    062

4.8 新手常见疑难问题    063

4.9 实战技能训练营   063

第5 章 网页中的表单    065

5.1 表单概述   066

5.2 输入标签   067

5.2.1 文本框    067

5.2.2 单选按钮和复选框   069

5.2.3 按钮   070

5.3 图像域和文件域   072

5.4 列表框     073

5.5 表单的高级元素   074

5.6 新手常见疑难问题    078

5.7 实战技能训练营   078

第6 章 网页中的多媒体    079

6.1 audio 标签概述   080

6.2 在网页中添加音频文件   081

6.3 video 标签   082

6.3.1 认识video 标签     082

6.3.2 video 标签的属性    083

6.3.3 浏览器支持video 标签的情况    084

6.4 在网页中添加视频文件   084

6.5 新手常见疑难问题    086

6.6 实战技能训练营   086

第7 章 数据存储Web Storage    088

7.1 认识Web 存储   089

7.2 使用HTML 5 Web Storage API   089

7.2.1 测试浏览器的支持情况    089

7.2.2 使用sessionStorage 方法创建对象    090

7.2.3 使用localStorage 方法创建对象   091

7.2.4 Web Storage API 的其他操作    093

7.2.5 使用JSON 对象存取数据    093

7.3 目前浏览器对Web 存储的支持情况   096

7.4 制作简单的Web 留言本   096

7.5 新手常见疑难问题    099

7.6 实战技能训练营   099

第8 章 认识CSS 样式表   100

8.1 CSS 概述    101

8.2 创建和链接CSS 文件    102

8.3 CSS 中的选择器    103

8.3.1 标签选择器    103

8.3.2 类选择器   104

8.3.3 ID 选择器    105

8.3.4 伪类选择器    106

8.3.5 属性选择器    107

8.4 CSS 中的常用样式   109

8.4.1 使用字体样式   109

8.4.2 使用文本样式   112

8.4.3 使用背景样式   116

8.4.4 设计边框样式   119

8.4.5 设置列表样式   122

8.5 新手常见疑难问题    124

8.6 实战技能训练营   125

第9 章 设计图片、链接和菜单的样式   126

9.1 设计图片的样式   127

9.1.1 设置图片的大小    127

9.1.2 图片对齐   128

9.1.3 文字环绕图片   130

9.1.4 图片与文字的间距   132

9.2 为图片添加圆角边框样式  133

9.3 设计链接的样式   134

9.3.1 设置链接样式   134

9.3.2 定义下划线样式    135

9.3.3 定义链接背景图    137

9.3.4 定义链接提示信息   137

9.3.5 定义链接按钮样式   138

9.4 设计菜单的样式   139

9.4.1 制作动态导航菜单   139

9.4.2 制作多级菜单列表   141

9.5 新手常见疑难问题    143

9.6 实战技能训练营   144

第10 章 设计表格和表单的样式     146

10.1 设计表格的样式    147

10.1.1 设置表格的颜色    147

10.1.2 设置表格的边框    148

10.1.3 设置表格边框的宽度     149

10.1.4 设置表格边框的颜色     150

10.1.5 设置表格标题的位置     150

10.1.6 隐藏空单元格     151

10.1.7 设置单元格的边距    152

10.2 设计表单的样式    153

10.2.1 设置表单字体样式    153

10.2.2 设置表单边框样式    155

10.2.3 设置表单背景样式    157

10.2.4 设置表单按钮样式    158

10.2.5 设置下拉菜单样式    160

10.3 新手常见疑难问题   160

10.4 实战技能训练营    161

第11 章 使用CSS3 布局网页版式    163

11.1 认识CSS3 布局版式   164

11.1.1 将页面用div 分块    164

11.1.2 设置各块位置     164

11.1.3 用CSS 定位版式    165

11.2 固定宽度网页布局模式   167

11.2.1 网页单列布局模式    167

11.2.2 网页1-2-1 型布局模式    170

11.3 自动缩放网页布局模式   172

11.3.1 1-2-1 等比例变宽布局    172

11.3.2 1-2-1 单列变宽布局   173

11.3.3 1-3-1 单侧列宽度固定布局    174

11.3.4 1-3-1 中间列宽度固定布局    176

11.4 新手常见疑难问题   178

11.5 实战技能训练营    178

第12 章 JavaScript 基础      180

12.1 JavaScript 入门    181

12.1.1 JavaScript 能做什么   181

12.1.2 在网页中嵌入JavaScript 代码   183

12.1.3 调用外部JavaScript 文件   184

12.1.4 JavaScript 的语法基础    185

12.1.5 数据类型     186

12.2 JavaScript 中的常量和变量   187

12.3 运算符与表达式    189

12.3.1 运算符     189

12.3.2 表达式     191

12.4 新手常见疑难问题   193

12.5 实战技能训练营    194

第13 章 程序控制语句     195

13.1 条件判断语句   196

13.1.1 简单if 语句     196

13.1.2 if else 语句    197

13.1.3 if else if 语句     198

13.1.4 if 语句的嵌套     199

13.1.5 switch 语句     200

13.2 循环语句   201

13.2.1 while 循环语句     202

13.2.2 do while 循环语句   203

13.2.3 for 循环语句    204

13.2.4 循环语句的嵌套    206

13.3 跳转语句   208

13.3.1 break 语句     208

13.3.2 continue 语句    209

13.4 新手常见疑难问题   210

13.5 实战技能训练营    211

第14 章 函数的应用     212

14.1 函数的定义    213

14.1.1 声明式函数定义    213

14.1.2 函数表达式定义    214

14.1.3 函数构造器定义    215

14.2 函数的调用    216

14.3 函数的参数与返回值    218

14.3.1 函数的参数     218

14.3.2 函数的返回值     219

14.4 内置常规函数   220

14.5 JavaScript 中的特殊函数    222

14.5.1 嵌套函数     222

14.5.2 递归函数     223

14.5.3 内嵌函数     225

14.6 新手常见疑难问题   225

14.7 实战技能训练营    226

第15 章 对象的应用     227

15.1 了解对象   228

15.2 创建自定义对象的方法   229

15.2.1 直接定义并创建自定义对象    229

15.2.2 使用Object 对象创建自定义对象   231

15.2.3 使用自定义构造函数创建对象   232

15.3 对象访问语句   237

15.3.1 for   in 循环语句    237

15.3.2 with 语句     238

15.4 数组对象   239

15.4.1 什么是数组对象    239

15.4.2 定义数组     239

15.4.3 数组的属性     241

15.4.4 操作数组元素     242

15.4.5 数组方法     243

15.5 String 对象    246

15.5.1 创建String 对象    246

15.5.2 String 对象的属性    248

15.5.3 字符串对象的方法    249

15.6 新手常见疑难问题   253

15.7 实战技能训练营    253

第16 章 JavaScript 的窗口对象     255

16.1 window 对象    256

16.1.1 window 对象的属性   256

16.1.2 window 对象的方法   261

16.2 打开与关闭窗口    262

16.2.1 打开窗口     262

16.2.2 关闭窗口     263

16.3 控制窗口   264

16.3.1 移动窗口     265

16.3.2 改变窗口大小     265

16.3.3 获取窗口历史记录    266

16.3.4 窗口定时器     267

16.4 对话框    268

16.4.1 警告对话框     269

16.4.2 确认对话框     270

16.4.3 提示对话框     272

16.5 新手常见疑难问题   273

16.6 实战技能训练营    274

第17 章 文档对象模型（DOM）    275

17.1 DOM 及其技术简介    276

17.1.1 DOM 简介     276

17.1.2 基本的DOM 方法    276

17.1.3 网页中的DOM 模型框架   279

17.2 DOM 模型中的节点    280

17.2.1 元素节点     280

17.2.2 文本节点     281

17.2.3 属性节点     282

17.3 操作DOM 中的节点    283

17.3.1 访问节点     283

17.3.2 创建节点     284

17.3.3 插入节点     285

17.3.4 删除节点     286

17.3.5 复制节点     287

17.3.6 替换节点     288

17.4 innerHTML 属性    289

17.5 DOM 与CSS    290

17.5.1 改变CSS 样式     290

17.5.2 使用className 属性  291

17.6 新手常见疑难问题   292

17.7 实战技能训练营    292

第18 章 JavaScript 的事件处理     293

18.1 认识事件与事件处理    294

18.2 事件的调用方式    295

18.3 鼠标相关事件   296

18.4 键盘相关事件   300

18.5 表单相关事件   303

18.5.1 获得焦点与失去焦点事件   303

18.5.2 失去焦点修改事件    304

18.5.3 表单提交与重置事件     305

18.6 拖动相关事件   307

18.6.1 拖放对象事件     307

18.6.2 放置目标事件     307

18.7 新手常见疑难问题   310

18.8 实战技能训练营    310

第19 章 文件与拖放     312

19.1 选择文件   313

19.2 使用FileReader 接口读取文件   314

19.2.1 检测浏览器是否支持FileReader接口     314

19.2.2 FileReader 接口的方法    314

19.2.3 使用readAsDataURL 方法预览图片   315

19.2.4 使用readAsText 方法读取文本文件   316

19.3 使用HTML 5 实现文件的拖放   318

19.4 在网页中来回拖放图片   320

19.5 在网页中拖放文字   321

19.6 新手常见疑难问题   323

19.7 实战技能训练营    324

第20 章 设计流行的响应式网页     325

20.1 什么是响应式网页设计   326

20.2 像素和屏幕分辨率   327

20.3 视口    327

20.3.1 视口的分类和常用属性    327

20.3.2 媒体查询     328

20.4 响应式网页的布局设计   329

20.4.1 常用布局类型     329

20.4.2 布局的实现方式    330

20.4.3 响应式布局的设计与实现   331

20.5 响应式图片    332

20.5.1 使用<picture> 标签   332

20.5.2 使用CSS 图片     333

20.6 响应式视频    334

20.7 响应式导航菜单    335

20.8 响应式表格    338

20.8.1 隐藏表格中的列    338

20.8.2 滚动表格中的列    340

20.8.3 转换表格中的列    342

20.9 流行的响应式开发框架Bootstrap   345

20.10 新手常见疑难问题    346

20.11 实战技能训练营    347

第21 章 项目实训1——开发在线购物网站       348

21.1 整体布局   349

21.2 主要模块设计   350

21.2.1 Logo 与导航区     350

21.2.2 banner 与资讯区    351

21.2.3 产品类别区     353

21.2.4 页脚     354

第22 章 项目实训2——开发广告设计宣传网站     355

22.1 系统分析   356

22.2 系统设计   356

22.3 网页预览   357

22.4 项目代码实现   359

22.4.1 网站首页页面代码    359

22.4.2 关于我们页面代码    363

22.4.3 作品欣赏页面代码    363

22.4.4 联系我们页面代码    364

22.5 项目总结   365

第23 章 项目实训3——开发连锁咖啡响应式网站    366

23.1 网站概述   367

23.2 设计首页布局   369

23.3 设计可切换导航    370

23.4 主体内容   375

23.4.1 设计轮播广告区    375

23.4.2 设计产品推荐区    377

23.4.3 设计登录注册和Logo    378

23.4.4 设计特色展示区    379

23.4.5 设计产品生产流程区     380

23.5 设计底部隐藏导航   382