前言
第1章 网站结构 1
1.1 网站结构图 1
1.2 网站逻辑模型图的设计 3
1.3 选题 4
1.3.1 企业网站 4
1.3.2 非企业网站 4
1.4 划分信息 6
1.4.1 自顶向下划分 6
1.4.2 自底向上划分 8
1.5 层次划分和优化 10
1.5.1 网站的顶层结构 11
1.5.2 网站的下层结构 12
1.6 目录安排 15
1.7 网页关系 16
1.7.1 信息片段 17
1.7.2 顺序关系 17
1.7.3 矩阵关系 18
1.7.4 树形关系 19
1.7.5 网状关系 19
本章小结 21
第2章 导航系统和用户接口 22
2.1 导航系统 22
2.1.1 菜单 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章 页面设计 53
3.1 页面大小 53
3.1.1 浏览器的偏移量 54
3.1.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 设计页面原始结构框图 72
3.4.1 综合性站点的原始结构框图 72
3.4.2 企业网站的原始结构框图 72
3.4.3 企业站点与非企业站点对于页面原始结构规划的不同之处 72
3.5 设计页面图 75
3.5.1 关于设计的几点建议 76
3.5.2 利用工具设计页面图 77
3.6 拆分页面 78
3.6.1 第一次拆分 78
3.6.2 输出HTML代码及初步优化 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.1 欢迎页面的制作 108
3.10.2 联系页面的制作 110
3.10.3 雇员信息页面的制作 110
3.10.4 新闻页面的制作 113
3.10.5 产品/服务页面的制作 116
3.10.6 客户支持页面的制作 118
3.11 创意页面的设计制作 120
3.12 页面实例 121
3.12.1 欢迎页面的实例 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.1 确定页面布局 161
6.1.2 随心所欲地安排页面内容 161
6.1.3 在某种程度上替代图像 161
6.2 表格的放置 162
6.2.1 单级表格式 162
6.2.2 多级嵌套式 162
6.2.3 重复单级式 163
6.3 表格的制作 163
6.3.1 表格的宽度 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.1 制作按钮 173
6.4.2 制作线条 176
6.4.3 替代图像 183
6.5 关于表格的几点建议 189
6.5.1 表格的多级嵌套最好不超过三层 189
6.5.2 尽量不要使用不规则表格 189
本章小结 189
第7章 图的应用 190
7.1 网页图片的使用原则 190
7.1.1 尽量使用小图 190
7.1.2 使用高中质量的图片 190
7.2 网页图片的选择 191
7.2.1 内容的选择 191
7.2.2 色调的选择 191
7.2.3 质量的选择 191
7.2.4 选择图片的方法 192
7.3 网页图片的修饰 192
7.3.1 图的淡化 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 增加网页立体效果 206
7.4.1 阴影效果 206
7.4.2 倒影效果 207
7.4.3 光影效果 212
7.4.4 浮雕效果 213
7.5 在哪里使用图最恰当 214
7.5.1 背景 214
7.5.2 首页 215
7.5.3 coverpage 215
7.5.4 文字密集处 215
7.5.5 提交按扭 215
7.6 隐形图的使用 215
7.7 图和表格的结合 216
7.7.1 图和表格底色的结合 216
7.7.2 巧用表格背景图 217
7.8 用CSS的滤镜功能处理图片 220
7.8.1 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 Gray滤镜 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.1 表格 234
7.11.2 特殊字符 234
本章小结 235
第8章 分隔线的应用 236
8.1 线的类型 236
8.1.1 复杂型 236
8.1.2 简单型 237
8.1.3 其他型 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中的 239
本章小结 240
第9章 文字的处理 241
9.1 文字的摆放 241
9.1.1 文字的布局 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.5 Glow滤镜 248
9.2.6 Shadow滤镜 248
9.2.7 Wave滤镜 249
9.2.8 CSS滤镜的综合应用 249
9.3 使用Script程序处理文字 250
本章小结 253
第10章 按钮及图标 254
10.1 根据页面主题收集按钮和图标 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.1 创建表单页面 276
11.1.1 创建表单页面的准备工作 277
11.1.2 设计表单页面 278
11.2 表单元素的修饰 282
11.2.1 增加表单边框 282
11.2.2 隐藏表单边框 283
11.2.3 修改表单边框 284
11.2.4 修改submit外表 285
11.3 表单区域的修饰 285
11.3.1 增加表单区域外框 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.1 弹出式菜单 294
12.2.2 伸缩式菜单 294
12.2.3 下拉菜单 295
12.3 标签的应用 296
12.3.1 图像的标签 296
12.3.2 链接的标签 297
12.4 共享空间 297
12.4.1 图像共享空间 298
12.4.2 文字共享空间 299
本章小结 299
第13章 网页广告 300
13.1 广告的分类 300
13.1.1 留给别人的广告 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×125 302
13.2.5 其他 302
13.3 广告的位置 303
13.3.1 页眉 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.1 用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
鄂公网安备 42010302001612号 