PA RT 1网页设计基础与设计美学 3
第1章 网站建设概述 3
1.1网站建设流程概述 4
1.2网络和网站 4
1.2.1 Internet的起源和发展 4
1.2.2网站的概念 4
1.3网站建设基础 5
1.3.1网络协议、IP地址与域名 5
1.3.2 URL统一资源定位符 5
1.3.3 Web浏览器 6
1.3.4超链接 6
1.4网站中的多媒体与特效 6
1.4.1网站中的声音文件 6
1.4.2网站中的视频文件 7
1.4.3网站中的动画 7
1.4.4网站中的JavaScript特效 8
1.5网站的类型与特点 8
1.5.1资讯类网站 9
1.5.2电子商务类网站 10
1.5.3互动游戏类网站 11
1.5.4教育类网站 13
1.5.5功能型网站 14
1.5.6综合类网站 15
1.6申请商业域名和虚拟主机 16
1.6.1域名和虚拟主机的基本概念 16
1.6.2如何申请域名 17
1.6.3域名的设计 18
1.6.4如何申请虚拟主机 19
1.7申请免费的域名和虚拟主机 20
1.7.1免费虚拟主机的申请 20
1.7.2免费虚拟主机的使用 21
1.8经营性网站备案 22
1.9网页的基本元素 23
第2章 网站建设的流程 25
2.1网站规划 26
2.1.1网站项目的定义 26
2.1.2网站项目的评估 26
2.1.3网站项目的方案 27
2.1.4网站项目的资源 30
2.1.5网站项目的控制 30
2.2网站项目的实施 33
2.2.1网页效果图设计 33
2.2.2页面制作和程序设计 34
2.3网站项目的测试和发布 35
2.3.1网站项目的测试 35
2.3.2网站项目的发布 35
2.4网站的宣传推广 36
2.4.1推广前应明确的问题 37
2.4.2网站宣传推广的手段 37
2.4.3搜索引擎优化SEO 37
2.4.4网站的维护 37
2.5网站项目的总结 38
2.6网站项目的团队管理 38
2.7与客户进行沟通的重要性 39
2.8网站策划书 40
2.8.1建设网站前的市场分析 40
2.8.2建设网站目的及功能定位 40
2.8.3网站技术解决方案 40
2.8.4网站内容及实现方式 40
2.8.5网页设计 40
2.8.6费用预算 40
2.8.7网站维护 40
2.8.8网站测试 41
2.8.9小结 41
第3章 网页配色 43
3.1色彩的原理 44
3.1.1光与色彩 44
3.1.2物体色 44
3.1.3色彩类型 45
3.2色彩三要素 45
3.2.1色相 45
3.2.2饱和度 46
3.2.3亮度 46
3.3色相环 46
3.3.1色相环的构成 46
3.3.2色相环中的颜色特点 47
3.3.3色彩之间的关系 47
3.4网页中的色彩 50
3.4.1 RGB色彩模式 50
3.4.2 HTML语言对颜色的描述 51
3.4.3 216网页安全色 51
3.5色彩的对比 51
3.5.1零度对比 51
3.5.2调和对比 52
3.5.3强烈对比 53
3.6实用配色资源推荐 53
3.6.1色彩爱好者 53
3.6.2天天配色 53
3.6.3色彩杰克 54
3.6.4简单配色 54
3.6.5色彩机构 54
3.6.6调色板生成器 54
3.6.7 Kuler 54
3.6.8图书《网页配色黄金罗盘》 54
第4章 网页的布局设计 55
4.1网页布局基础 56
4.1.1网页中的基本元素 56
4.1.2网页的构成 57
4.1.3网页的空间与页面尺寸 58
4.2点、线、面的构成 59
4.2.1点的构成 59
4.2.2线的构成 60
4.2.3面的构成 61
4.2.4构成的形式 61
4.3网页的布局方法 64
4.3.1常见的网页版式结构 64
4.3.2布局方法 66
4.3.3确定版面率 67
4.3.4网格设计 68
4.4网页布局的分类 69
4.4.1满版布局形式 69
4.4.2十字布局形式 69
4.4.3九宫格布局形式 70
4.4.4米字布局形式 70
4.5网页布局方法 72
4.5.1黄金分割式布局 72
4.5.2左右对齐式布局 73
4.5.3全景式布局 73
4.5.4卫星式布局 74
4.5.5照片组合式布局 75
4.5.6包围式布局 76
4.5.7散开式布局 78
4.5.8单侧齐行式布局 78
4.5.9对称式布局 79
第5章 网页的标志和字体设计 81
5.1网页的标志设计 82
5.1.1标志设计的原则 82
5.1.2标志设计的表现与构思手法 82
5.1.3标志设计流程 82
5.2标志设计的基本构成要素 83
5.2.1标志中的线条 83
5.2.2标志中的形状 84
5.2.3用线条和形状构成标志 84
5.2.4标志中的英文字体 84
5.2.5标志中的中文字体 85
5.3网页中的字体设计 86
5.3.1字号、字体、行距 86
5.3.2文字的编排 88
5.3.3文字的强调 88
5.3.4文字的颜色 89
5.4 40种标志设计技巧 89
5.4.1线条的过渡效果 89
5.4.2局部变形 89
5.4.3斜线和曲线 89
5.4.4用图案来替换局部 89
5.4.5对字母“i”进行变形 89
5.4.6把圆形结合到LOGO中 90
5.4.7笔划结合效果 90
5.4.8线条的运动感 90
5.4.9横线贯穿 90
5.4.10错位重叠 90
5.4.11笔划连接 90
5.4.12笔划错位 90
5.4.13对字母“L”进行变形 90
5.4.14虚实结合 90
5.4.15中空字体 90
5.4.16对数字“0”或字母“O”进行变形 90
5.4.17添加空白线条 91
5.4.18多图嵌套 91
5.4.19部分省略 91
5.4.20压缩图形间距 91
5.4.21用曲线来装饰 91
5.4.22底图加反白 91
5.4.23局部换色 91
5.4.24一笔相连 91
5.4.25图形镜像 91
5.4.26动感线条 91
5.4.27粗细结合 91
5.4.28拉伸笔划 91
5.4.29添加边框 92
5.4.30拉伸图形 92
5.4.31对字母“T”进行变形 92
5.4.32装饰性的文字 92
5.4.33直接表述 92
5.4.34抽象概括 92
5.4.35字母大小写结合 92
5.4.36为空白背景填色 92
5.4.37使用卡通形象 92
5.4.38添加立体效果 92
5.4.39旋转或调整方向 92
5.4.40大小对比 93
5.5 Web 2.0风格标志设计要素 93
5.5.1使用明亮的颜色 93
5.5.2使用渐变色 93
5.5.3添加倒影 93
5.5.4制作立体的LOGO 93
5.5.5高光和阴影 93
5.6实用标志设计网站推荐 93
5.6.1 LOGO池塘(http://logopond.com) 93
5.6.2 LOGO沙司(http://www.logosauce.com/) 93
5.6.3至爱欣赏(http://faveup.com/) 94
5.7标志设计案例分析 94
5.7.1欧梅雅楼梯有限公司 94
5.7.2中川家缘木业有限公司 94
5.7.3强能鱼圆中餐连锁企业 94
5.7.4香港盈可国际集团有限公司 94
5.7.5福田汽车 94
5.7.6 ATLANTICA COMERCIAL LTD 95
5.7.7天淇立信息技术有限公司 95
5.7.8威盛光学有限公司 95
5.7.9山东沾化恒生工贸有限公司 95
5.7.10家欣家具有限公司 95
5.7.11 DKD CLUB 95
5.7.12成明房产代理有限公司 95
5.7.13太维互联网应用顾问 95
5.7.14欧华商贸网 96
5.7.15中国现车交易网 96
5.7.16动感一百手机网 96
5.7.17全球五金网 96
第6章 经典网站设计赏析 97
6.1可口可乐中文官方网站(Coca-Cola) 98
6.2艾利和中文网站(iriver China) 98
6.3必胜客中国网站(Pizza-Hut) 100
6.4索尼爱立信W800c中文官方网站(SonyEricsson W800c) 101
6.5半山国际网站 101
6.6 M-Zone网站(m-zone) 102
6.7达华庄园网站 103
6.8库博画映网站(Cube picture) 104
6.9万科香港路8号 105
6.10东骏湖景湾 105
6.11美特斯·邦威官方网站(Metersbonwe) 106
6.12康威官方网站(kangwei) 107
6.13三星i70数码摄像机中文网站(SAMSUNG i70) 108
6.14三星P2英文网站(SAMSUNG P2) 109
6.15明基Joybook7000官方网站(BenQJoybook7000) 110
6.16万达·锦华城中文网站(WANDA JINHUA Town) 111
PART 2 Photoshop CS4效果图设计 113
第7章Photoshop CS4基础 113
7.1 Photoshop CS4简介 116
7.2 Photoshop CS4工作界面 116
7.2.1菜单栏和工具选项条 116
7.2.2工具箱 117
7.2.3浮动面板 117
7.2.4图像窗口 117
7.3 Photoshop CS4新特性 117
7.3.1方便易用的“调整”面板 117
7.3.2直观明了的“蒙版”面板 118
7.3.3内容识别比例变形功能 118
7.3.4对3D对象的支持 118
7.3.5对视频编辑的支持 118
7.3.6方便易用的黑白调色功能 119
7.3.7体验新的抠图工具——快速选择工具 119
7.3.8强大的图像拼合功能 120
7.3.9消失点滤镜的使用 121
7.3.10其他新特性 121
7.4 Photoshop CS4基本操作 122
7.4.1新建文件 122
7.4.2打开文件 123
7.4.3保存文件 123
7.5图像的查看 123
7.5.1视图查看 123
7.5.2缩放查看 124
7.5.3抓手查看 124
7.5.4旋转视图工具 124
7.6使用辅助工具 124
7.6.1标尺 125
7.6.2网格 125
7.6.3参考线 125
7.7图像尺寸的调整 125
7.7.1调整图像大小 126
7.7.2调整画布大小 126
7.7.3调整图像方向 127
7.8网页图像处理大师 128
第8章 调整颜色命令及绘图工具的使用 129
8.1色调调整 130
8.1.1自动调整 130
8.1.2调整色阶 130
8.1.3调整曲线 130
8.2色彩调整 130
8.2.1亮度和对比度 130
8.2.2色相和饱和度 131
8.2.3替换颜色 131
8.2.4渐变映射 131
8.2.5反相 132
8.2.6阈值 132
8.2.7变化 132
8.2.8照片滤镜 132
8.2.9“阴影”→“高光” 133
8.3绘图与擦除 133
8.3.1绘图 133
8.3.2擦除 133
8.4使用填充设计网页页面 134
8.4.1内部填充 134
8.4.2边框填充 135
8.4.3利用填充绘制网站标志 135
8.5在网页图像中加入文字 136
8.5.1加入文字 136
8.5.2加入文字选区 137
8.6文字的排列与变形 137
8.7设计网页页面中的特效字 138
8.7.1制作整体页面 138
8.7.2制作金属效果标题文字 139
8.7.3制作冰冻效果标题文字 140
8.8照片修饰 141
8.8.1图章工具 141
8.8.2修补工具 141
8.8.3修饰工具 142
第9章 掌握图层的运用 145
9.1掌握图层的基本操作 146
9.1.1图层面板的操作 146
9.1.2图层的叠放和叠加 146
9.2使用蒙版 148
9.3使用图层样式 149
9.4填充层和调整层 149
9.5使用图层创建网页图样 150
9.5.1信息咨询公司网站页面 150
9.5.2大唐电信手机活动展示页面 151
第10章 选区和通道 153
10.1使用选区工具 154
10.1.1规则区域选取工具 154
10.1.2套索工具 155
10.1.3快捷选择工具 156
10.1.4魔棒工具 156
10.1.5利用选取工具制作边缘效果 157
10.2其他创建选区的方法 157
10.2.1使用色彩范围 157
10.2.2使用快速蒙版 157
10.2.3抽出图像 158
10.3调整选区 159
10.3.1全部选择和取消选择 160
10.3.2反向选择 160
10.3.3修改选区 160
10.3.4扩大选取 161
10.3.5选取相似 161
10.3.6变换选区 161
10.3.7存储和载入选区 162
10.4通道 163
10.4.1通道的基本概念 163
10.4.2通道面板的操作 163
10.5专色通道 164
10.5.1创建专色通道 164
10.5.2 Alpha通道转化为专色通道 164
10.5.3合并专色通道 164
10.6利用通道完成特效字 164
第11章 丰富多彩的滤镜 167
11.1使用常见滤镜 168
11.1.1艺术效果 168
11.1.2模糊 169
11.1.3画笔描边 170
11.1.4扭曲 170
11.1.5杂色 171
11.1.6像素化 171
11.1.7渲染 172
11.1.8锐化 172
11.1.9素描 172
11.1.10风格化 173
11.1.11纹理 174
11.1.12其他 174
11.2利用滤镜效果设计网页整体页面效果 175
11.2.1大唐电信CDMA移动电话网页 175
11.2.2花火数码文化传播中心网页Demo(演示) 176
11.2.3魔域帝国专区页面 178
第12章 时尚高档效果图设计 181
12.1分析 182
12.2网站首页的效果图制作 182
12.3创建页眉 184
12.4绘制内容区 185
12.5绘制页脚 185
第13章 博客网站效果图设计 187
13.1思路分析 188
13.2制作首页效果图 188
13.3制作页眉区域 190
13.4制作内容区域 191
13.5制作页脚区域 193
13.6制作内容页面 194
PART 3 Fireworks CS4设计精髓 197
第14章Fireworks CS4图像处理技术精讲 197
14.1 Fireworks基本操作技巧集锦 198
14.2矢量绘制关键技术 199
14.2.1两种方法绘制圆角矩形 199
14.2.2防止对圆角矩形变形的时候圆角改变 199
14.2.3巧妙消除路径边缘的锯齿 199
14.2.4多种方法绘制虚线 200
14.2.5制作网页效果图中的清晰小字 200
14.2.6使文字按照路径排列 201
14.2.7制作电视扫描线的效果 201
14.2.8自定义纹理 201
14.2.9添加和修改渐变色填充 202
14.2.10巧妙制作渐隐的线条 203
14.2.11解决图标缩小后变形的问题 204
14.3图像处理关键技术 204
14.3.1蒙版的三种用途 204
14.3.2选区和路径的转换 208
14.3.3制作图像条形码效果 209
14.3.4 Fireworks中的外挂滤镜 209
14.3.5制作淡彩钢笔画效果 210
14.3.6制作特殊的渐变色效果 211
14.3.7制作网格化图像效果 212
14.3.8制作老照片效果 213
14.3.9使用“曲线”命令校正图像的色彩 213
14.3.10使用“色阶”命令调整图像的色彩 215
第15章Fireworks网页应用技术精讲 217
15.1 GIF动画制作关键技术 218
15.1.1使用Fireworks制作补间动画 218
15.1.2巧用“补间”技术作图 218
15.1.3巧做网页LOGO中的光描动动画 219
15.2 Fireworks行为相关关键技术 220
15.2.1使用Fireworks制作交互按钮 220
15.2.2使用Fireworks的行为实现图像翻转特效 221
15.2.3把Fireworks中的交互效果添加到网页中 223
15.3切片和优化的关键技术 225
15.3.1在Fireworks中对图像进行优化 225
15.3.2选择合适的图像优化格式 225
15.3.3巧妙去除GIF图像周围的白边 227
15.3.4导出效果图切片 227
15.4 Fireworks效率工具问题集合 229
15.4.1巧妙执行重复的操作 229
15.4.2对大量的图像素材进行批量处理 230
第16章 精密塔钟网页效果图设计 233
16.1思路分析 234
16.2制作首页 234
16.2.1制作背景 234
16.2.2制作上导航 234
16.2.3制作LOGO 235
16.2.4制作左导航 237
16.2.5制作内容区域 238
16.2.6制作页脚 239
16.3在首页基础上制作内容页面 240
第17章 悠游网网页效果图设计 245
17.1思路分析 246
17.2实现步骤 246
第18章 韩国影像制品网站效果图设计 251
18.1思路分析 252
18.2实现步骤 252
PART 4 Dreamweaver CS4全攻略 259
第19章Dreamweaver CS4基础 259
19.1 Dreamweaver CS4概述 260
19.2 Dreamweaver CS4的新功能 260
19.2.1高级Photoshop CS4集成 260
19.2.2浏览器兼容性检查 260
19.2.3实时预览和代码导航器 261
19.2.4 CSS布局 261
19.2.5管理CSS 261
19.2.6 Adobe Device Central 261
19.2.7 Adobe Bridge CS4 262
19.2.8针对Ajax和JavaScript框架的代码提示 262
19.3 Dreamweaver CS4的操作环境 262
19.4常见的网页脚本语言 263
19.4.1 HTML 263
19.4.2 XHTML 263
19.4.3 XML 264
19.4.4 CSS 264
19.4.5 ASP 264
19.4.6 JSP 264
19.4.7 PHP 265
19.5网页排版大师Dreamweaver CS4 266
19.5.1实际制作前对页面布局的分析 266
19.5.2表格排版概述 267
19.5.3表格排版的核心技术 268
19.5.4 DIV加CSS排版概述 268
19.5.5什么是Web标准 269
19.5.6 DIV+CSS排版的核心技术 269
19.6小结 270
第20章 编辑XHTML源代码 271
20.1网页设计师必须掌握XHTML吗? 272
20.1.1什么是HTM L语言 272
20.1.2为何要将HTML升级为XHTML 272
20.1.3 XHTML和HTML的区别 272
20.1.4如何将HTML页面转换为XHTML 273
20.1.5 XHTML语言的语法结构 273
20.1.6 XHTML语言的重要标记和属性 274
20.2在Dreamweaver CS4中编写XHTML 279
20.2.1制作XHTML页面 279
20.2.2使用代码视图 280
20.3使用快速标签编辑器 281
20.3.1使用插入模式的快速标签编辑器 282
20.3.2使用编辑模式的快速标签编辑器 282
20.3.3嵌入模式的快速标签编辑器 282
20.3.4设置标签编辑器的属性 282
20.4优化代码 282
20.4.1优化HTM L代码 282
20.4.2清理Word HTML 283
20.5使用代码片断面板 284
20.5.1插入代码片断 284
20.5.2创建代码片断 284
20.6使用标签选择器和标签编辑器 285
20.6.1使用标签选择器 285
20.6.2使用标签编辑器 285
第21章 编辑CSS样式 287
21.1样式表(Cascading Style Sheets)入门 288
21.1.1样式表的基本语法规则 288
21.1.2样式表的类型 288
21.1.3关于选择器的选择问题 289
21.1.4群选择器和派生选择器 290
21.2网页中添加样式表的方法 290
21.2.1在HEAD内的实现 290
21.2.2在BODY内的实现 290
21.2.3在文件外的调用 291
21.2.4导入和组合样式 291
21.3样式表的优先级别 291
21.3.1三种添加方法的优先级别 291
21.3.2多个外联样式最后最优先 292
21.3.3类样式优先于重订标签样式 292
21.3.4 ID样式优先于类样式 292
21.3.5最近最优先原则 292
21.3.6同一个属性多个值最后最优先 293
21.4在Dreamweaver CS4中可视化添加样式表到网页 293
21.4.1创建重订标签样式 295
21.4.2自定义样式 295
21.4.3添加伪类 296
21.5 Dreamweaver CS4中的样式定义面板 297
21.5.1文本样式设定 297
21.5.2背景样式设定 298
21.5.3区块样式设定 299
21.5.4方框样式设定 300
21.5.5边框样式设定 300
21.5.6列表样式设定 301
21.5.7定位样式设定 301
21.5.8扩展样式设定 302
21.6 Dreamweaver CS4中的其他样式表工具 303
21.6.1使用样式表布局模板 303
21.6.2把内联样式转换为外联样式 304
第22章 使用JavaScript 305
22.1 JavaScript简介 306
22.2 JavaScript基本语法 306
22.2.1常量和变量 306
22.2.2表达式和运算符 307
22.2.3基本程序语句 307
22.2.4函数 308
22.3 JavaScript事件 308
22.4 JavaScript的对象 309
22.4.1浏览器对象 310
22.4.2 JavaScript内置对象 311
22.4.3自定义对象 312
第23章 站点的建立和基本页面的制作 313
23.1站点创建与管理概述 314
23.2规划与搭建站点结构 314
23.2.1规划站点结构 314
23.2.2创建本地站点和站点结构 315
23.3创建远端站点 318
23.4管理本地站点 318
23.4.1切换站点 318
23.4.2站点的其他操作 319
23.5简单页面的制作 319
23.5.1站点的建立 319
23.5.2页面属性的设置 319
23.5.3图像的添加和编辑 320
23.5.4文本的添加和编辑 321
23.5.5添加Flash按钮 322
23.5.6插入日期时间和制作邮件链接 322
23.5.7给页面添加文件头标签 322
第24章Adobe Spry在网页中的应用 327
24.1什么是Spry框架 328
24.1.1什么是Web 2.0 328
24.1.2什么是Ajax 329
24.1.3 Dreamweaver CS4中的Spry构件 329
24.2使用Spry验证表单(Spry Widgets) 330
24.2.1 Spry验证文本域构件 330
24.2.2 Spry验证文本区域构件 332
24.2.3 Spry验证选择构件 332
24.2.4 Spry验证复选框构件 333
24.2.5 Spry验证密码构件 333
24.2.6 Spry验证确认构件 333
24.2.7 Spry验证单选按钮组构件 334
24.3使用Spry效果 335
24.3.1增大/收缩 335
24.3.2挤压 336
24.3.3显示/渐隐 336
24.3.4晃动 336
24.3.5滑动 337
24.3.6遮帘 337
24.3.7高亮颜色 338
24.4使用Spry折叠构件 338
24.4.1 Spry菜单栏 338
24.4.2 Spry选项卡式面板 339
24.4.3 Spry折叠式菜单 340
24.4.4 Spry可折叠面板 340
24.4.5 Spry工具提示 341
24.5 Spry XML数据采集 341
24.5.1网页中的XML和XSL 341
24.5.2使用Dreamweaver CS4进行XML数据采集 343
第25章 构建动态网站和发布网站 349
25.1 Web应用程序概述 350
25.1.1动态网页概述 350
25.1.2常用的动态网页技术 350
25.2以ASP进行Web应用程序开发的流程 351
25.2.1 XHTML静态页面设计 351
25.2.2编写应用程序 351
25.2.3调试应用程序 352
25.3定义ASP网站 352
25.3.1创建Web应用程序的开发环境 352
25.3.2安装IIS 352
25.3.3 IIS的设置 353
25.4在Dreamweaver CS4中定义站点 354
25.5创建数据库 355
25.5.1 Access数据库原理 355
25.5.2创建Access数据库 356
25.5.3在Access数据库中输入数据 357
25.5.4在网页中连接数据库 357
25.5.5绑定记录集 358
25.6站点的上传与维护 360
25.6.1定义站点远程信息 360
25.6.2上传文件 361
25.6.3下载文件 361
25.6.4同步文件 361
25.7测试网站 361
25.7.1浏览器兼容性检查 362
25.7.2检查链接 362
25.7.3创建站点报告 362
25.8其他的站点管理功能 363
25.8.1设计备注 363
25.8.2使用遮盖 363
25.8.3取出和存回 364
第26章 时尚高档网页布局 365
26.1切片、优化和导出 366
26.2布局页面 367
第27章 博客网站布局设计 373
27.1切片、优化和导出 374
27.1.1布局页面 376
PART 5 Flash CS4网页动画 385
第28章Flash CS4基础 385
28.1 Flash CS4简介 386
28.2 Flash CS4的新功能 386
28.2.1 Adobe CS4界面 386
28.2.2基于对象的动画 386
28.2.3“动画编辑器“和“动画预设”面板 386
28.2.4骨骼动画 387
28.2.5 3D变形 387
28.2.6“喷涂刷”工具和“Deco”工具 388
28.3新的扩展组件 388
28.3.1 Adobe Media Encoder CS4 388
28.3.2 Adobe Device Central CS4 388
28.3.3 Adobe Pixel Bender Toolkit 389
28.3.4 Adobe Bidge CS4 389
28.3.5 Adobe Drive CS4 389
28.3.6 Adobe Extension ManagerCS4 389
28.3.7 Adobe ExtendScript ToolkitCS4 390
28.3.8 Adobe Media Player 390
28.4网页动画大师Flash CS4 390
28.5网络应用程序大师Flash CS4 391
28.6 Flash CS4工作界面 392
28.7 Flash CS4文档操作 393
28.8 Flash CS4绘图工具与动画场景设置 394
28.8.1认识Flash CS4的绘图工具栏(工具区域、查看区域、颜色区域、选项区域) 394
28.8.2设置舞台 395
28.8.3标尺、辅助线和网格 396
第29章Flash CS4的图形绘制 399
29.1 Flash CS4的绘图基础 400
29.2“选择”工具与对象的选取 400
29.2.1“选择”工具 400
29.3 Flash CS4中的对象绘制模式 401
29.4绘制路径 402
29.4.1“线条”工具 402
29.4.2“铅笔”工具 403
29.4.3“钢笔”工具 404
29.4.4转换锚点工具 404
29.4.5添加、删除路径点 404
29.5绘制简单图形 404
29.5.1“椭圆”工具和“基本椭圆”工具 405
29.5.2“矩形”工具和“基本矩形”工具 405
29.5.3“多角星形”工具 405
29.5.4“刷子”工具 406
29.5.5“橡皮擦”工具 406
29.6 色彩工具的使用 407
29.6.1“墨水瓶”工具 407
29.6.2“颜料桶”工具 408
29.6.3“滴管”工具 408
29.6.4“渐变变形”工具 408
29.7添加文本 410
29.7.1输入文本 410
29.7.2修改文本 410
29.7.3设置文本属性 410
29.8文本的转换 412
29.8.1分离文本 412
29.8.2编辑矢量文本 412
29.9文本的类型 412
29.9.1静态文本 413
29.9.2动态文本 413
29.9.3输入文本 413
29.10装饰工具的使用 413
29.10.1“喷涂刷”工具 414
29.10.2 Deco工具 414
29.11外部素材的导入 417
29.11.1导入外部图像素材 417
29.11.2导入Fireworks文件 417
29.11.3导入Photoshop文件 418
29.11.4导入Illustrator文件 419
第30章Flash CS4的元件和元件库 421
30.1 Flash CS4中的元件 422
30.1.1元件的类型 422
30.2图形元件的创建 422
30.2.1新建图形元件 422
30.2.2转换为图形元件 423
30.3按钮元件的创建 423
30.3.1新建按钮元件 423
30.3.2转换为按钮元件 424
30.3.3按钮元件的四种状态 424
30.3.4设计实例-Apple按钮制作 425
30.3.5设计实例-交互按钮的制作 427
30.4影片剪辑元件的创建 429
30.4.1新建影片剪辑元件 429
30.4.2将舞台中的对象转换为影片剪辑元件 429
30.4.3将舞台中的动画转换为影片剪辑元件 429
30.5对元件进行编辑 431
30.5.1在当前位置编辑元件 431
30.5.2在新窗口中编辑元件 431
30.5.3使用编辑模式编辑元件 432
30.6元件的实例 432
30.6.1创建元件的实例 432
30.6.2修改元件的实例 432
30.6.3实例的颜色设置 434
30.7元件库 434
30.7.1元件库的基本操作 434
30.7.2调用其他动画的库 436
30.7.3公用库 436
第31章Flash CS4的动画制作 437
31.1逐帧动画 438
31.1.1导入素材生成动画 438
31.1.2逐帧动画制作进阶 438
31.1.3设计实例-数码相机网络广告 439
31.2补间动画 441
31.2.1创建传统补间 441
31.2.2创建补间形状 443
31.2.3添加形状提示 444
31.2.4创建补间动画 445
31.2.5使用“动画编辑器”面板 446
31.2.6使用动画预设 448
31.3引导线动画 449
31.3.1设计实例-手写文字效果 450
31.3.2制作“手”按文字笔画路径移动动画 451
31.3.3制作“写字”动画效果 453
31.4遮罩动画 453
31.4.1遮罩层动画 454
31.4.2被遮罩层动画 455
31.4.3设计实例-波浪动画 456
31.5复合动画制作 459
31.6骨骼动画 460
31.6.1使用“骨骼”工具为元件添加骨骼 460
31.6.2使用“骨骼”工具为形状添加骨骼 462
第32章ActionScript和组件的应用 465
32.1 ActionScript简介 466
32.1.1 Flash CS4中的ActionScript 466
32.1.2 ActionScript 3.0和ActionScript 2.0 466
32.2“动作”面板简介 467
32.3 ActionScript 2.0添加函数的方法 467
32.3.1为关键帧添加动作 467
32.3.2为按钮元件添加动作 468
32.3.3为影片剪辑元件添加动作 468
32.3.4理解ActionScript 468
32.4 ActionScript基本函数应用 468
32.4.1控制影片的播放(Play语句)和停止(Stop语句) 468
32.4.2跳转语句goto 469
32.4.3设计实例-Flash个人网站 470
32.4.4停止所有声音播放语句StopAllSound 472
32.4.5 Flash播放器控制语句fscommand 473
32.4.6转到Web页语句getU rl 474
32.4.7加载(卸载)外部影片剪辑语句(un)IoadMovie 475
32.4.8加载变量语句LoadVariables 476
32.4.9设置影片剪辑元件的属性 476
32.4.10复制影片剪辑元件语句duplicateMovieClip 478
32.5“行为”的使用 479
32.6 Flash CS4中的组件 479
32.6.1组件的类型 480
32.7组件的应用 480
32.7.1按钮Button 480
32.7.2复选框CheckBox 481
32.7.3下拉列表框ComboBox 482
32.7.4列表框List 482
32.7.5滚动条ScrollPane 483
32.7.6单选按钮RadioButton 484
32.7.7设计实例-显示时间 485
32.7.8 FLV视频播放FLVPlayback 486
第33章 手机Flash动画的制作 489
33.1 Flash手机动画概述 490
33.1.1手机动画的主要技术 490
33.1.2什么是Flash Lite 490
33.1.3 Flash Lite可以做什么 491
33.1.4什么样的手机可以播放Flash动画 491
33.1.5手机动画的发展与未来 492
33.1.6手机动画的应用 492
33.2手机Flash动画的开发平台 493
33.3 Adobe Device Central CS4 493
33.3.1使用Adobe Device Central CS4来创建动画 493
33.3.2使用Adobe Device Central CS4来测试动画 496
33.3.3 Flash Lite所支持的按键 496
33.4如何在手机上测试Flash动画 496
33.4.1安装Flash Lite播放器 496
33.4.2播放紫移通的 VIS动画 497
33.5手机Flash动画的优化 497
33.5.1动画的优化 497
33.5.2位图与矢量图的选择 498
33.5.3手机设备速度和每秒帧数 498
33.6设计实例-手机贺卡“想你了” 498
第34章 乐百氏Flash网站设计 505
34.1思路分析 506
34.2制作网站的链接按钮 506
34.3制作矿泉水瓶的盖子 508
34.4制作瓶盖周围的竖条纹 510
34.5制作瓶身 510
34.6布置页面 512
34.7制作首页动画 513
34.8制作矿泉水在瓶中上涨的动画 516
34.9来制作百分比进度 517
第35章 马爹利网站设计 519
35.1思路分析 520
35.2建立文档 520
35.3制作闪烁的白色半透明点 521
35.4遮罩层的使用 521
35.5页面元素的动态设计 525
35.6为按钮添加动作 528
PART 6综合实例篇 533
第36章 帆布鞋网站设计制作 533
36.1思路分析 534
36.1.1页面布局形式 534
36.1.2添加文字和图像 535
36.2实现步骤 536
36.2.1制作效果图 536
36.2.2切片、优化和导出 538
36.2.3布局页面 539
第37章 网页顽主工作室网站设计 545
37.1思路分析 546
37.1.1页面布局形式 546
37.1.2页眉的设计 547
37.1.3通栏的设计 548
37.1.4内容区域的设计 549
37.1.5页脚的设计 549
37.1.6字体的选择 549
37.2实现步骤 550
37.2.1制作结构底图 550
37.2.2页眉设计 552
37.2.3通栏设计 553
37.2.4制作内容区域 554
37.2.5制作页脚 554
37.2.6切片、优化和导出 555
37.2.7布局页面 557