目 录
第1章 网页制作基础 1
任务1 认识网页基础知识 1
知识点：网页的基础知识 1
任务2 认识网页制作工具 5
知识点：网页编辑工具及图像、动画制作工具 5
任务3 认识网站开发流程 6
知识点：网站开发流程 6
上机操作1 9
理论习题1 9
第2章 HTML标记语言 10
任务1 HTML基础 10
知识点：HTML的基本概念及其基本结构 10
任务2 HTML标记详解 12
知识点：HTML的各类标记 13
【案例2-1】 标题文字标记<h> 14
【案例2-2】 文本文字标记 15
【案例2-3】 字型设置标记 16
【案例2-4】 段落标记 17
【案例2-5】 换行标记<br> 18
【案例2-6】 超链接标记<a> 19
【案例2-7】 设置背景图像标记 20
【案例2-8】 网页中插入古装美女图像 21
【案例2-9】 无序列表 22
【案例2-10】 有序列表 24
【案例2-11】 菜单列表标记 25
【案例2-12】 表格标记<table> 26
【案例2-13】 表单标记 28
【案例2-14】 插入多媒体对象标记 30
【综合案例2-1】 用HTML编写如图2-17所示的“兰菊”网页 31
【综合实训2-1】 用HTML编写如图2-18所示的“竹春图”网页 33
上机操作2 34
理论习题2 34
第3章 Dreamweaver CS6与创建管理网站 36
任务1 了解Dreamweaver CS6的安装 36
知识点：Dreamweaver CS6安装、启动与退出 36
任务2 认识工作窗口、文档窗口和面板 37
知识点：介绍工作窗口、文档窗口和面板 37
任务3 创建并管理网站 40
知识点：创建站点 40
【案例3-1】 创建如图3-6所示的“宝宝开心园”站点 42
任务4 设置网页基本标记与制作网页 42
知识点：设置网页基本标记与制作网页 42
【案例3-2】 制作如图3-11所示的“宝宝开心园”主页 47
【综合实训3-1】 创建如图3-21和图3-22所示的公司主页及分页 52
任务5 网站上传 53
知识点：注册域名、申请网页空间和网站上传 53
上机操作3 55
理论习题3 56
第4章 网页编辑与超链接 57
任务1 网页中文本的设置 57
知识点：输入文本和设置文本属性 57
【案例4-1】 创建如图4-8所示的“公司简介”网页 62
任务2 插入图像并设置图像属性 63
知识点：在网页中插入图像并设置图像属性 63
【案例4-2】 制作如图4-11所示的“水果王”网页 67
任务3 制作图像效果和插入Flash电影 69
知识点：滚盖图、图像映射和Flash动画的插入 69
【案例4-3】 创建如图4-17所示的“万绿之山”网页 72
任务4 设置超链接 74
知识点：超链接的设置 74
【案例4-4】 创建如图4-20所示的“玫瑰世界”网页 77
【综合实训4-1】 创建如图4-25所示的“万绿湖”网页 81
上机操作4 83
理论习题4 83
第5章 网页布局 84
任务1 在网页中插入表格 84
知识点：插入表格 84
【案例5-1】 在网页中建立如图5-2所示的学生成绩表 85
任务2 在网页中编辑表格 86
知识点：表格的编辑 86
【案例5-2】 将图5-2所示的学生成绩表修改成如图5-3所示的形式 88
任务3 表格属性的设置 89
知识点：设置表格属性 89
【案例5-3】 将图5-3所示的学生成绩表修饰成如图5-7所示的格式 90
任务4 创建嵌套表格 91
知识点：嵌套表格 91
【案例5-4】 利用嵌套表格将图5-7所示的表修改成如图5-8所示的效果 91
任务5 表格的综合应用 93
知识点：表格的综合应用 93
【案例5-5】 利用表格设计如图5-9所示的个人主页 94
【实训5-1】 利用表格设计如图5-11所示的个人信息网页 97
任务6 在网页中插入层 98
知识点：插入层 98
【案例5-6】 插入如图5-12所示的图层 99
任务7 层的基本操作和层的属性设置 99
知识点：层的基本操作和设置层的属性 99
【案例5-7】 绘制层及设置层属性（如图5-16所示） 101
任务8 表格与层的转换 103
知识点：表格和层的转换 103
【案例5-8】 表格与层相互转换的应用实例 104
【实训5-2】 利用层及嵌套层创建“一帆风顺”网页 105
任务9 创建框架网页 106
知识点：创建框架、框架和框架集的保存 106
【案例5-9】 创建如图5-24所示的框架网页 109
任务10 框架与框架集的属性设置及链接的设置 110
知识点：设置框架与框架集的属性及设置链接 110
【案例5-10】 将如图5-27所示的框架网页修改成如图5-30所示的框架网页 112
【综合实训5-1】 利用框架创建如图5-32所示的“时尚商城”网站 113
上机操作5 114
理论习题5 115
第6章 模板与CSS样式 116
任务1 创建模板 116
知识点：创建模板和插入模板可编辑区域 116
【案例6-1】 将现有HTML文档另存为模板并插入可编辑区域 118
任务2 应用模板 120
知识点：基于模板的网页及网页和模板的分离 120
【案例6-2】 创建基于模板的网页 120
【案例6-3】 应用模板到网页 122
任务3 编辑模板 124
知识点：编辑模板及删除模板 124
【案例6-4】 修改模板文件chap6t-1.dwt中的导航 125
【实训6-1】 创建“星湖旅游”网站模板和创建基于模板网页 125
任务4 创建、应用与编辑CSS样式 127
知识点：CSS相关知识 127
【案例6-5】 创建和应用嵌入式CSS样式 134
任务5 创建和链接外部CSS样式表 135
知识点：创建与链接外部CSS样式表 135
【案例6-6】 创建并链接外部CSS样式表 136
任务6 用列表+CSS制作导航栏 138
知识点：无序列表、方框、边框和浮动 138
【案例6-7】 制作纵向导航栏 138
【案例6-8】 制作横向航栏 139
任务7 使用DIV+CSS布局网页 140
知识点：DIV+CSS布局和SEO 140
【案例6-9】 使用DIV+CSS布局网页 141
【综合实训6-1】 创建应用CSS样式的模板网站 145
上机操作6 147
理论习题6 148
第7章 创建动态网页 149
任务1 行为的概念 149
知识点：行为的概念简介 150
任务2 附加、编辑行为 152
知识点：附加、编辑行为 152
【案例7-1】 为网页设置打开与关闭浏览器窗口时的弹出信息 152
【案例7-2】 利用行为制作“交换图像” 153
【案例7-3】 为图像附加鼠标单击时打开浏览器窗口行为 154
【案例7-4】 使用“改变属性”行为改变的背景图像 155
【案例7-5】 使用“效果”行为制作图像放大缩小效果 156
【案例7-6】 用“显示-隐藏元素”制作可隐藏的图片说明 158
任务3 使用Spry框架创建动态网页 159
知识点：Spry框架及其组件 159
【案例7-7】 制作Spry下拉菜单 159
【实训7-1】 制作Spry下拉菜单，并为菜单项添加效果行为 161
任务4 使用JavaScript代码创建动态网页 162
知识点：在网页中使用JavaScript代码 162
【案例7-8】 制作图片连续滚动效果网页 162
【案例7-9】 制作图片循环切换效果网页 163
任务5 使用表单制作交互页面 164
知识点：表单、表单元素 164
【案例7-10】 在网页中插入一个用户登录表单 167
【案例7-11】 创建用户注册表单网页 168
任务6 表单的验证 170
知识点：表单验证的意义和方法 170
【案例7-12】 用“检查表单”行为验证表单数据的合法性 170
【案例7-13】 用Spry组件验证表单数据 172
【综合实训7-1】 创建如图7-49所示的“爱车一族”用户注册表单 174
上机操作7 176
理论习题7 178
第8章 Flash CS6让网页动起来 179
任务1 Flash动画原理 179
知识点：Flash CS6动画原理、功能和应用 179
任务2 Flash基础 181
知识点：认识Flash CS6工作窗口 181
任务3 制作网页按钮动画 185
知识点：创建元件和转换为元件 185
【案例8-1】 创建动感“网页”按钮 187
任务4 在网页中制作逐帧动画 190
知识点：帧、关键帧和逐帧动画 190
【案例8-2】 逐帧动画——写字效果 190
【案例8-3】 文字逐渐变色的效果 193
任务5 制作补间动画 195
知识点：补间动画 195
【案例8-4】 星光熠熠耀群楼 195
【案例8-5】 蝴蝶飞啊飞 198
任务6 创建遮罩动画 203
知识点：遮罩动画 203
【案例8-6】 动中通 203
【案例8-7】 广告片头 205
任务7 创建交互动画 208
知识点：交互动画 208
【案例8-8】 鼠标悬停 209
【案例8-9】 超动感按钮 213
任务8 声音 220
知识点：为动画添加声音 221
【案例8-10】 MTV制作 223
任务9 Flash影片的发布 231
知识点：测试与发布Flash影片 232
【实训8-1】 制作一个遮罩动画 237
【实训8-2】 鼠标悬停动画 238
【实训8-3】 制作逐帧动画——打字效果 240
上机操作8 241
理论习题8 242
参考文献 243
附录A 《网页设计》课程上机考试试卷A 244
附录B 《网页设计》课程上机考试试卷B 248
IV
V
