1.1 Internet和WWW 1
1.1.1 Internet概述 1
第1章 网页设计知识概述 1
1.1.2 WWW的技术基础 3
1.2 网页制作工具Dreamweaver 8简介 6
1.2.1 Dreamweaver简介 6
1.2.2 启动Dreamweaver 8 7
1.2.3 Dreamweaver 8的工作界面 8
1.3.1 Fireworks简介 9
1.3 Fireworks和Flash简介 9
1.3.2 Flash简介 10
【思考与练习】 10
第2章 站点的建立和管理 11
2.1 规划站点结构 11
2.2 建立本地站点 12
2.2.1 案例展示和分析 12
2.2.2 利用Dreamweaver 8建立站点 12
2.3 站点的基本操作 16
2.4 网页文件的基本操作 17
2.4.1 案例展示和分析 17
2.4.2 Dreamweaver 8中网页文件的基本操作 18
2.5 添加网页内容和设置网页属性 20
2.5.1 设置页面的基本属性 20
2.5.2 添加文本内容 21
2.5.3 插入水平线 24
2.5.4 插入日期 24
2.5.5 添加图像 25
【思考与练习】 29
第3章 利用表格布局网页 30
3.1 利用表格进行一个简单页面布局案例 30
3.1.1 案例展示和分析 30
3.1.2 案例实现步骤 31
3.2 表格的高级应用技巧实例 40
3.2.1 利用表格制作水平线和垂直线 40
3.2.2 圆角表格的制作 41
3.3.1 案例展示与分析 43
3.3.2 案例实现步骤 43
3.3 表格数据的导入与导出 43
3.4 在布局视图中对网页进行布局 46
3.4.1 案例展示与分析 46
3.4.2 案例实现步骤 47
3.5 网页的常用布局类型 50
3.5.1 网页构成的基本元素 50
3.5.2 网页布局类型 51
3.5.5 网页布局的技术 52
3.5.4 网页布局的方法 52
3.5.3 网页页面尺寸大小 52
【思考与练习】 53
第4章 网页中的超级链接 55
4.1 超级链接 55
4.2 文本超级链接 56
4.2.1 案例展示和分析 56
4.2.2 案例实现步骤 56
4.3 创建锚链接 60
4.3.1 案例展示和分析 60
4.3.2 案例实现步骤 61
4.4 创建图像超链接 63
4.4.1 案例展示和分析 63
4.4.2 案例实现步骤 64
4.5 创建电子邮件超链接 65
4.5.1 案例展示和分析 65
4.5.2 案例实现步骤 65
4.6 创建其他链接形式 66
4.6.1 创建空链接、脚本链接 66
【思考与练习】 67
4.6.2 跳转菜单 67
第5章 在网页中使用CSS样式 69
5.1 CSS概述 69
5.1.1 CSS简介 69
5.1.2 CSS样式面板 70
5.2 利用CSS样式修饰文本 71
5.2.1 案例展示分析 71
5.2.2 案例实现步骤 71
5.3 设置CSS样式参数 75
5.3.1 设置类型参数 75
5.3.2 设置背景参数 76
5.3.3 设置区块参数 77
5.3.4 设置方框参数 78
5.3.5 设置边框参数 79
5.3.6 设置列表参数 80
5.3.7 设置定位参数 81
5.3.8 设置扩展参数 82
5.4.1 案例展示与分析 83
5.4.2 案例制作步骤 83
5.4 利用CSS样式改变超级链接 83
5.5 外部CSS样式表及样式冲突 84
5.5.1 链接或导入外部CSS样式表 84
5.5.2 样式冲突规则 86
【思考与练习】 86
第6章 框架技术与模板 88
6.1 利用框架制作一个网页实例 88
6.1.1 案例展示和分析 88
6.1.2 案例实现步骤 89
6.2.1 案例展示和分析 97
6.2 使用模板制作网页 97
6.2.2 案例实现步骤 98
【思考与练习】 103
第7章 层、时间轴、多媒体 104
7.1 层的应用 104
7.1.1 案例展示与分析 104
7.1.2 案例实现步骤 105
7.2 时间轴概述 110
7.3.1 案例一:创建曲线运动的时间轴动画 112
7.3 创建时间轴动画 112
7.3.2 案例二:创建复杂路径的时间轴动画实例 114
7.4 制作交互对象 116
7.4.1 案例分析 116
7.4.2 案例实现步骤 116
7.5 插入媒体对象 118
7.5.1 插入Flash内容 119
7.5.2 插入Shockwave影片 121
7.5.3 插入视频 122
7.5.4 插入声音 122
【思考与练习】 123
第8章 页面的交互行为(行为、表单) 124
8.1 行为概述 124
8.1.1 Dreamweaver 8中常用的事件 125
8.1.2 加入行为 125
8.2 使用Dreamweaver 8的内置行为 127
8.3 网上捐助表单 134
8.3.1 表单概述 134
8.3.2 网上捐助表单案例 134
8.3.3 跳转菜单 138
8.4 在表单中使用行为 140
8.4.1 在表单中使用内置行为 140
8.4.2 在表单中自定义行为 141
8.5 JavaScript的应用 142
8.5.1 JavaScript概述 142
8.5.2 JavaScript的变量、常量、运算符和数据类型 142
8.5.3 JavaScript的流程控制语句 144
8.5.4 JavaScript的数组和函数 145
8.5.5 JavaScript的内置对象 145
8.5.6 DHTML的对象模型(DOM) 146
8.5.7 JavaScript的应用举列 147
【思考与练习】 150
第9章 网站测试与发布 151
9.1 网站测试 151
9.1.1 浏览器兼容性测试 151
9.1.2 链接测试 154
9.2.1 申请免费主页空间 155
9.2.2 申请免费域名 155
9.2 申请空间和域名 155
9.2.3 免费空间和免费域名推荐 156
9.3 站点发布 157
9.3.1 定义远程站点 157
9.3.2 上传站点和文件 159
【思考与练习】 161
第10章 初识Fireworks 8 162
10.1 Fireworks 8的功能 162
10.2 认识Fireworks 8工作界面 162
10.3.2 在Fireworks 8中创建新文件,打开、保存文件 164
10.3.1 Fireworks 8中最常用的文件类型 164
10.3 Fireworks 8中文件的基本操作 164
10.4 Fireworks 8帮助的使用 165
10.4.1 打开Fireworks 8帮助 165
10.4.2 搜索帮助 166
【思考与练习】 166
第11章 Fireworks 8的基本操作 167
11.1 选择对象和使对象变形 167
11.1.1 使用选择工具选择对象 167
11.1.2 使用像素选择工具选择选区 168
11.1.3 变形和扭曲所选对象和选区 171
11.2 位图的操作 172
11.2.1 创建位图对象 172
11.2.2 修饰位图 173
11.2.3 调整位图颜色和色调 174
11.2.4 模糊和锐化位图 176
11.3 矢量对象的操作 177
11.3.1 绘制矢量对象 177
11.3.2 编辑路径 182
11.4.1 应用动态滤镜 186
11.4 使用动态滤镜 186
11.4.2 编辑动态滤镜 187
11.5 文本的操作 188
11.5.1 文本编辑及滤镜效果的应用 188
11.5.2 将文本附加到路径 189
11.6 样式与形状的使用 190
11.6.1 使用样式 190
11.6.2 使用形状 190
【思考与练习】 191
11.6.3 使用元件 191
第12章 Fireworks 8中的图像处理及按钮制作 195
12.1 图像的优化和导出 195
12.2 切片和热点 196
12.2.1 切片 196
12.2.2 热点 199
12.3 创建按钮 200
12.3.1 创建按钮实例 201
12.3.2 制作含有多个按钮的导航栏页面 202
【思考与练习】 205
第13章 Fireworks案例集锦 206
13.1 图片羽化 206
13.1.1 效果图 206
13.1.2 制作步骤 206
13.2 用Fireworks做出苹果的晶亮透明 207
13.2.1 效果图 207
13.2.2 制作步骤 207
13.3.2 制作步骤 208
13.3.1 效果图 208
13.3 使用Fireworks制作浏览器图标 208
13.4 简单动画的制作 209
13.4.1 效果图 209
13.4.2 制作步骤 209
13.4.3 效果图 211
13.4.4 制作步骤 211
13.5 使用Fireworks设计菜单 212
13.5.1 效果图 212
13.5.2 制作步骤 212
【思考与练习】 216
第14章 Flash 8工作环境 217
14.1 Flash动画基本常识 217
14.1.1 Flash动画的特点 217
14.1.2 矢量图与位图 217
14.1.3 帧和关键帧 218
14.1.4 Flash动画制作基本步骤 218
14.2 Flash工作界面 218
14.2.1 使用“开始”页 218
14.2.2 操作界面 219
14.2.3 工具箱 220
14.2.4 舞台 221
14.2.5 时间轴 221
14.2.6 浮动面板 223
14.2.7 图层 225
14.2.8 场景 228
14.3 Flash 8新增功能 229
【思考与练习】 229
15.1.1 各工具的名称与功能 230
15.1 熟练掌握Flash工具箱 230
第15章 绘图工具的应用 230
15.1.2 工具的使用方法 231
15.2 基本绘图工具 231
15.2.1 线条工具 231
15.2.2 铅笔工具 232
15.2.3 椭圆工具 232
15.2.4 矩形工具 233
15.2.5 多边形工具 234
15.3.1 设置钢笔工具首选参数 235
15.3 使用钢笔工具 235
15.3.2 用钢笔工具绘制直线 236
15.3.3 使用钢笔工具绘制曲线路径 236
15.3.4 调整路径上的锚记点 237
15.3.5 调整线段 238
15.4 使用刷子工具涂色 238
15.5 墨水瓶、颜料桶、渐变变形与滴管工具 239
15.5.1 用墨水瓶工具修改笔触 239
15.5.3 用渐变色和位图填充变形 240
15.5.2 用颜料桶工具应用纯色、渐变和位图填充 240
15.5.4 用滴管工具复制笔触和填充 241
15.6 擦除 242
15.7 创建文本 242
【思考与练习】 243
第16章 基础动画制作 244
16.1 动作变换 244
16.1.1 案例展示和分析 244
16.1.2 案例实现步骤 244
16.2.2 案例实现步骤 246
16.2 明暗变化 246
16.2.1 案例展示和分析 246
16.3 运动导线 248
16.3.1 案例展示和分析 248
16.3.2 案例实现步骤 248
16.4 形状变化 250
16.4.1 案例展示和分析 250
16.4.2 案例实现步骤 250
16.5.1 探照灯效果 251
16.5 遮罩 251
16.5.2 七彩色字效果 253
16.6 影片制作 254
16.6.1 案例展示和分析 255
16.6.2 案例实现步骤 255
16.7 按钮与声音 257
16.7.1 制作按钮 257
16.7.2 添加声音 259
16.8 文件的输出 260
【思考与练习】 261
第17章 Flash动画应用 262
17.1 案例展示和分析 262
17.2 制作背景 262
17.3 制作动画 264
17.4 动画修饰 269
【思考与练习】 269
18.1 网站建设基本工作步骤 270
18.1.1 确定网站的主题、内容、功能 270
第18章 网站的整体风格与版式设计及综合应用案例 270
18.1.2 网站资料的搜集 271
18.1.3 网站的整体风格和版式设计 271
18.1.4 网页的制作 271
18.1.5 网站的测试与发布 271
18.1.8 网站的更新与维护 272
18.2 网站的版式设计 272
18.2.1 网站CI的设计 272
18.1.7 网站的反馈与评价 272
18.1.6 网站的宣传推广 272
18.2.2 网站的目录结构和导航栏的设计 275
18.2.3 首页与二级页面的设计 276
18.2.4 其他辅助元素的设计 276
18.2.5 根据设计方案绘制草图 277
18.3 “中国安徽手拉手助学工程协会”网站案例 278
18.3.1 确定网站的主题、内容、功能 278
18.3.2 网站的整体风格和版式设计 278
18.3.3 网站制作阶段 282
【思考与练习】 288
附录 HTML常用标记和属性 289