01 网页设计基础知识 2
1.1 网页基础知识 2
1.1.1 网页、网站和主页 2
1.1.2 网页的基本功能元素 3
1.1.3 网页的基本组成元素 5
1.1.4 网页中的色彩 7
1.1.5 网站的类型 8
1.2 网页设计的原则 11
1.3 网页常用页面结构 12
1.3.1 左右对称型结构 13
1.3.2 上下分割型结构 13
1.3.3 “同”字型结构 13
1.3.4 T字型结构 14
1.3.5 “三”字型结构 14
1.3.6 封面型结构 14
1.3.7 Flash型结构 15
1.4 网页设计工作流程 15
1.5 网页设计的发展趋势 17
02 初识Dreamweaver CS5 21
2.1 Dreamweaver CS5简介 21
2.2 Dreamweaver CS5的工作界面 21
2.2.1 菜单栏 22
2.2.2 “插入”面板 22
2.2.3 文档工具栏 23
2.2.4 文档窗口 24
2.2.5 状态栏 24
2.2.6 “属性”面板 26
2.2.7 面板组 27
2.3 网页文档的基本操作 27
2.3.1 创建空白文档 27
2.3.2 保存和关闭网页文档 28
2.3.3 打开网页文档 29
2.3.4 预览网页 30
2.4 页面设置属性 30
2.4.1 设置外观属性 31
2.4.2 设置链接属性 33
03 创建网页对象 36
3.1 文本的添加 36
3.1.1 “文本”插入面板 36
3.1.2 普通文本的添加 36
3.1.3 特殊符号的添加 36
3.2 给网页添加图像 37
3.2.1 为网页添加图像 37
3.2.2 用占位符插入图像 38
3.2.3 图像属性的设置 39
3.3 使用超链接 41
3.3.1 超链接的类型 41
3.3.2 创建超链接 41
3.4 插入多媒体元素 45
3.4.1 插入Flash动画 45
3.4.2 插入FLV视频 46
3.4.3 添加背景音乐 47
04 使用表格布局网页 50
4.1 创建表格 50
4.1.1 创建普通表格 50
4.1.2 创建嵌套表格 51
4.2 在表格单元格中添加内容 51
4.2.1 在表格中插入图像 51
4.2.2 在表格中添加文本 52
4.3 表格的编辑方法 52
4.3.1 选择表格 53
4.3.2 单元格的拆分与合并 53
4.3.3 行和列的添加与删除 55
4.3.4 表格属性设置 57
4.3.5 单元格属性设置 62
4.4 运用表格制作新闻列表 65
05 使用CSS样式表 71
5.1 了解CSS样式表 71
5.1.1 认识CSS 71
5.1.2 CSS的基本语法 71
5.1.3 引用CSS的方式 71
5.2 创建样式表 72
5.2.1 认识“CSS样式”面板 72
5.2.2 新建层叠样式表 73
5.3 设置CSS样式表属性 74
5.3.1 类型属性的设置 74
5.3.2 背景属性的设置 76
5.3.3 区块属性的设置 77
5.3.4 方框属性的设置 79
5.3.5 边框属性的设置 80
5.3.6 列表属性的设置 82
5.3.7 定位属性的设置 82
5.3.8 扩展属性的设置 83
5.4 层叠样式表的管理 84
5.4.1 编辑CSS层叠样式 84
5.4.2 链接外部CSS样式表文件 85
5.4.3 删除CSS层叠样式 86
5.5 应用CSS样式表 86
06 使用AP Div布局网页 89
6.1 AP元素面板 89
6.2 AP Div的创建与设置 89
6.2.1 创建AP Div 89
6.2.2 创建嵌套AP Div 91
6.2.3 AP Div的属性 92
6.3 AP Div的编辑 92
6.3.1 选择AP Div 92
6.3.2 移动AP Div 94
6.3.3 对齐AP Div 95
6.3.4 调整AP Div的大小 95
6.3.5 设置AP Div的堆叠顺序 97
6.3.6 改变AP Div的可见性 98
6.3.7 防止AP Div重叠 100
6.4 AP Div与表格的相互转换 100
6.4.1 将AP Div转换为表格 100
6.4.2 将表格转换为AP Div 101
07 应用表单和行为 104
7.1 创建表单 104
7.1.1 了解表单 104
7.1.2 创建表单 104
7.1.3 表单属性的设置 104
7.2 表单对象的添加 105
7.2.1 文本字段的添加 105
7.2.2 隐藏域的添加 107
7.2.3 复选框的添加 107
7.2.4 单选按钮的添加 108
7.2.5 单选按钮组的添加 108
7.2.6 列表和菜单的添加 109
7.2.7 跳转菜单的添加 110
7.2.8 文件域的添加 110
7.2.9 按钮的添加 111
7.2.10 图像域的添加 111
7.3 行为和事件 112
7.3.1 行为和事件简介 112
7.3.2 “行为”面板 113
7.4 常用行为的使用 115
7.4.1 弹出信息 115
7.4.2 打开浏览器窗口 116
7.4.3 改变属性 117
08 网页制作精彩实例 121
8.1 企业网站首页的制作 121
8.2 美容网站首页的制作 135
09 Flash CS5基本操作 148
9.1 了解Flash动画 148
9.2 Flash文档的基本操作 149
9.2.1 新建Flash文档 149
9.2.2 设置动画场景 149
9.2.3 保存Flash文档 150
9.2.4 打开Flash文档 151
9.2.5 程序个性化设置 152
9.3 Flash CS5绘图工具 154
9.3.1 选取工具 154
9.3.2 绘图工具 156
9.3.3 填充工具 161
9.3.4 文本工具 166
9.3.5 辅助工具 167
9.4 绘制图形 168
10 使用元件和库 172
10.1 创建元件 172
10.1.1 图形元件 172
10.1.2 按钮元件 173
10.1.3 影片剪辑元件 174
10.2 元件的编辑 175
10.3 库的使用 176
10.3.1 认识“库”面板 176
10.3.2 库的管理和使用 177
11 时间轴与动画 181
11.1 时间轴与关键帧 181
11.1.1 时间轴 181
11.1.2 图层 181
11.1.3 帧 183
11.2 创建基本动画 187
11.2.1 补间动画 187
11.2.2 补间形状动画 188
11.2.3 传统补间动画 189
11.3 创建其他类型动画 191
11.3.1 逐帧动画 191
11.3.2 引导层 192
11.3.3 遮罩层 194
11.4 导入声音的应用 195
11.4.1 声音简介 195
11.4.2 音频格式 197
11.4.3 导入声音 197
11.4.4 输出声音设置 199
12 Flash动画制作实例 201
12.1 网页Banner制作 201
12.1.1 古典型 201
12.1.2 商务型 204
12.2 动画广告设计 206
12.2.1 条形广告 206
12.2.2 矩形广告 208
12.3 对联式广告制作 214
12.4 网站引导页制作 219
13 Photoshop CS5应用基础 219
13.1 网页图片基础知识 225
13.1.1 矢量图和位图 225
13.1.2 颜色模式 226
13.2 Photoshop CS5基本操作 226
13.2.1 新建网页图片文件 226
13.2.2 保存网页图片文件 227
13.2.3 打开网页图片文件 227
13.3 辅助绘图工具 229
13.3.1 使用标尺 229
13.3.2 使用参考线 229
13.3.3 使用网格 230
13.3.4 抓手与缩放工具 231
13.3.5 文档大小设置 232
13.4 设置颜色 233
13.4.1 设置前景色和背景色 233
13.4.2 使用油漆桶工具 234
13.4.3 使用渐变工具 235
14 使用图层、通道与路径 235
14.1 图层的应用 238
14.1.1 “图层”面板 238
14.1.2 “图层”面板相关操作 238
14.2 使用图层样式 242
14.2.1 投影、内阴影样式 242
14.2.2 外发光、内发光样式 243
14.2.3 斜面和浮雕样式 244
14.2.4 编辑图层样式 245
14.2.5 图层的混合模式 247
14.3 通道的应用 250
14.3.1 通道的概念 250
14.3.2 用通道创建选区 251
14.4 路径的应用 253
14.4.1 路径与“路径”面板 253
14.4.2 创建路径 255
14.4.3 编辑路径 257
14.4.4 路径与选区相互转换 259
15 网页图像的修饰与调整 259
15.1 创建与编辑选区 263
15.1.1 选区的创建 263
15.1.2 修改选区 267
15.2 修改图像 273
15.2.1 橡皮擦工具组 273
15.2.2 图章工具组 276
15.2.3 修复工具组 276
15.3 调整网页图片的颜色 279
16 Photoshop滤镜的使用 285
16.1 认识滤镜 285
16.2 常用滤镜介绍 285
16.2.1 “液化”滤镜 285
16.2.2 “风格化”滤镜组 286
16.2.3 “画笔描边”滤镜组 289
16.2.4 “模糊”滤镜组 290
16.2.5 “扭曲”滤镜组 292
16.2.6 “锐化”滤镜组 293
16.2.7 “素描”滤镜组 294
16.2.8 “纹理”滤镜组 295
16.2.9 “像素化”滤镜组 296
16.2.10 “渲染”滤镜组 297
16.2.11 “艺术效果”滤镜组 298
16.3 滤镜应用实例 299
17 网页效果图切片与输出 299
17.1 创建与编辑切片 310
17.1.1 划分切片 310
17.1.2 编辑切片选项 311
17.1.3 修改切片 312
17.2 存储为Web页格式 313
17.3 将图片输出为网页 313
18 设计首页效果图 317
18.1 企业网站首页的设计 317
18.1.1 页面头部的制作 317
18.1.2 主体部分背景的制作 321
18.1.3 公告部分的制作 323
18.1.4 产品展示部分的制作 325
18.1.5 客服部分的制作 327
18.1.6 底部的制作 329
18.2 美食网站首页的制作 330
18.2.1 Logo和导航栏的制作 330
18.2.2 Banner部分的制作 333
18.2.3 主体最新菜品部分的制作 336
18.2.4 主体右侧部分的制作 340
18.2.5 底部的制作 344