第1章 网页设计与制作综述 1
1.1 学习任务:认识网页 1
1.1.1 什么是网页 1
1.1.2 网页类型 2
1.2 学习任务:认识网站 3
1.2.1 什么是网站 3
1.2.2 网址与域名 4
1.2.3 网页的基本构成元素 4
1.2.4 网页制作常用软件和技术 6
1.3 学习任务:网站建设基本流程 8
1.3.1 网站的需求分析 8
1.3.2 规划网站结构 8
1.3.3 收集素材 9
1.3.4 设计与制作网站 10
1.3.5 网站的发布 11
1.4 学习任务:HTML语言基础知识 12
1.4.1 HTML简介 13
1.4.2 常用文本标签 16
1.4.3 列表标签 18
1.4.4 超链接标签 20
1.4.5 图像标签 21
1.4.6 表格标签 22
1.4.7 表单标签 23
1.4.8 框架标签 27
1.4.9 其他标签 29
1.5 实训 30
1.5.1 实训一 制作滚动图片链接 30
1.5.2 实训二 应用文本标签排版文本 32
1.5.3 实训三 列表标签的使用 33
1.6 习题 34
第2章 网页版式设计与色彩搭配 36
2.1 案例分析:不同风格网页作品欣赏与解析 36
2.2 学习任务:网页版式设计 38
2.2.1 版式设计概述 39
2.2.2 网页版式的尺寸和构成要素 39
2.2.3 网页版式设计原则 40
2.2.4 网页的版式设计风格 40
2.3 学习任务:色彩的基本理论及其视觉效果 42
2.3.1 色彩的基本理论 42
2.3.2 色彩的视觉效果 43
2.4 学习任务:网页中的色彩及配色 45
2.4.1 网页色彩 45
2.4.2 网页配色原理 45
2.4.3 网页配色技巧 46
2.5 实训——浏览著名网站并归纳版式设计与色彩搭配技巧 47
2.6 习题 47
第3章 Dreamweaver CS3入门 49
3.1 学习任务:全面认识Dreamweaver CS3 49
3.1.1 Dreamweaver CS3的主要功能 49
3.1.2 Dreamweaver CS3的安装需求 51
3.2 学习任务:Dreamweaver CS3操作环境介绍 51
3.2.1 启动Dreamweaver CS3 52
3.2.2 Dreamweaver CS3工作界面介绍 53
3.3 案例1 创建并保存简单HTML文档 56
3.3.1 创建网页文档 57
3.3.2 设置页面属性 58
3.3.3 保存并浏览网页文档 59
3.4 学习任务:本地站点的规划与创建 60
3.4.1 站点的概念 60
3.4.2 规划站点 60
3.4.3 创建本地站点 61
3.4.4 管理站点 63
3.5 实训 65
3.5.1 实训一 熟悉Dreamweaver CS3操作环境 65
3.5.2 实训二 创建本地站点及简单个人网页 66
3.6 习题 66
第4章 网页文本和图像 68
4.1 案例1 制作文本网页 68
4.1.1 在新建文档中直接输入文本 68
4.1.2 复制添加其他文档中的文本 69
4.1.3 导入其他文档中的文本 70
4.1.4 设置文本属性 72
4.2 案例2 修饰文本网页 74
4.2.1 打开文档 74
4.2.2 设置项目符号或编号 75
4.2.3 插入特殊符号、水平线和日期 76
4.3 学习任务:文本标签 79
4.3.1 文本标签及源代码分析 79
4.3.2 在标签选择器中设置文本标签的属性 81
4.4 学习任务:网页图像与网页图像处理工具 82
4.4.1 网页中常见的图像格式 82
4.4.2 常用网页图像处理软件 82
4.5 案例3 制作图像网页 83
4.5.1 插入图像 84
4.5.2 设置图像属性 85
4.5.3 编辑图像 87
4.5.4 插入图像占位符 90
4.5.5 插入鼠标经过图像 91
4.6 案例4 制作图文混排网页 92
4.7 实训——制作卡片新机介绍网页 94
4.8 习题 95
第5章 网页超链接 97
5.1 案例1 为网页创建超链接 97
5.1.1 超链接概述 97
5.1.2 创建超链接 99
5.2 案例2 创建各类超链接 102
5.2.1 创建锚点链接 103
5.2.2 创建E-mail链接 104
5.2.3 创建空链接 104
5.2.4 创建脚本链接 105
5.3 案例3 创建图像地图 106
5.4 实训 108
5.4.1 实训一 制作“黄金十二宫”介绍网页 108
5.4.2 实训二 制作母亲节网页 109
5.5 习题 110
第6章 表格 111
6.1 案例1 使用表格制作学生成绩单 111
6.1.1 在页面中插入表格 111
6.1.2 设置表格属性 113
6.1.3 编辑表格 114
6.2 学习任务:表格标签 116
6.2.1 使用表格标签制作网页表格 116
6.2.2 在标签选择器中设置表格的属性 118
6.3 案例2 利用表格布局网页 119
6.3.1 使用表格进行网页布局 119
6.3.2 导入和导出表格数据 120
6.3.3 导入和导出表格式数据 122
6.3.4 排序表格 124
6.4 案例3 利用表格的布局模式实现复杂的页面布局 126
6.4.1 在表格布局模式下绘制表格或单元格 126
6.4.2 利用布局表格布局网页 127
6.5 实训 131
6.5.1 实训一 制作健康美食网 131
6.5.2 实训二 制作时尚礼品网 132
6.6 习题 133
第7章 框架 135
7.1 案例1 利用框架布局网页 135
7.1.1 认识框架与框架集 135
7.1.2 创建框架和框架集 136
7.1.3 保存框架和框架集 137
7.1.4 向框架中添加内容 139
7.2 案例2 制作复杂的框架网页 140
7.2.1 选择框架 141
7.2.2 拆分框架 142
7.2.3 设置框架和框架集属性 143
7.2.4 链接框架 146
7.3 学习任务:框架标签 147
7.4 案例3 创建浮动框架网页 149
7.5 实训——花园式楼盘网 152
7.6 习题 154
第8章 使用AP Div布局网页 155
8.1 学习任务:AP Div基础知识 155
8.1.1 AP Div概述 155
8.1.2 创建AP Div元素工具栏 156
8.1.3 AP Div元素的“属性”面板 156
8.1.4 AP元素面板 157
8.2 案例1 创建AP Div元素并在其中添加文字和图像 157
8.3 学习任务:AP Div与表格相互转换 160
8.3.1 将AP Div元素转换为表格 160
8.3.2 将表格转换为AP Div元素 161
8.4 案例2 使用Div制作网页下拉菜单 162
8.4.1 Div标签 163
8.4.2 使用Div制作下拉菜单 163
8.5 实训——利用AP Div布局网页 166
8.6 习题 168
第9章 CSS样式表 169
9.1 学习任务:认识CSS样式表 169
9.1.1 CSS的基本概念 169
9.1.2 CSS基本语法 170
9.1.3 CSS样式的引用 170
9.1.4 CSS样式面板 173
9.2 学习任务:CSS样式的创建与属性设置 173
9.2.1 创建CSS样式 173
9.2.2 设置CSS属性 174
9.2.3 通过CSS样式面板设置CSS属性 180
9.3 学习任务:应用CSS样式 182
9.3.1 链接和导入外部CSS样式 182
9.3.2 编辑和删除CSS样式 182
9.3.3 在文档中应用CSS样式 183
9.4 案例1 利用CSS样式美化网页 184
9.5 实训 187
9.5.1 应用CSS样式制作投影文字 187
9.5.2 使用CSS样式设计导航菜单 188
9.6 习题 190
第10章 使用行为制作网页特效 191
10.1 学习任务:认识行为 191
10.1.1 行为概述 191
10.1.2 行为面板 191
10.1.3 事件 192
10.1.4 Dreamweaver CS3的标准行为 194
10.2 案例1 制作网页加载时弹出公告页 195
10.3 案例2 利用JavaScript实现关闭网页 196
10.3.1 认识JavaScript 196
10.3.2 利用JavaScript实现关闭网页 198
10.4 案例3 使用行为设置图像特效 199
10.4.1 交换图像 199
10.4.2 设置导航栏图像 200
10.5 案例4 通过行为设置文本 203
10.5.1 设置状态栏文本 203
10.5.2 设置容器的文本 204
10.6 案例5 通过行为设置跳转菜单效果 207
10.7 案例6 制作网页拼图游戏 209
10.8 实训——使用“效果”行为设置图像增大/收缩特效 211
10.9 习题 212
第11章 使用表单 214
11.1 学习任务:表单和表单对象 214
11.1.1 表单 214
11.1.2 表单对象 216
11.2 案例1 制作留言簿 218
11.2.1 留言簿界面设计 218
11.2.2 创建文本域 219
11.2.3 创建按钮 220
11.3 案例2 会员注册 221
11.3.1 会员注册界面设计 222
11.3.2 创建单选按钮 223
11.3.3 创建复选框 224
11.3.4 创建列表/菜单 225
11.4 案例3 HTML的表单标签 227
11.5 案例4 在网页中使用Spry布局对象 230
11.5.1 插入Spry菜单栏 230
11.5.2 插入Spry选项卡式面板 232
11.5.3 插入Spry折叠式控件 233
11.5.4 插入Spry可折叠面板控件 235
11.6 实训 236
11.6.1 实训一 网上报名表单 236
11.6.2 实训二 客户调查表单 237
11.6.3 实训三 制作QQ聊天室 237
11.7 习题 238
第12章 制作多媒体网页 240
12.1 案例1 创建时间轴动画 240
12.1.1 时间轴及“时间轴”面板 240
12.1.2 使用时间轴创建动画 242
12.2 案例2 创建图像动画 244
12.2.1 编辑时间轴 245
12.2.2 创建图像动画 245
12.3 案例3 在网页中插入Flash对象 247
12.3.1 插入Flash动画 247
12.3.2 添加Flash按钮 249
12.3.3 插入Flash文本 250
12.4 案例4 插入音频 252
12.4.1 音频文件格式 252
12.4.2 在网页中嵌入音频 253
12.4.3 为网页添加背景音乐 254
12.5 案例5 插入视频 255
12.5.1 视频文件格式 256
12.5.2 插入视频 257
12.6 学习任务:插入其他多媒体对象 258
12.6.1 插入Shockwave影片 259
12.6.2 插入Applet 259
12.6.3 插入ActiveX控件 260
12.7 实训 261
12.7.1 实训一 为宝贝相册网页添加背景音乐 262
12.7.2 实训二 制作网页导航菜单 262
12.7.3 实训三 制作美食展示网 263
12.8 习题 264
第13章 模板和库 265
13.1 案例1 创建基于模板的网页 265
13.1.1 模板概述 266
13.1.2 创建模板 267
13.1.3 定义模板的可编辑区域 269
13.1.4 创建基于模板的网页 271
13.1.5 管理模板 272
13.2 案例2 使用库更新网页 274
13.2.1 库概述 274
13.2.2 创建库项目 275
13.2.3 设置库属性 276
13.2.4 在网页中应用库项目 276
13.2.5 更新库文件 277
13.3 实训 278
13.3.1 实训一 使用模板制作网页 278
13.3.2 实训二 向网页中添加库项目 278
13.4 习题 279
第14章 Dreamweaver与ASP协同工作 281
14.1 学习任务:动态网页及实现技术 281
14.1.1 认识动态网页 281
14.1.2 常见的动态网页实现技术 283
14.2 学习任务:搭建动态网页平台 284
14.2.1 安装IIS 285
14.2.2 配置IIS 285
14.3 学习任务:ASP基础 287
14.3.1 ASP文件的组成 287
14.3.2 ASP的内置对象 288
14.4 案例1 在Dreamweaver中制作简单ASP动态网页 289
14.4.1 创建虚拟目录 289
14.4.2 创建动态网页文档 291
14.4.3 浏览动态网页 293
14.5 实训——制作注册确认网页 296
14.6 习题 298
第15章 测试、发布、管理和维护站点 299
15.1 学习任务:测试站点 299
15.1.1 测试浏览器的兼容性 299
15.1.2 测试链接 301
15.1.3 使用报告测试站点 302
15.1.4 辅助功能测试 302
15.2 学习任务:注册域名、申请空间及发布站点 303
15.2.1 注册域名 303
15.2.2 申请空间 304
15.2.3 发布站点 306
15.3 学习任务:网站的宣传 307
15.3.1 提交搜索引擎 307
15.3.2 友情链接 308
15.3.3 网络广告 309
15.3.4 邮件广告 310
15.3.5 使用留言板、博客 310
15.4 实训——注册免费域名空间并提交搜索引擎 310
15.5 习题 310
第16章 综合应用实例 312
16.1 网站建设的前期准备工作 312
16.1.1 网站整体需求分析 312
16.1.2 确定网站风格 312
16.1.3 网站板块划分 313
16.1.4 网站素材搜集 313
16.2 创建站点 313
16.3 网站主页制作 315
16.3.1 使用AP Div布局页面 315
16.3.2 设置页面属性 320
16.3.3 插入图片 321
16.3.4 添加导航条 322
16.3.5 输入文本 323
16.4 子页面的制作 326
附录A index.css参考代码 328