第1章 网页设计基础知识 1
1.1网站与网站开发 1
1.1.1网站的概念 1
1.1.2网站的构成 1
1.1.3 HTTP与FTP 2
1.1.4 IP地址与域名 2
1.1.5网站开发语言 2
1.2网页与网页设计 2
1.2.1了解网页 2
1.2.2网页构成元素 3
1.2.3了解网页设计 3
1.3网站规划设计 3
1.3.1了解客户的需求 3
1.3.2制作项目规划文案 3
1.3.3规划网站主题及风格 4
1.3.4规划网站内容 5
1.3.5设计网站栏目及地图 5
1.3.6发布与推广网站 5
1.4认识网页页面元素 5
1.4.1网页页面元素的种类 5
1.4.2网页图像元素的格式 8
1.5网页版式与配色 9
1.5.1页面版式 9
1.5.2认识网页安全色 10
1.5.3基本配色的方法 10
1.6设计网页图像元素 10
1.6.1 LOGO设计 10
1.6.2设计横幅广告条 11
1.6.3设计按钮 12
1.6.4设计导航栏 12
1.7设计网页动画元素 13
1.7.1设计按钮动画 13
1.7.2设计横幅动画 13
1.7.3设计动画广告 13
1.8思考与练习 13
第2章 初识Dreamweaver CS5 14
2.1 Dreamweaver CS5的工作界面 14
2.2创建站点 16
2.3管理站点内容 17
2.3.1添加文件或文件夹 17
2.3.2删除文件或文件夹 17
2.3.3重命名文件或文件夹 18
2.4网页文档的基本操作 18
2.4.1创建空白网页 18
2.4.2打开网页文档 18
2.5设置网页文本 19
2.5.1为网页输入文本 19
2.5.2设置文本属性 19
2.5.3设置段落格式 21
2.5.4设置列表 22
2.5.5设置特殊字符 23
2.6为网页添加图像 24
2.6.1插入图像 24
2.6.2鼠标经过图像 25
2.6.3添加背景图像 27
2.7设置超级链接 28
2.7.1文本和图像链接 28
2.7.2 E-mail链接 29
2.7.3锚记链接 30
2.7.4空链接 32
2.7.5下载链接 33
2.8添加多媒体文件 34
2.9上机练习——制作简单网页 36
2.9.1制作图文混排网站页面 36
2.9.2创建具有链接的网页 38
2.10思考与练习 39
第3章 页面布局 40
3.1利用表格布局页面 40
3.1.1插入表格 40
3.1.2设置表格属性 41
3.1.3插入嵌套表格 42
3.2表格基本操作 43
3.2.1改变表格和单元格的大小 43
3.2.2表格数据的导入与导出 44
3.3使用AP Div 46
3.3.1创建AP Div 47
3.3.2设置AP Div的属性 47
3.4使用Spry布局对象 48
3.4.1使用Spry菜单栏导航菜单 48
3.4.2创建Spry选项卡式面板 49
3.4.3以Spry折叠式显示选项卡 50
3.4.4使用Spry可折叠面板管理内容 52
3.5创建框架网页 52
3.5.1创建框架和框架集 53
3.5.2保存框架 54
3.6上机练习——制作产品展示界面 54
3.7思考与练习 60
第4章 使用CSS美化网页 61
4.1 CSS的概念 61
4.1.1 CSS的特点 61
4.1.2 CSS的基本语法 62
4.1.3 CSS样式表的选择器类型 63
4.2创建CSS样式 63
4.2.1创建新的CSS样式 64
4.2.2设置CSS属性 65
4.2.3创建嵌入式CSS样式 70
4.2.4链接外部样式表 71
4.2.5使用CSS布局模板 72
4.3 CSS样式的编辑 73
4.3.1修改CSS样式 73
4.3.2删除CSS样式 74
4.3.3复制CSS样式 74
4.4上机练习——用CSS样式美化 75
页面内容 75
4.5思考与练习 78
第55章 使用模板与库 79
5.1使用模板 79
5.1.1使用模板的优点 79
5.1.2创建空白模板 80
5.1.3创建和删除可编辑区域 80
5.1.4创建可选区域和重复区域 82
5.1.5从模板中分离 84
5.1.6更新模板及基于模板的网页 85
5.2使用库项目 87
5.2.1认识库项目 87
5.2.2创建库项目 87
5.2.3插入库项目 89
5.2.4编辑库项目 89
5.3上机练习——制作模板和基于模板的网页 91
5.4思考与练习 94
第6章 使用表单 95
6.1表单概述 95
6.2表单域 95
6.3表单对象 97
6.4表单对象的创建 97
6.4.1文本域 98
6.4.2插入多行文本域 99
6.4.3复选框 101
6.4.4单选按钮 102
6.4.5列表和菜单 104
6.4.6跳转菜单 105
6.4.7表单按钮 106
6.4.8创建图像域 108
6.5上机练习——会员注册表单 109
6.6思考与练习 114
第7章 为网页添加行为及第三方插件 115
7.1行为概述 115
7.1.1行为 115
7.1.2事件 116
7.1.3行为面板 117
7.1.4打开浏览器窗口 117
7.1.5修改行为 118
7.1.6删除行为 118
7.1.7交换图像 118
7.1.8创建弹出信息 120
7.1.9状态栏文本 121
7.1.10检查表单 123
7.2Dreamweaver CS5插件简介 124
7.3插件的管理和安装 125
7.3.1安装第三方插件 125
7.3.2删除第三方插件 126
7.4上机练习——制作网页中的行为效果 127
7.4.1制作网页背景音乐 127
7.4.2制作浮动图片 129
7.4.3不同时段显示不同问候语 131
7.5思考与练习 134
第8章 网站的上传与维护 135
8.1网站上传前的准备工作 135
8.1.1注册域名 135
8.1.2申请空间 136
8.1.3上传网站 138
8.2站点的测试 140
8.2.1报告 140
8.2.2检查站点范围的链接 140
8.2.3改变站点范围的链接 141
8.2.4查找和替换 142
8.2.5清理文档 142
8.2.6同步 143
8.3网站宣传 144
8.3.1利用大众传媒 144
8.3.2利用网络传媒 145
8.3.3利用电子邮件 145
8.3.4使用留言板、博客和论坛 145
8.3.5注册搜索引擎 145
8.3.6和其他网站交换链接 146
8.4思考与练习 146
第9章 初识Flash CS5 147
9.1 Flash CS5工作界面 147
9.1.1菜单栏 148
9.1.2工具箱 149
9.1.3时间轴面板 150
9.1.4属性面板 150
9.1.5舞台和工作区 150
9.1.6辅助工具 151
9.2常用面板 154
9.2.1【颜色】面板 154
9.2.2【样本】面板 154
9.2.3【库】面板 158
9.3场景 160
9.3.1编辑场景 160
9.3.2改变场景背景 160
9.3.3场景跳转 161
9.4时间轴 162
9.4.1帧和帧频 162
9.4.2编辑帧 164
9.4.3使用绘图纸 165
9.5输出和发布 166
9.5.1测试Flash影片 166
9.5.2输出Flash作品 167
9.5.3输出设置 167
9.5.4发布预览 171
9.6上机练习——制作热气飘动动画 172
9.7思考与练习 175
第10章 图形的绘制与编辑 176
10.1绘图工具 176
10.1.1线条工具 176
10.1.2矩形工具与基本矩形工具 178
10.1.3椭圆工具与基本椭圆工具 179
10.1.4多角星形工具 180
10.1.5钢笔工具 181
10.1.6铅笔工具 182
10.1.7刷子工具 184
10.2选择对象工具 185
10.2.1选择工具 185
10.2.2部分选取工具 187
10.3任意变形工具 188
10.4橡皮擦工具 190
10.5颜色工具 191
10.5.1颜料桶工具 191
10.5.2墨水瓶工具 192
10.5.3滴管工具 193
10.6图形的其他编辑操作 194
10.6.1对象的组合与分解 194
10.6.2对象的对齐与排列次序 194
10.6.3修饰图形 195
10.7上机练习——绘制卡通人物头部 197
10.8思考与练习 202
第11章 元件、实例和素材文件的使用 203
11.1元件 203
11.1.1元件概述 203
11.1.2创建元件 205
11.1.3编辑元件 206
11.1.4元件类型的相互转换 208
11.2实例 208
11.2.1实例的编辑 209
11.2.2编辑实例的属性 209
11.3导入素材 212
11.3.1导入的基本方法 212
11.3.2导入PNG文件 213
11.3.3导入视频 213
11.3.4设置导入的位图属性 215
11.4在动画中使用声音 216
11.4.1导入声音 216
11.4.2压缩声音 217
11.4.3编辑声音 218
11.5上机练习——制作文字变色动画 220
11.6思考与练习 223
第12章 制作网页动画 224
12.1逐帧动画 224
12.2传统补间动画 224
12.2.1传统补间动画基础 225
12.2.2创建传统补间动画 225
12.3补间形状动画 230
12.3.1补间形状动画基础 230
12.3.2创建补间形状动画 231
12.4上机练习——飘落的树叶 234
12.5思考与练习 240
第13章 认识Photoshop CS5 241
13.1初识Photoshop CS5 241
13.2 Photoshop CS5的工作界面 241
13.2.1菜单栏 241
13.2.2工具箱 243
13.2.3选项栏 244
13.2.4面板 244
13.2.5图像窗口 244
13.2.6状态栏 245
13.3 Photoshop CS5的基本操作 246
13.3.1新建空白文档 246
13.3.2打开文档 247
13.3.3保存文档 247
13.3.4关闭文档 248
13.4认识色彩模式 248
13.4.1 RGB颜色模式 249
13.4.2 CMYK颜色模式 250
13.4.3 Lab颜色模式 251
13.4.4灰度模式 251
13.4.5位图模式 252
13.4.6索引颜色模式 253
13.4.7双色调模式 253
13.5使用形状工具 254
13.5.1绘制规则形状 254
13.5.2绘制不规则形状 258
13.6对图像进行修饰处理 259
13.6.1变换图形 259
13.6.2变形效果应用 262
13.6.3图章工具 263
13.6.4污点修复画笔工具 265
13.6.5修复画笔工具 265
13.6.6修补工具 266
13.6.7红眼工具 267
13.6.8模糊工具 267
13.6.9锐化工具 268
13.6.10涂抹工具 268
13.6.11减淡工具 269
13.6.12加深工具 269
13.6.13海绵工具 270
13.7上机练习——为人物衣服替换颜色 270
13.8思考与练习 273
第14章 图层的应用 275
14.1认识图层 275
14.1.1图层概述 275
14.1.2图层面板 275
14.1.3图层菜单 276
14.2创建图层 277
14.2.1新建图层 277
14.2.2图层的类型 278
14.2.3将背景层转换为普通图层 281
14.2.4重命名图层 282
14.3图层组的应用 282
14.3.1创建与重命名图层组 282
14.3.2将图层移入与移出图层组 283
14.3.3删除图层组 283
14.4图层基本操作 284
14.4.1选择图层 284
14.4.2复制图层 286
14.4.3隐藏与显示图层 287
14.4.4图层不透明度与图层顺序 288
14.4.5链接图层 288
14.4.6锁定图层 289
14.4.7删除图层 290
14.4.8图层的合并 290
14.5图层对象的对齐与分布 291
14.5.1对齐图层对象 291
14.5.2分布图层对象 292
14.6图层混合模式 292
14.7图层样式 293
14.7.1添加图层样式 293
14.7.2清除图层样式 294
14.8上机练习——制作个性按钮 295
14.9思考与练习 301
第15章 选区的创建及通道的使用 303
15.1使用工具创建几何选区 303
15.1.1矩形选框工具 303
15.1.2椭圆选框工具 305
15.1.3单行选框工具 306
15.1.4单列选框工具 306
15.2使用工具创建不规则选区 307
15.2.1套索工具 307
15.2.2多边形套索工具 307
15.2.3磁性套索工具 308
15.2.4魔棒工具 309
15.2.5快速选择工具 310
15.3使用命令创建随意选区 310
15.3.1全部选择 311
15.3.2反向选择 311
15.3.3使用【色彩范围】命令创建选区 312
15.3.4使用【选取相似】命令创建相似选区 314
15.4编辑选区 314
15.4.1移动选区 315
15.4.2取消选择与重新选择 315
15.4.3变换选区 317
15.4.4使用【调整边缘】命令调整选区边缘 318
15.4.5按特定数量的像素扩展或收缩选区 319
15.4.6使用【扩大选取】命令扩大选区 320
15.5填充选区 321
15.5.1前景色与背景色 321
15.5.2使用拾色器 323
15.5.3吸管工具 324
15.6使用通道 325
15.6.1认识通道 325
15.6.2【通道】面板 327
15.6.3重命名和删除通道 328
15.6.4分离和合并通道 329
15.6.5载入通道中的选区 330
15.7上机练习——使用通道替换背景 331
15.8思考与练习 336
第16章 使用文字、路径和切片 337
16.1文字的输入与设置 337
16.1.1输入文字 337
16.1.2载入文本路径 341
16.1.3设置文字属性 341
16.1.4设置段落属性 343
16.2编辑文本 344
16.2.1设置文字变形 344
16.2.2栅格化文字 345
16.3认识路径 346
16.3.1路径形态 346
16.3.2路径的组成 346
16.3.3【路径】面板 346
16.4创建路径 347
16.4.1使用【钢笔工具】创建路径 347
16.4.2使用【自由钢笔工具】 348
16.4.3将选区转换为路径 349
16.5编辑路径 349
16.5.1使用【路径选择工具】 349
16.5.2使用【直接选择工具】 350
16.5.3添加/删除锚点 351
16.5.4转换点工具 352
16.6使用路径面板 353
16.6.1填充路径 353
16.6.2描边路径 354
16.6.3路径和选区的转换 355
16.6.4工作路径 356
16.6.5使用【创建新路径】和【删除当前路径】按钮 356
16.6.6复制路径 356
16.7网页切片输出 357
16.7.1创建切片 357
16.7.2编辑切片 358
16.7.3输出切片 360
16.8上机练习——绘制京剧脸谱 360
16.9思考与练习 367