第1章 网页设计概述 3
上篇 网页设计入门 3
1.1 网页和网站 4
1.2 网页设计 4
1.2.1 网页设计的步骤 4
1.2.2 网页表现手法 5
1.2.3 页面布局设计 8
1.3 Web图像基础知识 15
1.3.1 位图 15
1.3.3 几种常用的图像文件类型 16
1.3.2 矢量图 16
1.4 HTML基础知识 19
1.4.1 HTML概念 19
1.4.2 HTML基本语法 19
1.4.3 基本标记 19
1.4.4 格式标记 20
1.4.5 文本标记 23
1.4.6 图像标记 24
1.4.7 表格标记 25
1.4.8 链接标记 26
1.4.9 帧标记 27
1.4.10 表单标记 28
1.5 网页设计的流程 29
1.5.1 客户提出需求 29
1.5.2 注册域名和申请空间 29
1.5.3 确定网站的内容和主题 30
1.5.4 设计页面 30
1.5.5 设计网页动画 32
1.5.6 网页整合 33
1.5.8 后期维护 34
1.5.7 文件发布 34
1.6 小结 35
第2章 Dreamweaver 8快速入门 37
2.1 简介 38
2.2 Dreamweaver 8基本工作环境 39
2.2.1 界面布局 39
2.2.2 主菜单 40
2.2.3 工具栏 40
2.2.4 常用面板 41
2.3 网页制作基础知识 43
2.3.1 创建站点及保存网页 44
2.3.2 应用表格 45
2.3.3 编辑文本 48
2.3.4 插入图像 49
2.3.5 超链接 50
2.4 网页制作高级功能 53
2.4.1 层 53
2.4.2 表单 54
2.4.3 文本表单和按钮 55
2.4.4 行为 56
2.4.5 CSS样式表 58
2.4.6 模板和资源库 59
2.5 小结 60
第3章 站点管理 61
3.1 规划站点 62
3.1.1 规划站点结构 62
3.1.2 规划站点的浏览机制 63
3.1.3 构建整体的站点风格 63
3.2 创建本地站点 64
3.1.4 网页的设计和发布流程 64
3.2.1 Files面板 65
3.2.2 利用建站向导构建站点 66
3.2.3 利用增强方式构建站点 68
3.3 管理站点内容 69
3.3.1 打开本地站点和编辑站点属性 69
3.3.2 操作站点文件 70
3.3.3 刷新站点文件列表 72
3.3.4 重建缓存 72
3.4.1 设置主页 73
3.4 使用站点地图 73
3.4.2 显示站点地图 74
3.4.3 在站点地图中显示文件标题 75
3.4.4 在站点地图中操作文件 76
3.4.5 从某个分支开始查看地图 77
3.4.6 显示或隐藏站点地图文件 77
3.4.7 在站点地图中管理链接 78
3.5 文件的上传和下载 79
3.5.1 上传文件 79
3.6 小结 80
3.5.2 下载文件 80
3.5.3 同步本地站点和远端站点 80
中篇 网页配色 83
第4章 色彩理论 83
4.1 色彩体系 84
4.1.1 色立体坐标 84
4.1.2 色立体 84
4.2.1 无彩色系 86
4.2.2 有彩色系 86
4.2 无彩色系与有彩色系 86
4.3 色彩的三要素 87
4.3.1 明度 88
4.3.2 色相 89
4.3.3 纯度 89
4.4 色彩对比 90
4.4.1 明度对比 91
4.4.2 色相对比 92
4.4.3 纯度对比 94
4.5.1 色彩的面积对比 95
4.5 色彩的其他对比 95
4.5.2 色彩的形状对比 97
4.5.3 色彩的冷暖对比 97
4.5.4 色彩的肌理对比 99
4.6 色彩模式 99
4.6.1 RGB模式 100
4.6.2 CMYK模式 101
4.6.3 Lab模式 101
4.7 色彩调和 102
4.7.1 色彩调和的方式 103
4.7.2 色彩调和的基本法则 104
4.8 小结 105
第5章 网页配色 107
5.1 色彩心理的表现形式 108
5.1.1 红色心理与网页表现 108
5.1.2 黄色心理与网页表现 111
5.1.3 蓝色心理与网页表现 113
5.1.4 绿色心理与网页表现 115
5.1.5 紫色心理与网页表现 117
5.1.6 橙色心理与网页表现 119
5.1.7 白色心理与网页表现 121
5.1.8 黑色心理与网页表现 122
5.1.9 灰色心理与网页表现 123
5.1.10 金色、银色心理与网页表现 124
5.2 色彩联想与网页“表情” 125
5.2.1 声音与网页色彩 126
5.2.2 味觉与网页色彩 127
5.2.3 嗅觉与网页色彩 127
5.2.4 冷暖与网页色彩 128
5.3.1 色彩的空间感 129
5.3 色彩的联觉与网页表达 129
5.3.2 色彩的亲切感 130
5.3.3 色彩的庄重感 131
5.3.4 色彩的神秘感 131
5.3.5 色彩的柔软感与坚硬感 132
5.3.6 色彩的兴奋感与忧郁感 132
5.3.7 色彩的华丽感与朴素感 133
5.4 色彩搭配 134
5.4.1 色彩的平衡原则 135
5.4.3 网页色彩搭配 137
5.4.2 色彩的适应性原则 137
5.4.4 网页色彩搭配技巧 139
5.4.5 网页色彩选择标准 140
5.5 小结 141
第6章 精彩网页赏析 143
6.1 资讯类网站 144
6.1.1 页面布局与导航 144
6.1.2 框架设计与风格 145
6.1.3 图文信息 146
6.2.1 网站整体风格 147
6.2 机构类网站 147
6.2.2 结构与色彩 148
6.3 娱乐类网站 149
6.3.1 页面氛围与网站风格 149
6.3.2 游戏网站 151
6.3.3 电影网站 154
6.4 生活类网站 156
6.4.1 色彩与氛围 157
6.4.2 女性网站 157
6.4.3 家居网站 158
6.5.1 网站与网站文化 160
6.5 文化类网站 160
6.5.2 网站色彩与结构 161
6.5.3 文化特征与风格 162
6.6 电子商务网站 163
6.6.1 网站结构与布局 164
6.6.2 商品分类和导航信息 165
6.6.3 页面风格与特征 166
6.7 企业网站 169
6.7.1 网站与企业文化 169
6.7.2 以形象为主的企业网站 170
6.7.3 以产品为主的企业网站 173
6.8 世界500强网站 175
6.8.1 电信与IT行业 175
6.8.2 航空运输业 177
6.8.3 汽车工业 178
6.8.4 能源与工业 179
6.8.5 银行与金融业 182
6.8.6 生产制造业 184
6.8.7 其他行业 186
6.9 小结 188
第7章 电子商务网站 191
下篇 典型网页设计 191
7.1 网站概述 192
7.2 电子商务网站分类 192
7.2.1 B2B——企业与企业之间的电子商务 192
7.2.2 B2C——企业与消费者之间的电子商务 193
7.2.3 B2G——企业与政府之间的电子商务 193
7.3.1 超长的页面结构 195
7.3.2 实用美观的分栏结构 195
7.3 网站特点分析 195
7.3.3 简单易用的导航功能 196
7.3.4 色彩结构与图片应用 198
7.4 功能规划 200
7.4.1 产品展示 200
7.4.2 售后服务 201
7.4.3 网上订购 202
7.4.4 网上结算 203
7.5 创意分析 204
7.5.1 色彩搭配 204
7.5.2 结构设计 205
7.7 网站实现 206
7.6 实例目标 206
7.7.1 制作网站导航条 207
7.7.2 制作网站Banner 208
7.7.3 绘制功能区域 209
7.7.4 切图和输出页面 210
7.7.5 构建站点和编辑页面 211
7.7.6 制作局部框架的页面 214
7.7.8 添加页面图文内容 215
7.7.7 整合局部页面至主页面 215
7.7.9 制作二级页面 216
7.8 小结 219
第8章 企业网站 221
8.1 企业网站概述 222
8.2 企业网站分类 222
8.2.1 宣传型企业网站 222
8.2.2 应用型企业网站 224
8.2.3 商务型企业网站 227
8.3.1 企业网站的文化 229
8.3 特点分析 229
8.3.2 企业网站的页面结构 232
8.4 色彩搭配 234
8.4.1 代表科技与服务的蓝色企业网站 234
8.4.2 代表环保与通信的绿色企业网站 236
8.4.3 代表简洁与大气的白色企业网站 237
8.4.4 代表品质与活力的红色企业网站 238
8.4.5 企业网站的其他色彩搭配 240
8.5 创意分析 242
8.5.1 从页面结构设计上创新 242
8.5.2 从设计风格上进行创新 244
8.6 实例目标 246
8.7 操作步骤 247
8.7.1 制作网站Banner 247
8.7.2 制作页面框架布局 248
8.7.3 添加导航和输出页面 251
8.7.4 新建网站站点 253
8.7.5 编辑左侧内容区 253
8.7.6 编辑页面主体内容区 255
8.7.7 编辑右侧内容区和版权信息 256
8.7.8 利用交互方式修改图片 257
8.7.9 建立二级页面 258
8.8 小结 261
第9章 旅游网站 263
9.1 网站概述 264
9.2 旅游网站分类 264
9.2.1 公益性旅游网站 264
9.2.2 商业运营旅游网站 265
9.3 网站特点分析 266
9.3.1 内容结构特点 268
9.3.2 页面布局特点 269
9.4 配色原则 271
9.4.1 蓝色基调的旅游网站页面配色 272
9.4.2 绿色基调的旅游网站页面配色 272
9.4.3 白色基调的旅游网站页面配色 273
9.4.4 其他基调的旅游网站页面配色 275
9.5 创意分析 276
9.5.1 从宣传内容上进行创意 276
9.5.2 从设计风格上进行创意 276
9.5.3 从页面布局上进行创意 277
9.5.4 从色彩搭配上进行创意 277
9.7.1 制作Banner和网站LOGO 279
9.6 实例目标 279
9.7 操作步骤 279
9.7.2 制作页面整体框架 282
9.7.3 制作导航区域 284
9.7.4 切图并输出页面 285
9.7.5 新建站点 287
9.7.6 制作导航栏翻转图片 288
9.7.7 编辑页面内容 288
9.7.8 制作二级页面 292
9.8 小结 295
第10章 新闻网站 297
10.1 网站概述 298
10.2 网站背景 298
10.2.1 传统媒体的新闻网站 298
10.2.2 专业的新闻网站 301
10.3 特点分析 303
10.3.1 页面设计特点 303
10.3.2 网站内容特点 305
10.3.3 互动性与时效性 305
10.4.2 和谐自然的配色 308
10.4 风格与配色 308
10.4.1 具有时代气息的配色 308
10.5 创意分析 310
10.5.1 内容突破创新 310
10.5.2 风格新颖专业专注 312
10.5.3 从网页技术上创新 313
10.6 实例目标 315
10.7 操作步骤 316
10.7.1 设计页面布局 316
10.7.2 切图和输出页面 320
10.7.3 建立Web站点和编辑页面内容 321
10.7.4 框架区域的切图和输出 325
10.7.5 整合与编辑页面框架结构 325
10.7.6 新建二级页面并编辑 327
10.8 小结 330
第11章 电子政务网站 331
11.1 网站概述 332
11.2 电子政务网站分类 332
11.2.1 职能型政府网站 332
11.2.2 行业性政务网站 334
11.3.1 内容形式特点 336
11.3 特点分析 336
11.3.2 应用功能特点 341
11.4 网站定位 343
11.4.1 符合党和国家的政治形势 343
11.4.2 网站目的明确 344
11.4.3 网站实效性 345
11.5 创意分析 346
11.5.1 别致的页面焦点 347
11.5.2 灵活的风格 348
11.6 实例目标 349
11.7 操作步骤 350
11.7.1 设计制作页面布局 350
11.7.2 制作导航和Banner条 351
11.7.3 制作页面内容区框架 352
11.7.4 修饰细节和切图、输出页面 354
11.7.5 建立站点编辑页面 357
11.7.6 内容框架的切图和输出 359
11.7.7 建立二级页面 364
11.8 小结 366