第1部分 入门篇 2
第1章 网页设计基础 2
1.1 网页设计的相关术语 2
1.1.1 什么静态网页 2
1.1.2 什么动态网页 3
1.2 网页美工常用工具 4
1.2.1 掌握网页编辑排版软件Dreamweaver 4
1.2.2 掌握网页图像制作软件Photoshop 5
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 娱乐休闲类网站 10
1.4.4 行业信息类网站 11
1.4.5 门户类网站 12
1.4.6 购物类网站 12
1.5 文字与图像版式设计 13
1.5.1 文字的字体、字号、行距 13
1.5.2 文字的图形化 13
1.6 网站建设的一般流程 14
1.6.1 确定网站主题 14
1.6.2 网站整体规划 14
1.6.3 收集资料与素材 15
1.6.4 设计网页图像 16
1.6.5 制作网页 17
1.6.6 开发动态网站模块 17
1.6.7 发布与上传 19
1.6.8 后期更新与维护 19
1.6.9 网站的推广 19
1.7 经典习题与解答 19
第2章 网站页面配色和创意 20
2.1 色彩基础知识 20
2.1.1 色彩的基本概念 20
2.1.2 常见色彩表达的意义 21
2.2 网页色彩搭配 23
2.2.1 网页色彩搭配原理 23
2.2.2 网页设计中色彩搭配的技巧 24
2.2.3 常见的网页配色方案 26
2.3 页面设计创意思维 29
2.3.1 什么是创意 29
2.3.2 创意思维的原则 29
2.4 创意的方法 32
2.4.1 富于联想 32
2.4.2 巧用对比 32
2.4.3 大胆夸张 33
2.4.4 善用比喻 33
2.4.5 以小见大 34
2.4.6 流行时尚 34
2.5 经典习题与解答 35
第2部分 网页设计与制作篇 38
第3章 熟悉Dreamweaver CC的工作环境 38
3.1 Dreamweaver CC工作区 38
3.2 Dreamweaver CC工具栏 39
3.2.1 标准工具栏 39
3.2.2 文档工具栏 39
3.3 浮动面板 39
3.4 插入栏 40
3.5 创建本地站点 41
3.5.1 使用站点向导创建本地站点 41
3.5.2 使用高级设置建立站点 42
3.6 管理站点文件 46
3.6.1 创建文件夹和文件 46
3.6.2 移动和复制文件 47
3.7 经典习题与解答 48
第4章 制作简洁的文本网页 49
4.1 插入文本 49
4.1.1 普通文本 49
4.1.2 特殊字符 50
4.1.3 插入日期 52
4.2 设置文本属性 53
4.2.1 设置标题段落格式 53
4.2.2 设置文本字体和字号 54
4.2.3 添加新字体 54
4.2.4 设置文本颜色 55
4.2.5 设置文本对齐方式 56
4.2.6 设置文本缩进和凸出 56
4.3 创建项目列表和编号列表 57
4.3.1 创建项目列表 57
4.3.2 创建编号列表 58
4.4 插入网页头部内容 58
4.4.1 插入Meta 58
4.4.2 插入关键字 59
4.4.3 插入说明 59
4.4.4 插入脚本 59
4.4.5 设置Hyperlink 60
4.5 在网页中插入水平线 60
4.6 检查拼写与查找替换 63
4.6.1 检查拼写 63
4.6.2 查找和替换 63
4.7 实例——创建基本文本网页 64
4.8 经典习题与解答 66
第5章 使用图像丰富网页内容 68
5.1 网页中常用的图像格式 68
5.1.1 GIF格式 68
5.1.2 JPEG格式 69
5.1.3 PNG格式 69
5.2 在网页中插入图像 69
5.2.1 插入普通图像 69
5.2.2 插入鼠标经过图像 71
5.3 设置图像属性 74
5.3.1 调整图像大小 74
5.3.2 设置图像对齐方式 75
5.4 在网页中编辑图像 76
5.4.1 裁剪图像 76
5.4.2 重新取样图像 77
5.4.3 调整图像亮度和对比度 77
5.4.4 锐化图像 78
5.5 插入Flash 79
5.5.1 插入Flash动画 79
5.5.2 插入Flash视频 80
5.6 实例 82
实例1——创建图文混排网页 82
实例2——创建翻转图像导航 85
5.7 经典习题与解答 88
第6章 使用行为和JavaScript制作动感特效网页 89
6.1 行为概述 89
6.1.1 认识事件 90
6.1.2 动作类型 90
6.2 使用Dreamweaver内置行为 91
6.2.1 交换图像 91
6.2.2 转到URL 93
6.2.3 打开浏览器窗口 95
6.2.4 弹出信息 98
6.2.5 设置状态栏文本 99
6.2.6 预先载入图像 101
6.2.7 检查表单 103
6.3 利用脚本制作特效网页 105
6.3.1 制作滚动公告网页 105
6.3.2 制作自动关闭网页 107
6.3.3 利用JavaScript函数实现打印功能 108
6.4 经典习题与解答 110
第7章 使用表格排列网页数据 112
7.1 网页的基本构成 112
7.2 网页布局方法 114
7.2.1 纸上布局法 114
7.2.2 软件布局法 114
7.3 常见的网页布局类型 114
7.3.1 国字型布局 115
7.3.2 厂字型布局 115
7.3.3 框架型布局 116
7.3.4 封面型布局 116
7.3.5 Flash型布局 116
7.4 基本的表格布局方法 117
7.4.1 插入表格 117
7.4.2 设置表格属性 118
7.4.3 合并单元格 119
7.4.4 选取表格对象 120
7.5 实例——利用表格布局网页 121
7.5.1 实例1——利用表格排列数据 121
7.5.2 实例2——捌角型布局 123
7.5.3 实例3——封面型布局 127
7.5.4 实例4——国字型布局网页 130
7.6 经典习题与解答 136
第8章 创建超级链接 137
8.1 关于超链接的基本概念 137
8.1.1 绝对路径 137
8.1.2 相对路径 138
8.2 创建超级链接的方法 138
8.2.1 使用属性面板创建链接 138
8.2.2 使用指向文件图标创建链接 138
8.2.3 使用菜单创建链接 138
8.3 创建各种类型的链接 139
8.3.1 创建文本链接 139
8.3.2 创建图像热点链接 140
8.3.3 创建E-mail链接 141
8.3.4 创建下载文件链接 143
8.3.5 创建脚本链接 144
8.3.6 创建空链接 145
8.4 管理超级链接 145
8.4.1 自动更新链接 146
8.4.2 在站点范围内更改链接 146
8.4.3 检查站点中的链接错误 147
8.5 实例——创建图像热点链接 147
8.6 经典习题与解答 149
第9章 使用模板和库提高网页制作效率 150
9.1 创建模板网页 150
9.1.1 直接创建模板 150
9.1.2 从现有文档创建模板 152
9.2 使用模板 153
9.2.1 定义可编辑区 153
9.2.2 定义新的可选区域 154
9.2.3 定义重复区域 155
9.2.4 基于模板创建网页 155
9.3 管理模板 159
9.3.1 更新模板 159
9.3.2 从模板中脱离 161
9.4 创建与应用库项目 162
9.4.1 关于库项目 162
9.4.2 创建库项目 162
9.4.3 应用库项目 164
9.4.4 修改库项目 166
9.5 实例——模板应用 167
9.5.1 实例1——创建网站模板 167
9.5.2 实例2——利用模板创建网页 179
9.6 经典习题与解答 183
9.6.1 填空题 183
9.6.2 操作题 184
第10章 CSS+Div布局网页 185
10.1 初识Div 185
10.1.1 Div概述 185
10.1.2 Div与span的区别 185
10.1.3 Div与CSS布局优势 187
10.2 CSS定位 188
10.2.1 盒子模型的概念 188
10.2.2 float定位 188
10.2.3 position定位 190
10.3 CSS布局理念 191
10.3.1 将页面用Div分块 191
10.3.2 设计各块的位置 191
10.3.3 用CSS定位 192
10.4 常见的布局类型 193
10.4.1 一列固定宽度 193
10.4.2 一列自适应 195
10.4.3 两列固定宽度 195
10.4.4 两列宽度自适应 196
10.4.5 两列右列宽度自适应 198
10.4.6 三列浮动中间宽度自适应 198
10.5 经典习题与解答 200
第11章 处理与优化网页中的图片 201
11.1 Photoshop CC工作环境简介 201
11.2 调整图像大小 205
11.3 网页图像的色彩调整 207
11.3.1 使用【色阶】命令优化网页图像 207
11.3.2 使用【曲线】命令优化网页图像 208
11.3.3 使用【色彩平衡】命令优化网页图像 210
11.3.4 使用【亮度/对比度】命令优化网页图像 211
11.3.5 使用【色相/饱和度】命令优化网页图像 212
11.4 处理产品图像 213
11.5 经典习题与解答 216
第12章 设计网站Logo和按钮 218
12.1 VI简介 218
12.1.1 VI设计的概念 218
12.1.2 VI在网站设计中的意义 219
12.2 网站标识设计概述 220
12.2.1 网站Logo设计标准 220
12.2.2 网站Logo的标准尺寸 220
12.3 按钮设计 221
12.3.1 制作导航按钮 221
12.3.2 制作发光按钮 224
12.4 经典习题与解答 226
第13章 设计网站动画和网络广告 227
13.1 Flash工作环境简介 227
13.2 网站广告设计指南 229
13.2.1 网站广告设计基本原则 230
13.2.2 网站广告的类型 231
13.3 制作网页广告实例 232
13.3.1 设计Banner宣传广告实例 232
13.3.2 纸质遮罩动画效果 240
13.4 经典习题与解答 243
第3部分 动态网站开发篇 246
第14章 在Dreamweaver中编写代码 246
14.1 查看源代码 246
14.2 管理标签库 247
14.3 Dreamweaver中的编码 247
14.3.1 使用代码提示加入背景音乐 247
14.3.2 使用标签选择器插入浮动框架 250
14.3.3 使用标签编辑器编辑标签 254
14.4 使用代码片断面板 254
14.5 经典习题与解答 255
第15章 动态网站创建基础 257
15.1 搭建服务器平台 257
15.2 设计数据库 261
15.3 建立数据库连接 263
15.3.1 了解DSN 263
15.3.2 定义系统DSN 263
15.4 SQL语言简介 265
15.4.1 SQL语言概述 265
15.4.2 SQL的优点 266
15.5 常用的SQL语句 266
15.5.1 表的建立(CREATE TABLE) 266
15.5.2 插入数据(INSERT INTO) 267
15.5.3 修改数据(UPDATE) 268
15.5.4 删除数据(DELETE) 269
15.5.5 SQL查询语句(SELECT) 269
15.6 经典习题与解答 271
第4部分 网站发布与维护篇 274
第16章 网站的发布 274
16.1 站点的测试 274
16.1.1 检查断掉的链接 274
16.1.2 检查外部链接 275
16.1.3 检查孤立文件 275
16.2 网页的上传 276
16.2.1 利用Dreamweaver上传网页 276
16.2.2 LeapFTP上传文件 277
16.3 经典习题与解答 280
第17章 网站的日常维护 281
17.1 网站的运营维护 281
17.2 网站数据库内容维护 283
17.3 网页维护 284
17.4 网站安全维护 284
17.4.1 取消文件夹隐藏共享 285
17.4.2 删掉不必要的协议 285
17.4.3 关闭文件和打印共享 286
17.4.4 禁用Guest账号 287
17.4.5 禁止建立空连接 287
17.4.6 设置NTFS权限 288
17.4.7 管理操作系统账号 289
17.4.8 安装必要的杀毒软件 290
17.4.9 做好Intemet Explorer浏览器的安全设置 290
17.5 经典习题与解答 291
第18章 网站宣传与推广 292
18.1 注册到搜索引擎 292
18.2 导航网站登录 294
18.3 友情链接 295
18.4 网络广告 296
18.5 邮件广告 296
18.6 聊天工具推广网站 297
18.7 发布信息推广 298
18.8 博客推广 299
18.9 传统媒体广告 300
18.10 商业资源合作推广 300
18.11 经典习题与解答 301
第5部分 综合案例篇 304
第19章 创建企业展示型网站 304
19.1 网站前期策划 304
19.1.1 企业网站分类 304
19.1.2 企业网站主要功能页面 306
19.1.3 本例网站页面 308
19.2 设计网站首页 309
19.2.1 设计首页 309
19.2.2 切割首页 313
19.3 在Dreamweaver中进行页面排版制作 314
19.3.1 创建本地站点 315
19.3.2 创建二级模板页面 315
19.3.3 利用模板制作其他网页 319
19.4 给网页添加弹出窗口页面 322
19.5 本地测试及发布上传 324
19.6 经典习题与解答 324
第6部分 附录篇 328
附录A 网页制作常见问题精解 328
附录B ASP函数速查表 367
附录C JavaScript语法速查 372
附录D CSS属性一览表 379