第1篇 页面制作入门篇 2
第1章 了解网页 2
1.1什么是网页 2
1.1.1网页的概述 2
1.1.2静态网页 3
1.1.3动态网页 4
1.1.4开发动态页面和静态页面的联系 5
1.2开发网页的工具 7
1.2.1 HTML页面的开发工具 7
1.2.2动态页面的开发工具 8
1.3使用网页浏览器 9
1.3.1网页浏览器的工作原理 9
1.3.2常用的两种浏览器 10
1.4 HTML、XML和XHTML语言 11
1.4.1超文本标记语言HTML 11
1.4.2可扩展标识语言XML 12
1.4.3可扩展超文本标识语言XHTML 12
1.5编写一个简单的页面 13
1.6小结 14
1.7本章习题 14
第2章 通过学习他人的网页了解HTML能做什么 16
2.1用记事本打开一个页面 16
2.2初识HTML 18
2.2.1 HTML语法 18
2.2.2 HTML文档的结构 19
2.3 HTML文档基本结构标签的作用 21
2.3.1给页面一个声明——样本代码 21
2.3.2踏出制作页面的第一步——开始标签〈html〉 22
2.3.3页面的“脑袋”——头标签和头标签的对象 22
2.3.4给页面起名字——标题标签〈title〉 25
2.3.5页面的“身体”——主体标签〈body〉 26
2.3.6美化HTML文档 27
2.4案例：制作第一个页面 27
2.5小结 29
2.6本章习题 29
第3章 动手在网页中写些什么 31
3.1新旧方法对比 31
3.2文本的排版格式 33
3.2.1写一行换一行 33
3.2.2在页面文本中空格 34
3.2.3文本的段落要对齐 36
3.3文本的属性样式 38
3.3.1不一样的文本字体大小 39
3.3.2奇妙的特殊符号 41
3.3.3给文本加标注 42
3.4整齐的文本列表 43
3.4.1无序列表 43
3.4.2有序列表 44
3.4.3定义列表 45
3.4.4列表嵌套 46
3.5制作一则通知 48
3.6小结 50
3.7本章习题 50
第4章 将图像放入页面中 52
4.1图像的基础知识 52
4.1.1最常用的图像——位图 53
4.1.2在页面中常用的位图格式 53
4.1.3奇妙的矢量图 54
4.1.4图像的分辨率 55
4.1.5认识一些网页中常用的BANNER尺寸 55
4.2用图像编织美丽的页面 56
4.2.1理解图像路径 56
4.2.2像编辑文本对齐一样在页面中对齐图像 57
4.2.3图像与文本的对齐方式 58
4.2.4控制图像与文本的距离 60
4.3让图像变得更美观 61
4.3.1修改图像的宽度和高度 61
4.3.2不一样的改变——给图像添加边框 62
4.3.3独树一帜的水平线 63
4.4改变页面的背景 64
4.5案例：把宠物的照片放到网页上去 65
4.6小结 67
4.7本章习题 67
第5章 让网页变得更绚丽 69
5.1了解计算机语言下的颜色描述 69
5.2让页面绚丽多彩 70
5.2.1改变页面背景颜色 70
5.2.2改变页面文本字体颜色 71
5.3不寻常的图像应用 72
5.3.1会动的GIF图像 72
5.3.2图像的透明通道 73
5.3.3带有透明通道图像的应用 75
5.4案例：修饰普通页面 77
5.5小结 78
5.6本章习题 78
第6章 页面链接 81
6.1何为页面链接 81
6.1.1初识页面链接 82
6.1.2理解链接地址 83
6.2链接的基本知识 84
6.2.1基本的文本链接 84
6.2.2基本的图像链接 85
6.2.3邮箱地址链接 86
6.2.4在同一页面中快速查找信息 87
6.3提高页面链接的友好度 89
6.3.1美观链接的状态 90
6.3.2特殊的链接方式 92
6.3.3热点图像区域的链接 93
6.4在新窗口中显示链接窗口 96
6.5案例：制作普通链接的主页 96
6.6小结 99
6.7本章习题 99
第2篇 页面制作提高篇 104
第7章 CSS规则 104
7.1如何学习CSS 104
7.2 CSS基本的规则写法 107
7.2.1基本的样式表的写法 107
7.2.2使用类class和标志id链接样式表 108
7.2.3创建选择器 109
7.2.4应用CSS样式表 113
7.3用CSS来修饰页面文本 115
7.3.1修饰页面文本字体 115
7.3.2文本的字号 116
7.3.3文本段落行高 117
7.3.4禁止文本自动换行 119
7.4给页面对象添加颜色 120
7.5案例：使用CSS制作个人页面 121
7.6小结 123
7.7本章习题 124
第8章 表格 126
8.1理解页面中的表格 126
8.2普通表格的应用 126
8.2.1制作普通表格 127
8.2.2表格的基本属性 128
8.2.3合并单元格 130
8.2.4表格标题 132
8.2.5拆分表格 132
8.2.6设置表格的列 133
8.3修饰单元格 135
8.3.1通过CSS修饰单元格的边框 135
8.3.2合并相邻单元格 137
8.4编辑单元格中的内容 138
8.4.1单元格中文本与单元格大小 138
8.4.2修饰单元格中的内容 139
8.5案例：制作球赛积分表 140
8.6小结 143
8.7本章习题 144
第9章 创建框架结构的页面 146
9.1创建窗口框架页面 146
9.1.1创建窗口框架的〈frameset〉和〈frame〉标签 147
9.1.2横向分割窗口 147
9.1.3纵向分割窗口 148
9.1.4框架的嵌套 149
9.1.5将页面放入窗口框架中 150
9.2修饰框架的细节 151
9.2.1给无法处理框架的浏览器注释说明 151
9.2.2固定框架的位置 152
9.2.3框架中设置滚动条 152
9.3修改框架边框的样式 153
9.3.1判定边框是否显示 153
9.3.2改变边框的表现效果 154
9.3.3边框的边距 155
9.4框架集中页面之间的链接 156
9.4.1在指定的框架中打开链接 156
9.4.2框架内的锚点链接 159
9.5灵活的〈iframe〉框架 160
9.6案例：制定自己的链接主页 161
9.7小结 163
9.8本章习题 164
第10章 当CSS样式表遇到层 166
10.1理解块级的意义 166
10.2页面中的层 167
10.2.1行〈span〉和层〈div〉 168
10.2.2层的基本定位 168
10.2.3层的叠加 170
10.3框模型 171
10.3.1理解框模型 171
10.3.2空距padding属性 173
10.3.3边框border的扩展属性 175
10.3.4边距（margin） 176
10.3.5框模型的溢出 177
10.4定制层的display属性 178
10.5 CSS Hack 180
10.6案例：简单的CSS+DIV 182
10.7小结 184
10.8本章习题 184
第11章 进一步讨论页面布局的方法 187
11.1页面中的定位 187
11.1.1静态定位 187
11.1.2相对位置 188
11.1.3绝对定位 189
11.1.4固定定位 190
11.2浮动层 190
11.3 CSS的新奇技术以及未来发展 192
11.3.1图像替换技术 193
11.3.2 CSS 3.0的新发展 195
11.3.3实现圆角框模型 195
11.4案例：有效地管理页面布局 196
11.5小结 202
11.6本章习题 202
第3篇 动感页面篇 206
第12章 神奇的表单 206
12.1表单的工作原理 208
12.1.1 〈script〉标签 208
12.1.2创建表单 208
12.1.3表单域 210
12.2通过表单展示不一样的页面 210
12.2.1 input对象下的多种表单表现形式 210
12.2.2 text文本框的样式表单 211
12.2.3 password输入密码的样式表单 212
12.2.4 checkbox复选框的样式表单 213
12.2.5 radio单选按钮的样式表单 214
12.2.6 submit提交数据的样式表单 215
12.2.7 hidden隐藏域的样式表单 216
12.2.8 image样式的表单 217
12.2.9 file上传文件的样式表单 217
12.3 textarea对象的表单 218
12.4 select对象的表单 219
12.5表单域集合 222
12.6案例：制作一个精美的由表单构成的页面 222
12.7小结 227
12.8本章习题 227
第13章 在网页中加入神奇的效果 230
13.1什么是脚本语言 230
13.1.1初识VBScript 230
13.1.2学习JavaScript的起步 231
13.2 JavaScript和Java的区别 233
13.3 JavaScript的基本语法 233
13.3.1 JavaScript中的标识符和保留关键字 234
13.3.2 JavaScript语法的特殊规则 235
13.4 JavaScript的数据类型 235
13.4.1常量 236
13.4.2变量 236
13.4.3数据类型转换 237
13.4.4运算符 238
13.4.5表达式 239
13.5流程控制 240
13.5.1顺序结构 240
13.5.2选择结构 241
13.5.3循环结构 243
13.6了解函数 245
13.7案例：一个使用基本语法的JavaScript例子 247
13.8小结 250
13.9本章习题 250
第14章 JavaScript入门 253
14.1了解一下何为“对象” 253
14.1.1 JavaScript对象概述 253
14.1.2 DOM介绍 255
14.2 JavaScript中的数组 256
14.2.1定义和操作数组 256
14.2.2多维数组 259
14.3内部对象 259
14.3.1 Math对象 260
14.3.2 Date对象 260
14.3.3 String对象 260
14.4 window对象 261
14.4.1 window对象属性 261
14.4.2 window对象方法 264
14.4.3 window对象事件 267
14.5 document对象 269
14.5.1 document对象属性 269
14.5.2 document对象方法 269
14.5.3 document对象事件 270
14.6案例：一个运用JavaScript实现的动态页面 272
14.7小结 275
14.8本章习题 276
第15章 了解制作页面的工具 278
15.1可视化编辑页面工具——Dreamweaver 278
15.1.1了解Dreamweaver CS6的界面 278
15.1.2 Dreamweaver的菜单 280
15.2神奇的“美工笔”——Photoshop 280
15.2.1了解Photoshop的界面 280
15.2.2 Photoshop的使用技巧 281
15.3网页中的动画——Flash 283
15.3.1认识Flash文件 283
15.3.2在页面中放入Flash文件 283
15.3.3制作Flash的软件 286
15.3.4 Flash 8的菜单 287
15.3.5 Flash 8的主要功能 287
15.3.6 Flash的常用交互技巧 287
15.4案例：使用Dreamweaver制作页面 289
15.5小结 291
15.6本章习题 291
第4篇 页面实战篇 294
第16章 综合案例1：制作主流网站界面 294
16.1构思基础的布局 294
16.2设计基础模块的样式表 295
16.3完善网站的子模块 297
16.3.1网站的导航栏 297
16.3.2页面的侧栏 298
16.4最终页面 300
16.5小结 301
第17章 综合案例2：设计复杂页面 302
17.1页面的框架布局 302
17.1.1定位页面的内容 302
17.1.2页面初级布局的代码 303
17.2细化页面的局部 304
17.2.1 intro部分 304
17.2.2页面的左侧部分 306
17.2.3页面的右侧栏主体部分和页脚 309
17.3小结 312
第18章 综合案例3：制作英文网站 313
18.1分析效果图 313
18.2切图 314
18.2.1制作首页的切图 315
18.2.2二级页面的切图 316
18.3制作站点首页头部 317
18.3.1首页头部的信息和基础样式的制作 317
18.3.2首页头部的分析 318
18.3.3首页头部结构的制作 318
18.3.4首页头部CSS代码的编写 319
18.4制作首页的主体部分 321
18.4.1分析主体部分效果图 321
18.4.2制作主体左侧部分的结构 322
18.4.3制作主体左侧部分的样式 324
18.4.4制作主体中间部分的结构 327
18.4.5制作主体中间部分的样式 328
18.4.6制作主体右侧部分的结构 331
18.4.7制作主体右侧部分的样式 332
18.5制作首页的底部 334
18.6二级页面的制作 336
18.6.1分析二级页面的效果图 336
18.6.2制作二级页面中间内容部分的结构 336
18.6.3制作二级页面中间内容部分的样式 337
18.6.4制作二级页面右侧部分的结构 339
18.6.5制作二级页面右侧部分的样式 340
18.8小结 341
第19章 综合案例4：使用Dreamweaver制作中文网站 342
19.1分析效果图 342
19.2制作首页的切图 343
19.3制作站点首页头部 345
19.3.1首页头部的信息和基础样式的制作 345
19.3.2首页头部的分析 348
19.3.3首页头部logo和banner部分的制作 348
19.3.4导航列表的制作 351
19.4制作首页的主体部分 354
19.4.1分析主体部分效果图 354
19.4.2制作主体部分的父元素 355
19.4.3制作主体左侧部分的样式 356
19.4.4制作主体右侧内容中“关于我们”的部分 359
19.4.5制作“今日新闻”部分 362
19.4.6制作“证券点拨”和“证券时评”部分 364
19.4.7制作“合作伙伴”部分 366
19.5制作首页的底部 368
19.6二级页面的制作 369
19.7小结 371
附录1 HTML 4.0快速参考 372
附录2 CSS中支持的颜色名称 387