第1章 网页设计概述 1
1．1 认识网页 1
1．1．1 什么是网页 1
1．1．2 网站及网站的类型 1
1．2 网页设计常用工具 7
1．2．1 使用Photoshop设计网页图像 7
1．2．2 使用Fireworks设计网页图像 7
1．2．3 使用网页编辑软件Dreamweaver制作网页 8
1．2．4 使用网页动画软件Flash制作动画 9
1．3 网页设计原则 9
1．4 网页设计的流程 10
1．4．1 收集资料 11
1．4．2 网站规划 11
1．4．3 制作网页 12
1．4．4 测试 12
1．4．5 申请域名 13
1．4．6 网站的更新和维护 13
第2章 网页色彩搭配基础知识 15
2．1 色彩的原理 15
2．2 色彩的分类 15
2．2．1 无彩色 15
2．2．2 有彩色 16
2．3 色彩的三要素 17
2．3．1 明度 17
2．3．2 色相 18
2．3．3 纯度 19
2．4 色彩对比 20
2．4．1 明度对比 20
2．4．2 色相对比 21
2．4．3 纯度对比 25
2．4．4 色彩的面积对比 26
2．4．5 色彩的冷暖对比 27
2．5 色彩模式 28
2．5．1 RGB模式 28
2．5．2 CMYK模式 29
2．5．3 Lab模式 29
2．6 各种色彩分析 30
2．6．1 红色心理与色彩搭配 30
2．6．2 黄色心理与色彩搭配 32
2．6．3 蓝色心理与色彩搭配 34
2．6．4 绿色心理与色彩搭配 36
2．6．5 紫色心理与色彩搭配 38
2．6．6 橙色心理与色彩搭配 40
2．6．7 白色心理与色彩搭配 42
2．6．8 黑色心理与色彩搭配 44
2．6．9 灰色心理与色彩搭配 45
2．7 色彩搭配 45
2．7．1 网页色彩搭配原则 45
2．7．2 网页色彩搭配方法 47
第3章 网站页面的设计 51
3．1 网页布局的基本要素 51
3．1．1 页面标题 51
3．1．2 网站标志 51
3．1．3 页面尺寸 52
3．1．4 导航栏 53
3．1．5 页眉和页脚 53
3．2 网页版面布局设计 54
3．2．1 网页版面布局原则 54
3．2．2 点、线、面的构成 57
3．3 网页布局方法 59
3．3．1 纸上布局 59
3．3．2 软件布局 60
3．4 常见的版面布局形式 60
3．4．1 “国”字型布局 60
3．4．2 “厂”字型布局 61
3．4．3 “框架”型布局 62
3．4．4 “封面”型布局 63
3．4．5 Flash型布局 63
3．5 网页中的文字设计 63
3．5．1 文字的字体、字号、行距 64
3．5．2 文字的颜色 65
3．5．3 文字的图形化 65
3．6 网页中的图像应用 66
3．6．1 常见的网页图像格式 66
3．6．2 网页中应用图像的注意要点 67
第4章 各类网站色彩搭配知识 68
4．1 门户类网站 68
4．1．1 布局与导航设计 68
4．1．2 色彩与风格设计 68
4．1．3 图文信息 69
4．2 机构类网站 71
4．2．1 网站整体风格 71
4．2．2 色彩搭配 72
4．3 娱乐类网站 72
4．4 生活类网站 73
4．4．1 汽车资讯网站 73
4．4．2 女性美容网站 74
4．4．3 家居网站 75
4．5 艺术类网站 75
4．6 电子商务网站 76
4．6．1 网站布局与配色 77
4．6．2 BtoC电子商务工作流程 78
4．7 企业网站 79
4．7．1 网站结构与布局 79
4．7．2 网站色彩搭配 80
第5章 设计制作个人网站 81
5．1 个人网站设计指南 81
5．2 个人网站分类 82
5．3 创意分析 85
5．3．1 色彩搭配 85
5．3．2 结构设计 85
5．4 个人网站主页实现 86
5．4．1 使用Photoshop制作按钮（一） 87
5．4．2 使用Photoshop制作按钮（二） 89
5．4．3 制作顶部库项目 90
5．4．4 制作底部库项目 92
5．4．5 制作个人简历页面 94
5．4．6 利用插件制作背景音乐效果 104
5．5 知识点总结 107
5．5．1 库项目的创建 107
5．5．2 库项目的插入 108
5．5．3 页面属性的设置 109
5．5．4 网页图像的插入 109
第6章 设计制作政府类网站 112
6．1 政府网站概述 112
6．2 政府网站设计原则 115
6．2．1 符合党和国家的政治形势 115
6．2．2 内容完整，功能适用 115
6．2．3 网站页面设计应简洁清晰 116
6．2．4 网站名称和域名明确规范 116
6．2．5 网站实效性 117
6．2．6 网站安全性 117
6．3 政府网站主要功能和栏目 117
6．3．1 网站的基本模块 117
6．3．2 网站的交互模块 118
6．4 创意分析 120
6．4．1 色彩搭配 120
6．4．2 结构分析 120
6．5 政府网站主页实现 121
6．5．1 设计网页翻转按钮 122
6．5．2 插入网页导航部分 124
6．5．3 设置为首页 128
6．5．4 添加到收藏夹 129
6．5．5 制作“最新公告”栏目 130
6．5．6 制作“视频资讯”栏目 133
6．5．7 制作“专题专栏”栏目 134
6．5．8 制作“办事大厅”栏目 136
6．5．9 制作“今日北城”栏目 139
6．5．10 制作“政务动态”栏目 142
6．5．11 制作“政府文件”栏目 143
6．5．12 制作“人事动态”栏目 145
6．5．13 制作“政务督查”栏目 146
6．5．14 制作“在线服务”栏目 148
6．5．15 制作网页底部部分 151
6．6 知识点总结 152
6．6．1 表格属性的设置 152
6．6．2 表格的选择 153
第7章 设计制作购物网站 155
7．1 购物网站概述 155
7．2 购物网站设计分析 159
7．2．1 大信息量的页面 159
7．2．2 页面结构设计合理 160
7．2．3 完善的分类体系 161
7．2．4 商品图片的使用 162
7．3 购物网站主要功能和栏目 162
7．3．1 商品展示系统 162
7．3．2 商品搜索系统 163
7．3．3 购物车系统 164
7．3．4 网上付款 165
7．3．5 后台管理系统 165
7．4 创意分析 166
7．5 购物网站主页实现 167
7．5．1 设计Banner 168
7．5．2 处理商品图片 170
7．5．3 制作网页头部内容 172
7．5．4 制作“会员登录”界面 176
7．5．5 制作“商品分类”栏目 180
7．5．6 制作“热门商品”栏目 182
7．5．7 制作“网站调查”栏目 183
7．5．8 制作“最新公告”栏目 187
7．5．9 制作“热力推荐”栏目 190
7．5．10 制作“新品上架”栏目 192
7．5．11 制作“生活常识”栏目 195
7．5．12 制作底部内容 197
7．6 知识点总结 200
7．6．1 表单和表单对象的使用 200
7．6．2 特殊字符的插入 201
第8章 设计制作企业宣传网站 202
8．1 企业网站概述 202
8．2 企业网站主要功能栏目 204
8．3 色彩搭配 207
8．4 网站的风格及其创意 210
8．5 设计企业网站首页 211
8．5．1 制作首页 212
8．5．2 切割首页 219
8．6 制作二级页面 220
8．6．1 制作模板 221
8．6．2 制作楼盘展示页面 231
8．7 知识点总结 234
8．7．1 Photoshop图层面板的使用 234
8．7．2 网页模板的创建 235
8．7．3 可编辑区的设置 236
8．7．4 利用模板创建和更新网页 236
第9章 设计制作娱乐休闲类网站 238
9．1 娱乐休闲类网站分类 238
9．1．1 在线视频网站 238
9．1．2 音乐网站 239
9．1．3 手机短信网站 239
9．1．4 游戏网站 240
9．1．5 交友网站 241
9．1．6 社区论坛网站 242
9．2 配色原则 243
9．3 创意分析 243
9．4 设计网页动画和图像 244
9．4．1 制作Banner 245
9．4．2 制作网站Logo 252
9．5 制作网站主页 255
9．5．1 制作网页头部内容 255
9．5．2 制作文字效果和导航按钮 259
9．5．3 制作“音乐搜索”栏目 262
9．5．4 制作“最新MTV”、“音乐故事”、“网络歌曲”栏目 267
9．5．5 制作“歌曲排行榜”栏目 271
9．5．6 制作“经典歌曲推荐”和“大陆歌曲推荐”栏目 272
9．5．7 制作“下载彩铃”栏目 274
9．5．8 制作“最新评论”栏目 276
9．5．9 制作“推荐专辑”和“本站推荐”栏目 277
9．5．10 制作“在线调查”栏目 279
9．5．11 制作“版权信息”栏目 281
9．6 知识点总结 281
9．6．1 Flash动画的基本类型 282
9．6．2 表格的基本操作 282
第10章 设计制作新闻网站 284
10．1 新闻网站概述 283
10．2 主要功能栏目 286
10．3 新闻网站设计分析 289
10．4 风格与配色 289
10．5 新闻网站实现 292
10．5．1 创建数据库 292
10．5．2 创建数据库连接 294
10．5．3 新闻列表页面 296
10．5．4 新闻详细页面 301
10．5．5 后台登录页面 304
10．5．6 新闻管理主页面 309
10．5．7 添加新闻页面 314
10．5．8 修改新闻页面 318
10．5．9 删除新闻页面 320
10．6 知识点总结 323
10．6．1 使用“应用程序”插入栏 323
10．6．2 创建记录集 324
10．6．3 设置“记录集”对话框的高级模式 324
10．6．4 设置“登录用户”对话框 325
10．6．5 “更新记录表单”对话框 326
附录A RGB色彩对照表 328
附录B 常见网页配色词典 330
附录C 网页设计配色色彩代码 334