新書推薦：
《
定言命令式：康德道德哲学研究（政治哲学名著译丛）
》
售價：HK$
129.8
《
棕榈油的全球史 ： 从奴隶船到购物篮
》
售價：HK$
96.8
《
简帛时代与早期中国思想世界（上下册）（王中江著作系列）
》
售價：HK$
308.0
《
进化主义在中国的兴起（王中江著作系列）
》
售價：HK$
209.0
《
不废风雅 生活的意趣（汪曾祺风雅意趣妙文）
》
售價：HK$
61.6
《
东亚世界形成史论（新版）
》
售價：HK$
107.8
《
奶奶的半个心愿 “课本里的作家” 中考热点作家孙道荣2024年全新散文集
》
售價：HK$
41.8
《
天生坏种：罪犯与犯罪心理分析
》
售價：HK$
97.9
|
| 編輯推薦： |
本书编写模式采用基础知识 中小实例 实战案例 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。
（1）本书是Web前端零基础的启蒙之书
（2）全书覆盖Web前端开发的知识体系内容
（3）理论实战紧密结合，彻底摆脱纸上谈兵
本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有二维码，微信扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟着案例去学习，边学边做，从做中学，学习体验可以更深入、更高效。
|
| 內容簡介： |
本书以理论知识为铺垫，以实际应用为指向，从简单易学的角度出发，系统讲述了Web前端开发的相关知识，内容由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴实战。
本书从Web基础知识讲起，循序渐进地融入了HTML5、CSS3、JavaScript、绘图、地理定位、本地存储等实用技术，是一本真正的Web前端开发从学到用的自学教程。
本书配备了极为丰富的学习资源，不仅有教学视频、实例素材及源程序，还有HTML页面基本速查、CSS常用属性速查、JavaScript对象参考手册，jQuery参考手册、网页配色基本知识速查等电子书。
本书适合作为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书，也可用作高等院校或培训学校相关专业的教材及参考书。本书以理论知识为铺垫，以实际应用为指向，从简单易学的角度出发，系统讲述了Web前端开发的相关知识，内容由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴实战。
本书从Web基础知识讲起，循序渐进地融入了HTML5、CSS3、JavaScript、绘图、地理定位、本地存储等实用技术，是一本真正的Web前端开发从学到用的自学教程。
本书配备了极为丰富的学习资源，不仅有教学视频、实例素材及源程序，还有HTML页面基本速查、CSS常用属性速查、JavaScript对象参考手册，jQuery参考手册、网页配色基本知识速查等电子书。
本书适合作为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书，也可用作高等院校或培训学校相关专业的教材及参考书。
|
| 目錄：
|
第1章 Web基础知识 001
1.1 Web前端开发 002
1.1.1 什么是前端开发 002
1.1.2 前端开发要学哪些内容 002
1.2 Web工作原理 003
1.2.1 因特网与万维网 003
1.2.2 Web架构 003
1.2.3 协议 004
1.2.4 服务器 005
1.2.5 什么是网页 005
1.2.6 浏览器的工作原理 005
1.2.7 网页与网站的关系 006
1.3 HTML概念与HTML5的联系 006
1.3.1 什么是HTML 006
1.3.2 HTML到XHTML 007
1.3.3 HTML5的发展 008
1.4 HTML文件的基本标记 008
1.4.1 开始标签 009
1.4.2 头部标签 009
1.4.3 标题标签 009
1.4.4 主体标签 010
1.4.5 元信息标签 010
1.4.6 标签 010
综合实战 制作我的第一个网页 011
课后作业 简单网页的制作方法 013
第2章 填充网页内容 015
2.1 网页中文字和段落 016
2.1.1 标题文字 016
课堂练习：制作大小不同的标题 016
2.1.2 文字对齐 017
课堂练习：使用align设置对齐方式 017
2.1.3 文字字体 018
课堂练习：字体的设置 018
2.1.4 段落换行 019
课堂练习：给文字换行 019
2.1.5 字体颜色 020
课堂练习：给文字设置色彩 020
2.1.6 文字的上标和下标 021
课堂练习：制作数学方程式 021
2.1.7 文字删除线 021
课堂练习：删除线的制作 022
2.1.8 文字不换行 022
课堂练习：制作文字不换行效果 022
2.1.9 文字加粗 023
课堂练习：让文字更加突出 023
2.2 网页中的图片样式 024
2.2.1 图片的格式 024
2.2.2 给网页添加图片 025
课堂练习：使用img标签 025
2.2.3 设置图片的大小 026
课堂练习：图片的大小设置 026
2.2.4 图片的边框显示 027
课堂练习：给图片设置边框 027
2.2.5 水平间距 027
课堂练习：设置图片的间距效果 028
2.2.6 提示文字 029
课堂练习：设置图片的提示文字 029
2.2.7 文字替换图片 029
课堂练习：设置图片的替换文字 030
综合实战 定义图片热区 030
课后作业 设置字体和图片样式 032
第3章 表格布局网页 034
3.1 创建表格 035
3.1.1 表格的基本构成 035
3.1.2 表格的标题 035
课堂练习：制作表格的标题 035
3.1.3 表格的表头 037
课堂练习：制作表格的表头 037
3.2 设置表格边框样式 038
3.2.1 给表格设置边框 038
课堂练习：设置表格边框 038
3.2.2 给表格边框设置颜色 039
课堂练习：设置表格边框颜色 040
3.2.3 表格中的单元格间距 041
课堂练习：设置表格单元格间距 041
3.2.4 表格中文字与边框间距 042
课堂练习：在文字和边框之间设置间距 042
3.3 设置表格行内属性 043
3.3.1 行的背景颜色及大小 043
课堂练习：设置行的背景颜色和大小 043
3.3.2 行内文字的对齐方式 045
课堂练习：如何设置行内文字的对齐方式 045
3.4 设置表格的背景 046
3.4.1 表格背景颜色 047
课堂练习：表格整体颜色的设置 047
3.4.2 为表格背景插入图像 048
课堂练习：插入表格的背景图片 048
3.5 设置单元格的样式 049
3.5.1 单元格的大小 049
课堂练习：设置单元格的大小 049
3.5.2 单元格的背景颜色 051
课堂练习：设置单元格的背景颜色 051
3.5.3 单元格的边框属性 052
课堂练习：给单元格边框设置属性 052
3.5.4 合并单元格 053
课堂练习：将多个单元格进行合并 053
综合实战 利用表格制作简单的网页 055
课后作业 制作一张课程表 057
第4章 列表和超链接 059
4.1 使用无序列表 060
4.1.1 ul标签使用方法 060
课堂练习：制作无序列表 060
4.1.2 type无序列表类型 061
课堂练习：制作无序列表类型 061
4.2 使用有序列表 063
4.2.1 ol定义有序列表 063
课堂练习：制作有序列表 063
4.2.2 type有序列表类型 064
课堂练习：设置有序列表类型 064
4.2.3 start有序列表的起始值 065
课堂练习：制作列表的起始值 065
4.2.4 dl定义列表标签 066
课堂练习：制作定义列表 066
4.2.5 menu菜单列表 068
课堂练习：制作菜单列表样式 069
4.2.6 color设置列表文字颜色 069
课堂练习：给列表项目设置颜色 070
4.3 列表的嵌套 070
4.3.1 定义列表的嵌套 070
课堂练习：使用嵌套列表制作诗集 071
4.3.2 无序列表和有序列表的嵌套 072
课堂练习：制作中国历史朝代出现的顺序 072
4.3.3 有序列表之间的嵌套 073
课堂练习：有序列表的嵌套方法 073
4.4 超链接的路径 075
4.4.1 绝对路径 075
4.4.2 相对路径 075
4.5 创建超链接 075
4.5.1 超链接标签的属性 075
4.5.2 内部链接 076
课堂练习：制作网页中的链接方法 076
4.5.3 外部链接 077
课堂练习：链接到外部网页 077
综合实战 制作网站首页菜单 078
课后作业 首页的二级菜单 080
第5章 HTML5常用元素 082
5.1 HTML5新特性 083
5.1.1 HTML5的兼容性 083
5.1.2 HTML5的化繁为简 083
5.1.3 HTML5的通用访问 084
5.1.4 HTML5标准改进 084
5.2 HTML5优势 084
5.2.1 页面的交互性能更强大 085
课堂练习：制作一个可以编辑的页面 085
5.2.2 使用HTML5的优势 086
5.2.3 HTML5的语法变化 088
5.2.4 HTML5中的标记方法 088
5.2.5 HTML5与旧版本的兼容性 089
5.3 HTML5中新增的元素 090
5.3.1 HTML5中新增的元素 090
5.3.2 HTML5中废除的元素和属性 094
5.4 HTML5新的主体结构元素 094
5.4.1 article元素 094
课堂练习：定义外部内容 095
5.4.2 section元素 096
课堂练习：使用section元素 096
5.4.3 nav元素 098
课堂练习：制作简单导航栏 098
5.4.4 aside元素 099
课堂练习：aside元素的使用方法 099
5.4.5 time元素与微格式 100
课堂练习：使用time微格式 101
5.5 HTML5新的非主体结构元素 101
5.5.1 header元素 101
课堂练习：使用header元素 102
5.5.2 hgroup元素 103
5.5.3 footer元素 103
课堂练习：使用footer制作底部信息 104
综合实战 使用video元素添加视频 105
课后作业 制作一个播放器效果 107
第6章 表单的应用详解 109
6.1 表单的标签 110
6.1.1 处理动作action 110
6.1.2 表单名称name 110
6.1.3 传送方法method 111
6.1.4 编码方式enctype 111
6.1.5 目标显示方式target 112
6.1.6 表单的控件 112
6.2 输入型的控件 113
6.2.1 文字字段text 113
课堂练习：文字字段的设置 114
6.2.2 密码域password 114
课堂练习：密码域的设置 115
6.2.3 单选按钮radio 116
课堂练习：单选按钮的添加 116
6.2.4 复选框checkbox 117
课堂练习：复选框的设置 117
6.2.5 表单按钮button 118
课堂练习：表单的普通按钮 119
6.2.6 提交按钮submit 119
课堂练习：提交按钮的设置 119
6.2.7 重置按钮reset 120
课堂练习：重置按钮的设置 121
6.2.8 文件域file 122
课堂练习：文件域的添加方法 122
6.2.9 文本域标签textarea 123
课堂练习：设置表单的文本域 123
6.3 表单定义标签 124
6.3.1 使用label定义标签 124
课堂练习：用label定义标签 124
6.3.2 使用button定义按钮 125
课堂练习：使用button定义按钮 125
6.3.3 列表、表单标记 126
课堂练习：列表、表单的设置 126
6.4 HTML5 中的表单 127
6.4.1 HTML5 form新特性 127
6.4.2 新型表单的输入型控件 128
6.4.3 表单中日期的制作 129
课堂练习：表单中出现的日期 129
6.4.4 限制数字范围 130
课堂练习：制作数字的最大和最小值 130
6.4.5 自选颜色的设置 131
课堂练习：选择喜欢的颜色 131
6.5 HTML5中表单新增的元素和属性 132
6.5.1 表单的新元素 132
6.5.2 表单新增属性 134
课堂练习：输入占位符的制作方法 135
课堂练习：自动获得焦点 136
课堂练习：检索datalist元素的值 137
综合实战 制作一个综合表单 138
课后作业 利用新增元素制作表单 141
第7章 进行拖拽和存储 143
7.1 拖放API 144
7.1.1 实现拖放API的过程 144
7.1.2 dataTransfer对象的属性与方法 144
7.2 拖放API的应用 145
7.2.1 拖放应用 145
课堂练习：制作拖放效果 145
7.2.2 拖放列表 147
课堂练习：制作拖放列表效果 147
7.3 学习WebStorage 储存 150
7.3.1 WebStorage介绍 150
7.3.2 简单的数据库应用 150
课堂练习：制作简单的数据库效果 151
7.3.3 WebStorage的浏览器支持情况 152
7.4 使用WebStorage API 153
7.4.1 设置和获取数据 153
课堂练习：获取数据库的制作 153
7.4.2 LocalStorage和
SessionStorage 154
7.4.3 WebStorage事件机制 154
课堂练习：制作事件机制 154
7.5 本地数据库 156
7.5.1 什么是本地数据库 156
7.5.2 用executesql来执行查询的实现 156
课堂练习：查询本地数据库 157
7.5.3 使用数据库实现网页留言 159
课堂练习：制作网页留言效果 159
综合实战 添加喜欢的项目 162
课后作业 制作拖拽商品的效果 164
第8章 HTML5定位机制 166
8.1 关于地理位置信息 167
8.1.1 经度和纬度坐标 167
8.1.2 IP地址定位数据 167
8.1.3 GPS地理定位数据 167
8.1.4 Wi-Fi地理定位数据 168
8.1.5 用户自定义的地理定位 168
8.2 浏览器对Geolocation的支持 168
8.2.1 Geolocation API必学知识 168
课堂练习：获取当前位置 169
8.2.2 Geolocation的浏览器支持情况 171
8.3 隐私处理 171
8.3.1 应用隐私保护机制 171
8.3.2 处理位置信息 171
8.4 使用Geolocation API 172
8.4.1 检测浏览器是否支持 172
课堂练习：检测浏览器是否支持 172
8.4.2 位置请求 173
8.4.3 在地图上显示你的位置 175
课堂练习：定位自己的位置 176
综合实战 定位所在城市位置 179
课后作业 获取所在的经纬度 181
第9章 使用canvas绘图 182
9.1 canvas基础 183
9.1.1 什么是canvas 183
9.1.2 什么地方会用到canvas 183
9.1.3 替代的内容 183
9.1.4 浏览器对canvas的支持情况 184
9.1.5 CSS和canvas 184
9.1.6 canvas坐标 184
9.2 如何使用canvas 185
9.2.1 检测浏览器是否支持 185
9.2.2 在页面中加入canvas 186
9.2.3 绘制矩形与三角形 188
课堂练习：canvas绘制矩形 188
课堂练习：canvas绘制三角形 190
9.3 canvas绘制图像 191
9.3.1 绘制渐变图形 191
课堂练习：使用canvas绘制渐变色 191
课堂练习：使用canvas绘制径向渐变 192
9.3.2 绘制变形图形 194
课堂练习：绘制变形图形 194
9.3.3 组合多个图形 195
课堂练习：组合图像的绘制 196
9.3.4 文本和阴影 197
课堂练习：使用canvas绘制文本和阴影效果 198
9.3.5 像素处理 200
9.4 canvas绘制形状 200
9.4.1 绘制圆形的方法 201
课堂练习：绘制圆形 201
9.4.2 绘制圆弧的方法 202
课堂练习：绘制一个圆弧 202
9.4.3 绘制贝塞尔曲线 205
课堂练习：S形曲线的绘制方法 205
综合实战 制作一个进度条 207
课后作业 canvas的实际应用 209
第10章 选择器的妙用 211
10.1 CSS简介 212
10.1.1 CSS介绍 212
10.1.2 CSS特点及优点 212
10.1.3 CSS的基本语法 213
10.1.4 引入CSS的方法 213
课堂练习：CSS内容引入方法 214
10.2 CSS选择器 216
10.2.1 三大基础选择器 216
10.2.2 集体选择器 218
课堂练习：使用集体选择器 218
10.2.3 属性选择器 220
课堂练习：使用属性选择器 220
10.2.4 后代选择器 221
课堂练习：后代选择器用法 222
10.2.5 子元素选择器 224
10.2.6 相邻兄弟选择器 224
课堂练习：选择器的结合使用 225
10.2.7 伪类 226
课堂练习：使用：first-child伪类 227
课堂练习：使用：lang伪类 228
10.2.8 伪元素 228
课堂练习：使用：first-line伪元素 229
课堂练习：使用：before伪元素 230
课堂练习：使用：after伪元素 232
10.3 CSS的继承和单位 233
10.3.1 继承关系 233
课堂练习：继承关系效果 233
10.3.2 CSS继承的局限性 234
课堂练习：设置字体的边框 234
10.3.3 CSS绝对数值单位 235
10.3.4 CSS相对数值单位 236
综合实战 制作悬浮下拉菜单 236
课后作业 使用伪元素制作效果 239
第11章 CSS定位效果 241
11.1 CSS定位机制简介 242
11.2 常规与浮动定位 243
11.2.1 常规定位 243
11.2.2 浮动定位 243
课堂练习：制作图片浮动效果 244
11.3 绝对定位 246
11.3.1 绝对定位 247
课堂练习：绝对定位的应用 247
11.3.2 相对定位 249
课堂练习：相对定位的应用 250
11.3.3 固定定位 251
课堂练习：制作固定定位效果 251
11.4 z轴索引的优先级设置 252
课堂练习：设置z轴索引的优先级 253
综合实战 制作导航栏效果 255
课后作业 使用定位制作动态效果 262
第12章 网页常用的样式 264
12.1 字体样式 265
12.1.1 字体font- family 265
12.1.2 字号font- size 265
课堂练习：设置字号效果 265
12.1.3 字重font- weight 267
课堂练习：设置字体的粗细 267
12.1.4 文本转换text- transform 268
课堂练习：设置英文字母大小写 268
12.1.5 字体风格font- style 269
课堂练习：设置倾斜字体 270
12.1.6 字体颜色color 271
课堂练习：设置字体颜色 271
12.1.7 文本修饰text- decoration 272
课堂练习：给文本添加修饰效果 272
12.1.8 简写font 273
课堂练习：简写font效果 274
12.2 段落样式 274
12.2.1 字符间隔letter- spacing 275
课堂练习：设置字符间隔效果 275
12.2.2 单词间隔word- spacing 276
课堂练习：字符间隔的设置 276
12.2.3 段落缩进text- indent 277
课堂练习：段落缩进效果 277
12.2.4 横向对齐方式text- align 278
课堂练习：文字对齐效果 278
12.2.5 纵向对齐方式vertical- align 279
课堂练习：设置文字纵向对齐方式 280
12.2.6 文本行间距line- height 281
课堂练习：设置行与行之间的间距 281
12.3 边框样式 283
12.3.1 边框线型border- style 283
12.3.2 边框颜色border- color 284
12.3.3 边框宽度border- width 284
12.3.4 制作边框效果 285
课堂练习：简单的边框效果 285
12.4 外轮廓样式 286
12.4.1 轮廓线型outline- style 287
12.4.2 轮廓颜色outline- color 287
12.4.3 轮廓宽度outline- width 287
12.4.4 外轮廓outline简写练习 287
课堂练习：外轮廓效果 288
12.4.5 边框与外轮廓的异同点 289
课堂练习：边框与外轮廓的差异 289
12.5 列表相关属性 290
12.5.1 列表样式list- style- type 290
课堂练习：使用CSS制作列表样式 291
12.5.2 列表标记的图像list- style- image 293
课堂练习：使用图像设置列表的标记效果 293
12.5.3 列表标记的位置list- style- position 294
课堂练习：设置列表位置效果 294
12.5.4 列表属性简写格式list- style 296
综合实战 制作阴影效果 296
课后作业 制作网页各种样式 299
第13章 盒子模型详解 301
13.1 盒子模型 302
13.1.1 CSS中的盒子简介 302
13.1.2 外边距设置 302
课堂练习：margin属性效果 303
13.1.3 外边距合并 306
课堂练习：margin的图片合并效果 306
13.1.4 内边距设置 309
13.2 弹性盒子 310
13.2.1 弹性盒子基础 310
13.2.2 浏览器支持情况 310
13.2.3 对父级容器的设置 311
课堂练习：flex-direction属性应用 311
课堂练习：justify-content属性应用 313
课堂练习：align-items属性应用 316
课堂练习：flex-wrap属性应用 318
13.2.4 对子级内容的设置 321
课堂练习：flex属性效果 321
课堂练习：order属性 323
综合实战 制作三级菜单 325
课后作业 设置图片效果 330
第14章 新增选择器用法 332
14.1 CSS3基础知识 333
14.1.1 CSS3浏览器的支持情况 333
14.1.2 CSS3新增的长度单位 333
课堂练习：新的尺寸单位 334
14.1.3 CSS3新增结构性伪类 335
课堂练习：指定没有子元素的元素样式 335
课堂练习：选择匹配父元素的第N个子元素 336
课堂练习：：nth-of-typen用法 337
课堂练习：：only-child的用法 339
课堂练习：：only-of-type的用法 340
14.1.4 CSS3新增UI元素状态伪类 341
课堂练习：：enabled元素状态伪类用法 341
课堂练习：：：selection使用方法 342
14.1.5 CSS3新增属性 343
课堂练习：选取当前活动的目标元素 343
课堂练习：如何选定非指定选择器的元素 344
课堂练习：选取带有指定属性的元素 345
课堂练习：选取属性值包含指定词汇的元素 346
14.2 设计颜色样式 347
14.2.1 使用RGBA颜色值 347
课堂练习：给表格边框设置颜色 347
14.2.2 使用HSL颜色值 349
课堂练习：颜色搭配方案 349
14.2.3 使用HSLA颜色值 353
课堂练习：给颜色设置不透明度 354
综合实战 使用CSS3制作表单 355
课后作业 制作导航栏和动画电脑 358
第15章 变色和转换函数 360
15.1 渐变简介 361
15.1.1 浏览器支持 361
15.1.2 线性渐变 362
课堂练习：制作一个线性渐变 362
15.1.3 径向渐变 365
课堂练习：制作一个径向渐变 365
15.2 CSS3转换 367
15.2.1 浏览器支持情况 367
15.2.2 2D转换 367
课堂练习：图像的2D效果展示 367
课堂练习：2D的旋转效果展示 368
课堂练习：图像的缩放效果 369
课堂练习：改变缩放的中心点 371
课堂练习：图片的倾斜效果 372
课堂练习：让图片进行合并 373
15.2.3 3D转换 374
课堂练习：图片在X轴上的3D转换效果 374
课堂练习：图片在Y轴上的转换效果 376
课堂练习：图片的3D空间中显示 377
课堂练习：查看透视图效果 379
课堂练习：制作图片隐藏效果 380
综合实战 制作正方体效果 381
课后作业 制作渐变字体和模糊图片 383
第16章 页面动画效果 385
16.1 过渡基础 386
16.1.1 过渡属性 386
16.1.2 浏览器支持情况 386
16.2 实现过渡 387
16.2.1 单项属性过渡 387
课堂练习：设置单项过渡 387
16.2.2 多项属性过渡 389
课堂练习：实现多个属性过渡 389
16.2.3 利用过渡设计电脑桌面 390
课堂练习：模仿电脑桌面效果 391
16.3 实现动画 393
16.3.1 浏览器支持 393
16.3.2 动画属性 393
16.3.3 实现动画效果 395
课堂练习：制作旋转动画 395
16.3.4 利用动画属性制作太阳系动画 397
课堂练习：模拟星球运转效果 398
综合实战 制作光盘出仓效果 402
课后作业 制作经典的动态效果 407
第17章 制作网页自适应 409
17.1 多媒体查询 410
17.1.1 多媒体查询能做什么 410
17.1.2 多媒体查询语法 410
17.1.3 多媒体查询方法 410
课堂练习：简单自适应效果 410
17.1.4 制作一个自适应的导航栏 413
课堂练习：导航栏的制作 413
17.2 用户界面简介 420
17.2.1 调整尺寸resize 420
课堂练习：尺寸调整效果 421
17.2.2 方框大小调整box- sizing 422
课堂练习：制作按钮效果 422
17.2.3 外形修饰outline- offset 425
课堂练习：修饰外边框效果 425
17.2.4 界面的多列布局 426
课堂练习：制作多列布局效果 427
综合实战 制作网页效果 430
课后作业 自适应的表单 432
第18章 初次使用JavaScript 434
18.1 JavaScript入门 435
18.1.1 JavaScript的发展 435
18.1.2 JavaScript的特点 435
18.1.3 JavaScript应用方向 436
18.1.4 JavaScript的用法 436
课堂练习：在中使用函数 436
课堂练习：在中使用函数 437
18.2 JavaScript函数 438
18.2.1 JavaScript函数定义 438
课堂练习：调用函数 439
课堂练习：制作欢迎页 440
课堂练习：制作返回函数 441
18.2.2 JavaScript函数参数 442
课堂练习：使用函数参数 442
课堂练习：查找最大数 443
18.2.3 JavaScript函数调用 445
综合实战 制作提示性表单 446
课后作业 实用的特效效果 449
第19章 JavaScript基础语法 451
19.1 JavaScript的基本语法 452
19.1.1 数据类型 452
19.1.2 常量和变量 454
19.1.3 运算符和表达式 454
19.1.4 基本语句 460
课堂练习：制作问候语 461
课堂练习：使用ifelse语句 462
课堂练习：制作循环效果 464
课堂练习：使用while语句 465
19.2 JavaScript事件 466
19.2.1 事件类型 466
课堂练习：制作阻止页面 467
课堂练习：移除监听事件 468
课堂练习：触发事件 469
19.2.2 事件句柄 474
19.2.3 事件处理 474
综合实战 制作文字渐变效果 476
课后作业 制作文字各种效果 477
第20章 JavaScript事件解析 479
20.1 JavaScript应用表单 480
20.1.1 按钮对象 480
课堂练习：制作点击按钮效果 480
20.1.2 复选框对象 481
课堂练习：制作复选框的全部选择效果 481
20.1.3 列表框对象 482
课堂练习：选择列表框对象效果 482
20.2 JavaScript事件分析 484
20.2.1 轮播图效果 484
课堂练习：详解轮播图 484
20.2.2 字体闪烁效果 490
课堂练习：制作字体效果 490
20.2.3 鼠标滑过效果 491
课堂练习：制作图片振动效果 491
20.3 JavaScript制作特效 493
20.3.1 显示网页停留时间 493
课堂练习：制作一个计时器 493
20.3.2 制作定时关闭窗口 495
课堂练习：制作窗口的自动关闭效果 495
综合实战 轮播图的制作 496
课后作业 JavaScript的实际应用 500
第21章 JavaScript网页中常用事件 502
21.1 浏览器事件 503
21.1.1 检测浏览器及版本 503
课堂练习：检查浏览器的版本 503
21.1.2 检测浏览器的更多信息 504
课堂练习：检查浏览器的信息 504
21.1.3 提醒用户升级浏览器 506
课堂练习：检测浏览器是否是新版本 506
21.1.4 制作欢迎小窗口 507
课堂练习：小窗口的制作 507
21.1.5 调用网页内不显示的信息 509
课堂练习：网页内不显示信息的调用 509
21.2 网页计时器 510
21.2.1 数字的四舍五入 510
课堂练习：制作四舍五入效果 510
21.2.2 制作简单的计时器 511
课堂练习：制作有时长的计时器 511
21.2.3 制作提示性的计时器 511
课堂练习：制作提示性的计时器 512
21.2.4 制作带有停止按钮的无限循环计时器 512
课堂练习：制作无限循环计时器 512
21.2.5 制作简单的电子时钟 513
课堂练习：制作电子时钟 514
21.3 网页常用效果 515
21.3.1 在网页中捕获错误信息 515
课堂练习：捕获错误信息 515
21.3.2 制作文字跑马灯 516
课堂练习：文字跑马灯效果 516
21.3.3 设置网页表格隔行换色 517
课堂练习：页面扩大效果 518
21.3.4 制作让用户看到浏览网页的次数 519
课堂练习：浏览次数设置 519
综合实战 制作验证码效果 521
课后作业 制作经典特效效果 524
第22章 JavaScript操作DOM 526
22.1 DOM简介 527
22.1.1 文档对象模型 527
22.1.2 HTML DOM方法 527
课堂练习：改变p元素的内容 528
22.1.3 HTML DOM文档 529
22.1.4 查找HTML元素 529
课堂练习：通过id查找HTML元素 530
课堂练习：通过标签名查找HTML元素 530
课堂练习：通过类名查找HTML元素 531
课堂练习：通过选择器查找HTML元素 532
22.2 DOM应用 533
22.2.1 改变HTML元素样式 533
课堂练习：改变字体颜色 533
22.2.2 使用DOM动画 534
课堂练习：创建动画效果 534
22.2.3 DOM事件效果 535
课堂练习：点击文本变换文字 536
22.2.4 DOM节点 536
22.2.5 DOM事件监听器 537
课堂练习：制作弹出窗口 537
综合实战 制作背景颜色变换效果 538
课后作业 模仿网店主图效果 540
第23章 综合项目实战 542
23.1 预览网页 543
23.1.1 网站首页效果图 543
23.1.2 分解各部分内容 544
23.2 网站首页内容设计 545
23.2.1 首页头部的制作 546
23.2.2 导航栏的设计 547
23.3 网页主体部分的制作 552
23.3.1 制作静态的展示页 552
23.3.2 制作轮播展示页面 555
23.3.3 页尾的制作 558
附录 配套学习资源 562
附录A HTML页面基本元素速查 562
附录B CSS常用属性速查 562
附录C JavaScript对象参考手册 562
附录D jQuery参考手册 562
附录E 网页配色基本知识速查 562
附录F 本书实例源程序及素材 562
|
| 內容試閱：
|
1 为什么要学习前端
Web前端作为近几年非常火的软件开发岗位，得到了许多人的青睐。Web前端即网站前台部分，也叫前端开发，运行在PC端、移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5、CSS3、前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计给用户带来极高的用户体验。
HTML、CSS、JavaScript是前端开发中最基本也是最重要的三个技能。在页面布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不少。在进行开发前，需要将这些概念弄清楚，这样在开发的过程中才会得心应手。
学习前端开发技术有很大的优势：
Web前端开发入门门槛很低，且市场的缺口很大，前景非常好。
Web前端需要更少的逻辑思维，对计算机和物联网的知识也比嵌入式系统少。所以，只要你想进入网络前端行业，有正确的学习态度和学习耐心，即使你是零基础，也可以学好。
在移动行业，Web前端开发工程师是高薪的代名词，随着工作年限的增加，工资也相应增加。
2 为什么要选择本书
本书编写模式采用基础知识 中小实例 实战案例 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。
（1）本书是Web前端零基础的启蒙之书
随着网络的不断发展和成熟，前端知识已经应用到我们的生活中，大到公司网页的制作，小到手机游戏，都要用到前端的相关知识。但随之而来也出现了很多问题：很多人不知道如何入门HTML、如何学习CSS的选择器以及如何利用JavaScript制作网页特效，或者很多人只能局限于简单的模仿，特别是在实际应用上，与前端设计师的水平总是有些差距。鉴于此，我们编写此书，旨在通过本书的实例讲解以及专家指点，给读者带来一定的启发。
（2）全书覆盖Web前端开发的知识内容
本书以敏锐的视角、简练的语言，结合前端设计行业的特点，对HTML、CSS和JavaScript进行了全方位讲解。书中几乎囊括了目前前端设计的所有应用知识点，保证读者能够学以致用，更快地入门前端开发。
（3）理论实战紧密结合，彻底摆脱纸上谈兵
本书包含大量的案例，既有针对一个元素的小案例，也有综合总结性的大案例，所有的案例都经过了精心设计。读者在学习本书的时候可以通过案例更好、更快、更明了地理解知识并掌握应用，同时这些案例也可以在开发时候直接引用。
3 本书的读者对象
从事平面设计的工作人员
培训班中学习前端设计的学员
对前端设计有着浓厚兴趣的爱好者
零基础想转行到前端的人员
有想进入IT行业想法的人员
有空闲时间想掌握更多技能的办公室人员
高等院校相关专业的师生
4 学习本书的方法
想要学好前端，关键要看自己的态度，下面给出一些学习建议：
（1）学习前端要从概念入手
拿到本书后，会看到HTML、CSS、JavaScript的概念，只有学会这三种语言，在理解的基础上才能进行应用。要吃透这些语法、结构的应用例子，才能做到举一反三。
（2）多动手实践
起步阶段问题自然不少，要做到沉着镇定，不慌不乱，先自己思考问题出在何处，并动手去解决，可能有多种解决方法，但总有一种是更高效的。亲自动手进行程序设计是创造性思维应用的体现，也是培养逻辑思维的好方法。
（3）多与他人交流
每个人的思维方式不同、角度各异，所以解决方法也会不同，通过交流可不断吸收别人的长处，丰富前端实践，帮助自己提高水平。可以在身边找一个学习前端的人，水平高低不重要，重要的是能够志同道合地一起向前走。
（4）要不断学习并养成良好的习惯
前端入门不难，但日后不断学习很重要。在此期间要注意养成一些良好的编写习惯。良好的编程风格可以使程序结构清晰合理，且使程序代码便于维护。如代码的缩进编排、规则的一致性、代码的注释等。
总之，学习前端就是一个理论实践再理论再实践的认知过程。在这条路子上行走，每个人都会遇到瓶颈期，会觉得自己之前学的都一无用处，遇到的问题根本无法解决，这时候就要回头看，回头来再学习一些基础理论。学过之后，很多以前遇到的问题都会迎刃而解，使人有豁然开朗之感。
本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有大量二维码，手机扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟着案例去学习，边学边做，从做中学，学习体验可以更深入、更高效。最后祝大家学有所成。
5 本书包含哪些内容
本书是一本介绍HTML、CSS和JavaScript开发技术的实用图书。全书可分为4个部分。
第1～9章主要是对HTML知识的讲解，从HTML基础知识讲起，全面介绍了HTML和HTML5的全部标签和内容，内容包括：表单、表格、列表、链接、HTML5新增属性、canvas绘图、定位、拖拽和存储等知识。
第10～17章主要是对CSS知识的讲解，详细介绍了CSS 和CSS3的绝大部分常用选择器、属性，并为这些选择器、属性提供了示例，这部分内容涵盖了CSS定位、盒模型、动画、转换、变色和自适应等知识。
第18～22章主要是对JavaScript编程的相关内容进行了讲解，包括JavaScript基础语法、JavaScript函数、JavaScript对象、DOM编程，这些内容覆盖了初学者的编程基础。
第23章是一个综合项目开发，综合运用了HTML 5、CSS3和JavaScript等知识制作了一个网站。通过对整个项目的学习，既可让读者巩固前面所掌握的各种知识，也可让读者将所学理论运用到实际开发中。
本书在编写过程中力求严谨细致，但由于时间与精力有限，疏漏之处在所难免。读者在学习过程中若遇到问题，可联系QQ 1908754590与笔者交流。
编著者
|
|
購物車/收銀台(0) | 在線留言板
| 付款方式
| 運費計算
| 聯絡我們
| 幫助中心 |
加入書簽
HOME
新書上架
