Dreamweaver网页制作与色彩搭配全攻略

上篇 网页设计入门

第1章 网页设计概述 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.2 矢量图 16

1.3.3 几种常用的图像文件类型 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.7 文件发布 34

1.5.8 后期维护 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.1.4 网页的设计和发布流程 64

3.2 创建本地站点 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 使用站点地图 73

3.4.1 设置主页 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.5.2 下载文件 80

3.5.3 同步本地站点和远端站点 80

3.6 小结 80

中篇 网页配色

第4章 色彩理论 83

4.1 色彩体系 84

4.1.1 色立体坐标 84

4.1.2 色立体 84

4.2 无彩色系与有彩色系 86

4.2.1 无彩色系 86

4.2.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 色彩的其他对比 95

4.5.1 色彩的面积对比 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 色彩的联觉与网页表达 129

5.3.1 色彩的空间感 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.2 色彩的适应性原则 137

5.4.3 网页色彩搭配 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 机构类网站 147

6.2.1 网站整体风格 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 文化类网站 160

6.5.1 网站与网站文化 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

7.1 网站概述 192

7.2 电子商务网站分类 192

7.2.1 B2B——企业与企业之间的电子商务 192

7.2.2 B2C——企业与消费者之间的电子商务 193

7.2.3 B2G——企业与政府之间的电子商务 193

7.3 网站特点分析 195

7.3.1 超长的页面结构 195

7.3.2 实用美观的分栏结构 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.6 实例目标 206

7.7 网站实现 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.7 整合局部页面至主页面 215

7.7.8 添加页面图文内容 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 特点分析 229

8.3.1 企业网站的文化 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.6 实例目标 279

9.7 操作步骤 279

9.7.1 制作Banner和网站LOGO 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 风格与配色 308

10.4.1 具有时代气息的配色 308

10.4.2 和谐自然的配色 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 特点分析 336

11.3.1 内容形式特点 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

伴随着宽带网络的普及和信息化建设的大潮，互联网已经逐渐成为我们生活的一部分。网页作为接触互联网的一个窗口，从页面设计到内容结构都极大地影响着人们对网站的使用。本书分为3篇，分别从网页设计入门、网页配色、典型网页设计这3部分由浅入深地介绍网站和页面的设计制作流程，包括网页设计概述、Dreamweaver的使用、站点的规划和设计、色彩理论、网页色彩搭配、精彩网页赏析等内容，并针对典型网页设计制作了综合实例，供读者在上机操作过程中作为设计参考。全书收录了大量的优秀网站作品，感谢全球设计师的辛勤努力，才有这些美丽的互联网风景，也使得全书具有极强的欣赏性。本书具有很高的可操作性和实用价值，其内容紧凑、实例丰富、特色鲜明、详尽实用。书中理论结合实际的典型范例，不论是对初学网页设计的新手，还是对有一定经验的设计人员，都能起到有益的帮助。