第1章 网页设计基础 1
1.1 网页设计的相关术语 1
1.1.1 什么是静态网页 1
1.1.2 什么是动态网页 2
1.2 网页美工常用工具 3
1.2.1 掌握网页编辑排版软件Dreamweaver 4
1.2.2 掌握网页图像制作软件Photoshop 4
1.2.3 掌握网页动画制作软件Flash 5
1.3 网页版面布局设计 6
1.3.1 网页版面布局原则 6
1.3.2 点、线、面的构成 7
1.4 常见的网站类型 9
1.4.1 个人网站 9
1.4.2 企业类网站 10
1.4.3 娱乐休闲类网站 11
1.4.4 行业信息类网站 12
1.4.5 门户网站 13
1.4.6 购物类网站 13
1.5 文字与图像版式设计 13
1.5.1 字体、字号、行距 13
1.5.2 文字的图形化 14
1.6 网站建设的一般流程 14
1.6.1 确定网站主题 15
1.6.2 网站整体规划 15
1.6.3 收集资料与素材 15
1.6.4 设计网页图像 16
1.6.5 制作网页 18
1.6.6 开发动态网站模块 19
1.6.7 发布与上传 21
1.6.8 后期更新与维护 21
1.6.9 网站的推广 21
1.7 经典习题 21
第2章 网站页面配色和创意 22
2.1 色彩基础知识 22
2.1.1 色彩的基本概念 22
2.1.2 常见色彩表达的意义 23
2.2 网页色彩搭配 23
2.2.1 网页色彩搭配原理 24
2.2.2 网页设计中色彩搭配的技巧 24
2.2.3 常见的网页配色方案 25
2.3 网页色彩创意 25
2.3.1 什么是创意 25
2.3.2 创意思维的原则 26
2.4 创意的方法 29
2.4.1 富于联想 29
2.4.2 巧用对比 30
2.4.3 善用比喻 30
2.4.4 以小见大 32
2.4.5 流行时尚 32
2.5 经典习题 33
第3章 制作简洁的文本网页 34
3.1 Dreamweaver CC工作区 34
3.2 创建本地站点 35
3.2.1 使用站点向导创建本地站点 35
3.2.2 使用高级设置建立站点 38
3.3 插入文本 43
3.3.1 普通文本 44
3.3.2 特殊字符 45
3.3.3 插入日期 47
3.4 设置文本属性 49
3.4.1 设置标题段落格式 50
3.4.2 设置文本字体和字号 50
3.4.3 添加新字体 52
3.4.4 设置文本颜色 54
3.4.5 设置文本对齐方式 54
3.4.6 设置文本缩进和凸出 55
3.5 创建项目列表和编号列表 56
3.5.1 创建项目列表 56
3.5.2 创建编号列表 57
3.6 创建各种类型的链接 58
3.6.1 创建文本链接 58
3.6.2 创建图像热点链接 61
3.6.3 创建E-mail链接 64
3.6.4 创建下载文件链接 66
3.6.5 创建脚本链接 68
3.6.6 创建空链接 70
3.7 实例——创建基本文本网页 71
3.8 经典习题 74
第4章 使用图像丰富网页内容 76
4.1 在网页中插入图像 76
4.1.1 插入普通图像 76
4.1.2 插入鼠标经过图像 79
4.2 设置图像属性 84
4.2.1 调整图像大小 84
4.2.2 设置图像对齐方式 86
4.3 在网页中编辑图像 86
4.3.1 裁剪图像 87
4.3.2 重新取样图像 88
4.3.3 调整图像亮度和对比度 89
4.3.4 锐化图像 90
4.4 插入Flash 91
4.4.1 插入 Flash动画 91
4.4.2 插入Flash视频 94
4.5 实例 98
4.5.1 实例1——创建图文混排网页 98
4.5.2 实例2——创建翻转图像导航 102
4.6 经典习题 107
第5章 使用表格排列网页数据 110
5.1 网页的基本构成 110
5.2 网页布局方法 112
5.2.1 纸上布局法 112
5.2.2 软件布局法 112
5.3 常见的网页布局类型 113
5.3.1 “国”字型布局 113
5.3.2 “厂”字型布局 114
5.3.3 “框架”型布局 114
5.3.4 “封面”型布局 115
5.3.5 “Flash”型布局 116
5.4 基本的表格布局方法 116
5.4.1 插入表格 116
5.4.2 设置表格属性 118
5.4.3 合并单元格 120
5.4.4 选取表格对象 121
5.5 实例利用表格排列数据 123
5.6 经典习题 125
第6章 使用模板和库提高网页制作效率 127
6.1 创建模板网页 127
6.1.1 直接创建模板 127
6.1.2 从现有文档创建模板 130
6.2 使用模板 131
6.2.1 定义可编辑区 131
6.2.2 定义新的可选区域 133
6.2.3 定义重复区域 134
6.2.4 基于模板创建网页 134
6.3 管理模板 139
6.3.1 更新模板 139
6.3.2 从模板中脱离 141
6.4 创建与应用库项目 142
6.4.1 关于库项目 142
6.4.2 创建库项目 142
6.4.3 应用库项目 146
6.4.4 修改库项目 148
6.5 实例——模板应用 149
6.5.1 实例1——创建网站模板 149
6.5.2 实例2——利用模板创建网页 166
6.6 经典习题 172
第7章 CSS+Div布局网页 174
7.1 初识Div 174
7.1.1 Div概述 174
7.1.2 Div与span的区别 175
7.1.3 Div与CSS布局优势 176
7.2 CSS定位 177
7.2.1 盒子模型的概念 177
7.2.2 float定位 178
7.2.3 position 180
7.3 CSS布局理念 181
7.3.1 将页面用Div分块 181
7.3.2 设计各块的位置 182
7.3.3 用CSS定位 182
7.4 常见的布局类型 184
7.4.1 一列固定宽度 184
7.4.2 一列自适应 186
7.4.3 两列固定宽度 187
7.4.4 两列宽度自适应 187
7.4.5 两列右列宽度自适应 190
7.4.6 三列浮动中间宽度自适应 191
7.5 经典习题 193
第8章 处理与优化网页中的图片 194
8.1 Photoshop CC工作环境简介 194
8.2 调整图像大小 198
8.3 网页图像的色彩调整 202
8.3.1 使用色阶命令优化网页图像 202
8.3.2 使用【曲线】命令优化网页图像 204
8.3.3 使用【色彩平衡】命令优化网页图像 206
8.3.4.使用【亮度／对比度】命令优化网页图像 209
8.3.5 使用【色相／饱和度】命令优化网页图像 210
8.4 处理产品图像 212
8.5 经典习题 217
第9章 设计网站的Logo和按钮 218
9.1 VI简介 218
9.1.1 VI设计的概念 218
9.1.2 VI在网站设计中的意义 219
9.2 网站标识设计概述 220
9.2.1 网站Logo设计标准 220
9.2.2 网站Logo的标准尺寸 221
9.3 按钮设计 222
9.3.1 制作导航按钮 222
9.3.2 制作发光按钮 229
9.4 经典习题 232
第10章 网站的发布 233
10.1 站点的测试 233
10.1.1 检查断掉的链接 233
10.1.2 检查外部链接 234
10.1.3 检查孤立的文件 235
10.2 网页的上传 236
10.2.1 利用Dreamweaver上传网页 236
10.2.2 LeapFTP上传文件 238
10.3 经典习题 241
第11章 网站的日常维护 242
11.1 网站的运营维护 242
11.2 网站数据库内容维护 243
11.3 网页维护 248
11.4 网站安全维护 248
11.4.1 取消文件夹隐藏共享 248
11.4.2 删掉不必要的协议 249
11.4.3 关闭文件和打印共享 251
11.4.4 禁用Guest账号 251
11.4.5 禁止建立空连接 253
11.4.6 设置NTFS权限 254
11.4.7 管理操作系统账号 255
11.4.8 安装必要的杀毒软件 257
11.4.9 做好Internet Explorer浏览器的安全设置 258
11.5 经典习题 259
第12章 网站的宣传推广 260
12.1 注册到搜索引擎 260
12.2 导航网站登录 263
12.3 友情链接 264
12.4 网络广告 264
12.5 邮件广告 265
12.6 聊天工具推广网站 266
12.7 发布信息推广 267
12.8 博客推广 268
12.9 传统媒体广告 270
12.10 商业资源合作推广 270
12.11 经典习题 271
第13章 创建企业展示型网站 272
13.1 网站前期策划 272
13.1.1 企业网站分类 272
13.1.2 企业网站主要功能页面 275
13.1.3 本例网站页面 277
13.2 设计网站首页 278
13.2.1 设计首页 278
13.2.2 切割首页 289
13.3 在Dreamweaver中排版制作页面 292
13.3.1 创建本地站点 292
13.3.2 创建二级模板页面 294
13.3.3 利用模板制作其他网页 305
13.4 利用模板制作其他网页 311
13.5 本地测试及发布上传 314
13.6 经典习题 316