第1章 网页制作与网站建设基础 1
1.1网页制作基础 1
1.1.1什么是网页 1
1.1.2 Web标准的概念 2
1.1.3网页设计师应该具备的素养 3
1.2常用网页制作软件 4
1.2.1网页编辑排版软件Dreamweaver CS5 4
1.2.2网页动画制作软件Flash CS5 4
1.2.3网页图像设计软件Photoshop CS5 4
1.3网站开发常用语言 5
1.3.1网页标记语言HTML 5
1.3.2网页样式表CSS 6
1.3.3网页脚本语言JavaScript 7
1.3.4动态网页编程语言ASP 8
1.4网页色彩搭配知识 8
1.4.1网页配色基础 8
1.4.2各种色彩分析 10
1.4.3常见的几种网页配色方案 13
1.5网站的类型与特点 15
1.5.1个人网站 15
1.5.2电子商务类网站 15
1.5.3娱乐游戏类网站 16
1.5.4时尚类网站 17
1.5.5新闻资讯类网站 17
1.5.6门户类网站 18
1.6网站建设流程概述 18
1.6.1了解客户的需求 19
1.6.2制作项目规划文案 19
1.6.3规划网站内容 19
1.6.4设计网页图像 20
1.6.5制作网页 20
1.6.6开发动态网站模块 21
1.6.7申请域名和服务器空间 21
1.6.8网站优化 22
1.6.9网站维护 22
1.6.10网站的推广 23
第2章Dreamweaver CS5创建基本文本网页 24
2.1了解Dreamweaver CS5的操作界面 24
2.1.1菜单栏 24
2.1.2插入栏 25
2.1.3文档窗口 26
2.1.4“属性”面板 26
2.1.5浮动面板 26
2.2在Dreamweaver中搭建站点 27
2.2.1使用向导建立站点 27
2.2.2使用高级设置建立站点 28
2.3添加文本元素 30
2.3.1在网页中添加文本 30
2.3.2插入日期 32
2.3.3插入特殊字符 33
2.3.4插入水平线 34
2.4编辑文本格式 36
2.4.1设置文本字体 36
2.4.2设置文本大小 37
2.4.3设置文本颜色 37
2.5设置头信息 38
2.5.1设置META 38
2.5.2插入关键字 39
2.5.3插入说明 39
2.5.4插入刷新 40
2.6实战演练——创建基本文本网页 40
第3章 用图像和多媒体美化网页 43
3.1在网页中使用图像 43
3.1.1插入图像 43
3.1.2设置图像属性 45
3.1.3裁剪图像 46
3.1.4调整图像亮度和对比度 48
3.1.5锐化图像 49
3.2插入其他图像元素 50
3.2.1插入背景图像 50
3.2.2插入鼠标经过图像 51
3.3添加背景音乐 53
3.3.1使用代码提示添加背景音乐 53
3.3.2使用插件添加音乐 56
3.4插入其他媒体对象 58
3.4.1插入Flash动画 58
3.4.2插入Java小程序 59
3.5实战演练 61
实例1——创建图文混排网页 61
实例2——创建翻转图像导航 63
第4章 创建超级链接 65
4.1超级链接的基本概念 65
4.2创建链接的方法 65
4.2.1使用“属性”面板创建链接 65
4.2.2使用指向文件图标创建链接 66
4.2.3使用菜单命令创建链接 66
4.3实战演练——链接的设置 66
实例1——创建文本链接 66
实例2——创建图像热点链接 68
实例3——创建E-mail链接 69
实例4——创建下载文件的链接 71
实例5——创建锚点链接图像 72
第5章 使用表格布局排版网页 77
5.1插入表格 77
5.1.1表格的基本概念 77
5.1.2插入表格 77
5.2设置表格属性 79
5.2.1设置表格的属性 79
5.2.2设置单元格属性 79
5.3选择表格元素 80
5.3.1选取表格 80
5.3.2选取行或列 81
5.3.3选取单元格 82
5.4表格的基本操作 83
5.4.1调整表格高度和宽度 83
5.4.2添加或删除行或列 85
5.4.3拆分单元格 86
5.4.4合并单元格 87
5.4.5剪切、复制、粘贴单元格 87
5.5实战演练 88
实例1——创建细线表格 88
实例2——制作圆角表格 91
第6章 布局对象和框架的使用 94
6.1在网页中使用AP Div 94
6.1.1关于AP元素面板 94
6.1.2插入AP Div并设置其属性 95
6.1.3选择AP Div 96
6.1.4调整AP Div的大小 97
6.2 AP Div和表格的转换 98
6.2.1将AP Div转换为表格 98
6.2.2将表格转换为AP Div 99
6.3使用Spry布局对象 100
6.3.1使用Spry菜单栏 100
6.3.2使用Spry选项卡式面板 101
6.3.3使用Spry折叠式 102
6.3.4使用Spry可折叠面板 102
6.4创建框架和框架集 103
6.4.1创建框架集 103
6.4.2保存框架和框架集文件 103
6.4.3拆分框架集 104
6.5选择框架和框架集 105
6.5.1在框架面板中选择框架或框架集 105
6.5.2在文档窗口中选择框架或框架集 106
6.6实战演练 107
实例1——创建完整的框架网页实例 107
实例2——创建浮动框架 114
第7章 使用CSS样式表美化网页 117
7.1了解CSS样式表 117
7.2 CSS的使用 118
7.2.1 CSS基本语法 118
7.2.2添加CSS的方法 118
7.3设置CSS样式表属性 120
7.3.1设置CSS类型属性 120
7.3.2设置CSS背景属性 121
7.3.3设置CSS区块属性 122
7.3.4设置CSS方框属性 123
7.3.5设置CSS边框属性 123
7.3.6设置CSS列表属性 124
7.3.7设置CSS定位属性 125
7.3.8设置扩展属性 125
7.4使用CSS滤镜 126
7.4.1滤镜概述 126
7.4.2光晕 127
7.4.3模糊 127
7.4.4遮罩 128
7.4.5透明色 128
7.4.6阴影 129
7.4.7波浪 130
7.4.8 X射线 130
7.5实战演练 131
实例1——应用CSS样式定义字体大小 131
实例2——应用CSS样式制作阴影文字 132
实例3——使用CSS样式给文字添加边框实例 135
第8章 使用CSS+DIV布局网页 137
8.1初识DIV 137
8.1.1 DIV概述 137
8.1.2 CSS+DIV布局优点 138
8.2 CSS布局方法 139
8.2.1将页面用DIV分块 139
8.2.2用CSS定位各块的位置 140
8.3常见的布局类型 142
8.3.1单行单列固定宽度 142
8.3.2一列自适应 143
8.3.3两列固定宽度 144
8.3.4两列宽度自适应 145
8.3.5三列浮动中间宽度自适应 146
第9章 使用模板和库批量制作风格统一网页 148
9.1创建模板 148
9.1.1新建模板 148
9.1.2从现有文档创建模板 149
9.2创建可编辑区域 150
9.2.1插入可编辑区域 151
9.2.2删除可编辑区域 152
9.2.3选择可编辑区域 152
9.3使用模板创建网页 153
9.4管理站点中的模板 155
9.4.1删除模板 155
9.4.2修改模板 156
9.5创建与应用库项目 157
9.5.1创建库项目 157
9.5.2应用库项目 160
9.5.3修改库项目 161
9.6实战演练 162
实例1——创建模板 162
实例2——利用模板创建网页 172
第10章 使用行为和JavaScript脚本设计动感特效网页 175
10.1了解动作和事件 175
10.1.1动作 175
10.1.2事件 176
10.2行为的添加与编辑 177
10.2.1行为的添加 177
10.2.2行为的修改 177
10.3使用Dreamweaver内置行为 178
10.3.1交换图像 178
10.3.2弹出信息 180
10.3.3打开浏览器窗口 181
10.3.4设置状态栏文本 183
10.3.5调用JavaScpt 185
10.3.6跳转菜单 186
10.3.7转到URL 187
10.3.8增大／收缩效果 189
10.3.9挤压效果 191
10.3.10显示／渐隐效果 192
10.3.11晃动效果 194
10.3.12拖动AP元素 196
10.3.13检查插件 198
10.3.14检查表单 198
10.4 JavaScpt基础知识 200
10.4.1 JavaScpt简介 200
10.4.2在网页中插入JavaScpt脚本 201
10.4.3 JavaScript中的运算符 202
10.4.4 JavaScript的变量 203
10.4.5 JavaScript的数据类型 204
10.5使用JavaScript制作网页特效 205
10.5.1利用JavaScript制作打印功能网页 205
10.5.2显示网页停留时间 206
第11章 动态网页设计基础 209
11.1使用表单 209
11.1.1表单概述 209
11.1.2各种表单对象的插入 210
11.2搭建动态应用程序开发环境 210
11.2.1安装IIS 211
11.2.2设置IIS 212
11.3设计数据库 213
11.4建立数据库连接 214
11.4.1定义系统DSN 214
11.4.2建立系统DSN连接 215
11.5编辑数据表记录 216
11.5.1查询并显示记录 216
11.5.2插入记录 218
11.5.3更新记录 218
11.5.4删除记录 219
11.6 增加服务器行为 220
11.6.1插入重复区域 220
11.6.2插入显示区域 221
11.6.3记录集分页 222
11.6.4转到详细页面 222
11.6.5转到相关页面 223
11.6.6用户身份验证 224
第12章Flash基础知识 225
12.1 Flash概述 225
12.2 Flash CS5的工作界面 226
12.2.1菜单栏 226
12.2.2工具箱 227
12.2.3“时间轴”面板 228
12.2.4舞台 228
12.2.5“属性”面板 228
12.3 Flash动画的发布 229
12.3.1指定Flash （swf）文件的发布设置 229
12.3.2指定HTML发布设置 229
12.3.3发布GIF 230
12.3.4发布JPEG 232
12.3.5发布PNG 233
12.4综合案例——发布动画 235
第13章 绘制图形和编辑对象 239
13.1绘制图形对象 239
13.1.1线条工具 239
13.1.2铅笔工具 240
13.1.3钢笔工具 241
13.1.4椭圆工具 242
13.1.5矩形工具 244
13.1.6多角星形工具 244
13.2填充图形对象 245
13.2.1墨水瓶工具 246
13.2.2颜料桶工具 246
13.2.3滴管工具 247
13.2.4刷子工具 248
13.3对象的基本操作 249
13.3.1使用选择工具选择对象 250
13.3.2使用套索工具选择对象 251
13.3.3移动、复制和删除对象 252
13.4使用任意变形工具 254
13.4.1缩放对象 254
13.4.2旋转对象 256
13.5使用文本工具 257
13.5.1静态文本 258
13.5.2动态文本 258
13.5.3输入文本 261
13.6实战演练 262
实例1——制作空心文字 262
实例2——绘制网页标志 263
第14章 使用元件、实例和库 266
14.1元件 266
14.1.1元件的类型 266
14.1.2创建图形元件 267
14.1.3将对象转换为图形元件 268
14.1.4将对象转换为影片剪辑元件 269
14.2实例的应用 269
14.2.1创建实例 270
14.2.2交换元件实例 272
14.2.3改变实例的颜色和透明度 273
14.2.4改变实例类型 274
14.2.5分离实例 275
14.3库的应用 275
14.3.1“库”面板的组成 275
14.3.2编辑库项目 277
14.4实战演练 277
实例1——文字效果 277
实例2——随着鼠标缩放按钮 281
第15章 创建基本Flash动画 284
15.1时间轴与帧 284
15.1.1时间轴 284
15.1.2帧 284
15.2创建逐帧动画 285
15.2.1逐帧动画的创建方法 286
15.2.2制作逐帧动画 286
15.3创建补间动画 288
15.3.1补间动画的创建方法 288
15.3.2利用动画补间创建对象的缩放与淡出效果 289
15.4使用遮罩层 291
15.4.1遮罩层动画的创建 291
15.4.2利用遮罩层创建动画 291
15.5使用引导层 293
15.5.1引导层动画的创建 293
15.5.2创建引导层动画实例 294
15.6编辑与处理声音 297
15.6.1导入声音 297
15.6.2添加声音 298
15.6.3编辑声音 299
第16章 使用ActionScript制作交互动画 302
16.1 ActionScpt简介 302
16.1.1 ActionScpt的特点 302
16.1.2“动作”面板 303
16.2 ActionScpt代码的添加 304
16.2.1为帧添加ActionScpt 304
16.2.2为按钮添加ActionScpt 304
16.2.3为影片剪辑添加ActionScpt 305
16.3 ActionScpt编程基础 306
16.3.1变量 306
16.3.2常量 307
16.3.3关键字 308
16.3.4函数 308
16.4 ActionScpt中的运算符 308
16.4.1数值运算符 308
16.4.2关系运算符 309
16.4.3赋值运算符 309
16.4.4逻辑运算符 310
16.4.5等于运算符 310
16.4.6位运算符 310
16.5 ActionScpt的基本语法 311
16.5.1点 311
16.5.2斜杠 311
16.5.3分号 312
16.5.4冒号 312
16.5.5大括号和小括号 312
16.5.6注释 312
16.6实战演练 312
实例1——使用getURL跳转到网页 312
实例2——使用getURL发送邮件 315
实例3——使用startDrag制作个性化鼠标 316
第17章Photoshop CS5基础 319
17.1 Photoshop CS5工作界面 319
17.2色彩调整 321
17.2.1亮度／对比度 321
17.2.2应用色彩平衡 323
17.2.3应用色相／饱和度 326
17.3设置前景色和背景色 328
17.4创建选择区域 329
17.4.1选框工具 329
17.4.2套索工具 330
17.4.3魔棒工具 330
17.4.4制作透明图像 331
17.5基本绘图工具 332
17.5.1画笔工具 333
17.5.2铅笔工具 333
17.5.3减淡和加深工具 334
17.6 实战演练——绘制网站标志 335
第18章 网页切片输出与动画制作 338
18.1创建与编辑切片 338
18.1.1切片方法 338
18.1.2编辑切片选项 339
18.1.3优化和输出切片 340
18.2 Photoshop保存图片的方式 341
18.2.1 Photoshop存储为 341
18.2.2保存网页图像 342
18.3创建GIF动画 343
18.3.1认识动画 343
18.3.2认识“动画”面板 343
18.4实战演练 344
第19章Photoshop网页图像设计 349
19.1网站Logo的制作 349
19.1.1 Logo的特点与设计原则 349
19.1.2 Logo设计实例 350
19.2网站Banner的制作 353
19.2.1 Banner的设计原则 353
19.2.2 Banner的设计规范 353
19.2.3 Banner设计实例 354
19.3网站导航按钮的制作 357
19.3.1导航按钮的设计原则 357
19.3.2按钮设计实例 357
19.4常见的文字特效设计 359
19.4.1制作3D立体字 360
19.4.2制作可爱的水晶文字 362
第20章 HTML 5与CSS 3指南 364
20.1 HTML 5简介 364
20.1.1 HTML 5的特点 364
20.1.2 HTML 5基本布局 365
20.2 HTML 5结构元素 368
20.2.1 header 368
20.2.2 nav 369
20.2.3 footer 370
20.2.4 article 371
20.3预览激动人心的CSS 3 371
20.3.1 CSS 3的发展历史 372
20.3.2 CSS 3新增特性 372
20.3.3主流浏览器对CSS 3的支持 378
20.4使用CSS 3实现圆角表格 378
第21章 设计企业宣传网站 381
21.1网站前期策划 381
21.1.1明确企业网站建站目的 381
21.1.1网站总体策划 381
21.1.3企业网站主要功能和栏目 382
21.2网站的版面布局及色彩 383
21.2.1企业网站色彩搭配 383
21.2.2企业网站风格创意 384
21.3设计网站首页 385
21.3.1首页的设计 385
21.3.2切割首页 392
21.4创建本地站点 394
21.5二级模板页面的设计 395
21.5.1创建库文件 395
21.5.2创建模板 398
21.5.3利用模板创建二级页面 403
21.6网站的推广 404
第22章 设计在线购物网站 409
22.1购物网站设计概述 409
22.1.1购物网站概念 409
22.1.2购物网站的设计要点 410
22.1.3主要功能页面 411
22.2创建数据库与数据库连接 413
22.2.1创建数据库表 413
22.2.2创建数据库连接 413
22.3设计购物系统前台页面 414
22.3.1设计商品分类展示页面 414
22.3.2设计商品详细信息页面 420
22.4设计购物系统后台管理 423
22.4.1设计管理员登录页面 423
22.4.2设计添加商品分类页面 427
22.4.3设计添加商品页面 431
22.4.4设计商品管理页面 433
22.4.5制作修改页面 439
22.4.6设计删除页面 442
22.5网站的安全与防护 447