HTML+CSS+JavaScript网页设计与布局实用教程 (第2版)
作者:胡秀娥
定价:59元
印次:2-1
ISBN:9787302496069
出版日期:2018.06.01
印刷日期:2018.05.31
定价:59元
印次:2-1
ISBN:9787302496069
出版日期:2018.06.01
印刷日期:2018.05.31
《HTML+CSS+JavaScript网页设计与布局实用教程(第2版)》共21章,引导读者从零开始,一步步掌握网页设计与布局的全过程。《HTML+CSS+JavaScript网页设计与布局实用教程(第2版)》紧密围绕网页设计师在製作网页过程中实际需要掌握的技术,全面介绍了使用HTML、CSS、JavaScript进行网页设计和製作的各方面内容和技巧。《HTML+CSS+JavaScript网页设计与布局实用教程(第2版)》不是单纯讲解语法,而是通过一个个鲜活、典型的实战案例来达到学以致用的目的。每个语法都有相应的实例。每章后面又配有综合小实例,
目录
第1章网页标记语言HTML入门基础 1
1.1HTML概述 1
1.2HTML档案的构成 2
1.2.1HTML档案结构 2
1.2.2编写HTML档案的注意事项 3
1.3怎样编写HTML档案 4
1.3.1使用记事本档案编写页面 4
1.3.2使用Dreamweaver编写HTML页面 5
1.4 网页设计与开发的过程 6
1.4.1 明确网站定位 6
1.4.2 收集信息和素材 7
1.4.3 规划栏目结构 7
1.4.4 设计页面方案 8
1.4.5 製作页面 9
1.4.6 实现后台功能 10
1.4.7 网站的测试与发布 11
1.5本章小结 11
1.6练习题 12
第2章HTML网页文档的结构 13
2.1HTML文档主体标记 13
2.1.1bgcolor属性 13
2.1.2background属性 14
2.1.3text属性 15
2.1.4设定连结文字属性 16
2.1.5设定页面边距 19
2.2head部分的标记 20
2.2.1title标记 20
2.2.2定义页面关键字 20
2.2.3定义页面描述 21
2.2.4定义编辑工具 22
2.2.5定义作者信息 22
2.2.6定义网页文字及语言 23
2.2.7定义网页的定时跳转 24
2.3综合实例——创建基本的HTML档案 24
2.4本章小结 27
2.5练习题 28
第3章 网页文本与段落排版 29
3.1插入其他标记 29
3.1.1空格符号 29
3.1.2特殊符号 30
3.2设定文字的格式 31
3.2.1face属性 31
3.2.2size属性 32
3.2.3color属性 33
3.2.4b、strong、em、u标记 34
3.2.5sup与sub标记 35
3.3设定段落的格式 36
3.3.1p标记 36
3.3.2段落对齐属性align 37
3.3.3nobr标记 38
3.3.4br标记 39
3.4水平线标记 40
3.4.1hr标记 40
3.4.2水平线宽度与高度属性:width、size 41
3.4.3水平线颜色属性color 42
3.4.4水平线的对齐方式属性align 43
3.4.5水平线去掉阴影属性noshade 44
3.5使用marquee设定滚动效果 45
3.5.1marquee标记及其属性 45
3.5.2使用marquee插入滚动公告 46
3.6综合实例——设定页面文本及段落 48
3.7本章小结 50
3.8练习题 50
第4章 网页图像和多媒体 51
4.1网页中常见的图像格式 51
4.2图像标记及其属性 52
4.2.1img标记 52
4.2.2height属性 53
4.2.3width属性 54
4.2.4border属性 55
4.2.5hspace属性 56
4.2.6vspace属性 57
4.2.7align属性 57
4.3添加背景音乐 59
4.3.1bgsound标记 59
4.3.2loop属性 60
4.4综合实例 60
综合实例1——多媒体网页 61
综合实例2——创建图文混合排版网页 63
4.5本章小结 65
4.6练习题 66
第5章 用HTML创建超连结和表单 67
5.1超连结的基本概念 67
5.2创建超连结 67
5.2.1超连结标记 68
5.2.2设定的目标视窗 69
5.3创建图像的超连结 70
5.3.1设定图像超连结 70
5.3.2设定图像热区连结 71
5.4创建锚点连结 73
5.4.1创建锚点 73
5.4.2连结到页面不同位置的锚点连结 74
5.5表单form 76
5.5.1action 76
5.5.2表单名称name 76
5.5.3传送方法method 77
5.5.4编码方式enctype 78
5.5.5目标显示方式target 78
5.6综合实例 79
综合案例1——插入表单对象 79
综合案例2——给网页添加连结 85
5.7本章小结 86
5.8练习题 87
第6章 用表格排列网页数据 88
6.1表格属性 88
6.1.1表格的基本标记table、tr、td 88
6.1.2表格宽度和高度width、height 89
6.1.3表格标题caption 90
6.1.4表格的表头th 91
6.1.5表格对齐方式align 93
6.1.6框线宽度border 95
6.1.7表格框线颜色bordercolor 96
6.1.8单元格间距cellspacing 97
6.1.9单元格边距cellpadding 98
6.1.10表格的背景色bgcolor 99
6.1.11表格的背景图像background 100
6.2表格的结构标记 101
6.2.1设计表头样式thead 101
6.2.2设计表主体样式tbody 103
6.2.3设计表尾样式tfoot 104
6.3综合实例——使用表格排版网页 105
6.4本章小结 111
6.5练习题 111
第7章HTML5入门基础 113
7.1HTML5简介 113
7.2HTML5与HTML4的区别 114
7.2.1HTML5的语法变化 114
7.2.2HTML5中的标记方法 114
7.2.3HTML5语法中的3个要点 115
7.3HTML5新增的元素和废除的元素 116
7.3.1新增的结构元素 116
7.3.2新增块级元素 118
7.3.3新增的行内的语义元素 120
7.3.4新增的嵌入多媒体元素与互动性元素 123
7.3.5新增的input元素的类型 124
7.3.6废除的元素 126
7.4新增的属性和废除的属性 126
7.4.1新增的属性 126
7.4.2废除的属性 128
7.5创建简单的HTML5页面 129
7.5.1HTML5文档类型 129
7.5.2字元编码 130
7.5.3页面语言 130
7.5.4添加样式表 130
7.5.5添加JavaScript 131
7.5.6测试结果 131
7.6本章小结 131
7.7练习题 132
第8章HTML5的结构 133
8.1新增主体结构元素 133
8.1.1article元素 133
8.1.2section元素 134
8.1.3nav元素 135
8.1.4aside元素 137
8.2新增的非主体结构元素 138
8.2.1header元素 138
8.2.2hgroup元素 139
8.2.3footer元素 140
8.2.4address元素 141
8.3本章小结 142
8.4练习题 142
第9章CSS入门基础 143
9.1 为什幺要在网页中加入CSS 143
9.1.1 什幺是CSS 143
9.1.2 使用CSS的好处 145
9.1.3 如何编写CSS 145
9.1.4 CSS基本语法 146
9.1.5 浏览器与CSS 147
9.2在HTML中使用CSS 147
9.2.1连结外部样式表 147
9.2.2行内方式 148
9.2.3嵌入外部样式表 148
9.2.4定义内部样式表 149
9.3选择器类型 149
9.3.1 标籤选择器 149
9.3.2 类选择器 150
9.3.3 ID选择器 151
9.4本章小结 153
9.5练习题 154
第10章 用CSS设定文本样式 155
10.1 设计网页中的文字样式 155
10.1.1 font-family属性 155
10.1.2 font-size属性 157
10.1.3 font-weight属性 158
10.1.4 font-style属性 159
10.1.5 font-variant属性 160
10.1.6 text-decoration属性 161
10.2 设计文本的段落样式 162
10.2.1line-height属性 162
10.2.2text-align属性 162
10.2.3 text-indent属性 163
10.2.4 word-spacing属性 164
10.2.5 first-letter首字下沉 165
10.2.6 text-transform 166
10.3综合实例——用CSS排版网页文字 168
10.4本章小结 170
10.5练习题 170
第11章用CSS设计图像和背景 171
11.1 设定网页的背景 171
11.1.1 background-color属性 171
11.1.2 background-image属性 172
11.2 设定背景图像的属性 173
11.2.1 background-repeat属性 173
11.2.2 background-attachment属性 174
11.2.3 background-position属性 175
11.3 设定网页图像的样式 175
11.3.1 border属性 176
11.3.2 图文混合排版 177
11.4综合实例——给图片添加框线 177
11.5本章小结 179
11.6练习题 179
第12章 用CSS设定表格和表单样式 181
12.1 网页中的表格 181
12.1.1 表格对象标记 181
12.1.2 在Dreamweaver中插入表格 182
12.1.3 表格的bgcolor属性 183
12.1.4 表格的border样式 184
12.1.5 设定表格的阴影 185
12.2 网页中的表单 186
12.2.1 表单对象 186
12.2.2 表单标记 186
12.2.3 表单的布局设计 187
12.2.4 设定框线样式 190
12.2.5 设定背景样式 190
12.2.6 设定输入文本的样式 191
12.3综合实例 192
综合实例1——製作变换背景色的表格 192
综合实例2——设计文本框的样式 194
12.4本章小结 196
12.5练习题 196
第13章用CSS製作连结与网站导航 198
13.1 超连结基础 198
13.1.1 超连结的基本概念 198
13.1.2使用页面属性设定超连结 199
13.2 连结标记 200
13.2.1 a:link 200
13.2.2 a:visited 200
13.2.3 a:active 201
13.2.4 a:hover 201
13.3 各种形式的超连结 202
13.3.1背景色变换连结 202
13.3.2多姿多彩的下画线连结 204
13.3.3 图像翻转连结 205
13.3.4 框线变换连结 206
13.4项目列表 208
13.4.1有序列表 208
13.4.2无序列表 212
13.5 横排导航 217
13.5.1 文本导航 217
13.5.2 标籤式导航 219
13.6 竖排导航 221
13.7综合实例 222
实例1——使用CSS实现滑鼠指针形状改变 222
实例2——实现背景变换的导航选单 224
13.8本章小结 227
13.9练习题 228
第14章 CSS+DIV布局入门基础 229
14.1网站与Web标準 229
14.1.1 什幺是Web标準 229
14.1.2 为什幺要建立Web标準 230
14.1.3 怎样改进现有网站 231
14.2 Div标记与Span标记 232
14.2.1 Div概述 232
14.2.2 Div与Span的区别 233
14.3 盒子模型 235
14.3.1 盒子模型的概念 235
14.3.2 border 235
14.3.3 padding 242
14.3.4 margin 244
14.4 盒子的浮动与定位 246
14.4.1 盒子的浮动float 246
14.4.2 position定位 249
14.4.3 z-index空间位置 254
14.5本章小结 255
14.6练习题 255
第15章CSS+DIV布局方法 257
15.1 CSS布局理念 257
15.1.1 将页面用div分块 257
15.1.2 用CSS定位 258
15.2固定宽度布局 259
15.2.1一列固定宽度 259
15.2.2两列固定宽度 260
15.2.3圆角框 261
15.3可变宽度布局 263
15.3.1一列自适应 263
15.3.2两列宽度自适应 264
15.3.3两列右列宽度自适应 265
15.3.4三列浮动中间宽度自适应 266
15.3.5三行二列居中高度自适应布局 267
15.4CSS布局与传统的表格方式布局分析 269
15.5本章小结 271
15.6练习题 271
第16章CSS3网页开发 273
16.1CSS3概述 273
16.1.1 CSS3的发展历史 273
16.1.2 CSS3的新增特性 274
16.1.3 主流浏览器对CSS3的支持 278
16.2框线 279
16.2.1圆角框线border-radius 279
16.2.2框线图片border-image 280
16.2.3框线阴影box-shadow 281
16.3背景 283
16.3.1背景图片尺寸background-size 283
16.3.2背景图片定位区域background-origin 284
16.3.3背景绘製区域background-clip 286
16.4文本 287
16.4.1文本阴影text-shadow 287
16.4.2强制换行word-wrap 288
16.4.3文本溢出text-overflow 289
16.5多列 290
16.5.1创建多列column-count 291
16.5.2列的宽度column-width 292
16.6转换 293
16.6.1移动translate() 293
16.6.2旋转rotate() 294
16.6.3缩放scale() 296
16.7实例套用——图片 297
16.8本章小结 299
16.9练习题 299
第17章 JavaScript语法基础 300
17.1 JavaScript简介 300
17.1.1 JavaScript的历史 300
17.1.2 JavaScript的特点 301
17.2 JavaScript的放置位置 301
17.2.1<script/>使用方法 301
17.2.2使用外部JavaScript 302
17.2.3添加到事件中 302
17.3 JavaScript运算符 303
17.3.1 算术运算符 303
17.3.2 逻辑运算符 303
17.3.3 比较运算符 303
17.4JavaScript程式语句 304
17.4.1 使用If语句 304
17.4.2 使用for循环 305
17.4.3 使用Switch语句 306
17.4.4 使用while语句 307
17.5 综合实例——製作倒计时特效 308
17.6本章小结 309
17.7练习题 310
第18章 JavaScript中的事件 311
18.1 事件概述 311
18.2 事件分析 311
18.2.1 click事件 312
18.2.2 change事件 313
18.2.3 Select事件 313
18.2.4 focus事件 314
18.2.5 load事件 316
18.2.6 滑鼠移动事件 317
18.2.7 onBlur事件 318
18.3 其他常用事件 319
18.4 综合实例——将事件套用于按钮中 321
18.5本章小结 322
18.6练习题 322
第19章 JavaScript中的函式和对象 324
19.1什幺是函式 324
19.2函式的定义 325
19.2.1函式的普通定义方式 325
19.2.2函式的变数定义方式 326
19.2.3函式的指针调用方式 327
19.3 JavaScript对象的声明和引用 329
19.3.1 声明和实例化 329
19.3.2 对象的引用 330
19.4 浏览器对象 331
19.4.1 Navigator对象 332
19.4.2 window对象 333
19.4.3 location对象 335
19.4.4 history对象 335
19.4.5 document对象 336
19.5内置对象 338
19.5.1 Date对象 338
19.5.2 数学对象math 341
19.5.3 字元串对象string 342
19.5.4 数组对象Array 343
19.6 综合实例——改变网页背景颜色 345
19.7本章小结 346
19.8练习题 346
第20章设计布局富有个性的个人网站 348
20.1个人网站设计指南 348
20.1.1确定网站主题 348
20.1.2个人网站色彩搭配和结构设计 349
20.2网站前期策划 349
20.2.1确定网站主题 350
20.2.2确定目录结构 350
20.2.3网站蓝图的规划 350
20.3创建本地站点 351
20.4製作网站主页 353
20.4.1导入外部CSS 354
20.4.2製作顶部导航部分 356
20.4.3製作正文部分 358
20.4.4製作底部着作权部分 363
20.5本章小结 363
20.6练习题 364
第21章公司宣传网站的布局 365
21.1企业网站设计指南 365
21.1.1企业网站的主要功能 365
21.1.2色彩搭配与风格设计 366
21.2 分析架构 367
21.2.1内容分析 367
21.2.2 HTML结构设计 368
21.3 各模组设计 369
21.3.1 布局设计 369
21.3.2製作页头部分 371
21.3.3製作网页正文部分 373
21.3.4製作网页着作权部分 376
21.4本章小结 378
21.5练习题 378
附录部分习题参考答案 379