第1篇 HTML基础篇
第1章 HTML基础 2 视频讲解：5节，58分钟
1.1 HTML概述 3
1.1.1 什么是HTML 3
1.1.2 HTML的发展历程 3
1.2 HTML文件的基本结构 3
1.2.1 HTML的基本结构 4
1.2.2 HTML的基本标签 5
1.3 编写第一个HTML文件 8
1.3.1 HTML文件的编写方法 8
1.3.2 手工编写页面 9
1.3.3 使用WebStorm制作页面 10
[实例1.1] 运用属性，渲染页面效果 15
本章知识思维导图 16
第2章 文本 17 视频讲解：10节，72分钟
2.1 标题 18
2.1.1 标题标签 18
[实例2.1] 巧用标题标签，编写开心一笑 18
2.1.2 标题的对齐方式 20
[实例2.2] 活用文字居中，推荐商品信息 20
2.2 文字 21
2.2.1 文字的斜体、下划线、删除线 21
[实例2.3] 活用文字装饰，推荐商品信息 21
2.2.2 文字的上标与下标 22
[实例2.4] 使用上标与下标，展示数学公示表 23
2.2.3 特殊文字符号 23
[实例2.5] 巧用文字符，绘制字符画 24
2.3 段落 24
2.3.1 段落标签 25
[实例2.6] 巧用段落标签，介绍创意文字 25
2.3.2 段落的换行标签 26
[实例2.7] 巧用换行，书写古诗 26
2.3.3 段落的原格式标签 27
[实例2.8] 巧用原格式标签，输出元旦快乐 27
2.4 水平线 28
2.4.1 水平线标签 28
[实例2.9] 巧用水平线，绘制行表格 28
2.4.2 水平线标签的宽度 29
[实例2.10] 巧用的宽度属性，装饰文字 29
本章知识思维导图 30
第3章 添加图像 31 视频讲解：5节，74分钟
3.1 添加图像 32
3.1.1 图像的基本格式 32
3.1.2 添加图像 32
[实例3.1] 使用img标签，实现象棋简介 33
3.2 设置图像属性 34
3.2.1 图像大小与边框 34
[实例3.2] 改变手机商品图像的大小和边框 34
3.2.2 图像间距与对齐方式 35
[实例3.3] 使用align和vspace等改变头像的位置 36
3.2.3 替换文本与提示文字 36
[实例3.4] 设置图像的提示文字与替换文本 37
本章知识思维导图 38
第4章 超链接的使用 39 视频讲解：4节，67分钟
4.1 链 接 标 签 40
4.1.1 文本链接 40
[实例4.1] 巧用文本链接，实现网站导航 40
4.1.2 书签链接 41
[实例4.2] 巧用书签链接，实现商城网页内部跳转 41
4.2 图像的超链接 43
4.2.1 图像的超链接 43
[实例4.3] 添加图像链接，实现“手机风暴”板块 43
4.2.2 图像热区链接 44
[实例4.4] 使用热区链接，添加多个链接地址 45
本章知识思维导图 46
第5章 表格与标签 47 视频讲解：9节，72分钟
5.1 简单表格 48
5.1.1 简单表格的制作 48
[实例5.1] 使用表格标签编写值日表 48
5.1.2 表头的设置 49
[实例5.2] 使用表头标签制作简单课程表 50
5.2 表格的高级应用 51
5.2.1 表格的样式 51
[实例5.3] 制作商品推荐表格 51
5.2.2 表格的合并 52
[实例5.4] 使用表格标签，制作复杂的课程表 53
5.2.3 表格的分组 54
[实例5.5] 使用表格分组制作学生练习表 54
5.3 标签 56
5.3.1 标签的介绍 56
[实例5.6] 使用标签制作一首古诗 56
5.3.2 标签的应用 57
[实例5.7] 使用标签制作个人简历 57
5.4 标签 58
5.4.1 标签的介绍 58
[实例5.8] 使用标签制作春节介绍短文 59
5.4.2 标签的应用 59
[实例5.9] 使用标签制作公司介绍小短文 60
本章知识思维导图 61
第2篇 CSS3与HTML5应用篇
第6章 CSS3概述 64 视频讲解：9节，141分钟
6.1 CSS概述 65
6.1.1 CSS的发展史 65
6.1.2 一个简单的CSS示例 65
6.2 CSS3中的选择器 67
6.2.1 属性选择器 68
[实例6.1] 实现51购商城中的手机风暴版块 68
6.2.2 类和ID选择器 69
[实例6.2] 实现商城首页中爆款特卖版块 70
6.2.3 伪类和伪元素选择器 71
[实例6.3] 实现vivo X9s手机的宣传页面 72
6.2.4 其他选择器 74
[实例6.4] 实现商城的分类版块界面 74
6.3 常用属性 76
6.3.1 文本相关属性 76
[实例6.5] 实现51购商城的抢购页面 78
6.3.2 背景相关属性 79
[实例6.6] 实现为登录页面插入背景图像 80
6.3.3 列表相关属性 81
[实例6.7] 实现购物商城导航栏 81
本章知识思维导图 83
第7章 CSS3高级应用 84 视频讲解：8节，155分钟
7.1 框模型 85
7.1.1 外边距（margin） 85
[实例7.1] 实现vivo X9 Plus手机宣传页面 86
7.1.2 内边距（padding） 87
[实例7.2] 实现手机商城新品专区的商品页面 88
7.1.3 边框（border） 89
[实例7.3] 实现购物商城中的商品列表 91
7.2 布局常用属性 92
7.2.1 浮动 93
[实例7.4] 比较各浮动方式的区别 93
7.2.2 定位 94
[实例7.5] 实现鼠标滑过文字显示对应的内容 95
7.3 动画与特效 95
7.3.1 变换（transform） 96
[实例7.6] 实现鼠标滑过时图像显示对应的变形效果 96
7.3.2 过渡（transition） 98
[实例7.7] 实现鼠标滑过时逐渐展开图像的效果 99
7.3.3 动画（animation） 100
[实例7.8] 实现滚动广告动画 102
本章知识思维导图 103
第8章 列表 104 视频讲解：7节，32分钟
8.1 列表的标签 105
8.2 无序列表 105
8.2.1 无序列表标签 105
[实例8.1] 无序列表列举唐宋八大家 106
8.2.2 无序列表属性 106
[实例8.2] 无序列表制作商品预览效果 106
8.3 有序列表 108
8.3.1 有序列表标签 108
[实例8.3] 运用有序列表输出古诗 108
8.3.2 有序列表属性 108
[实例8.4] 运用有序列表制作商城页面 109
8.4 列表的嵌套 110
8.4.1 定义列表的嵌套 110
[实例8.5] 运用列表嵌套输出古诗 111
8.4.2 无序列表和有序列表的嵌套 112
[实例8.6] 使用列表嵌套制作导航栏 112
本章知识思维导图 114
第9章 表单 115 视频讲解：8节，44分钟
9.1 表单概述 116
9.1.1 概述 116
9.1.2 表单标签 116
9.2 输入标签 118
9.2.1 文本框 118
[实例9.1] 实现商城中登录页面 119
9.2.2 单选框和复选框 120
[实例9.2] 实现购物车界面选择商品功能 120
9.2.3 按钮 121
[实例9.3] 实现收货地址信息填写页面 122
9.2.4 图像域和文件域 123
[实例9.4] 实现上传头像页面 124
9.3 文本域和菜单/列表 125
9.3.1 文本域 125
[实例9.5] 实现商品评价输入框 126
9.3.2 菜单/列表 126
[实例9.6] 实现个人资料填写页面 127
本章知识思维导图 128
第10章 多媒体播放 129 视频讲解：8节，116分钟
10.1 HTML5多媒体的简述 130
10.1.1 HTML4中多媒体的应用 130
10.1.2 HTML5页面中的多媒体 130
10.2 多媒体元素基本属性 131
10.3 多媒体元素常用方法 135
10.3.1 媒体播放时的方法 135
[实例10.1] 多功能的视频播放效果 135
10.3.2 canPlayType(type)方法 137
10.4 多媒体元素重要事件 138
10.4.1 事件处理方式 138
10.4.2 事件介绍 138
10.4.3 事件实例 139
[实例10.2] 多媒体元素重要事件的运用示例 139
本章知识思维导图 141
第11章 HTML5新特性 142 视频讲解：12节，53分钟
11.1 谁在开发HTML5 143
11.2 HTML5和HTML4的区别 143
11.2.1 HTML5的语法变化 143
11.2.2 HTML5中的标记方法 143
11.2.3 HTML5语法中需要掌握的3个要点 144
[实例11.1] 巧用标签制作区域图像映射 145
11.3 新增和废除的元素 146
11.3.1 新增的结构元素 146
[实例11.2] 运用结构元素制作导航链接 147
11.3.2 新增的块级（block）的语义元素 149
11.3.3 新增的行内（inline）的语义元素 150
[实例11.3] 运用meter元素制作柱状图 151
11.3.4 新增的嵌入多媒体元素与交互性元素 151
11.3.5 新增的input元素的类型 152
11.3.6 废除的元素 153
11.4 新增的属性和废除的属性 153
11.4.1 新增的属性 153
11.4.2 废除的属性 155
本章知识思维导图 157
第12章 响应式网页设计 158 视频讲解：10节，40分钟
12.1 概述 159
12.1.1 响应式网页设计的概念 159
12.1.2 响应式网页设计的优缺点和技术原理 159
12.2 像素和屏幕分辨率 160
12.2.1 像素和屏幕分辨率 160
12.2.2 设备像素和CSS像素 161
12.3 视口 162
12.3.1 视口 162
12.3.2 视口常用属性 163
12.3.3 媒体查询 163
12.4 响应式网页的布局设计 164
12.4.1 常用布局类型 164
12.4.2 布局的实现方式 165
12.4.3 响应式布局的设计与实现 166
本书从零基础读者的角度出发，通过通俗易懂的语言、丰富多彩的实例，循序渐进地让读者在实践中学习HTML、CSS 与JavaScript编程知识，提升自己的实际开发能力。
全书共分为5篇24章，内容包括HTML基础、文本、添加图像、超链接的使用、表格与div标签、CSS3概述、CSS3高级应用、列表、表单、多媒体播放、HTML5新特性、响应式网页设计、响应式组件、JavaScript概述、JavaScript 语言基础、JavaScript 基本语句、JavaScript 中的函数、JavaScript 中的对象、JavaScript 中的数组、Ajax技术、jQuery基础、jQuery控制页面和事件处理、设计叮叮商城网站、模仿王者荣耀游戏网站等。书中知识点讲解细致，侧重介绍每个知识点的使用场景，涉及的代码给出了详细的注释，可以使读者轻松领会前端开发的精髓，快速提高开发技能。同时，本书配套了大量教学视频，扫码即可观看，还提供所有程序源文件，方便读者实践。
本书适合HTML、CSS、JavaScript初学者及前端开发入门者自学使用，也可用作高等院校相关专业的教材及参考书。
本书具有如下特色：
? 由浅入深，循序渐进。本书以入门读者为对象，先从语言基础学起，再学习语言的核心技术，然后学习高 级应用，*后学习开发一个完整项目。讲解过程中步骤详尽，版式新颖，使读者在阅读时一目了然，从而快速掌握书中内容。
? 语音视频，讲解详尽。书中每一章节均提供声图并茂的教学视频，读者可以扫描书中对应的二维码随时随地学习。这些视频能够引导初学者快速入门，感受编程的快乐和成就感，增强进一步学习的信心，从而快速成为编程高手。
? 实例典型，轻松易学。通过例子学习是好的学习方式，本书通过“一个知识点、一个例子、一个结果、一段评析、一个综合应用”的模式，透彻详尽地讲述了实际开发中所需的各类知识。另外，为了便于读者阅读程序代码，快速学习编程技能，书中几乎每行代码都提供了注释。
? 精彩栏目，贴心提醒。本书根据需要在各章安排了很多“注意”“说明”“技巧”等小栏目，让读者可以在学习过程中更轻松地理解相关知识点及概念，更快地掌握个别技术的应用技巧。
? 附赠资源，优质服务。除配套视频和源程序外，本书还赠送相关资源库、题库，同时为读者提供社区技术支持、QQ在线答疑等学习服务，收获更好的学习体验。
非常抱歉，您前期未参加预订活动，
无法支付尾款哦！
