【基础入门篇】 1
第1章 了解网页构成与制作流程 1
1.1了解网页基本知识 2
1.1.1网站、网页与主页 2
1.1.2 HTML的组成及语法 3
1.1.3网页设计的基本原则 4
1.2了解网页基本组成元素 6
1.2.1网页中的文字 7
1.2.2网页中的图片 7
1.2.3网页中的动画 8
1.3了解网页的制作软件 8
1.3.1网页布局软件DreamweaverCS5 8
1.3.2动画制作软件Flash CS5 9
1.3.3图像处理软件PhotoshopCS5 12
1.4了解网站的制作流程 13
1.4.1收集资料 13
1.4.2规划站点 13
1.4.3制作网页 14
1.4.4测试站点 15
1.4.5发布站点 15
1.4.6维护站点 16
【网页制作篇】 18
第2章 网页制作入门 18
2.1了解Dreamweaver CS5的操作界面 19
2.1.1菜单栏 19
2.1.2“属性”面板 20
2.1.3文档工具栏窗口 21
2.1.4插入面板 23
2.1.5浮动面板 25
2.2创建网页本地站点 26
2.2.1使用向导建立站点 26
2.2.2设置本地或网络连接选项 27
2.2.3创建站点文件和文件夹 27
2.3添加与设置文本 28
2.3.1在网页中添加文本 28
2.3.2设置文本字体类型 29
2.3.3设置文本属性 31
2.3.4设置文本的颜色 33
2.4插入常见网页元素 33
2.4.1插入图像 33
2.4.2插入日期 36
2.4.3插入水平线 37
2.4.4插入特殊字符 37
2.4.5插入背景音乐 38
2.4.6插入Flash动画 40
2.4.7插入各种表单 41
2.5创建常用网页链接 45
2.5.1链接的含义 45
2.5.2 E-mail链接 46
2.5.3图像热点链接 47
2.5.4下载文件链接 48
2.5.5锚点链接 49
2.5.6脚本链接 51
2.5.7空链接 51
第3章 运用表格与Div布局网页 52
3.1插入与设置表格 53
3.1.1插入表格的方法 53
3.1.2设置表格的属性 54
3.1.3设置单元格属性 55
3.2选择表格各元素 57
3.2.1选取表格 57
3.2.2选取行或列 58
3.2.3选取单元格 58
3.3表格的常用操作 59
3.3.1调整表格高度和宽度 59
3.3.2添加或删除行或列 60
3.3.3拆分单元格 62
3.3.4合并单元格 63
3.3.5剪切、复制和粘贴单元格 63
3.4 Div的常用操作 65
3.4.1了解Div的含义 65
3.4.2创建Div标签 65
3.4.3创建AP Div 66
3.4.4 AP Div与表格的互换 69
第4章 运用框架及框架集布局网页 71
4.1认识框架及框架集 72
4.2运用框架创建网页 73
4.2.1创建框架集 73
4.2.2创建自定义框架 75
4.2.3创建嵌套框架 76
4.3框架及框架集常用操作 78
4.3.1选择框架和框架集 78
4.3.2保存框架和框架集 79
4.3.3删除框架和框架集 80
4.4设置框架及框架集的属性 81
4.4.1设置框架的属性 81
4.4.2设置框架集的属性 81
4.4.3设置框架集的网页标题 82
4.4.4使用链接控制框架的内容 83
4.4.5为不支持框架的网页设置内容 84
4.5创建与设置浮动框架 84
4.5.1创建浮动框架 84
4.5.2设置浮动框架属性 85
第5章 使用CSS及Spiy布局与美化网页 88
5.1了解与创建CSS样式表 89
5.1.1了解CSS样式表 89
5.1.2创建CSS样式表 91
5.2设置CSS类型与背景 93
5.2.1设置类型属性 93
5.2.2设置背景属性 94
5.3设置CSS样式表属性 95
5.3.1设置区块样式属性 95
5.3.2设置方框样式属性 96
5.3.3设置边框样式属性 97
5.3.4设置列表样式属性 98
5.3.5设置定位样式属性 98
5.3.6设置扩展样式属性 100
5.4应用CSS样式表 100
5.4.1应用CSS样式的方式 101
5.4.2应用CSS创建导航条 102
5.4.3应用CSS创建跳转菜单 104
5.5.管理CSS样式表 107
5.5.1编辑CSS样式表 107
5.5.2删除CSS样式表 109
5.5.3链接外部CSS样式表文件 109
5.6 Spry框架的常用操作 111
5.6.1 Spry Widget的简介 111
5.6.2菜单栏Widget 111
5.6.3选项卡式面板Widget 112
5.6.4折叠式Widget 113
5.6.5可折叠面板Widget 114
第6章 运用行为制作交互网页 115
6.1了解行为含义 116
6.1.1“行为”面板 116
6.1.2认识事件 117
6.1.3动作类型 117
6.1.4添加行为 118
6.2设置浏览器环境 119
6.2.1检查表单 119
6.2.2检查插件 120
6.2.3打开浏览器窗口 121
6.3设置图像的动作 122
6.3.1交换图像 122
6.3.2预先载入图像 124
6.3.3恢复交换图像 124
6.4设置不同的文本 125
6.4.1设置状态栏文本 125
6.4.2设置容器中的文本 127
6.4.3设置框架文本 127
6.5设置特殊的效果 128
6.5.1增大/收缩效果 129
6.5.2挤压效果 131
6.5.3晃动效果 132
6.5.4显示/渐隐效果 133
6.5.5遮帘效果 134
【动画设计篇】 135
第7章Flash动画入门 135
7.1了解Flash CS5工作界面 136
7.1.1菜单栏 136
7.1.2工具面板 137
7.1.3时间轴面板 138
7.1.4舞台 141
7.1.5“属性”面板 142
7.1.6面板组 143
7.2掌握Flash场景基本操作 144
7.2.1添加场景 144
7.2.2查看场景 145
7.2.3使用辅助工具 146
7.3文本工具的使用 149
7.3.1创建静态文本 149
7.3.2创建动态文本 150
7.3.3创建输入文本 151
7.3.4制作空心文字 152
7.4 Flash动画的测试与发布 153
7.4.1测试Flash作品 154
7.4.2优化动画 155
7.4.3发布动画 157
第8章 绘制与编辑图形对象 158
8.1绘制图形对象 159
8.1.1线条工具 159
8.1.2铅笔工具 160
8.1.3钢笔工具 161
8.1.4椭圆工具 163
8.1.5矩形工具 164
8.1.6多角星形工具 165
8.2填充图形对象 166
8.2.1墨水瓶工具 166
8.2.2颜料桶工具 167
8.2.3刷子工具 170
8.2.4渐变变形工具 171
8.3编辑图形对象 172
8.3.1使用选择工具选择对象 172
8.3.2使用套索工具选择对象 172
8.3.3使用任意变形工具 173
8.3.4移动、复制和删除对象 174
第9章 应用元件、实例和库 177
9.1元件的应用 178
9.1.1元件的类型 178
9.1.2创建图形元件 178
9.1.3创建按钮元件 180
9.1.4将动画转换为 影片剪辑元件 182
9.1.5在不同模式下编辑元件 183
9.2实例的应用 184
9.2.1创建实例 185
9.2.2交换元件实例 186
9.2.3改变实例的颜色和透明度 186
9.2.4改变实例类型 190
9.2.5分离实例 191
9.3库的应用 191
9.3.1库面板的组成 191
9.3.2编辑库项目操作 192
9.3.3使用共享库资源 194
第10章 制作简单Flash动画 198
10.1制作逐帧动画 199
10.1.1导入逐帧动画 199
10.1.2制作逐帧动画 200
10.2制作渐变动画 202
10.2.1创建形状渐变动画 202
10.2.2创建动作渐变动画 203
10.3制作引导动画 204
10.3.1创建单个引导动画 204
10.3.2创建多个引导动画 206
10.4制作遮罩动画 208
10.4.1创建遮罩层动画 209
10.4.2创建被遮罩层动画 210
10.5制作骨骼动画 211
10.5.1添加骨骼 212
10.5.2创建骨骼动画 212
第11章 制作交互式高级动画 215
11.1了解ActionScript脚本 216
11.1.1 ActionScript脚本含义 216
11.1.2使用ActionScript脚本 216
11.1.3整理脚本 218
11.1.4在不同位置编写脚本 218
11.2制作按钮特效 220
11.2.1制作隐形按钮 220
11.2.2制作立体按钮 223
11.3创建链接效果 225
11.3.1创建文本链接 225
11.3.2创建邮件链接 227
11.4制作键盘控制动画 228
11.4.1用空格键控制动画 228
11.4.2用方向键控制动画 229
11.5制作浏览器控制动画 230
11.5.1制作退出动画 231
11.5.2制作全屏播放动画 232
【网页图像篇】 234
第12章Photoshop图像入门 234
12.1了解网页图像常识 235
12.1.1矢量图和位图 235
12.1.2各种颜色模式 236
12.1.2各种图像格式 240
12.2了解Photoshop工作界面 241
12.2.1标题栏 242
12.2.2菜单栏 242
12.2.3状态栏 243
12.2.4工具箱 243
12.2.5工具属性栏 244
12.2.6图像编辑窗口 244
12.2.7浮动面板 245
12.3掌握页面辅助设计与选框工具 246
12.3.1使用标尺 246
12.3.2使用参考线 247
12.3.3使用矩形选框工具 248
12.3.4使用单行（列）选框工具 249
12.4设置网页图像的颜色 250
12.4.1设置前景色和背景色 250
12.4.2运用菜单命令填充颜色 252
12.4.3使用油漆桶工具设置颜色 253
12.4.4使用渐变工具设置颜色 254
12.5输入与编辑网页图像文本 255
12.5.1认识文字工具组 255
12.5.2输入横排文字 256
12.5.3输入直排文字 257
12.5.4设置文本格式 257
12.5.5设置变形文字 258
第13章 调整网页图像形状与颜色 260
13.1创建网页图像选区 261
13.1.1创建几何选区 261
13.1.2创建不规则选区 262
13.1.3创建颜色选区 263
13.1.4创建随意选区 264
13.2编辑网页图像选区 265
13.2.1羽化选区 265
13.2.2变换选区 266
13.2.3描边选区 268
13.2.4填充选区 268
13.3常用调整与修饰工具 269
13.3.1修饰类工具 269
13.3.2擦除类工具 271
13.3.3图章类工具 272
13.3.4修复类工具 274
13.4调整网页图像的颜色 275
13.4.1查看网页图像的颜色 275
13.4.2调整网页图像的色彩 276
13.4.3调整网页图像的色调 279
第14章 应用图层、路径、滤镜及切片 284
14.1图层的应用 285
14.1.1认识“图层”面板 285
14.1.2创建图层的多种方法 286
14.1.3复制、删除与重命名图层 287
14.1.4调整图层顺序与栅格化图层 288
14.1.5设置图层的各种样式效果 290
14.1.6设置图层的混合模式效果 291
14.2路径的应用 292
14.2.1绘制各种形状的路径 292
14.2.2添加与删除路径锚点 293
14.2.3存储、复制、移动与删除路径 294
14.2.4填充与描边路径 296
14.3滤镜的应用 297
14.3.1滤镜的使用方法 297
14.3.2高斯与动感模糊效果 297
14.3.3切变与极坐标效果 298
14.3.4光照与镜头光晕效果 300
14.3.5马赛克与晶格化效果 301
14.3.6素描、纹理及艺术效果 302
14.4切片的应用 303
14.4.1了解与创建切片 303
14.4.2移动与调整切片 304
14.4.3转换与锁定切片 305
14.4.4隐藏、显示和清除切片 306
14.4.5优化GIF格式图像 307
14.4.6优化JPEG格式图像 308
【案例实战篇】 309
第15章 网页设计软件案例演练 309
15.1 Dreamweaver CS5案例演练 310
15.1.1客户调查表 310
15.1.2时尚个人主页 315
15.1.3摄影网站主页 319
15.2 Flash CS5动画案例演练 321
15.2.1文字动画——超值赠送 321
15.2.2图片动画——最新电影 324
15.2.3导航动画——主页菜单 328
15.3 Photoshop CS5案例演练 330
15.3.1网站LOGO——金圆广场 330
15.3.2网页背景——华丽纹样 333
15.3.3网页导航条——随意导航条 335
第16章 综合实战：康洁家居网 338
16.1网站规划 339
16.1.1确定主题与分析需求 339
16.1.2确定网站的版式设计 339
16.2设计网站的Logo 与处理图像 340
16.2.1运用Photoshop 设计网站Logo 340
16.2.2运用Photoshop制作导航按钮 342
16.3制作网页的文字动画与图片动画 344
16.3.1运用Flash制作文字动画 344
16.3.2运用Flash制作图片动画 347
16.4综合制作网页与布局各对象 350
16.4.1运用Dreamweaver制作页眉与导航区 350
16.4.2运用Dreamweaver制作内容与版权区 353
16.4.3制作网站子页并设置超链接 355
16.5测试网站 358