网页设计师实用教程

第1章  网页设计基础    1
1.1  网页制作基础知识    1
1.1.1  网页的概念    2
1.1.2  网页的基本构成元素    2
1.1.3  网页的构思    3
1.1.4  网页的布局    4
1.1.5  网页制作的流程    6
1.2  网页编辑工具
—— Dreamweaver 8    6
1.2.1  Dreamweaver 8的界面组成    7
1.2.2  Dreamweaver 8的功能与特点    8
1.3  网页图像制作工具
—— Fireworks 8    9
1.3.1  Fireworks 8界面组成    9
1.3.2  Fireworks 8的特点与新功能    9
1.4  网页动画制作工具——Flash 8    10
1.4.1  Flash 8的界面组成    10
1.4.2  Flash 8的特点与新功能    10
1.5  思考练习    11
1.5.1  填空题    11
1.5.2  选择题    12
1.5.3  问答题    12
1.5.4  操作题    12
第2章  设计与创建站点    13
2.1  网站的设计流程    13
2.1.1  网站的规划和设计    13
2.1.2　网站建设    14
2.1.3　站点的推广、维护和更新    14
2.2  创建站点    15
2.2.1  创建本地站点    15
2.2.2  设置本地文件夹    16
2.2.3  设置远程文件夹    17
2.3  编辑站点    18
2.3.1  编辑本地站点    18
2.3.2  编辑远程站点    19
2.3.3  删除站点    20
2.3.4  网站文件管理    20
2.4  思考练习    21
2.4.1  填空题    21
2.4.2  选择题    21
2.4.3  问答题    22
2.4.4  操作题    22
第3章  创建并设置网页文档    23
3.1  创建网页文档    23
3.1.1  创建空白文档    24
3.1.2  创建基于Dreamweaver 8
设计文件的文档    25
3.1.3  创建模板文档    26
3.1.4  通过“导入”创建文档    27
3.1.5  保存文档    28
3.2  设置文档属性    29
3.3  设置颜色    30
3.3.1  认识网页安全色    31
3.3.2  定义默认文本颜色    31
3.4  选择文档中的元素    31
3.4.1  选择可见元素    31
3.4.2  选择不可见元素    32
3.5  使用可视化向导设计网页    32
3.5.1  使用“标尺”和“网格”    33
3.5.2  使用跟踪图像    34
3.6  查看和编辑头部内容    34
3.6.1  显示文档    34
3.6.2  在文档头部插入元素    35
3.6.3  使用头部元素    35
3.7  思考练习    37
3.7.1  填空题    37
3.7.2  选择题    37
3.7.3  问答题    37
3.7.4  操作题    37
第4章  规划网页布局    39
4.1  使用表格规划网页布局    39
4.1.1  认识表格    40
4.1.2  在页面中使用表格    40
4.1.3  采用预定义的样式设置表格    47
4.1.4  在布局模式下规划网页    48
4.2  使用框架规划网页布局    57
4.2.1  框架的基本概念    57
4.2.2  使用框架    58
4.3  思考练习    66
4.3.1  填空题    66
4.3.2  选择题    66
4.3.3  问答题    67
4.3.4  操作题    67
第5章  编辑网页文本元素    69
5.1  在网页文档中使用文本    69
5.1.1  添加和编辑网页文本    69
5.1.2  查找和替换文本    74
5.1.3  拼写检查    75
5.2  设置文本格式    75
5.2.1  应用文本属性检查器    75
5.2.2  设置HTML样式    79
5.3  使用CSS样式    79
5.3.1  CSS简介    80
5.3.2  使用CSS样式面板    80
5.3.3  创建CSS样式    81
5.3.4  链接外部CSS样式    83
5.3.5  CSS样式冲突    84
5.4  思考练习    84
5.4.1  填空题    84
5.4.2  选择题    85
5.4.3  问答题    85
5.4.4  操作题    85
第6章  Fireworks 8网页图像制作基础    87
6.1  网页图像制作基础    87
6.1.1  网页图像的格式    88
6.1.2  颜色原理    88
6.1.3  网页图像制作要求    91
6.2  Fireworks 8入门    91
6.2.1  Fireworks 8的工作环境    91
6.2.2  Fireworks 8的基本操作    95
6.3  制作与编辑位图对象    99
6.3.1  创建位图对象    99
6.3.2  编辑选区    100
6.3.3  位图对象的操作    104
6.4  制作与编辑矢量图形    109
6.4.1  绘制矢量图形    109
6.4.2  编辑矢量图形    111
6.4.3  路径的操作    113
6.5 思考练习    116
6.5.1  填空题    116
6.5.2  选择题    117
6.5.3  问答题    117
6.5.4  操作题    117
第7章  制作网页图像素材    119
7.1  文字的设计    119
7.1.1  输入与编辑文本    119
7.1.2  设置文本的描边、填充、
效果和样式    120
7.1.3  文字附加到路径    121
7.2  Fireworks 8动画制作    123
7.2.1  使用元件制作动画    123
7.2.2  管理帧    126
7.2.3  补间动画的制作    129
7.2.4  动画的输出    130
7.3  创建网页交互效果    130
7.3.1  制作按钮和导航条    130
7.3.2  制作弹出菜单    135
7.3.3  使用热点区域    137
7.4  图形图像的优化与导出    138
7.4.1  图像的优化    139
7.4.2  图像的切片    143
7.4.3  图像的导出    144
7.5  思考练习    145
7.5.1  填空题    145
7.5.2  选择题    146
7.5.3  问答题    146
7.5.4  操作题    147
第8章  Flash 8动画制作基础    149
8.1  动画制作基础    149
8.1.1  动画发展概述    149
8.1.2  计算机动画与传统动画    150
8.1.3  动画的要素    152
8.2  Flash 8入门    153
8.2.1  Flash 8的工作界面    153
8.2.2  Flash 8文档处理    161
8.3  Flash 8 的基本操作    165
8.3.1  元件的操作    165
8.3.2  实例的操作    169
8.3.3  使用库资源    172
8.3.4  使用图层    175
8.3.5  简单编辑Flash对象    182
8.4  思考练习    183
8.4.1  填空题    183
8.4.2  选择题    184
8.4.3  问答题    184
8.4.4  操作题    184
第9章  制作交互式动画    185
9.1  帧的应用    185
9.1.1  认识帧    185
9.1.2  帧的基本操作    189
9.1.3  设置时间轴特效    191
9.1.4  编辑时间轴特效    193
9.2  制作逐帧动画    194
9.3  制作补间动画    196
9.3.1  制作形状补间动画    197
9.3.2  制作动作补间动画    198
9.4  制作路径动画    199
9.4.1  制作开放路径动画    199
9.4.2  制作封闭路径动画    201
9.5  思考练习    201
9.5.1  填空题    201
9.5.2  选择题    202
9.5.3  问答题    202
9.5.4  操作题    202
第10章  在网页中插入多媒体对象    203
10.1  为网页添加音频和视频    203
10.1.1  添加网页背景音乐    203
10.1.2  媒体格式及插件的使用    204
10.1.3  设置插件属性    205
10.2  在网页中插入Flash对象    206
10.2.1  Flash的文件类型    207
10.2.2  插入Flash按钮对象    207
10.2.3  插入Flash文本对象    209
10.2.4  插入Flash电影    210
10.2.5  设置Flash对象属性    210
10.3  在网页中插入其他媒体对象    211
10.3.1  插入Shockwave电影    211
10.3.2  插入ActiveX控件    212
10.3.3  插入Java程序    213
10.4  思考练习    213
10.4.1  填空题    213
10.4.2  选择题    214
10.4.3  问答题    214
10.4.4  操作题    214
第11章  在网页中使用层    215
11.1  使用层    215
11.1.1  在网页中创建层与嵌套层    216
11.1.2  显示层面板    216
11.1.3  简单认识层的HTML代码    217
11.2  管理网页中的层    218
11.2.1  选择层    218
11.2.2  调整层的大小及对齐方式    219
11.2.3  移动层    219
11.2.4  将层对齐网格    219
11.2.5  删除及复制层    220
11.2.6  改变层的重叠顺序    220
11.2.7  设置层属性    220
11.3  转换表格和层    221
11.3.1  将表格转换为层    221
11.3.2  将层转换为表格    223
11.3.3  防止层的重叠    224
11.4  设置层参数    224
11.5  思考练习    225
11.5.1  填空题    225
11.5.2  选择题    225
11.5.3  问答题    226
11.5.4  操作题    226
第12章  使用超链接和导航条    227
12.1  认识URL、链接的路径    227
12.1.1  URL    228
12.1.2  链接的路径    228
12.2  创建链接    230
12.2.1  创建链接的类型和方法    230
12.2.2  创建页间超链接    230
12.2.3  创建页内超链接    231
12.2.4  创建E-mail链接    233
12.2.5  创建空链接及脚本链接    234
12.2.6  创建图形热点链接    234
12.3  创建导航条    235
12.3.1  插入导航条    235
12.3.2  编辑导航条    236
12.4  思考练习    236
12.4.1  填空题    236
12.4.2  选择题    237
12.4.3  问答题    237
12.4.4  操作题    237
第13章  为网页对象添加行为    239
13.1  认识行为    239
13.1.1  事件和动作    239
13.1.2  使用行为    242
13.1.3  更改行为    242
13.2  Dreamweaver 8的内置
行为简介    243
13.2.1  图像操作类行为    243
13.2.2  菜单、导航类行为    245
13.2.3  检查类行为    249
13.2.4  设置文本类行为    251
13.2.5  控制类行为    253
13.2.6  其他行为    256
13.3  思考练习    259
13.3.1  填空题    259
13.3.2  选择题    259
13.3.3  问答题    259
13.3.4  操作题    260
第14章  表单网页制作    261
14.1  在网页中使用表单    261
14.1.1  认识网页表单对象    262
14.1.2  创建表单并设置表单属性    263
14.2  使用表单对象    264
14.2.1  创建文本域    264
14.2.2  创建隐藏域    265
14.2.3  创建文件上传域    266
14.3  创建复选框和单选按钮    267
14.3.1  创建复选框    268
14.3.2  创建单选按钮及
单选按钮组    269
14.4  创建列表和菜单    271
14.4.1  创建列表/菜单    271
14.4.2  创建跳转菜单    273
14.5  创建表单按钮    274
14.5.1  创建文本表单按钮    274
14.5.2  创建图形提交按钮    275
14.6  思考练习    277
14.6.1  填空题    277
14.6.2  选择题    277
14.6.3  问答题    278
14.6.4  操作题    278
第15章  站点管理    279
15.1  空间及域名    279
15.2  使用站点窗口    280
15.2.1  使用站点窗口工具栏    280
15.2.2  设置站点参数    281
15.3  管理站点地图    282
15.3.1  使用站点地图    282
15.3.2  在站点地图中使用页面    284
15.3.3  从站点分支查看站点    285
15.3.4  保存站点地图    285
15.4  远程站点的使用    285
15.4.1  设置远程服务器    286
15.4.2  确定远程站点主机目录    286
15.4.3  上传和下载文件    287
15.4.4  使用“存回”和
“取出”功能    287
15.5  站点的其他常用操作    288
15.5.1  链接检查    288
15.5.2  更改所有链接    289
15.6  思考练习    289
15.6.1  填空题    289
15.6.2  选择题    290
15.6.3  问答题    290
15.6.4  操作题    290
第16章  综合实例“电脑游戏网”    291
16.1  网页实例简介    291
16.2  制作Logo图片    292
16.3  制作网页框架中的图片    295
16.3.1  制作网页左右两侧版块
标题的静态图片    295
16.3.2  制作网页中间部分的版块
标题图片    297
16.3.3  制作网页中的横线和
竖线图片    298
16.4  制作具有立体感的效果图片    299
16.5  制作网页宣传动画    300
16.5.1  制作元件    300
16.5.2  制作主场景    301
16.6  制作电影字幕动画    309
16.6.1  制作图层1-- 文字的
滚动效果    309
16.6.2  制作图层2-- 图形元件
的渐变效果    310
16.7  使用Dreamweaver 8制作网页    311
16.7.1  制作网页    311
16.7.2  制作CSS样式    314
16.7.3  为网页元素添加CSS样式    316
16.7.4  使用超链接与行为    317
附录  思考练习参考答案     319