第1章 网站结构 1
1.1网站结构图 1
1.2网站逻辑模型图的设计 3
1.3选题 4
1.3.l企业网站 4
1.3.2非企业网站 4
1.4划分信息 6
1.4.自顶向下划分 6
1.4.2自底向上划分 8
1.5层次划分和优化 10
1.5.l网站的顶层结构 11
1.5.2网站的下层结构 12
1.6目录安排 15
1.7网页关系 16
1.7.l信息片段 17
1.7.2顺序关系 17
1.7.3矩阵关系 18
1.7.5网状关系 19
1.7.4树形关系 19
本章小结 21
第2章 导航系统和用户接口 22
2.1导航系统 22
2.1.l菜单 24
2.1.2站内目录 26
2.1.3站点目录的建立 26
2.1.4站内搜索 28
2.1.5网站地图及实例 28
2.1.6你的位置 37
2.1.7脚注及其他 38
2.1.8设计导航系统的注意事项 39
2.2用户接口 47
2.2.1 Step by Step 47
2.2.2错误校验 49
2.2.3关于用户名 50
本章小结 52
3.1页面大小 53
第3章 页面设计 53
3.1.l测览器的偏移量 54
3.l.2画布（canvas）大小 55
3.1.3安装了Microsoft Office之后的问题 56
3.1.4建议的页面大小 56
3.2页面主题 57
3.2.1分隔线 58
3.2.2标题图 60
3.2.3页眼图 60
3.2.4制作按钮和条形图标 61
3.2.5制作编目图标 63
3.2.6主题参考 65
3.3页面划分 69
3.3.1两栏式结构 69
3.3.2三栏式结构， 69
3.3.3两栏／三栏式相结合 70
3.3.4两栏、三栏式的变形 71
3.4.3企业站点与非企业站点对于页面原始结构规划的不同之处 72
3.4.2企业网站的原始结构框图 72
3.4.l综合性站点的原始结构框图 72
3.4设计页面原始结构框图 72
3.5设计页面图 75
3.5.l关于设计的几点建议 76
3.5.2利用工具设计页面图 77
3.6拆分页面 78
3.6.1第一次拆分 78
3.6.2输出HTM代码及初步优化 81
3.6.3第二次页面拆分 85
3.6.4第三次页面拆分 87
3.7代码优化（使网页苗条） 91
3.7.1在HTML中明确地标注图像尺寸（不要省略图像的WIDTH和HEIGHT属性） 91
3.7.2去掉多余的图像 93
3.7.3使用适用的图像格式 93
3.7.4使用缓存 95
3.7.5保证图像中一行里的颜色数尽可能得少 95
3.7.6尽可能使用文本而不用图形 96
3.7.7制作快速表格的技巧 98
3.7.8测试你的网页 103
3.8模板的创建 104
3.8.1半模板 104
3.8.2全模板 105
3.9页面更新和管理计划 108
3.10几种例行页面的设计制作 108
3.10.l欢迎页面的制作 108
3.10.3雇员信息页面的制作 110
3.10.2联系页面的制作 110
3.10.4新闻页面的制作 113
3.10.5产品/服务页面的制作 116
3.10.6客户支持页面的制作 118
3.11创意页面的设计制作 120
3.12页面实例 121
3.12.l欢迎页面的实例 121
3.12.2创意页面的实例 122
3.12.3新闻页面的实例 122
3.12.4雇员页面的实例 124
3.12.5产品页面的实例 125
3.12.6 FAQ页面实例 127
本章小结 130
第4章 配色方案. 132
4.1关于计算机的色彩表示 132
4.1.1颜色十六进制数值 133
4.1.2 RGB值 134
4.2关于浏览器的安全色彩问题 135
4.3关于颜色的语言 136
4.3.1颜色符号论图表 137
4.3.2不同文化的颜色符号论 137
4.3.3颜色与心理 137
4.4 Web页面的用色要求 141
4.5页面颜色的选择 141
4.5.1主色 142
4.5.2辅色 142
4.6配色方法 145
4.6.1配色窍门 146
4.6.2几种配色方案 147
4.7给色彩制作档案 149
本章小结 150
第5章 CSS样式表 151
5.1样式表的写法 151
5.1.1样式表写法分类 151
5.1.2文字属性控制 153
5.1.3表单属性控制 154
5.1.4链接 155
5.2样式表举例 156
本章小结 160
第6章 表格的应用 161
6.1表格的作用 161
6.1.l确定页面布局 161
6.1.2随心所欲地安排页面内容 161
6.1.3在某种程度上替代图像 161
6.2.2多级嵌套式 162
6.2.1单级表格式 162
6.2表格的放置 162
6.2.3重复单级式 163
6.3表格的制作 163
6.3.l表格的宽度 163
6.3.2表格的边框 164
6.3.3表元的间隙 166
6.3.4表格的分隔线 169
6.3.5表元内容的对齐布局 170
6.3.6表格在页面中的对齐/布局 172
6.4表格的使用窍门 173
6.4.l制作按钮 173
6.4.2制作线条 176
6.4.3替代图像 183
6.5关于表格的几点建议 189
6.5.1表格的多级嵌套最好不超过三层. 189
6.5.2尽量不要使用不规则表格 189
本章小结 189
7.1.2使用高中质量的图片 190
7.1.l尽量使用小图 190
第7章 图的应用 190
7.l网页图片的使用原则 190
7.2网页图片的选择 191
7.2.l内容的选择 191
7.2.2色调的选择 191
7.2.3质量的选择 191
7.2.4选择图片的方法 192
7.3网页图片的修饰 192
7.3.l图的淡化 192
7.3.2图的羽化 193
7.3.3图的单色化 194
7.3.4修改背景色 196
7.3.5背景透明化 198
7.3.6背景模糊 201
7.3.7图像的组合 202
7.3.8图像勾边 202
7.4.1阴影效果 206
7.4增加网页立体效果 206
7.4.2倒影效果 207
7.4.3光影效果 212
7.4.4浮雕效果 213
7.5在哪里使用图最恰当 214
7.5.l背景 214
7.1隐形图的使用 215
7.5.5提交按扭 215
7.5.4文字密集处 215
7.5.3 coverpape 215
7.5.2首页 215
7.7图和表格的结合 216
7.7.l图和表格底色的结合 216
7.7.2巧用表格背景图 217
7.8用CSS的滤镜功能处理图片 220
7.8.I Alpha滤镜 220
7.8.2 Blur滤镜 222
7.8.3 FlipH和FlipV滤镜 223
7.8.4 Chroma滤镜 225
7.8.5 Dropshadow滤镜 226
7.8.6 Glow滤镜 227
7.8.7 Gfay滤镜 228
7.8.8 Light滤镜 228
7.8.9 Shadow滤镜 230
7.8.10 Wave滤镜 231
7.8.11 CSS滤镜的综合应用 232
7.9用Script程序使图片产生意想不到的效果 233
7.10关于GIF动画 234
7.11图的替代品 234
7.11.l表格 234
7.11.2特殊字符 234
本章小结 235
第8章 分隔线的应用 236
8.1线的类型 236
8.1.1复杂型 236
8.1.3其他型 237
8.1.2简单型 237
8.2线的制作 238
8.2.1制作精美的线条 238
8.2.2制作10*10像素的小图 238
8.2.3在HTML中勾勒表格边框 238
8.2.4用表格背景色做线 239
8.2.5用表格背景图做线 239
8.2.6使用HTML中的＜HR＞ 239
本章小结 240
第9章 文字的处理 241
9.1文字的摆放 241
9.1.l文字的布局 241
9.1.2文字的摆放规则 243
9.2使用CSS的滤镜效果处理文字 244
9.2.1 Alpha滤镜 244
9.2.2 Blur滤镜 245
9.2.3 Fliph,FlipV滤镜 246
9.2.4 DropShadow滤镜 247
9.2.6 Shadow滤镜 248
9.2.5 Glow滤镜 248
9.2.7 WaVe滤镜 249
9.2.8 CSS滤镜的综合应用 249
9.3使用Script程序处理文字 250
本章小结 253
第10章 按钮及图标 254
10.l根据页面主题收集按钮和图标 254
10.2根据页面主题设计按钮和图标 255
10.3使用SCript程序制作按钮 256
10.4实战：借助软件制作导航按钮和图标 257
10.4.1 ActionBars 257
10.4.2 AllWebMenus 265
本章小结 275
第11章 表单应用 276
11.l创建表单页面 276
11.1.l创建表单页面的准备工作 277
11.1.2设计表单页面 278
11.2.1增加表单边框 282
11.2表单元素的修饰 282
11.2.2隐藏表单边框 283
11.2.3修改表单边框 284
11.2.4修改submit外表 285
11.3表单区域的修饰 285
11.3.l增加表单区域外框 286
11.3.2使用小图片 287
11.3.3使用区域背景图 287
11.3.4使用精心制作的按钮图片 288
11.3.5使用标题图片 288
11.4表单页面实例 288
本章小结 289
第12章 隐藏信息,换取空间 290
12.1隐藏文字 290
12.2菜单的应用 293
12.2.l弹出式菜单 294
12.2.2伸缩式菜单 294
12.2.3下拉菜单 295
12.3标签的应用 296
12.3.图像的标签 296
12.3.2链接的标签 297
12.4共享空间 297
12.4.l图像共享空间 298
12.4.2文字共享空间 299
本章小结 299
13.1.l留给别人的广告 300
13.l广告的分类 300
第13章 网页广告 300
13.1.2留给自己的广告 301
13.2广告的规格 301
13.2.1 468×60 301
13.2.2 88×31 301
13.2.3 120×60 302
13.2.4 125×l25 302
13.2.5其他 302
13.3广告的位置 303
13.3.l页眉 304
13.3.2页中 304
13.3.3页脚 305
13.3.4专辟的广告区 305
13.4设置广告收费标准 306
13.5跟踪Web广告 307
13.6广告随机显示系统的制作 308
13.6.l用JavaScriPt实现广告的互换显示 308
13.6.2使用Meta+iframe技术 309
13.7网页广告的设计制作 311
13.7.1广告的设计 313
13.7.2制作GIF格式的动画广告 316
13.8关于Rich Media Banner 322
本章小结 323
附录一 相关网址 324
附录二 CSS的基本语法 329
附录三 网页广告常见问答 335
附录四 创览器相容性图表 338