第1课 网页设计与布局基础 1
1.1预备知识 2
1.2如何设计网页 4
1.2.1网页设计的任务 4
1.2.2网页设计的实现 5
1.2.3网页设计的基本原则 5
1.3常用网页设计软件 7
1.4网页版面布局设计 8
1.4.1网页版面布局原则 8
1.4.2点、线、面的构成 9
1.5网页布局方法 10
1.5.1纸上布局法 10
1.5.2软件布局法 10
1.6常见的版面布局形式 11
1.6.1“国”字型布局 11
1.6.2“厂”字型布局 12
1.6.3“框架”型布局 12
1.6.4“封面”型布局 12
1.6.5Flash型布局 13
1.7课后习题 13
1.7.1选择题 13
1.7.2填空题 14
1.7.3问答题 14
第2课 合理搭配网页的色彩 15
2.1网页配色原理 16
2.1.1色彩的产生 16
2.1.2色彩的三要素 16
2.2色彩与网页表现 17
2.3网页色彩搭配 21
2.3.1网页色彩搭配原理 21
2.3.2网页色彩搭配技巧 22
2.3.3网页色彩选择标准 22
2.3.4常见的几种网页配色方案 23
2.4课后习题 24
2.4.1选择题 24
2.4.2填空题 25
2.4.3问答题 25
第3课 网页图像处理软件Photoshop CS3基础 26
3.1熟悉Photoshop CS3的工作界面 27
3.2调整图像 32
3.2.1调整图像大小 32
3.2.2调整画布大小 34
3.3调整图像的色彩 35
3.3.1使用“色阶”命令 35
3.3.2使用“曲线”命令 36
3.3.3使用“色彩平衡”命令 37
3.3.4使用“亮度／对比度”命令 38
3.3.5使用“色相／饱和度”命令 39
3.4设置前景色和背景色 40
3.4.1使用“拾色器”对话框 41
3.4.2使用“吸管”工具 41
3.5选择操作区域 42
3.5.1选择规则选区 42
3.5.2选择不规则选区 43
3.6图层的基本操作 45
3.6.1添加图层 45
3.6.2删除图层 47
3.6.3合并图层 47
3.6.4设置图层样式 47
3.7课堂练习——创建简单的网页图像 53
3.8高手支招 55
3.9课后习题 55
3.9.1选择题 55
3.9.2填空题 56
3.9.3操作题 56
第4课 设计丰富多彩的网页特效文字 57
4.1使用“文字”工具 58
4.1.1输入文字 58
4.1.2设置文字属性 59
4.1.3文字的变形 61
4.2设计常见的网页特效文字 62
课堂练习1——发光文字 62
课堂练习2——渐变文字 65
课堂练习3——水晶文字 66
课堂练习4——描边文字 68
课堂练习5——立体字 69
课堂练习6——火焰文字 70
4.3高手支招 73
4.4课后习题 75
4.4.1选择题 75
4.4.2填空题 75
4.4.3操作题 75
第5课 设计网页按钮、导航栏和Logo 77
5.1设计常见的网页按钮 78
课堂练习1——制作圆角按钮 78
课堂练习2——制作发光按钮 80
课堂练习3——制作水晶按钮 83
5.2制作导航栏 85
课堂练习4——制作丰富多彩的导航栏 85
课堂练习5——设计Banner实例 86
5.3网站Logo设计 89
课堂练习6——Logo设计 89
5.4高手支招 91
5.5课后习题 93
5.5.1选择题 93
5.5.2填空题 93
5.5.3操作题 93
第6课 网站动画设计软件Flash CS3基础 94
6.1Flash CS3的工作环境简介 95
6.1.1菜单栏 95
6.1.2工具箱 96
6.1.3“时间轴”面板 97
6.1.4舞台 97
6.1.5“属性”面板 97
6.1.6面板组 98
6.2创建各种类型的Flash动画 98
课堂练习1——创建逐帧动画 98
课堂练习2——创建动画补间动画 102
课堂练习3——创建形状补间动画 103
课堂练习4——创建引导层动画 105
课堂练习5——创建遮罩层动画 108
6.3高手支招 110
6.4课后习题 111
6.4.1选择题 111
6.4.2填空题 112
6.4.3操作题 112
第7课 设计网站中常见的Flash动画 114
7.1设计网站Flash动画广告 115
7.1.1网站广告设计基本原则 115
7.1.2网站广告的类型 116
7.2设计网站动画实例 117
课堂练习1——设计Banner广告 117
课堂练习2——设计声音动画 120
课堂练习3——创建导航按钮 122
7.3高手支招 125
7.4课后习题 128
7.4.1选择题 128
7.4.2填空题 128
7.4.3操作题 128
第8课 使用DreamweaverCS3创建基本网页 129
8.1DreamweaverCS3简述 130
8.2熟悉DreamweaverCS3的工作环境 130
8.2.1菜单栏 130
8.2.2插入栏 132
8.2.3浮动面板组 132
8.2.4“属性”面板 132
8.2.5文档窗口 133
8.3创建和管理站点 133
8.3.1创建本地站点 134
8.3.2管理本地站点 135
8.4插入和设置文本属性 136
8.4.1插入普通文本 136
8.4.2设置文本属性 137
8.5创建各种类型的超级链接 140
8.5.1创建下载文件的超级链接 140
8.5.2创建电子邮件超级链接 141
8.5.3创建图像热区链接 142
8.5.4创建锚点链接 144
8.6插入文件头部内容 145
8.6.1插入META信息 145
8.6.2设置基础 145
8.6.3插入关键字 146
8.6.4插入说明文字 146
8.6.5设置刷新 147
8.7课堂练习 147
课堂练习1——创建本地站点 147
课堂练习2——创建基本文本网页 148
8.8高手支招 149
8.9课后习题 151
8.9.1选择题 151
8.9.2填空题 152
8.9.3操作题 152
第9课 使用图像和多媒体创建丰富多彩的网页 154
9.1在网页中插入图像 155
9.1.1插入图像 155
9.1.2设置图像属性 156
9.2在Dreamweaver中编辑图像 158
9.2.1裁剪图像 158
9.2.2调整图像的亮度和对比度 160
9.2.3锐化图像 161
9.3插入其他网页图像 162
9.3.1插入图像占位符 162
9.3.2插入鼠标经过图像 163
9.4插入丰富多彩的媒体 165
9.4.1插入Flash动画 165
9.4.2插入Flash按钮对象 166
9.4.3插入Flash文本对象 168
9.4.4插入JavaApplet 169
9.4.5添加背景音乐 170
9.5课堂练习 172
课堂练习1——创建图文混排网页 172
课堂练习2——创建翻书图像效果 174
9.6高手支招 175
9.7课后习题 177
9.7.1选择题 177
9.7.2填空题 177
9.7.3操作题 177
第10课 使用表格排版布局网页 178
10.1在网页中插入表格 179
10.1.1插入表格 179
10.1.2设置表格属性 180
10.2选择表格元素 181
10.2.1选择表格 181
10.2.2选择行或列 182
10.2.3选择单元格 182
10.3表格的基本操作 183
10.3.1添加或删除行或列 183
10.3.2拆分单元格 184
10.3.3合并单元格 184
10.4排序及整理表格内容 185
10.4.1导入表格式数据 185
10.4.2排序表格 186
10.5课堂练习 188
课堂练习1——制作细线表格 188
课堂练习2——制作圆角表格 189
课堂练习3——利用表格布局网页 191
10.6高手支招 196
10.7课后习题 197
10.7.1选择题 197
10.7.2填空题 197
10.7.3操作题 198
第11课 使用APDiv和框架布局网页 199
11.1使用APDiv 200
11.1.1关于“AP元素”面板 200
11.1.2插入APDiv 200
11.1.3选择APDiv 202
11.1.4调整APDiv的大小 204
11.2Spry布局的使用 205
11.2.1Spry菜单栏 205
11.2.2Spry选项卡式面板 206
11.2.3使用Spry折叠式 206
11.3创建框架网页 207
11.3.1创建框架集 207
11.3.2保存框架和框架集文件 208
11.3.3在顶部框架中添加内容 209
11.3.4在底部框架中添加内容 210
11.4课堂练习 212
课堂练习1——创建网页下拉菜单 212
课堂练习2——创建浮动框架网页 214
11.5高手支招 216
11.6课后习题 217
11.6.1选择题 217
11.6.2填空题 218
11.6.3操作题 218
第12课 使用模板和库批量制作网页 219
12.1创建模板 220
12.1.1新建模板 220
12.1.2从现有文档创建模板 221
12.2创建可编辑区域 222
12.2.1插入可编辑区域 222
12.2.2删除可编辑区域 223
12.3应用模板创建网页 223
12.4创建与应用库项目 227
12.4.1创建库项目 227
12.4.2应用库项目 229
12.5课堂练习 230
课堂练习1——创建模板 230
课堂练习2——利用模板创建网页 235
12.6高手支招 236
12.7课后习题 237
12.7.1选择题 237
12.7.2填空题 238
12.7.3操作题 238
第13课 利用行为和脚本制作动感特效网页 239
13.1行为概述 240
13.1.1认识事件 240
13.1.2动作类型 241
13.1.3行为的添加 242
13.2使用Dreamweaver的内置行为 242
13.2.1播放声音 243
13.2.2设置状态栏文本 244
13.2.3转到URL 245
13.2.4打开浏览器窗口 247
13.2.5弹出信息 249
13.2.6跳转菜单 251
13.2.7创建导航栏图像 253
13.2.8调用JavaScript 256
13.2.9检查表单 257
13.3利用JavaScript脚本制作特效网页 258
13.3.1制作滚动公告网页 259
13.3.2图像淡出淡隐效果 260
13.3.3禁止下载网页图像 261
13.4高手支招 263
13.5课后习题 264
13.5.1选择题 264
13.5.2填空题 264
13.5.3操作题 264
第14课 使用CSS样式美化和布局网页 266
14.1CSS简介 267
14.2CSS的使用 268
14.2.1CSS的基本语法 268
14.2.2添加CSS的方法 268
14.3CSS样式表的创建 269
14.3.1建立标签样式 270
14.3.2建立类样式 271
14.3.3建立自定义高级样式 271
14.4设置CSS的属性 271
14.4.1设置文本属性 272
14.4.2设置背景属性 273
14.4.3设置段落属性 273
14.4.4设置边距与填充属性 274
14.4.5设置边框属性 275
14.4.6设置定位属性 276
14.4.7设置列表属性 277
14.4.8设置滤镜属性 277
14.5在Dreamweaver中使用CSS样式表 278
14.5.1创建嵌入式CSS 278
14.5.2链接外部现有CSS样式文件 280
14.6课堂练习 281
课堂练习1——利用CSS控制字体大小和行距 281
课堂练习2——利用CSS给文字添加边框 283
课堂练习3——应用CSS样式制作阴影图像 284
14.7高手支招 285
14.8课后习题 288
14.8.1选择题 288
14.8.2填空题 288
14.8.3操作题 288
第15课 设计动态交互式网页 290
15.1插入表单对象 291
15.1.1插入表单域 291
15.1.2插入文本域 292
15.1.3插入复选框和单选按钮 293
15.1.4插入列表和菜单 294
15.1.5插入文件域和图像域 294
15.2搭建动态网页服务器平台 296
15.2.1IIS的安装 296
15.2.2设置IIS服务器 297
15.3编辑数据表记录 300
15.3.1查询并显示记录 300
15.3.2插入记录 301
15.3.3更新记录 302
15.3.4删除记录 303
15.4添加服务器行为 303
15.4.1插入重复区域 304
15.4.2插入显示区域 304
15.4.3记录集分页 305
15.4.4转到详细页面 305
15.4.5转到相关页面 306
15.4.6用户身份验证 307
15.5课堂练习——制作新闻发布系统 309
15.5.1主要功能页面 309
15.5.2设计数据库 312
15.5.3创建数据库连接 312
15.5.4后台登录页面 313
15.5.5新闻管理总页面 316
15.5.6修改新闻页面 319
15.5.7删除新闻页面 320
15.5.8添加新闻页面 322
15.5.9新闻列表页面 324
15.5.10新闻详细内容页面 327
15.6高手支招 328
15.7课后习题 330
15.7.1选择题 330
15.7.2填空题 330
15.7.3操作题 330
第16课 网站的发布维护与推广 331
16.1站点的测试 332
16.1.1检查断掉的链接 332
16.1.2检查外部链接 332
16.1.3检查孤立文件 333
16.2利用Dreamweaver上传网页 333
16.3网站维护 334
16.4网页维护 335
16.5网站的宣传与推广 336
16.5.1注册到搜索引擎 336
16.5.2导航网站登录 336
16.5.3友情链接 337
16.5.4网络广告 337
16.5.5邮件群发 337
16.5.6发布信息推广 338
16.5.7传统媒体广告 338
16.6课后习题 339
16.6.1选择题 339
16.6.2填空题 339
第17课 网站建设基础 340
17.1网站建设规范 341
17.1.1组建开发团队规范 341
17.1.2开发工具规范 341
17.1.3超链接规范 342
17.1.4文件夹和文件命名规范 342
17.1.5代码设计规范 343
17.2网站建设的基本流程 343
17.2.1网站整体规划 344
17.2.2确定目标浏览者 344
17.2.3确定站点风格 345
17.2.4收集资源 345
17.2.5设计网页图像 346
17.2.6制作网页 347
17.2.7开发动态网站模块 347
17.2.8申请域名和空间 349
17.2.9测试与发布上传 349
17.2.10网站的推广 350
17.3课后习题 350
17.3.1选择题 350
17.3.2填空题 350
第18课 企业网站建设综合实例 351
18.1企业网站设计特点 352
18.1.1功能规划 352
18.1.2创意分析 354
18.1.3色彩搭配 354
18.2设计网站首页 355
18.2.1首页的设计 355
18.2.2切割首页 359
18.3创建本地站点 360
18.4设计二级模板页面 362
18.4.1创建库文件 362
18.4.2创建模板 363
18.4.3利用模板创建二级页面 368
18.5高手支招 370
18.6课后习题 371
18.6.1填空题 371
18.6.2操作题 371