微信扫一扫,移动浏览光盘
简介
本书内容充实条理，结构严谨，循序渐进有层次的进行讲解，分别对HTML、CSS及JavaScript进行了全方位的介绍。书中所列举案例的选择均突出知识点的实际应用性，并配合有“TIPS”技巧讲解，让读者真正掌握网页设计。
本书共15章，主要介绍了从零起步——HTML轻松入门 、网页设计基本功——表格的使用、丰富网页——图像的插入 、网页交互——表单的使用、网页链接——创建超链接 、视听效果——添加多媒体、HTML升级——HTML5入门知识、HTML5进阶——无处不在的应用、美化网页——CSS样式 、超级网页——CSS3样式表的应用、知识拓展——XML的应用 、网页特效——JavaScript必会基础 、典型应用——使用JavaScript制作特效 、综合实例——商业类网页的制作、综合实例——网店类网页的制作。
目录
目录
Chapter01 从零起步——HTML轻松入门
1.1 认识HTML ...........................................................................................2
1.1.1 什么是HTML...................................................................................2
1.1.2 使用浏览器浏览文件.......................................................................... 2
1.2 HTML文件的基本标记........................................................................ 3
1.2.1 开始标签<html>...............................................................................3
1.2.2 头部标签<head> ..............................................................................3
1.2.3 标题标签<title>................................................................................4
1.2.4 主体标签<body>..............................................................................4
1.2.5 元信息标签<meta> ...........................................................................5
1.2.6<!DOCTYPE>标签........................................................................... 5
1.3 文字基本标记........................................................................................6
1.3.1 段落标签的用法................................................................................6
1.3.2 换行标签的用法................................................................................7
1.3.3 不换行标签的用法 .............................................................................8
1.3.4 加粗标签的用法................................................................................9
1.3.5 倾斜标签的用法................................................................................9
1.3.6 标题标签的用法 ...............................................................................10
本章小结..............................................................................................12
Chapter02 网页设计基本功——表格的使用
2.1 表格的基本元素 ...................................................................................14
2.2 表格的相关代码....................................................................................14
2.2.1 表格标签<table>.............................................................................15
2.2.2 行标签<tr>.....................................................................................16
2.2.3 单元格标签<td>..............................................................................17
2.2.4 表格的结构标签 ...............................................................................18
2.2.5 设置表格标题..................................................................................21
2.3 设置表格大小和行内属性................................................................... 22
2.3.1 设置整个表格的大小 ........................................................................22
2.3.2 设置表格中行的属性........................................................................ 23
2.3.3 设置行的背景颜色........................................................................... 24
2.3.4 设置行内文字的对齐方式.................................................................. 25
2.4 设置表格边框样式..............................................................................28
2.4.1 表格的边框宽度 ..............................................................................28
2.4.2 表格的边框颜色..............................................................................29
2.4.3 表格中的单元格间距........................................................................ 30
2.4.4 表格中文字与边框间距 ......................................................................31
2.5 设置表格的背景..................................................................................33
2.5.1 设置表格背景颜色........................................................................... 33
2.5.2 为表格背景插入图像 ........................................................................34
2.6 设置单元格的样式...............................................................................35
2.6.1 设置单元格的大小........................................................................... 35
2.6.2 设置单元格的背景颜色..................................................................... 36
2.6.3 设置单元格的边框颜色..................................................................... 38
2.6.4 合并单元格 ....................................................................................39
本章小结..............................................................................................41
Chapter03 丰富网页——图像的插入
3.1 图片的格式..........................................................................................43
3.2 插入图片..............................................................................................43
3.2.1 使用img标签..................................................................................43
3.2.2 图片的源文件 .................................................................................44
3.2.3 设置图片大小.................................................................................45
3.2.4 设置图片提示文字........................................................................... 45
3.2.5 图片的对齐方式 ..............................................................................47
3.2.6 图片的边框.....................................................................................48
3.3 为图片添加超链接...............................................................................49
本章小结..............................................................................................50
Chapter04 网页交互——表单的使用
4.1 表单的基本标签..................................................................................52
4.1.1<form>标签...................................................................................52
4.1.2<input>标签...................................................................................53
4.1.3<textarea>标签.............................................................................54
4.1.4<select>标签.................................................................................55
4.2 表单的基本属性..................................................................................56
4.2.1action属性 .....................................................................................56
4.2.2name属性.....................................................................................57
4.2.3method属性..................................................................................57
4.2.4enctype属性..................................................................................58
4.2.5target属性.....................................................................................59
4.3 插入表单对象 ......................................................................................59
4.3.1 文本域...........................................................................................59
4.3.2 密码域 ...........................................................................................60
4.3.3 普通按钮........................................................................................61
4.3.4 单选按钮.......................................................................................62
4.3.5 复选框 ...........................................................................................63
4.3.6 提交按钮.......................................................................................64
4.3.7 重置按钮 .......................................................................................65
4.3.8 图像按钮........................................................................................66
4.3.9 隐藏域...........................................................................................67
4.3.10 文件域..........................................................................................68
4.3.11 菜单和列表...................................................................................69
4.4 创建一个注册类表单页面 ....................................................................71
本章小结..............................................................................................74
Chapter05 网页链接——创建超链接
5.1 超链接的路径......................................................................................76
5.1.1 *路径.......................................................................................76
5.1.2 相对路径.......................................................................................76
5.2 创建超链接 ..........................................................................................76
5.2.1 超链接标签的属性........................................................................... 76
5.2.2 内部链接........................................................................................77
5.2.3 锚点链接.......................................................................................78
5.2.4 外部链接........................................................................................81
本章小结..............................................................................................84
Chapter06 视听效果——添加多媒体
6.1 插入多媒体..........................................................................................86
6.1.1 插入Flash动画...............................................................................86
6.1.2 插入音频.......................................................................................87
6.1.3 插入视频.......................................................................................87
6.2 滚动效果 ..............................................................................................88
6.2.1 设置滚动速度.................................................................................88
6.2.2 设置滚动方向.................................................................................89
6.2.3 设置滚动延迟.................................................................................90
6.2.4 设置滚动方式..................................................................................91
6.2.5 设置滚动循环 .................................................................................92
6.2.6 设置滚动背景颜色........................................................................... 93
6.2.7 设置滚动范围.................................................................................94
6.2.8 设置空白空间 ..................................................................................95
本章小结..............................................................................................96
Chapter07 HTML升级——HTML5入门知识
7.1 什么是HTML5 ...................................................................................98
7.1.1 认识HTML5...................................................................................98
7.1.2HTML5的发展................................................................................98
7.2 HTML5新增功能...............................................................................99
7.2.1 字符集和DOCTYPE的改进.............................................................. 99
7.2.2 引入的新元素 ................................................................................100
7.2.3 标准改进......................................................................................100
7.3 HTML5的优势..................................................................................101
7.3.1HTML5化繁为简 ............................................................................101
7.3.2 用户优先和效率.............................................................................101
7.4 HTML5新增的主体元素 ...................................................................102
7.4.1article元素....................................................................................102
7.4.2section元素..................................................................................103
7.4.3 nav元素 .......................................................................................106
7.4.4aside元素.....................................................................................107
7.4.5time元素......................................................................................108
7.4.6pubdate属性................................................................................109
7.5 HTML5新增的非主体元素............................................................... 110
7.5.1header元素 ..................................................................................110
7.5.2hgroup元素..................................................................................112
7.5.3footer元素....................................................................................113
7.5.4address元素................................................................................114
7.6 HTML5新增的元素属性 ...................................................................115
7.6.1 表单相关属性 ................................................................................115
7.6.2 其他相关属性................................................................................116
7.7 HTML5新增与废除的元素............................................................... 116
7.7.1HTML5中新增的元素 ......................................................................116
7.7.2HTML5中废除的元素...................................................................... 124
本章小结............................................................................................125
Chapter08 HTML5进阶——无处不在的应用
8.1 画布功能.............................................................................................127
8.1.1canvas元素..................................................................................127
8.1.2canvas坐标 ..................................................................................128
8.1.3canvas绘制路径............................................................................128
8.1.4canvas渐变..................................................................................130
8.1.5canvas文本..................................................................................132
8.2 音频和视频.........................................................................................134
8.2.1audio元素.....................................................................................134
8.2.2video元素.....................................................................................137
8.3 表单功能 .............................................................................................138
8.3.1form新特性...................................................................................139
8.3.2 输入型控件...................................................................................139
8.3.3form新元素...................................................................................141
8.3.4form新属性...................................................................................143
8.3.5form练习 ......................................................................................147
8.4 拖放功能.............................................................................................149
8.4.1dataTransfer属性......................................................................... 149
8.4.2 拖放列表......................................................................................150
8.5 地理位置.............................................................................................153
8.5.1geolocation概述 ...........................................................................153
8.5.2geolocation浏览器支持检测............................................................ 155
8.5.3 在地图上显示你的位置.................................................................... 157
8.6 本地存储 .............................................................................................159
8.6.1WebStorage介绍.......................................................................... 159
8.6.2executeSql执行查询...................................................................... 161
本章小结............................................................................................164
Chapter09 美化网页——CSS样式
9.1 CSS概述............................................................................................166
9.1.1 CSS基本语法................................................................................166
9.1.2 CSS特点......................................................................................167
9.1.3 使用CSS ......................................................................................167
9.2 CSS选择器........................................................................................169
9.2.1 元素选择器...................................................................................169
9.2.2 类选择器......................................................................................170
9.2.3 id选择器.......................................................................................172
9.2.4 集体选择器 ...................................................................................173
9.2.5 属性选择器...................................................................................174
9.2.6 伪类.............................................................................................176
9.2.7 伪元素..........................................................................................178
9.3 CSS定位............................................................................................180
9.3.1 浮动定位 ......................................................................................180
9.3.2 相对定位......................................................................................183
9.3.3 *定位......................................................................................184
9.4 盒子模型.............................................................................................186
9.4.1 盒子简介......................................................................................186
9.4.2 设置外边距 ...................................................................................186
9.4.3 设置内边距...................................................................................190
9.5 字体样式.............................................................................................191
9.5.1font-family字体............................................................................191
9.5.2font-size字号...............................................................................192
9.5.3font-style字体风格 ........................................................................193
9.5.4font-weight加粗字体..................................................................... 195
9.6 段落样式.............................................................................................196
9.6.1letter-spacing字符间隔................................................................. 196
9.6.2word-spacing单词间隔.................................................................. 197
9.6.3text-indent段落缩进...................................................................... 198
9.6.4line-height文本行间距................................................................... 200
9.6.5text-align横向对齐........................................................................ 201
9.6.6vertical-align纵向对齐 ..................................................................202
9.7 边框样式............................................................................................204
9.7.1border-style边框线型.................................................................. 204
9.7.2border-color边框颜色.................................................................. 205
9.7.3border-width边框宽度.................................................................. 206
9.7.4border边框练习 ............................................................................206
9.8 轮廓样式............................................................................................208
9.8.1outline-style边框线型................................................................... 208
9.8.2outline-color边框颜色.................................................................. 209
9.8.3outline-width边框宽度................................................................... 210
9.8.4outline与border的异同点................................................................ 212
9.9 列表标记样式.....................................................................................213
9.9.1list-style-type列表标记样式........................................................... 213
9.9.2list-style-image列表标记图像 ........................................................216
9.9.3list-style-position列表标记的位置................................................... 218
9.9.4list-style列表简写格式................................................................... 219
本章小结 ............................................................................................220
Chapter10 超级网页——CSS3样式表的应用
10.1 CSS3概述......................................................................................222
10.1.1CSS3与CSS的异同 ...................................................................222
10.1.2CSS3浏览器的支持情况............................................................. 222
10.2 CSS3的新增功能........................................................................... 223
10.2.1CSS3新增的rem .......................................................................223
10.2.2 新增结构性伪类......................................................................... 224
10.2.3 新增UI元素状态伪类................................................................... 229
10.2.4 新增属性和其他.......................................................................... 231
10.3 CSS3文本样式..............................................................................234
10.3.1text-shadow文本阴影............................................................... 234
10.3.2text-overflow文本溢出.............................................................. 236
10.3.3word-wrap文本换行................................................................. 237
10.3.4word-break单词拆分................................................................ 239
10.4 CSS3边框样式..............................................................................240
10.4.1border-radius圆角边框............................................................. 240
10.4.2box-shadow盒子阴影 ................................................................241
10.5 CSS3背景样式..............................................................................243
10.5.1background-size背景尺寸........................................................ 243
10.5.2background-origin背景的绘制区域............................................. 244
10.6 CSS3渐变......................................................................................246
10.6.1 线性渐变..................................................................................246
10.6.2 径向渐变..................................................................................249
10.7 CSS3转换.......................................................................................251
10.7.1 2D转换 .....................................................................................251
10.7.2 3D转换....................................................................................258
10.8 CSS3动画......................................................................................264
10.8.1 动画属性..................................................................................264
10.8.2 实现动画..................................................................................266
10.9 CSS3多列布局 ...............................................................................269
10.10CSS3过渡.....................................................................................273
10.10.1 单项属性过渡......................................................................... 273
10.10.2 多项属性过渡......................................................................... 274
本章小结............................................................................................276
Chapter11 知识拓展——XML的应用
11.1 XML入门 ........................................................................................278
11.2 XML进阶 .........................................................................................281
本章小结............................................................................................287
Chapter12 网页特效——JavaScript必会基础
12.1JavaScript简介............................................................................289
12.2JavaScript的基本元素................................................................ 290
12.3JavaScript事件分析.................................................................... 300
12.4 表单事件..........................................................................................305
12.5 鼠标事件..........................................................................................307
12.6 键盘事件...........................................................................................310
12.7 窗口事件 ...........................................................................................311
本章小结............................................................................................312
Chapter13 典型应用——使用JavaScript制作特效
13.1JavaScript事件分析 .....................................................................314
13.2 窗口特效..........................................................................................322
13.3 时间特效..........................................................................................323
本章小结............................................................................................326
Chapter14 综合实例——商业类网页的制作
14.1 商业网站功能分析........................................................................... 328
14.2 头部和banner的制作.................................................................... 329
14.3 页面主体的制作...............................................................................332
14.4 页面尾部的制作...............................................................................335
14.5 网站首页代码实例........................................................................... 336
14.6 二级页面的制作...............................................................................340
本章小结............................................................................................345
Chapter15 综合实例——网店类网页的制作
15.1 网店类网页介绍...............................................................................347
15.2 界面设计分析..................................................................................347
15.3 页面主体的制作 ...............................................................................354
15.4 对底部内容进行样式定义............................................................... 364
15.5 二级页面的制作...............................................................................376
本章小结............................................................................................380
- 名称
- 类型
- 大小
光盘服务联系方式: 020-38250260 客服QQ：4006604884
云图客服：
用户发送的提问，这种方式就需要有位在线客服来回答用户的问题，这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问
亲爱的云图用户，
光盘内的文件都可以直接点击浏览哦
无需下载，在线查阅资料！
