详情
本书主要介绍网页设计软件Dreamweaver、Flash和Photoshop的实用方法和技巧，结构上将功能技术解析与案例演练引导与实战应用结合；将命令讲解与案例实战结合；将课堂讲解与课后练习结合；为老师制作授课PPT；为学生准备视频教学录像，希望打造一套全功能的学习宝典。
第 1章 网页基本内容介绍 ................ 11
1.1 网页基本概念的介绍 ................................12
1.1.1 网页的概念 ............................................ 12
1.1.2 网页的分类 ............................................ 12
1.2 网页基本常识的介绍 ................................15
1.2.1 了解网页专业术语 ................................ 15
1.2.2 HTML的组成及语法 ............................. 16
1.2.3 网页设计的基本原则 ............................ 17
1.3 网页基本组成元素的介绍 ........................18
1.3.1 网页文字 ................................................ 19
1.3.2 网页图片 ................................................ 19
1.3.3 网页动画 ................................................ 19
1.3.4 网页表格 ................................................ 20
1.3.5 网页超链接 ............................................ 20
1.3.6 网页表单 ................................................ 21
1.4 网页色彩搭配的介绍 ................................21
1.4.1 网页配色基础 ........................................ 21
1.4.2 网页常见的配色方案 ............................ 21
1.4.3 网页色彩搭配的技巧 ............................ 23
1.4.4 网页色彩的注意事项 ............................ 24
1.5 本章小结 ....................................................24
第 2章 网页制作流程介绍 ................ 25
2.1 网站制作流程的介绍 ................................26
2.1.1 网站主题的定位 .................................... 26
2.1.2 网站框架的构建 .................................... 27
2.1.3 网站形象的设计 .................................... 27
2.1.4 制作网站页面 ........................................ 29
2.1.5 网站的发布与宣传 ................................ 30
2.1.6 网站内容的更新与维护 ........................ 31
2.2 撰写网站建设方案的流程 ........................32
2.2.1 获取客户需求 ........................................ 32
2.2.2 网站栏目结构的选择 ............................ 32
2.2.3 明确网站使用功能 ................................ 32
2.2.4 书写网站方案 ........................................ 32
2.2.5 确认网站费用预算方案 ........................ 32
2.2.6 部门经理审核 ........................................ 33
2.2.7 确认网站建设方案 ................................ 33
2.3 初步认识网页制作软件 ............................34
2.3.1 网页布局软件Dreamweaver CS6 ......... 34
2.3.2 动画制作软件Flash CS6 ........................ 34
2.3.3 图像处理软件Photoshop CS6 ................ 34
2.4 本章小结 ....................................................35
第3章 Dreamweaver CS6的运用 ...... 36
3.1 Dreamweaver CS6的基础操作界面 ..........37
3.3.1 菜单栏介绍 ............................................ 37
3.3.2 “属性”面板介绍 ................................ 37
3.3.3 文档工具栏窗口的介绍 ........................ 38
3.3.4 “插入”面板介绍 ................................ 39
3.3.5 浮动面板介绍 ........................................ 41
3.2 网页本地站点的创建 ................................41
3.2.1 运用向导建立站点 ................................ 41
3.2.2 本地或网络连接选项的设置 ................ 42
3.2.3 站点文件和文件夹的创建 .................... 42
3.3 文本的添加与设置 ....................................43
3.3.1 在网页中添加文本 ................................ 43
3.3.2 文本字体类型的设置 ............................ 44
3.3.3 文本属性的设置 .................................... 45
3.3.4 文本颜色的设置 .................................... 46
3.4 常见网页元素介绍 ....................................47
3.4.1 图像的插入 ............................................ 47
3.4.2 日期的插入 ............................................ 49
3.4.3 水平线的插入 ........................................ 50
3.4.4 特殊字符的插入 .................................... 50
3.4.5 背景音乐的插入 .................................... 51
3.4.6 Flash动画的插入 .................................... 52
3.4.7 各种表单的插入 .................................... 53
3.5 常用网页链接的创建 ................................54
3.5.1 链接的含义 ............................................ 55
3.5.2 E-mail链接.............................................. 55
3.5.3 图像热点链接 ........................................ 56
3.5.4 下载文件链接 ........................................ 58
3.5.5 锚点链接 ................................................ 59
3.5.6 脚本链接 ................................................ 60
3.5.7 空链接 .................................................... 60
3.6 本章小结 ....................................................60
3.7 课后习题 ....................................................61
3.7.1 填空题 .................................................... 61
3.7.2 课后习题—制作网页的主页面 ........ 61
第4章 创建表格与Div的布局 ........... 62
4.1 表格的创建与设置 ....................................63
4.1.1 表格创建的方法 .................................... 63
4.1.2 表格属性的设置 .................................... 64
4.1.3 单元格属性的设置 ................................ 65
4.2 表格各元素介绍 ........................................66
4.2.1 表格的选取 ............................................ 66
4.2.2 行或列的选取 ........................................ 68
4.2.3 单元格的选取 ........................................ 69
4.3 表格的基本操作 ........................................70
4.3.1 调整表格高度和宽度 ............................ 70
4.3.2 添加或删除行或列 ................................ 71
4.3.3 单元格的拆分 ........................................ 72
4.3.4 单元格的合并 ........................................ 73
4.3.5 单元格的剪切、复制和粘贴 ................ 74
4.4 Div的基本操作 ..........................................75
4.4.1 Div的含义 .............................................. 75
4.4.2 Div标签的创建 ...................................... 76
4.4.3 AP Div的创建 ........................................ 77
4.4.4 AP Div与表格的互换 ............................ 79
4.5 本章小结 ....................................................80
4.6 课后习题 ....................................................80
4.6.1 填空题 .................................................... 80
4.6.2 课后习题—制作网页表格 ................ 80
第5章 网页框架及框架集的制作 ...... 82
5.1 框架及框架集的含义 ................................83
5.2 多种框架的创建 ........................................83
5.2.1 预定义框架集的创建 ............................ 83
5.2.2 自定义框架集的创建 ............................ 84
5.2.3 自定义框架的拆分 ................................ 85
5.2.4 嵌套框架的创建 .................................... 85
5.3 框架及框架集的基本操作 ........................86
5.3.1 选择框架和框架集 ................................ 87
5.3.2 删除框架和框架集 ................................ 87
5.3.3 保存框架和框架集 ................................ 88
5.4 框架及框架集的属性设置 ........................89
5.4.1 框架的属性设置 .................................... 89
5.4.2 框架集的属性设置 ................................ 90
5.4.3 框架集网页标题的设置 ........................ 91
5.4.4 使用链接控制框架的内容 .................... 92
5.4.5 为不支持框架的网页设置内容 ............ 93
5.5 浮动框架的创建与设置 ............................94
5.5.1 浮动框架的创建 .................................... 94
5.5.2 设置浮动框架属性 ................................ 95
5.6 本章小结 ....................................................97
5.7 课后习题 ....................................................97
5.7.1 填空题 .................................................... 97
5.7.2 课后习题—制作网页框架 ................ 97
第6章 运用CSS修饰美化网页 ......... 99
6.1 CSS的主要含义 .........................................100
6.1.1 什么是CSS ............................................. 100
6.1.2 CSS的编写 ............................................. 101
6.1.3 CSS样式表的创建 ................................. 101
6.2 CSS属性的设置 .........................................103
6.2.1 类型属性的设置 .................................... 104
6.2.2 背景属性的设置 .................................... 105
6.2.3 区块属性的设置 .................................... 106
6.2.4 方框属性的设置 .................................... 107
6.2.5 边框属性的设置 .................................... 108
6.2.6 列表属性的设置 .................................... 109
6.2.7 定位属性的设置 .................................... 109
6.2.8 扩展属性的设置 .................................... 110
6.3 CSS样式表的管理 .....................................110
6.3.1 外联样式表 ............................................ 111
6.3.2 内嵌样式表 ............................................ 113
6.4 CSS滤镜的运用 .........................................114
6.4.1 常用滤镜介绍 ........................................ 114
6.4.2 光晕（Glow）滤镜................................ 114
6.4.3 模糊（Blur）滤镜 ................................. 115
6.4.4 遮罩（Mask）滤镜................................ 116
6.4.5 透明色（Chroma）滤镜........................ 117
6.4.6 阴影（DropShadow）滤镜 ................... 118
6.4.7 波浪（Wave）滤镜 ............................... 118
6.4.8 X射线（Xray）滤镜.............................. 119
6.5 本章小结 ....................................................119
6.6 课后习题 ....................................................119
6.6.1 填空题 .................................................... 119
6.6.2 课后习题—制作网页文本特效 ........ 119
第7章 运用CSS和Div布局网页 ........ 121
7.1 CSS与Div的基本概念 ...............................122
7.1.1 Web标准的概念 ..................................... 122
7.1.2 Div基本功能介绍 .................................. 123
7.1.3 Div与Span的区别 .................................. 123
7.1.4 Class和ID的区别.................................... 123
7.1.5 CSS＋Div布局的优势 ........................... 123
7.1.6 AP Div属性的设置 ................................ 124
7.2 CSS的基本布局方法 .................................125
7.2.1 用Div将页面分块 .................................. 125
7.2.2 CSS定位的含义 ..................................... 126
7.2.3 运用CSS堆给元素位置定位 ................. 126
7.2.4 用CSS定位各块的位置 ......................... 127
7.3 常见的布局类型 ........................................127
7.3.1 单行单列固定宽度 ................................ 127
7.3.2 两列右列宽度自适应 ............................ 127
7.3.3 一列宽度自适应 .................................... 128
7.3.4 一列固定宽度居中 ................................ 129
7.3.5 二列固定宽度 ........................................ 130
7.3.6 两列宽度自适应 .................................... 130
7.3.7 二列固定宽度居中布局 ........................ 131
7.3.8 三列浮动中间列宽度自适应 ................ 132
7.3.9 高度自适应 ............................................ 133
7.4 本章小结 ....................................................133
7.5 课后习题 ....................................................134
7.5.1 填空题 .................................................... 134
7.5.2 课后习题—网页布局 ........................ 134
第8章 交互网页的行为制作 ............. 135
8.1 行为的主要含义 ........................................136
8.1.1 “行为”面板介绍 ................................ 136
8.1.2 “事件”菜单的命令讲解 .................... 137
8.1.3 动作类型的运用 .................................... 137
8.1.4 在网页文档中添加行为 ........................ 138
8.2 网络浏览器环境的基本设置 ....................139
8.2.1 “检查表单”行为的运用 .................... 139
8.2.2 “打开浏览器窗口”行为的运用 ........ 141
8.2.3 “转到URL”行为的运用 .................... 143
8.2.4 “检查插件”行为的运用 .................... 144
8.3 网页图像动作的设置 ................................145
8.3.1 “交换图像”行为的运用 .................... 145
8.3.2 “预先载入图像”行为的运用 ............ 147
8.4 多种网页文本的设置 ................................148
8.4.1 “设置状态栏文本”行为的运用 ........ 148
8.4.2 “设置容器的文本”行为的运用 ........ 149
8.4.3 “设置框架文本”行为的运用 ............ 151
8.5 网页效果的特殊设置 ................................152
8.5.1 “增大/收缩”效果的运用 ................... 153
8.5.2 “挤压”效果的运用 ............................ 154
8.5.3 “晃动”效果的运用 ............................ 155
8.5.4 “显示/渐隐”效果的运用 ................... 156
8.5.5 “遮帘”效果的运用 ............................ 157
8.6 本章小结 ....................................................157
8.7 课后习题 ....................................................158
8.7.1 填空题 .................................................... 158
8.7.2 课后习题—制作网页子页 ................ 158
第9章 初步认识Flash CS6 .............. 159
9.1 Flash CS6工作区域介绍 ...........................160
9.1.1 菜单栏 .................................................... 160
9.1.2 工具箱 .................................................... 160
9.1.3 时间轴面板 ............................................ 161
9.1.4 了解舞台 ................................................ 163
9.1.5 了解“属性”面板 ................................ 164
9.1.6 了解面板组 ............................................ 165
9.2 场景基本操作介绍 ....................................165
9.2.1 场景的添加 ............................................ 165
9.2.2 场景的查看 ............................................ 166
9.2.3 标尺的使用方法 .................................... 167
9.2.4 网格的使用方法 .................................... 167
9.2.5 辅助线的使用方法 ................................ 169
9.3 文本工具的使用 ........................................170
9.3.1 静态文本的创建 .................................... 170
9.3.2 动态文本的创建 .................................... 171
9.3.3 输入文本的创建 .................................... 172
9.3.4 阴影文字的制作 .................................... 174
9.4 Flash动画的测试与发布 ...........................176
9.4.1 Flash作品测试 ........................................ 176
9.4.2 优化动画 ................................................ 177
9.4.3 动画的发布 ............................................ 178
9.5 本章小结 ....................................................180
9.6 习题测试 ....................................................180
9.6.1 填空题 .................................................... 180
9.6.2 课后习题—制作网页文本效果 ........ 180
第 10章 Flash基础绘图工具的运用 ... 181
10.1 图形对象的绘制 ......................................182
10.1.1 线条工具的运用 .................................. 182
10.1.2 铅笔工具的运用 .................................. 183
10.1.3 钢笔工具的运用 .................................. 184
10.1.4 椭圆工具的运用 .................................. 185
10.1.5 矩形工具的运用 .................................. 187
10.1.6 多角星形工具的运用 .......................... 188
10.2 图形对象的填充 ......................................190
10.2.1 墨水瓶工具的运用 .............................. 190
10.2.2 颜料桶工具的运用 .............................. 191
10.2.3 刷子工具的运用 .................................. 192
10.2.4 渐变变形工具的运用 .......................... 194
10.3 图形对象的编辑 ......................................195
10.3.1 选择工具的运用 .................................. 195
10.3.2 套索工具的运用 .................................. 196
10.3.3 任意变形工具的运用 .......................... 197
10.3.4 移动对象的运用 .................................. 198
10.3.5 缩放工具的运用 .................................. 200
10.3.6 复制对象的运用 .................................. 201
10.3.7 删除对象的运用 .................................. 202
10.4 本章小结 ..................................................203
10.5 课后习题 ..................................................203
10.5.1 填空题 .................................................. 203
10.5.2 课后习题—给蛋糕制作梦幻效果 .. 203
第 11章 运用元件和库制作网页 ....... 205
11.1 元件的应用 ..............................................206
11.1.1 了解元件的类型 .................................. 206
11.1.2 图形元件的创建 .................................. 206
11.1.3 按钮元件的创建 .................................. 208
11.1.4 转换图形为影片剪辑元件 .................. 211
11.1.5 了解在不同的模式下编辑元件 .......... 212
11.1.6 元件的复制与删除 .............................. 213
11.2 实例的应用 ..............................................214
11.2.1 实例的创建 .......................................... 215
11.2.2 元件实例的交换 .................................. 216
11.2.3 实例类型的改变 .................................. 217
11.2.4 实例的分离 .......................................... 218
11.2.5 实例信息的查看 .................................. 219
11.2.6 实例的复制 .......................................... 220
11.2.7 修改实例的颜色和透明度 .................. 221
11.3 库的应用 ..................................................223
11.3.1 库面板的组成 ...................................... 224
11.3.2 元件的编辑 .......................................... 224
11.3.3 其他库元件的调用 .............................. 226
11.3.4 运用共享库替换元件 .......................... 227
11.4 本章小结 ..................................................228
11.5 课后习题 ..................................................229
11.5.1 填空题 .................................................. 229
11.5.2 课后习题—网页图像复制 .............. 229
第 12章 网页动画的制作 .................. 230
12.1 简单Flash动画的创建 .............................231
12.1.1 逐帧动画的创建 .................................. 231
12.1.2 逐帧动画的导入 .................................. 233
12.1.3 引导动画的创建 .................................. 235
12.1.4 形状渐变动画的创建 .......................... 237
12.1.5 动作渐变动画的创建 .......................... 238
12.1.6 遮罩层动画的创建 .............................. 240
12.1.7 被遮罩层动画的创建 .......................... 242
12.2 ActionScript脚本介绍 ..............................244
12.2.1 ActionScript脚本含义 .......................... 244
12.2.2 ActionScript脚本的运用 ...................... 244
12.2.3 ActionScript脚本的整理 ...................... 244
12.2.4 ActionScript脚本的编写 ...................... 245
12.3 ActionScript特效的制作 ..........................245
12.3.1 隐形按钮的制作 .................................. 246
12.3.2 文本链接的创建 .................................. 248
12.3.3 跳转网页的创建 .................................. 249
12.3.4 网页特效的制作 .................................. 251
12.4 本章小结 ..................................................253
12.5 课后习题 ..................................................253
12.5.1 填空题 .................................................. 253
12.5.2 课后习题—制作网页的动画效果 .. 253
第 13章 初步认识Photoshop CS6 ..... 255
13.1 图像的基础常识 ......................................256
13.1.1 矢量图和位图的介绍 .......................... 256
13.1.2 多种颜色模式的介绍 .......................... 257
13.1.3 多种图像格式的介绍 .......................... 259
13.2 Photoshop的工作界面 .............................260
13.2.1 菜单栏 .................................................. 260
13.2.2 状态栏 .................................................. 261
13.2.3 工具箱 .................................................. 261
13.2.4 工具属性栏 .......................................... 261
13.2.5 图像编辑窗口 ...................................... 262
13.2.6 浮动面板 .............................................. 263
13.3 页面布局辅助工具的运用 ......................263
13.3.1 标尺工具的应用 .................................. 263
13.3.2 参考线的应用 ...................................... 264
13.3.3 网格的应用 .......................................... 266
13.3.4 注释工具的应用 .................................. 267
13.4 网页图像的颜色设置 ..............................267
13.4.1 前景色和背景色的设置 ...................... 268
13.4.2 使用菜单命令填充颜色 ...................... 270
13.4.3 使用油漆桶工具设置颜色 .................. 271
13.4.4 使用渐变工具设置颜色 ...................... 272
13.5 本章小结 ..................................................274
13.6 课后习题 ..................................................274
13.6.1 填空题 .................................................. 274
13.6.2 课后习题—调整网页图像的颜色 .. 274
第 14章 选区与文本的创建 .............. 276
14.1 网页图像选区的创建 ..............................277
14.1.1 不规则选区的创建 .............................. 277
14.1.2 几何选区的创建 .................................. 278
14.1.3 随意选区的创建 .................................. 279
14.1.4 颜色选区的创建 .................................. 281
14.2 网页图像选区的编辑 ..............................283
14.2.1 羽化选区 .............................................. 283
14.2.2 变换选区 .............................................. 284
14.2.3 描边选区 .............................................. 286
14.2.4 填充选区 .............................................. 287
14.2.5 剪切图像选区 ...................................... 289
14.2.6 复制选区图像 ...................................... 290
14.3 网页图像文本的编辑 ..............................291
14.3.1 了解文字工具组 .................................. 291
14.3.2 输入横排文字 ...................................... 292
14.3.3 输入直排文字 ...................................... 293
14.3.4 设置文本格式 ...................................... 295
14.3.5 设置变形文字 ...................................... 296
14.4 本章小结 ..................................................297
14.5 课后习题 ..................................................297
14.5.1 填空题 .................................................. 297
14.5.2 课后习题—制作特殊的网页文本 .. 297
第 15章 网页图像的修饰与调整 ....... 299
15.1 网页图像的裁剪 ......................................300
15.1.1 运用工具裁剪图像 .............................. 300
15.1.2 运用命令裁切图像 .............................. 300
15.1.3 精 确裁剪网页图像 .............................. 301
15.2 网页图像的修饰 ......................................303
15.2.1 修饰类工具 .......................................... 303
15.2.2 擦除类工具 .......................................... 305
15.2.3 图章类工具 .......................................... 306
15.2.4 修复类工具 .......................................... 307
15.2.5 调色类工具 .......................................... 309
15.3 网页图像的颜色调整 ..............................311
15.3.1 查看网页图像的颜色 .......................... 311
15.3.2 网页图像的色彩调整 .......................... 312
15.3.3 网页图像的色调调整 .......................... 315
15.4 优化网络图像 ..........................................321
15.4.1 优化GIF格式图像 ................................ 321
15.4.2 优化JPEG格式 ..................................... 322
15.5 编辑切片图像 ..........................................323
15.5.1 了解切片对象种类 .............................. 323
15.5.2 创建切片 .............................................. 324
15.5.3 创建自动切片 ...................................... 324
15.6 管理切片 ..................................................325
15.6.1 选择、移动与调整切片 ...................... 325
15.6.2 转换与锁定切片 .................................. 326
15.6.3 组合与删除切片 .................................. 327
15.6.4 设置切片选项 ...................................... 329
15.7 本章小结 ..................................................329
15.8 课后习题 ..................................................330
15.8.1 填空题 .................................................. 330
15.8.2 课后习题—裁剪飞龙动漫网图片 .. 330
第 16章 网页设计综合案例 .............. 331
16.1 课堂案例—规划网站的设计 ..............332
16.1.1 确定网站主题 ...................................... 332
16.1.2 设计网站版式 ...................................... 332
16.2 课堂案例—设计网站的图像 ..............332
16.2.1 网站Logo的设计 .................................. 332
16.2.2 网站导航条的设计 .............................. 335
16.3 课堂案例—设计网站的动画 ..............337
16.3.1 图片动画的制作 .................................. 337
16.3.2 文字动画的制作 .................................. 339
16.4 课堂案例—制作与布局网页 ..............342
16.4.1 页眉和导航区的制作 .......................... 343
16.4.2 内容与版权区的制作 .......................... 345
16.4.3 子页和超链接的制作 .......................... 348
16.5 课堂案例—网站的测试 ......................352
16.5.1 网站的兼容性测试 .............................. 352
16.5.2 网站的链接性测试 .............................. 353
16.6 本章小结 ..................................................354
16.7 课后习题 ..................................................354
16.7.1 课后习题—美化网页图像的效果 .. 354
16.7.2 课后习题—制作网页的主体效果 .. 355
16.7.3 课后习题—制作网页的动画效果 .. 355
