目录

PART.1　网页设计基础与设计美学

第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官方网站
.....（BenQ Joybook7000）       110
6.16.万达·锦华城中文网站
.....（WANDA JINHUA Town）       111
PART.2　Photoshop CS4 效果图设计

第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 设计精髓

第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全攻略

第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.什么是HTML语言       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.优化HTML代码       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网页动画

第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 Manager
.........CS4       389
28.3.7.Adobe ExtendScript Toolkit
.........CS4       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页语句 getUrl       474
32.4.7.加载（卸载）外部影片剪辑语句
....（un）loadMovie       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　综合实例篇

第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

经典论坛交流：
http://bbs.blueidea.com/thread-2959704-1-1.html

本文链接：http://www.blueidea.com/news/book/2009/7255.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 《网页设计全书》[1] 下一页