书籍详情
Html5+JavaScript+Css3开发手册：基础·案例·应用
作者：明日科技 著
出版社：化学工业出版社
出版时间：2022-03-01
ISBN：9787122405760
定价：¥128.00
购买这本书可以去
内容简介
《Html5+JavaScript+Css3开发手册：基础·案例·应用》是“计算机科学与技术手册系列”图书之一，该系列图书内容全面，以理论联系实际、能学到并做到为宗旨，以技术为核心，以案例为辅助，引领读者全面学习基础技术、代码编写方法和具体应用项目，旨在为想要进入相应领域的技术人员提供新而全的技术性内容及案例。本书是一本侧重编程基础+实践的Web前端开发图书，从基础、案例、应用三个层次循序渐进地介绍了Web前端开发从入门到实战所需知识，使读者在打好基础的同时快速提升实践能力。本书内容充实，给读者提供了较为丰富全面的技术支持和案例强化，通过各种示例将学习与应用相结合，打造轻松学习、零压力学习的环境，通过案例对所学知识进行综合应用，通过开发实际项目将各个知识点应用到实际工作中，帮助读者实现学以致用，快速掌握前端开发的各项技能。本书提供丰富的资源，包含131个实例、10个案例、2个项目，力求为读者打造一本基础+案例+应用一体化的、精彩的前端开发图书。本书不仅适合初学者、编程爱好者、零基础的编程自学者，也可供计算机相关专业师生、程序开发人员以及程序测试和维护人员等阅读参考。
作者简介
暂缺《Html5+JavaScript+Css3开发手册：基础·案例·应用》作者简介
目录
基础篇
第1章 HTML基础
1.1 HTML基础 2
1.1.1 什么是HTML 2
1.1.2 HTML的发展历程 3
1.2 HTML5相关概念与基本结构 3
1.2.1 HTML5的相关概念 3
1.2.2 HTML5的基本结构 4
【实例1.1】运用属性，渲染页面效果 6
1.3 编写个HTML5文件 9
1.3.1 HTML5文件的编写方法 9
1.3.2 手工编写页面 9
1.3.3 使用可视化软件制作页面 10
第2章 标题和段落
2.1 添加标题 15
2.1.1 添加各级标题 16
【实例2.1】巧用标题标签，编写程序员笑话 16
2.1.2 设置标题的对齐方式 17
【实例2.2】活用文字居中，推荐商品信息 18
2.2 添加段落 18
2.2.1 段落标签的使用 18
【实例2.3】巧用段落标签，介绍创意文字 19
2.2.2 段落中的换行标签 19
【实例2.4】巧用换行，书写故事 19
2.3 添加文字装饰效果 20
2.3.1 设置上标与下标 20
【实例2.5】使用上下标，展示数学方程式 21
2.3.2 文字的斜体、下划线与删除线 21
【实例2.6】活用文字装饰，推荐商品信息 21
2.4 添加水平线 22
【实例2.7】巧用水平线绘制行表格 22
2.5 综合案例——二十四节气歌 23
2.5.1 分析数据 23
2.5.2 实现过程 24
2.6 实战练习 24
第3章 图像和超链接
3.1 添加图像 25
3.1.1 图像的基本格式 25
3.1.2 添加图像 26
【实例3.1】使用标签实现五子棋的游戏简介 26
3.2 设置图像属性 27
3.2.1 图像大小与边框 27
【实例3.2】改变手机商品详情中的图片大小和边框 27
3.2.2 替换文本与提示文字 28
【实例3.3】设置图片的提示文字与替换文本 28
3.2.3 图像间距与对齐方式 29
【实例3.4】使用align属性改变头像的位置 30
3.3 添加超链接 30
3.3.1 添加文本链接 30
【实例3.5】巧用文本链接实现商城导航 31
3.3.2 添加书签链接 31
【实例3.6】巧用书签链接实现商城网页内部跳转 32
3.4 图像的超链接与热区链接 33
3.4.1 图像的超链接 33
【实例3.7】添加图片链接实现手机风暴模块 33
3.4.2 图像热区链接 35
【实例3.8】使用热区链接添加多个链接地址 35
3.5 综合案例——实现明日学院明星讲师页面的跳转 36
3.5.1 案例分析 37
3.5.2 实现过程 37
3.6 实战练习 38
第4章 表格与标签、标签
4.1 简单表格 39
4.1.1 简单表格的制作 39
【实例4.1】使用表格标签编写考试成绩单 40
4.1.2 表头的设置 41
【实例4.2】使用表头标签制作简单课程表 41
4.2 表格的高级应用 42
4.2.1 表格的样式 42
【实例4.3】制作商品推荐表格 43
4.2.2 表格的合并 44
【实例4.4】使用表格制作复杂课程表 44
4.2.3 表格的分组 45
【实例4.5】使用表格分组制作学生联系表 45
4.3 标签 46
4.3.1 标签的介绍 46
【实例4.6】使用标签制作古诗一首 47
4.3.2 标签的应用 47
【实例4.7】使用标签制作个人简历 48
4.4 标签 48
4.4.1 标签的介绍 48
【实例4.8】使用不同的语言表述“我爱你” 49
4.4.2 标签的应用 49
【实例4.9】使用标签制作公司介绍短文 49
4.5 综合案例——制作网页中的女装模块 50
4.5.1 案例分析 50
4.5.2 实现过程 51
4.6 实战练习 52
第5章 列表
5.1 列表的标签 53
5.2 无序列表 54
5.2.1 无序列表标签 54
【实例5.1】运用无序列表显示NBA东部联盟球队前四强 54
5.2.2 无序列表属性 54
【实例5.2】运用无序列表显示全球品牌价值100强的前三名 55
5.3 有序列表 57
5.3.1 有序列表标签 57
【实例5.3】运用有序列表显示2018年俄罗斯世界杯排名前四强 57
5.3.2 有序列表属性 58
【实例5.4】运用有序列表制作商城页面 58
5.4 定义列表 59
【实例5.5】运用定义列表显示古诗二首 60
5.5 无序列表和有序列表的嵌套 60
【实例5.6】运用无序列表和有序列表制作导航栏 60
5.6 综合案例——使用列表制作二级导航菜单 62
5.6.1 案例分析 62
5.6.2 案例实现 62
5.7 实战练习 64
第6章 表单
6.1 表单概述 65
6.1.1 什么是表单 65
6.1.2 表单标签 65
6.2 输入标签 67
6.2.1 文本框和密码框 67
【实例6.1】制作商城中账号登录页面 68
6.2.2 单选按钮和复选框 69
【实例6.2】实现购物车页面选择商品功能 69
6.2.3 按钮 70
【实例6.3】制作收货地址信息填写页面 71
6.2.4 图像域和文件域 72
【实例6.4】实现注册页面中的上传图像功能 73
6.3 文本域和列表 74
6.3.1 文本域 74
【实例6.5】制作商品评价页面中的评价输入框 74
6.3.2 列表/菜单 74
【实例6.6】实现个人档案填写 75
6.4 综合案例——制作在线租房信息填写页面 77
6.4.1 案例分析 77
6.4.2 案例实现 78
6.5 实战练习 81
第7章 CSS3选择器
7.1 CSS3选择器概述 82
7.1.1 CSS3的发展史 82
7.1.2 一个简单的CSS3示例 83
7.1.3 选择器概述 85
7.2 基础选择器 86
7.2.1 元素选择器 86
【实例7.1】使用元素选择器实现生日贺卡的样式 86
7.2.2 类选择器 87
7.2.3 ID选择器 88
【实例7.2】制作网购商城中的爆款特卖页面 89
7.2.4 属性选择器 91
【实例7.3】制作51购商城首页的手机风暴版块 91
7.3 其他选择器 93
7.3.1 后代选择器 93
7.3.2 子代选择器 94
7.3.3 相邻兄弟元素选择器 95
7.3.4 通用兄弟元素选择器 96
7.4 伪类和伪元素选择器 97
7.4.1 伪类选择器 97
7.4.2 伪元素选择器 98
【实例7.4】制作vivo X9s手机的宣传页面 98
7.5 综合案例——仿制个人空间主页 100
7.5.1 案例分析 100
7.5.2 案例实现 101
7.6 实战练习 103
第8章 CSS3常用属性
8.1 文本相关属性 104
8.1.1 文字相关属性 104
【实例8.1】制作网购商城的商品抢购页面 106
8.1.2 文本相关属性 107
【实例8.2】演示word-break属性的功能 108
8.2 背景相关属性 109
8.2.1 背景常规属性 109
【实例8.3】实现为登录页面插入背景图像 111
8.2.2 CSS3新增背景属性 112
8.3 列表相关属性 116
【实例8.4】更改鼠标悬停在二级导航菜单上时的列表项符号 116
8.4 框模型 118
8.4.1 框模型概述 118
8.4.2 设置元素的大小 118
8.4.3 设置外边距 118
【实例8.5】实现对vivo系列手机儿童模式的介绍 120
8.4.4 设置内边距 121
【实例8.6】制作手机商城中的新品专区页面 121
8.4.5 设置边框 122
【实例8.7】制作购物商城中的商品列表页面 124
8.5 定位相关属性 125
8.5.1 设置元素的位置 125
【实例8.8】实现鼠标滑过垂直菜单时，展开对应的内容 126
8.5.2 设置元素的浮动 127
【实例8.9】在商品详情页面，标签设置向左浮动 128
8.6 综合案例——制作换季换新机促销页面 129
8.6.1 案例分析 129
8.6.2 案例实现 129
8.7 实战练习 131
第9章 响应式网页设计
9.1 响应式网页设计概述 132
9.1.1 响应式网页设计的概念 132
9.1.2 响应式网页设计的优缺点 132
9.1.3 响应式网页设计的技术原理 133
9.2 像素和屏幕分辨率 134
9.2.1 像素和屏幕分辨率 134
9.2.2 设备像素和CSS像素 134
9.3 视口 135
9.3.1 视口简介 135
9.3.2 视口常用属性 136
9.3.3 媒体查询 136
9.4 响应式网页的布局设计 137
9.4.1 常用布局类型 137
9.4.2 布局的实现方式 138
9.4.3 响应式布局的设计与实现 139
【实例9.1】实现51购商城登录页面的响应式布局 140
9.5 综合案例——制作响应式表格 142
9.5.1 案例分析 142
9.5.2 案例实现 142
9.6 实战练习 144
第10章 Bootstrap基础
10.1 Bootstrap概述 145
10.1.1 Bootstrap是什么 145
10.1.2 Bootstrap的优点 145
10.1.3 Bootstrap包含的内容 146
10.2 Bootstrap的下载与安装 146
10.2.1 Bootstrap的下载 146
10.2.2 Bootstrap的文件结构 147
10.3 Bootstrap通用样式 148
10.3.1 文字相关样式 148
【实例10.1】实现《东北吃货进行曲》的歌词 149
【实例10.2】实现华为P30 Pro手机简介 150
10.3.2 颜色相关样式 150
【实例10.3】制作拼多多中多多果然获取水滴页面 152
10.3.3 设置内外边距 153
【实例10.4】制作人见人爱奖状页面 154
10.3.4 设置边框与浮动 154
【实例10.5】仿制简易密码输入器页面 155
【实例10.6】仿制电商网站首页中“用券爆款”页面 156
10.4 Bootstrap中的网格布局 157
10.4.1 网格系统的基本使用 157
【实例10.7】使用网格系统来布局一则360每日趣玩消息 159
10.4.2 自动布局列 159
【实例10.8】设计游戏列表页面的响应式布局 161
10.4.3 项目的对齐处理 161
【实例10.9】设计游戏列表的响应式水平对齐方式 162
【实例10.10】设计游戏列表的响应式垂直对齐方式 164
10.4.4 列的偏移、嵌套和重排序 164
【实例10.11】使用列偏移等间距对齐游戏列表 165
【实例10.12】实现为商品列表按价格进行排序 166
10.5 综合案例——制作音乐网站的热门推荐列表 167
10.5.1 案例分析 168
10.5.2 案例实现 168
10.6 实战练习 169
第11章 JavaScript基础
11.1 JavaScript概述 170
11.1.1 JavaScript的发展 170
11.1.2 JavaScript的主要特点 171
11.1.3 JavaScript的应用 171
11.1.4 JavaScript在HTML中的使用 172
【实例11.1】编写个JavaScript程序 173
【实例11.2】调用外部JavaScript文件 173
11.1.5 基本语法 174
11.2 数据类型 176
11.2.1 数值型 176
11.2.2 字符串型 178
11.2.3 布尔型 179
11.2.4 特殊数据类型 179
11.3 变量 180
11.3.1 变量的命名 180
11.3.2 变量的声明 180
11.3.3 变量的赋值 181
11.3.4 变量的类型 182
【实例11.3】输出球员信息 182
11.4 运算符和表达式 182
11.4.1 算术运算符 182
【实例11.4】将华氏度转换为摄氏度 183
11.4.2 字符串运算符 183
【实例11.5】字符串运算符的使用 184
11.4.3 比较运算符 184
【实例11.6】比较运算符的使用 185
11.4.4 赋值运算符 185
【实例11.7】赋值运算符的使用 185
11.4.5 逻辑运算符 186
【实例11.8】逻辑运算符的使用 186
11.4.6 条件运算符 186
【实例11.9】条件运算符的使用 187
11.4.7 其他运算符 187
11.4.8 运算符优先级 188
【实例11.10】运算符优先级的使用 189
11.4.9 表达式 190
11.5 数据类型的转换规则 190
11.6 综合案例——判断员工收入 191
11.6.1 案例分析 191
11.6.2 实现过程 191
11.7 实战练习 192
第12章 流程控制
12.1 条件判断语句 193
12.1.1 if语句 193
【实例12.1】获取3个数中的值 194
【实例12.2】判断3是奇数还是偶数 196
【实例12.3】输出考试成绩对应的等级 197
【实例12.4】判断女职工是否已经退休 198
12.1.2 switch语句 198
【实例12.5】输出奖项级别及奖品 200
12.2 循环语句 200
12.2.1 while语句 201
【实例12.6】计算3000米障碍比赛的完整圈数 202
12.2.2 do...while语句 202
【实例12.7】计算1 2 … 100的和 203
12.2.3 for语句 203
【实例12.8】计算50以内所有奇数的和 204
12.2.4 循环语句的嵌套 205
【实例12.9】输出乘法口诀表 205
12.3 跳转语句 205
12.3.1 continue语句 206
【实例12.10】输出影厅座位图 206
12.3.2 break语句 207
12.4 综合案例——输出表格 208
12.4.1 案例分析 208
12.4.2 实现过程 208
12.5 实战练习 209
第13章 函数
13.1 函数的定义和调用 210
13.1.1 函数的定义 210
13.1.2 函数的调用 211
13.2 函数的参数和返回值 213
13.2.1 函数的参数 213
【实例13.1】输出图书名称和图书作者 213
13.2.2 函数的返回值 214
【实例13.2】计算购物车中商品的总价 214
13.3 嵌套函数 215
13.3.1 函数的嵌套定义 215
13.3.2 函数的嵌套调用 215
【实例13.3】获得选手的平均分 216
13.4 变量的作用域 216
13.4.1 全局变量和局部变量 216
13.4.2 变量的优先级 217
13.5 内置函数 217
13.5.1 数值处理函数 217
13.5.2 字符串处理函数 219
13.6 在表达式中定义函数 220
【实例13.4】输出星号金字塔形图案 221
13.7 综合案例——输出自定义的表格 221
13.7.1 案例分析 222
13.7.2 实现过程 222
13.8 实战练习 223
第14章 对象
14.1 对象简介 224
14.1.1 什么是对象 224
14.1.2 对象的属性和方法 224
14.1.3 JavaScript对象的种类 225
14.2 自定义对象的创建 225
14.2.1 直接创建自定义对象 226
14.2.2 通过自定义构造函数创建对象 226
【实例14.1】输出演员个人简介 227
14.2.3 通过Object对象创建自定义对象 228
14.3 Array对象 229
14.3.1 数组介绍 230
14.3.2 定义数组 230
14.3.3 操作数组元素 231
【实例14.2】输出3个学霸姓名 232
14.3.4 获取数组的长度 234
【实例14.3】输出省份、省会以及旅游景点 234
14.3.5 数组的方法 235
14.4 String对象 240
14.4.1 String对象的创建 240
14.4.2 获取字符串的长度 241
14.4.3 String对象的方法 241
【实例14.4】获取字符“兵”在绕口令中出现的次数 242
【实例14.5】截取网站公告标题 244
14.5 Math对象 247
14.5.1 Math对象的属性 247
14.5.2 Math对象的方法 248
【实例14.6】生成指定位数的随机数 248
14.6 Date对象 249
14.6.1 创建Date对象 249
14.6.2 Date对象的方法 250
【实例14.7】输出当前的日期和时间 252
【实例14.8】获取当前日期距离明年元旦的天数 252
14.7 综合案例——2020年内地电影票房排行 253
14.7.1 案例分析 253
14.7.2 实现过程 254
14.8 实战练习 255
第15章 事件处理
15.1 事件与事件处理概述 256
15.1.1 什么是事件 256
15.1.2 事件的调用 257
15.1.3 Event对象 258
15.2 表单相关事件 258
15.2.1 获得焦点与失去焦点事件 258
【实例15.1】改变文本框的背景颜色 258
15.2.2 失去焦点内容改变事件 259
【实例15.2】改变文本框的字体颜色 259
15.2.3 表单提交与重置事件 260
【实例15.3】验证提交表单中是否有空值 260
15.3 鼠标键盘事件 261
15.3.1 鼠标单击事件 261
【实例15.4】动态改变页面的背景颜色 261
15.3.2 鼠标按下和松开事件 262
【实例15.5】用事件模拟超链接标签的功能 262
15.3.3 鼠标移入移出事件 263
【实例15.6】动态改变图片的透明度 263
15.3.4 鼠标移动事件 263
15.3.5 键盘事件 264
15.4 页面事件 265
15.4.1 页面加载事件 265
【实例15.7】动态改变图片大小 265
15.4.2 页面大小事件 266
15.5 综合案例——二级联动菜单 266
15.5.1 案例分析 266
15.5.2 实现过程 267
15.6 实战练习 268
第16章 DOM编程
16.1 DOM概述 269
16.2 获取HTML元素 270
16.2.1 通过元素的id属性获取元素 271
【实例16.1】在页面的指定位置显示当前日期 271
16.2.2 通过元素的标签名获取元素 271
16.2.3 通过元素的类名获取元素 272
16.3 DOM对象节点属性 272
16.4 节点的操作 273
16.4.1 创建节点 273
【实例16.2】补全古诗 273
16.4.2 插入节点 274
【实例16.3】向页面中插入文本 274
16.4.3 复制节点 275
【实例16.4】复制下拉菜单 275
16.4.4 删除节点 275
【实例16.5】动态删除选中的文本 276
16.4.5 替换节点 276
【实例16.6】选择头像 276
16.5 获取或设置元素内容 277
【实例16.7】显示时间和问候语 277
16.6 综合案例——歌曲置顶和删除 278
16.6.1 案例分析 278
16.6.2 实现过程 278
16.7 实战练习 280
第17章 jQuery技术
17.1 jQuery下载与配置 281
17.1.1 下载jQuery 281
17.1.2 配置jQuery 282
17.2 jQuery选择器 282
17.2.1 jQuery的工厂函数 282
17.2.2 基本选择器 283
【实例17.1】筛选元素并添加新的样式 283
17.2.3 层级选择器 284
【实例17.2】为指定元素添加样式 285
17.2.4 过滤选择器 285
【实例17.3】实现带表头的双色表格 286
17.2.5 属性选择器 288
17.2.6 表单选择器 288
17.3 jQuery控制页面 289
17.3.1 对元素内容和值进行操作 289
【实例17.4】为多行列表框设置并获取值 291
17.3.2 对DOM节点进行操作 291
【实例17.5】开心小农场 293
17.3.3 对元素属性进行操作 294
【实例17.6】改变图片大小 295
17.3.4 对元素的CSS样式进行操作 295
【实例17.7】为图片添加和去除边框 296
17.4 jQuery的事件处理 297
17.4.1 页面加载响应事件 297
17.4.2 jQuery中的事件 298
17.4.3 事件绑定 299
17.4.4 模拟用户操作 300
【实例17.8】切换表情图片 300
17.5 jQuery的动画效果 301
17.5.1 基本的动画效果 301
【实例17.9】实现自动隐藏式菜单 302
17.5.2 滑动效果 303
17.5.3 自定义的动画效果 304
【实例17.10】实现幕帘的效果 304
17.6 综合案例——验证用户注册信息 306
17.6.1 案例分析 306
17.6.2 实现过程 306
17.7 实战练习 308
第18章 Vue.js框架
18.1 什么是Vue.js 309
18.2 Vue.js的安装 310
18.3 Vue实例及选项 311
18.3.1 挂载元素 311
18.3.2 数据 311
18.3.3 方法 312
18.4 数据绑定 313
18.4.1 插值 313
【实例18.1】插入文本 313
【实例18.2】插入HTML内容 313
18.4.2 过滤器 314
【实例18.3】截取新闻标题 314
18.5 指令 315
18.5.1 v-bind指令 315
【实例18.4】设置文字样式 315
18.5.2 v-on指令 316
【实例18.5】动态改变图片透明度 316
18.5.3 v-if指令 317
18.5.4 v-else指令 318
18.5.5 v-for指令 318
18.5.6 v-model指令 319
18.6 综合案例——选择职位 319
18.6.1 案例分析 319
18.6.2 实现过程 320
18.7 实战练习 321
案例篇
第19章 游戏公园（HTML CSS JavaScript Bootstrap）
19.1 系统预览 323
19.2 案例准备 323
19.3 功能结构 323
19.4 实现过程 324
19.4.1 “主页”的设计与实现 324
19.4.2 “博客列表”的设计与实现 327
19.4.3 “博客详情”的设计与实现 328
19.4.4 “关于我们”的设计与实现 329
第20章 咸鱼简历（HTML CSS jQuery Bootstrap）
20.1 系统预览 333
20.2 案例准备 335
20.3 功能结构 335
20.4 实现流程 336
20.4.1 导航菜单 336
20.4.2 自我介绍 337
20.4.3 工作经验 339
20.4.4 参与项目 340
20.4.5 联系方式 340
第21章 抖音秀（HTML CSS JavaScript H5FullScreenPage插件)
21.1 系统预览 342
21.2 案例准备 342
21.3 功能结构 343
21.4 实现过程 343
21.4.1 页头页尾区 343
21.4.2 视频功能区 345
21.4.3 挂件功能区 347
第22章 旅游信息网（HTML CSS jQuery jquery.faded插件）
22.1 案例效果预览 349
22.2 案例准备 351
22.3 功能结构 351
22.4 实现过程 351
22.4.1 实现网站公共header和footer 351
22.4.2 网站主页设计 354
22.4.3 “留下足迹”页面设计 356
第23章 用户注册与登录验证（HTML CSS JavaScript jQuery）
23.1 案例效果预览 358
23.2 案例准备 358
23.3 业务流程 359
23.4 实现过程 359
23.4.1 注册页面设计 359
23.4.2 用户注册验证 360
23.4.3 登录页面设计 361
23.4.4 验证滑块设计 362
23.4.5 用户登录验证 363
第24章 计算器（HTML CSS JavaScript）
24.1 案例效果预览 365
24.2 案例准备 365
24.3 业务流程 366
24.4 实现过程 366
24.4.1 计算器页面设计 366
24.4.2 基本计算功能的实现 368
24.4.3 特殊功能的实现 370
第25章 幸运大抽奖（HTML CSS JavaScript）
25.1 案例效果预览 371
25.2 案例准备 371
25.3 业务流程 372
25.4 实现过程 372
25.4.1 抽奖页面设计 372
25.4.2 抽奖功能的实现 373
第26章 贪吃蛇小游戏（HTML CSS JavaScript）
26.1 案例效果预览 377
26.2 案例准备 378
26.3 业务流程 378
26.4 实现过程 378
26.4.1 游戏初始页面设计 378
26.4.2 游戏操作 380
第27章 别踩白块儿小游戏（HTML CSS JavaScript）
27.1 案例效果预览 382
27.2 案例准备 382
27.3 业务流程 383
27.4 实现过程 383
27.4.1 游戏初始页面设计 383
27.4.2 游戏页面设计 385
27.4.3 游戏结束与重新开始游戏 386
第28章 手机端看图猜词小游戏（HTML CSS JavaScript jQuery）
28.1 案例效果预览 388
28.2 案例准备 388
28.3 业务流程 388
28.4 实现过程 389
28.4.1 构建看图猜词页面 389
28.4.2 看图猜词功能的实现 390
应用篇
第29章 51购商城
29.1 项目的设计思路 395
29.1.1 项目概述 395
29.1.2 页面预览 396
29.1.3 系统功能结构 397
29.1.4 系统业务流程 397
29.1.5 文件夹组织结构 398
29.2 主页的设计与实现 398
29.2.1 主页的设计 398
29.2.2 顶部区和底部区功能的实现 399
29.2.3 商品分类导航功能的实现 401
29.2.4 轮播图功能的实现 402
29.2.5 商品推荐功能的实现 404
29.2.6 适配移动端的实现 405
29.3 商品列表页面的设计与实现 406
29.3.1 商品列表页面的设计 406
29.3.2 分类选项功能的实现 406
29.3.3 商品列表区的实现 408
29.4 商品详情页面的设计与实现 409
29.4.1 商品详情页面的设计 410
29.4.2 图片放大镜效果的实现 411
29.4.3 商品概要功能的实现 412
29.4.4 商品评价功能的实现 414
29.4.5 猜你喜欢功能的实现 415
29.5 购物车页面的设计与实现 416
29.5.1 购物车页面的设计 417
29.5.2 购物车页面的实现 417
29.6 付款页面的设计与实现 418
29.6.1 付款页面的设计 418
29.6.2 付款页面的实现 418
29.7 登录注册页面的设计与实现 421
29.7.1 登录注册页面的设计 421
29.7.2 登录页面的实现 421
29.7.3 注册页面的实现 422
第30章 365影视网站设计
30.1 系统分析 425
30.2 系统设计 425
30.2.1 系统目标 425
30.2.2 系统功能结构 426
30.2.3 系统业务流程 426
30.2.4 网页预览 426
30.3 系统开发 427
30.3.1 开发环境 427
30.3.2 文件夹组织结构 429
30.4 关键技术 430
30.4.1 JavaScript脚本技术 430
30.4.2 jQuery技术 431
30.4.3 jQuery中的Ajax请求 432
30.5 首页技术实现 432
30.5.1 JavaScript实现导航菜单 432
30.5.2 JavaScript实现图片的轮换效果 434
30.5.3 Ajax实现热门专题页面 435
30.5.4 JavaScript实现电影图片不间断滚动 436
30.5.5 JavaScript实现浮动窗口 438
30.5.6 jQuery实现滑动门效果 438
30.5.7 jQuery实现向上间断滚动效果 441
30.6 查看影片详情页面 442
第1章 HTML基础
1.1 HTML基础 2
1.1.1 什么是HTML 2
1.1.2 HTML的发展历程 3
1.2 HTML5相关概念与基本结构 3
1.2.1 HTML5的相关概念 3
1.2.2 HTML5的基本结构 4
【实例1.1】运用属性，渲染页面效果 6
1.3 编写个HTML5文件 9
1.3.1 HTML5文件的编写方法 9
1.3.2 手工编写页面 9
1.3.3 使用可视化软件制作页面 10
第2章 标题和段落
2.1 添加标题 15
2.1.1 添加各级标题 16
【实例2.1】巧用标题标签，编写程序员笑话 16
2.1.2 设置标题的对齐方式 17
【实例2.2】活用文字居中，推荐商品信息 18
2.2 添加段落 18
2.2.1 段落标签的使用 18
【实例2.3】巧用段落标签，介绍创意文字 19
2.2.2 段落中的换行标签 19
【实例2.4】巧用换行，书写故事 19
2.3 添加文字装饰效果 20
2.3.1 设置上标与下标 20
【实例2.5】使用上下标，展示数学方程式 21
2.3.2 文字的斜体、下划线与删除线 21
【实例2.6】活用文字装饰，推荐商品信息 21
2.4 添加水平线 22
【实例2.7】巧用水平线绘制行表格 22
2.5 综合案例——二十四节气歌 23
2.5.1 分析数据 23
2.5.2 实现过程 24
2.6 实战练习 24
第3章 图像和超链接
3.1 添加图像 25
3.1.1 图像的基本格式 25
3.1.2 添加图像 26
【实例3.1】使用标签实现五子棋的游戏简介 26
3.2 设置图像属性 27
3.2.1 图像大小与边框 27
【实例3.2】改变手机商品详情中的图片大小和边框 27
3.2.2 替换文本与提示文字 28
【实例3.3】设置图片的提示文字与替换文本 28
3.2.3 图像间距与对齐方式 29
【实例3.4】使用align属性改变头像的位置 30
3.3 添加超链接 30
3.3.1 添加文本链接 30
【实例3.5】巧用文本链接实现商城导航 31
3.3.2 添加书签链接 31
【实例3.6】巧用书签链接实现商城网页内部跳转 32
3.4 图像的超链接与热区链接 33
3.4.1 图像的超链接 33
【实例3.7】添加图片链接实现手机风暴模块 33
3.4.2 图像热区链接 35
【实例3.8】使用热区链接添加多个链接地址 35
3.5 综合案例——实现明日学院明星讲师页面的跳转 36
3.5.1 案例分析 37
3.5.2 实现过程 37
3.6 实战练习 38
第4章 表格与标签、标签
4.1 简单表格 39
4.1.1 简单表格的制作 39
【实例4.1】使用表格标签编写考试成绩单 40
4.1.2 表头的设置 41
【实例4.2】使用表头标签制作简单课程表 41
4.2 表格的高级应用 42
4.2.1 表格的样式 42
【实例4.3】制作商品推荐表格 43
4.2.2 表格的合并 44
【实例4.4】使用表格制作复杂课程表 44
4.2.3 表格的分组 45
【实例4.5】使用表格分组制作学生联系表 45
4.3 标签 46
4.3.1 标签的介绍 46
【实例4.6】使用标签制作古诗一首 47
4.3.2 标签的应用 47
【实例4.7】使用标签制作个人简历 48
4.4 标签 48
4.4.1 标签的介绍 48
【实例4.8】使用不同的语言表述“我爱你” 49
4.4.2 标签的应用 49
【实例4.9】使用标签制作公司介绍短文 49
4.5 综合案例——制作网页中的女装模块 50
4.5.1 案例分析 50
4.5.2 实现过程 51
4.6 实战练习 52
第5章 列表
5.1 列表的标签 53
5.2 无序列表 54
5.2.1 无序列表标签 54
【实例5.1】运用无序列表显示NBA东部联盟球队前四强 54
5.2.2 无序列表属性 54
【实例5.2】运用无序列表显示全球品牌价值100强的前三名 55
5.3 有序列表 57
5.3.1 有序列表标签 57
【实例5.3】运用有序列表显示2018年俄罗斯世界杯排名前四强 57
5.3.2 有序列表属性 58
【实例5.4】运用有序列表制作商城页面 58
5.4 定义列表 59
【实例5.5】运用定义列表显示古诗二首 60
5.5 无序列表和有序列表的嵌套 60
【实例5.6】运用无序列表和有序列表制作导航栏 60
5.6 综合案例——使用列表制作二级导航菜单 62
5.6.1 案例分析 62
5.6.2 案例实现 62
5.7 实战练习 64
第6章 表单
6.1 表单概述 65
6.1.1 什么是表单 65
6.1.2 表单标签 65
6.2 输入标签 67
6.2.1 文本框和密码框 67
【实例6.1】制作商城中账号登录页面 68
6.2.2 单选按钮和复选框 69
【实例6.2】实现购物车页面选择商品功能 69
6.2.3 按钮 70
【实例6.3】制作收货地址信息填写页面 71
6.2.4 图像域和文件域 72
【实例6.4】实现注册页面中的上传图像功能 73
6.3 文本域和列表 74
6.3.1 文本域 74
【实例6.5】制作商品评价页面中的评价输入框 74
6.3.2 列表/菜单 74
【实例6.6】实现个人档案填写 75
6.4 综合案例——制作在线租房信息填写页面 77
6.4.1 案例分析 77
6.4.2 案例实现 78
6.5 实战练习 81
第7章 CSS3选择器
7.1 CSS3选择器概述 82
7.1.1 CSS3的发展史 82
7.1.2 一个简单的CSS3示例 83
7.1.3 选择器概述 85
7.2 基础选择器 86
7.2.1 元素选择器 86
【实例7.1】使用元素选择器实现生日贺卡的样式 86
7.2.2 类选择器 87
7.2.3 ID选择器 88
【实例7.2】制作网购商城中的爆款特卖页面 89
7.2.4 属性选择器 91
【实例7.3】制作51购商城首页的手机风暴版块 91
7.3 其他选择器 93
7.3.1 后代选择器 93
7.3.2 子代选择器 94
7.3.3 相邻兄弟元素选择器 95
7.3.4 通用兄弟元素选择器 96
7.4 伪类和伪元素选择器 97
7.4.1 伪类选择器 97
7.4.2 伪元素选择器 98
【实例7.4】制作vivo X9s手机的宣传页面 98
7.5 综合案例——仿制个人空间主页 100
7.5.1 案例分析 100
7.5.2 案例实现 101
7.6 实战练习 103
第8章 CSS3常用属性
8.1 文本相关属性 104
8.1.1 文字相关属性 104
【实例8.1】制作网购商城的商品抢购页面 106
8.1.2 文本相关属性 107
【实例8.2】演示word-break属性的功能 108
8.2 背景相关属性 109
8.2.1 背景常规属性 109
【实例8.3】实现为登录页面插入背景图像 111
8.2.2 CSS3新增背景属性 112
8.3 列表相关属性 116
【实例8.4】更改鼠标悬停在二级导航菜单上时的列表项符号 116
8.4 框模型 118
8.4.1 框模型概述 118
8.4.2 设置元素的大小 118
8.4.3 设置外边距 118
【实例8.5】实现对vivo系列手机儿童模式的介绍 120
8.4.4 设置内边距 121
【实例8.6】制作手机商城中的新品专区页面 121
8.4.5 设置边框 122
【实例8.7】制作购物商城中的商品列表页面 124
8.5 定位相关属性 125
8.5.1 设置元素的位置 125
【实例8.8】实现鼠标滑过垂直菜单时，展开对应的内容 126
8.5.2 设置元素的浮动 127
【实例8.9】在商品详情页面，标签设置向左浮动 128
8.6 综合案例——制作换季换新机促销页面 129
8.6.1 案例分析 129
8.6.2 案例实现 129
8.7 实战练习 131
第9章 响应式网页设计
9.1 响应式网页设计概述 132
9.1.1 响应式网页设计的概念 132
9.1.2 响应式网页设计的优缺点 132
9.1.3 响应式网页设计的技术原理 133
9.2 像素和屏幕分辨率 134
9.2.1 像素和屏幕分辨率 134
9.2.2 设备像素和CSS像素 134
9.3 视口 135
9.3.1 视口简介 135
9.3.2 视口常用属性 136
9.3.3 媒体查询 136
9.4 响应式网页的布局设计 137
9.4.1 常用布局类型 137
9.4.2 布局的实现方式 138
9.4.3 响应式布局的设计与实现 139
【实例9.1】实现51购商城登录页面的响应式布局 140
9.5 综合案例——制作响应式表格 142
9.5.1 案例分析 142
9.5.2 案例实现 142
9.6 实战练习 144
第10章 Bootstrap基础
10.1 Bootstrap概述 145
10.1.1 Bootstrap是什么 145
10.1.2 Bootstrap的优点 145
10.1.3 Bootstrap包含的内容 146
10.2 Bootstrap的下载与安装 146
10.2.1 Bootstrap的下载 146
10.2.2 Bootstrap的文件结构 147
10.3 Bootstrap通用样式 148
10.3.1 文字相关样式 148
【实例10.1】实现《东北吃货进行曲》的歌词 149
【实例10.2】实现华为P30 Pro手机简介 150
10.3.2 颜色相关样式 150
【实例10.3】制作拼多多中多多果然获取水滴页面 152
10.3.3 设置内外边距 153
【实例10.4】制作人见人爱奖状页面 154
10.3.4 设置边框与浮动 154
【实例10.5】仿制简易密码输入器页面 155
【实例10.6】仿制电商网站首页中“用券爆款”页面 156
10.4 Bootstrap中的网格布局 157
10.4.1 网格系统的基本使用 157
【实例10.7】使用网格系统来布局一则360每日趣玩消息 159
10.4.2 自动布局列 159
【实例10.8】设计游戏列表页面的响应式布局 161
10.4.3 项目的对齐处理 161
【实例10.9】设计游戏列表的响应式水平对齐方式 162
【实例10.10】设计游戏列表的响应式垂直对齐方式 164
10.4.4 列的偏移、嵌套和重排序 164
【实例10.11】使用列偏移等间距对齐游戏列表 165
【实例10.12】实现为商品列表按价格进行排序 166
10.5 综合案例——制作音乐网站的热门推荐列表 167
10.5.1 案例分析 168
10.5.2 案例实现 168
10.6 实战练习 169
第11章 JavaScript基础
11.1 JavaScript概述 170
11.1.1 JavaScript的发展 170
11.1.2 JavaScript的主要特点 171
11.1.3 JavaScript的应用 171
11.1.4 JavaScript在HTML中的使用 172
【实例11.1】编写个JavaScript程序 173
【实例11.2】调用外部JavaScript文件 173
11.1.5 基本语法 174
11.2 数据类型 176
11.2.1 数值型 176
11.2.2 字符串型 178
11.2.3 布尔型 179
11.2.4 特殊数据类型 179
11.3 变量 180
11.3.1 变量的命名 180
11.3.2 变量的声明 180
11.3.3 变量的赋值 181
11.3.4 变量的类型 182
【实例11.3】输出球员信息 182
11.4 运算符和表达式 182
11.4.1 算术运算符 182
【实例11.4】将华氏度转换为摄氏度 183
11.4.2 字符串运算符 183
【实例11.5】字符串运算符的使用 184
11.4.3 比较运算符 184
【实例11.6】比较运算符的使用 185
11.4.4 赋值运算符 185
【实例11.7】赋值运算符的使用 185
11.4.5 逻辑运算符 186
【实例11.8】逻辑运算符的使用 186
11.4.6 条件运算符 186
【实例11.9】条件运算符的使用 187
11.4.7 其他运算符 187
11.4.8 运算符优先级 188
【实例11.10】运算符优先级的使用 189
11.4.9 表达式 190
11.5 数据类型的转换规则 190
11.6 综合案例——判断员工收入 191
11.6.1 案例分析 191
11.6.2 实现过程 191
11.7 实战练习 192
第12章 流程控制
12.1 条件判断语句 193
12.1.1 if语句 193
【实例12.1】获取3个数中的值 194
【实例12.2】判断3是奇数还是偶数 196
【实例12.3】输出考试成绩对应的等级 197
【实例12.4】判断女职工是否已经退休 198
12.1.2 switch语句 198
【实例12.5】输出奖项级别及奖品 200
12.2 循环语句 200
12.2.1 while语句 201
【实例12.6】计算3000米障碍比赛的完整圈数 202
12.2.2 do...while语句 202
【实例12.7】计算1 2 … 100的和 203
12.2.3 for语句 203
【实例12.8】计算50以内所有奇数的和 204
12.2.4 循环语句的嵌套 205
【实例12.9】输出乘法口诀表 205
12.3 跳转语句 205
12.3.1 continue语句 206
【实例12.10】输出影厅座位图 206
12.3.2 break语句 207
12.4 综合案例——输出表格 208
12.4.1 案例分析 208
12.4.2 实现过程 208
12.5 实战练习 209
第13章 函数
13.1 函数的定义和调用 210
13.1.1 函数的定义 210
13.1.2 函数的调用 211
13.2 函数的参数和返回值 213
13.2.1 函数的参数 213
【实例13.1】输出图书名称和图书作者 213
13.2.2 函数的返回值 214
【实例13.2】计算购物车中商品的总价 214
13.3 嵌套函数 215
13.3.1 函数的嵌套定义 215
13.3.2 函数的嵌套调用 215
【实例13.3】获得选手的平均分 216
13.4 变量的作用域 216
13.4.1 全局变量和局部变量 216
13.4.2 变量的优先级 217
13.5 内置函数 217
13.5.1 数值处理函数 217
13.5.2 字符串处理函数 219
13.6 在表达式中定义函数 220
【实例13.4】输出星号金字塔形图案 221
13.7 综合案例——输出自定义的表格 221
13.7.1 案例分析 222
13.7.2 实现过程 222
13.8 实战练习 223
第14章 对象
14.1 对象简介 224
14.1.1 什么是对象 224
14.1.2 对象的属性和方法 224
14.1.3 JavaScript对象的种类 225
14.2 自定义对象的创建 225
14.2.1 直接创建自定义对象 226
14.2.2 通过自定义构造函数创建对象 226
【实例14.1】输出演员个人简介 227
14.2.3 通过Object对象创建自定义对象 228
14.3 Array对象 229
14.3.1 数组介绍 230
14.3.2 定义数组 230
14.3.3 操作数组元素 231
【实例14.2】输出3个学霸姓名 232
14.3.4 获取数组的长度 234
【实例14.3】输出省份、省会以及旅游景点 234
14.3.5 数组的方法 235
14.4 String对象 240
14.4.1 String对象的创建 240
14.4.2 获取字符串的长度 241
14.4.3 String对象的方法 241
【实例14.4】获取字符“兵”在绕口令中出现的次数 242
【实例14.5】截取网站公告标题 244
14.5 Math对象 247
14.5.1 Math对象的属性 247
14.5.2 Math对象的方法 248
【实例14.6】生成指定位数的随机数 248
14.6 Date对象 249
14.6.1 创建Date对象 249
14.6.2 Date对象的方法 250
【实例14.7】输出当前的日期和时间 252
【实例14.8】获取当前日期距离明年元旦的天数 252
14.7 综合案例——2020年内地电影票房排行 253
14.7.1 案例分析 253
14.7.2 实现过程 254
14.8 实战练习 255
第15章 事件处理
15.1 事件与事件处理概述 256
15.1.1 什么是事件 256
15.1.2 事件的调用 257
15.1.3 Event对象 258
15.2 表单相关事件 258
15.2.1 获得焦点与失去焦点事件 258
【实例15.1】改变文本框的背景颜色 258
15.2.2 失去焦点内容改变事件 259
【实例15.2】改变文本框的字体颜色 259
15.2.3 表单提交与重置事件 260
【实例15.3】验证提交表单中是否有空值 260
15.3 鼠标键盘事件 261
15.3.1 鼠标单击事件 261
【实例15.4】动态改变页面的背景颜色 261
15.3.2 鼠标按下和松开事件 262
【实例15.5】用事件模拟超链接标签的功能 262
15.3.3 鼠标移入移出事件 263
【实例15.6】动态改变图片的透明度 263
15.3.4 鼠标移动事件 263
15.3.5 键盘事件 264
15.4 页面事件 265
15.4.1 页面加载事件 265
【实例15.7】动态改变图片大小 265
15.4.2 页面大小事件 266
15.5 综合案例——二级联动菜单 266
15.5.1 案例分析 266
15.5.2 实现过程 267
15.6 实战练习 268
第16章 DOM编程
16.1 DOM概述 269
16.2 获取HTML元素 270
16.2.1 通过元素的id属性获取元素 271
【实例16.1】在页面的指定位置显示当前日期 271
16.2.2 通过元素的标签名获取元素 271
16.2.3 通过元素的类名获取元素 272
16.3 DOM对象节点属性 272
16.4 节点的操作 273
16.4.1 创建节点 273
【实例16.2】补全古诗 273
16.4.2 插入节点 274
【实例16.3】向页面中插入文本 274
16.4.3 复制节点 275
【实例16.4】复制下拉菜单 275
16.4.4 删除节点 275
【实例16.5】动态删除选中的文本 276
16.4.5 替换节点 276
【实例16.6】选择头像 276
16.5 获取或设置元素内容 277
【实例16.7】显示时间和问候语 277
16.6 综合案例——歌曲置顶和删除 278
16.6.1 案例分析 278
16.6.2 实现过程 278
16.7 实战练习 280
第17章 jQuery技术
17.1 jQuery下载与配置 281
17.1.1 下载jQuery 281
17.1.2 配置jQuery 282
17.2 jQuery选择器 282
17.2.1 jQuery的工厂函数 282
17.2.2 基本选择器 283
【实例17.1】筛选元素并添加新的样式 283
17.2.3 层级选择器 284
【实例17.2】为指定元素添加样式 285
17.2.4 过滤选择器 285
【实例17.3】实现带表头的双色表格 286
17.2.5 属性选择器 288
17.2.6 表单选择器 288
17.3 jQuery控制页面 289
17.3.1 对元素内容和值进行操作 289
【实例17.4】为多行列表框设置并获取值 291
17.3.2 对DOM节点进行操作 291
【实例17.5】开心小农场 293
17.3.3 对元素属性进行操作 294
【实例17.6】改变图片大小 295
17.3.4 对元素的CSS样式进行操作 295
【实例17.7】为图片添加和去除边框 296
17.4 jQuery的事件处理 297
17.4.1 页面加载响应事件 297
17.4.2 jQuery中的事件 298
17.4.3 事件绑定 299
17.4.4 模拟用户操作 300
【实例17.8】切换表情图片 300
17.5 jQuery的动画效果 301
17.5.1 基本的动画效果 301
【实例17.9】实现自动隐藏式菜单 302
17.5.2 滑动效果 303
17.5.3 自定义的动画效果 304
【实例17.10】实现幕帘的效果 304
17.6 综合案例——验证用户注册信息 306
17.6.1 案例分析 306
17.6.2 实现过程 306
17.7 实战练习 308
第18章 Vue.js框架
18.1 什么是Vue.js 309
18.2 Vue.js的安装 310
18.3 Vue实例及选项 311
18.3.1 挂载元素 311
18.3.2 数据 311
18.3.3 方法 312
18.4 数据绑定 313
18.4.1 插值 313
【实例18.1】插入文本 313
【实例18.2】插入HTML内容 313
18.4.2 过滤器 314
【实例18.3】截取新闻标题 314
18.5 指令 315
18.5.1 v-bind指令 315
【实例18.4】设置文字样式 315
18.5.2 v-on指令 316
【实例18.5】动态改变图片透明度 316
18.5.3 v-if指令 317
18.5.4 v-else指令 318
18.5.5 v-for指令 318
18.5.6 v-model指令 319
18.6 综合案例——选择职位 319
18.6.1 案例分析 319
18.6.2 实现过程 320
18.7 实战练习 321
案例篇
第19章 游戏公园（HTML CSS JavaScript Bootstrap）
19.1 系统预览 323
19.2 案例准备 323
19.3 功能结构 323
19.4 实现过程 324
19.4.1 “主页”的设计与实现 324
19.4.2 “博客列表”的设计与实现 327
19.4.3 “博客详情”的设计与实现 328
19.4.4 “关于我们”的设计与实现 329
第20章 咸鱼简历（HTML CSS jQuery Bootstrap）
20.1 系统预览 333
20.2 案例准备 335
20.3 功能结构 335
20.4 实现流程 336
20.4.1 导航菜单 336
20.4.2 自我介绍 337
20.4.3 工作经验 339
20.4.4 参与项目 340
20.4.5 联系方式 340
第21章 抖音秀（HTML CSS JavaScript H5FullScreenPage插件)
21.1 系统预览 342
21.2 案例准备 342
21.3 功能结构 343
21.4 实现过程 343
21.4.1 页头页尾区 343
21.4.2 视频功能区 345
21.4.3 挂件功能区 347
第22章 旅游信息网（HTML CSS jQuery jquery.faded插件）
22.1 案例效果预览 349
22.2 案例准备 351
22.3 功能结构 351
22.4 实现过程 351
22.4.1 实现网站公共header和footer 351
22.4.2 网站主页设计 354
22.4.3 “留下足迹”页面设计 356
第23章 用户注册与登录验证（HTML CSS JavaScript jQuery）
23.1 案例效果预览 358
23.2 案例准备 358
23.3 业务流程 359
23.4 实现过程 359
23.4.1 注册页面设计 359
23.4.2 用户注册验证 360
23.4.3 登录页面设计 361
23.4.4 验证滑块设计 362
23.4.5 用户登录验证 363
第24章 计算器（HTML CSS JavaScript）
24.1 案例效果预览 365
24.2 案例准备 365
24.3 业务流程 366
24.4 实现过程 366
24.4.1 计算器页面设计 366
24.4.2 基本计算功能的实现 368
24.4.3 特殊功能的实现 370
第25章 幸运大抽奖（HTML CSS JavaScript）
25.1 案例效果预览 371
25.2 案例准备 371
25.3 业务流程 372
25.4 实现过程 372
25.4.1 抽奖页面设计 372
25.4.2 抽奖功能的实现 373
第26章 贪吃蛇小游戏（HTML CSS JavaScript）
26.1 案例效果预览 377
26.2 案例准备 378
26.3 业务流程 378
26.4 实现过程 378
26.4.1 游戏初始页面设计 378
26.4.2 游戏操作 380
第27章 别踩白块儿小游戏（HTML CSS JavaScript）
27.1 案例效果预览 382
27.2 案例准备 382
27.3 业务流程 383
27.4 实现过程 383
27.4.1 游戏初始页面设计 383
27.4.2 游戏页面设计 385
27.4.3 游戏结束与重新开始游戏 386
第28章 手机端看图猜词小游戏（HTML CSS JavaScript jQuery）
28.1 案例效果预览 388
28.2 案例准备 388
28.3 业务流程 388
28.4 实现过程 389
28.4.1 构建看图猜词页面 389
28.4.2 看图猜词功能的实现 390
应用篇
第29章 51购商城
29.1 项目的设计思路 395
29.1.1 项目概述 395
29.1.2 页面预览 396
29.1.3 系统功能结构 397
29.1.4 系统业务流程 397
29.1.5 文件夹组织结构 398
29.2 主页的设计与实现 398
29.2.1 主页的设计 398
29.2.2 顶部区和底部区功能的实现 399
29.2.3 商品分类导航功能的实现 401
29.2.4 轮播图功能的实现 402
29.2.5 商品推荐功能的实现 404
29.2.6 适配移动端的实现 405
29.3 商品列表页面的设计与实现 406
29.3.1 商品列表页面的设计 406
29.3.2 分类选项功能的实现 406
29.3.3 商品列表区的实现 408
29.4 商品详情页面的设计与实现 409
29.4.1 商品详情页面的设计 410
29.4.2 图片放大镜效果的实现 411
29.4.3 商品概要功能的实现 412
29.4.4 商品评价功能的实现 414
29.4.5 猜你喜欢功能的实现 415
29.5 购物车页面的设计与实现 416
29.5.1 购物车页面的设计 417
29.5.2 购物车页面的实现 417
29.6 付款页面的设计与实现 418
29.6.1 付款页面的设计 418
29.6.2 付款页面的实现 418
29.7 登录注册页面的设计与实现 421
29.7.1 登录注册页面的设计 421
29.7.2 登录页面的实现 421
29.7.3 注册页面的实现 422
第30章 365影视网站设计
30.1 系统分析 425
30.2 系统设计 425
30.2.1 系统目标 425
30.2.2 系统功能结构 426
30.2.3 系统业务流程 426
30.2.4 网页预览 426
30.3 系统开发 427
30.3.1 开发环境 427
30.3.2 文件夹组织结构 429
30.4 关键技术 430
30.4.1 JavaScript脚本技术 430
30.4.2 jQuery技术 431
30.4.3 jQuery中的Ajax请求 432
30.5 首页技术实现 432
30.5.1 JavaScript实现导航菜单 432
30.5.2 JavaScript实现图片的轮换效果 434
30.5.3 Ajax实现热门专题页面 435
30.5.4 JavaScript实现电影图片不间断滚动 436
30.5.5 JavaScript实现浮动窗口 438
30.5.6 jQuery实现滑动门效果 438
30.5.7 jQuery实现向上间断滚动效果 441
30.6 查看影片详情页面 442
猜您喜欢
