八年级下册信息技术教案
课 题 第一课 新手入门—网站欣赏与创建网页 第一周
教学目标 1、【知识与技能：】
（1)、通过操作练习，掌握互联网、网页与首页、网站等网页设计与网站制作的基
本知识；
(2)、通过操作练习，会使用记事本作为网页编辑工具来编辑 HTML 代码并生成
网页；
(3)、掌握浏览网页的方法并理解网页编辑工具与浏览工具之间的关系。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听其他同学的发言，体验合作学习的过程和方法；
3、【情感态度与价值观：】
（1）联系生活实际，学习制作网站的基本知识，激发学生的学习兴趣。
（2）学生在协作与交流过程中，提高自己的操作能力，肯定自己的价值。
教学重、难点 重点：网页设计与网站制作的基本知识是本课的教学重点。；
难点：使用记事本作为网页编辑工具来编辑 HTML 代码并生成网页技巧是本课的难
点。
教 学 时 数 一课时
教法及教具 教法：任务驱动。 教具：多媒体
主教案 副教案
（一）激趣导入：
教师展示新浪、搜狐等门户网站首页，引导学生根据经验感受作出建构
自己的问题情景，如：什么样的网页才是好看的？怎样设计才算有特色？
教师适时提出：这样的网页我们也能制作，你们想不想制作一个属于自己
个性网页？那好，我们立刻行动。从而引出课题，把任务的重点和要求，
以及需要注意的地方告诉学生，使学生明白本节课要完成的内容，有目的，
有重点的进行学习。
（二）自主学习：本环节以任务驱动式展开分层教学。
任务一：网站欣赏
以小组为单位，打开 IE 浏览器，浏览网页并收藏好就最喜欢的一个网页。
由我来通过屏幕广播方式演示示范操作过程，让学生们观看我操作过程和
方法？给学生 5 分钟，在学生自己在计算机上完成任务后，教师对操作过
程中的问题加以强调、说明，同时肯定学生的操作能力。
任务二：网页设计与网站制作的基本知识
在这一环节里我设计让学生通过自己的理解，同桌交流以及我及时必要的
补充，完成书中设定的任务：了解互联网、网页与首页、网站等知识。
任务三：我的第一个网页是这样成功的。 关于 HTML 语言认识，给学生 2 分钟时间，阅读教材中“视野拓展”中
的内容。
由教师示范：打开网页素材，在记事本里复制并粘贴素材文件中提供的
HTML 代码，命名并保存文件，然后在浏览器中进行预览。鼓励有余力
的同学通过“视野拓展”板块进行自学，并能独立完成“创作天地”中的
练习。
（三）合作交流：
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在这时
里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以我设计
以小组为单位，在学习了以上内容的基础上，完成本组的一件个性作品。
（四）展示评价：在这个环节里，教师通过多媒体屏幕，每组挑选出比较
成功的作品，然后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组
作品，互相看一看，评一评，说一说，虚心的学习他人的长处。同时教师
适当评价成功之处，对不足的地方加以完善。
在最后，我大约用 5 分钟的时间进行小结和作业布置。协作完成“创
作天地”的练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学实
践过程中对学生操作效果的表现性评价；二是在小组协作学习过程中学生
间的互评过程；三是完成本节课的学习任务后，学生根据教学目标完成自
我评价。
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第二课 轻松上路—规划网站及创建站点 第二周
教学目标 1、【知识与技能：】
（1)、通过学习，了解站点的开发流程，能够设计简单的站点；
(2)、通过学习能够熟悉 Dreamweaver cs5 的界面认识和操作；
(3)、通过学习，学会利用学会利用 Dreamweaver cs5 创建站点。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听其他同学的发言，体验合作学习的过程和方法，提升学习能
力；
（3）、能有效的利用课堂时间，积极融入合作、交流、探索的学习过程。
3、【情感态度与价值观：】
（1）、在探究过程中激发学生学习开发网站的兴趣；
（2）学生在协作与交流过程中，提高自己的操作能力，肯定自己的价值。
教学重、难点 重点：了解网站制作的基本知识，并制作一个简单的网页；
难点：理解网站的开发流程和认识 Dreamweaver cs5
教 学 时 数 一课时
教法及教具 教法：讲解法、练习法。 教具：多媒体网络教室
主教案 副教案
一、课程导入
开发一个网站是一个相当来说比较繁杂的过程，对于一个网站而言，要
有一个总的战略规划和目标。在做一个网站前，要有一个全盘的考虑。
我们知道一个房子一旦地基没有打好，是要拔了重新盖，我们做网站也
是一样，如果你前期规划做的不好，后面的工作就意味着白辛苦。这节
课我们以“安全自护我能行”为主题来进行网站规划和创建站点。
二、新课讲授
1.了解网站开发流程
（1）网站需求分析
一个网站在设计前，就应该考虑网站规模多大，就是多少个页面，每个
页面的大体内容是什么，要用到那些素材，有那些导航，做较大一点的
网站尤为如此。还要考虑以后会有什么改动，还要增加那些网页，尽量
让以后的改动尽可能的小。网站的需求分析所用的时间应该占到总开发
时间的一半以上。
①确定网站主题
写作文要围绕中心思想去写，做网站要围绕主题去做。个人主页、休闲、
体育、教育、新闻、娱乐、购物、健康等等，不管那类网站，都不能脱
离自己的主题，必须表现个性，表现出特色才能给人留下深刻印象，让
人流连忘返。
②收集素材
我们在这所说的素材就是你的网页上要用的各种素材，主要包括：文字、图片、动画、音频、视频等。在网站主题明确后，就应该把素材准备好，
当然是越充分越好。不要等到用的时候到处去找，那就影响效率了。
③规划站点
站点规划是需求分析中最重要的一个环节，包含很多方面的内容。我们
上节课看了一些别人做的网站，相信大家都多多少少了解一些：栏目设
置、颜色搭配、图文的应用等等。只有把这些内容都考虑全面了，制作
的时候你的速度就快。否则就等着不停的返工吧。
（2）设计制作网站页面
页面制作要先大后小，先粗后精。就是先要把每个页面要放什么内容，
按什么结构先做一个大概，所有页面的大概都做完后，再去完善和细化。
（3）网站的发布
需要域名和网页文件的存放空间。
2.利用 Dreamweaver8 创建站点
（1）启动 Dreamweaver8
简单的进行界面介绍
（2）创建站点
步骤参见书上第 12 页
3.做一个简单的网页
要求图文并茂
三、学生练习
学生小组合作完成任务，并将任务上交到教师机。
四、作品评价
对于较快完成任务并且完成任务较好的同学进行表扬鼓励。
五、本课小结
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第三课 开篇之作——基于表格的页面布局 第三周
教学目标 1、【知识与技能：】
（1)、通过学习，能够创建和打开站点，理解站点的意义；
(2)、通过操作练习，学会有效的整理和利用素材；
(3)、通过操作练习，能够创建网页和合理的选择页面类型；
(4)、通过操作练习，掌握对表格属性的相关设置；
(5)、学会测试网页。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听同组同学及其他的发言，体验合作学习的过程和方法；
（3）、能在学习中，体会网页布局是网页设计的重点之一。
3、【情感态度与价值观：】
（1）通过学习，对比感知自己和好的网页设计者之间的差距，从而激发学习动力；
（2）通过本课学习展示自己作品及学生和教师的点评，体验成功的感觉，肯定自
己的价值。
教学重、难点 重点：能够对表格属性进行熟练的设置。
难点：使能够对表格属性进行熟练的设置。
教 学 时 数 一课时
教法及教具 教法：讲解，学生练习。 教具：多媒体网络教室
主教案 副教案
一、课程导入
一个网站的规划设计完毕了，接下来的工作就是网页设计。我们知道一个
网站的首页就像一本书的目录一样，我们做网站也一样，要先把首页确定
下来。我看了我们上一周做的网页，有些同学想发挥点创意，但发现页面
布局很乱，图片文字乱七八糟堆放在一起。这节课我们就来学学怎样对页
面布局进行控制。在这之前我们先来看看别人的首页是怎么做的。（查看
事先准备好的示例网页，分析表格在该页的作用）
二、新课讲授
（一）复习创建站点的步骤。
1.在 D 盘新建一个文件夹，作为站点文件夹。
2.打开 Dreamweaver8,单击“站点”菜单下的 “新建站点”命令。
3.新建站点（步骤略，参加课本 p12）。
（二）创建网站首页
1．整理素材
（1）右击“文件”面板中站点名“站点-安全自护我能行 D:\safe”，在弹
出的快捷菜单中执行“新建文件夹”命令，然后将文件夹命名为 images。
（2）将首页素材图片 index.gif，复制粘贴到 images 文件夹中。
（3）在 safe 文件夹下新建一文件夹 other，将 flash 动画素材整理到
other 文件夹中。2.创建并保存首页
（1）单击 “文件”->“新建”命令，选择“常规”，在“基本页”列表
框中选择 HTML 选项，单击 “创建”按钮，即建立了一个空白页。
（2）执行“文件”-> “保存”命令，保存名 index.html,默认保存路径
是站点的跟目录。注意保存类型选择“html 文档”。
（三）对首页进行初步布局
1.为页面添加背景颜色
（1）单击文档窗口，使插入点在编辑区内闪烁，然后单击“属性”栏的
“页面属性”按钮。
（2）找到 “背景颜色”选项，输入浅黄色的颜色数值#FFFF94，单击
“确定”按钮，背景色设置完成。
2.设置网页标题并预览网页效果。
3.使用表格初步布局网页。
（1）在文档窗口中单击，在页面左上角放置插入点。
（2）执行“插入”->“表格”命令。
（3）在弹出的“表格”对话框中设置一个 2 行 1 列的表格，宽度 600 像
素。
（4）单击“标签选择器”中的标签，选中此表格，在属性栏中完
成表格的相关设置。具体参数如下：行数：2，列数：1，高度：600 像素，
宽度 600 像素，对齐：居中对齐，背景图片：index.gif。
4.测试网页。
三、学生练习
鼓励学生大胆尝试和创新，利用所学的内容，进行创意性发挥。
学生小组合作完成制作一个首页的任务，并将任务上交到教师机。
四、作品评价
调几个优秀作业进行课堂点评，激发学生兴趣。
五、本课小结
1.站点目录结构要清晰，方便管理，素材要按类型分别存放。
2.文档工具栏的使用。
3.使用表格设计网页布局，可以使网页看上去更加整齐。
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第四课 星光闪烁——用 Flash 动画完善首页 第四周
教学目标 1、【知识与技能：】
（1）、学会表格的调整；
（2）、能在网页中插入 Flash，并对相关属性进行设置；
（3）、能在网页中插入文本，并对文字格式进行设置。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、通过探究学习体验知识的学习是在不断加深的过程；
（3）、通过插入 FLAH 动画练习，认识到知识之间是可以相互利用的过程。
3、【情感态度与价值观：】
（1）通过插入动画，使网页较之前更加丰富，激发学生的兴趣；
（2）通过本课的学习完成任务，体验成功，肯定自己的能力。
教学重、难点 重点：能够对表格属性进行熟练的设置。
难点：使能够对表格属性进行熟练的设置。
教 学 时 数 一课时
教法及教具 教法：讲解，学生练习。 教具：多媒体网络教室
主教案 副教案
一、课程导入
对于一个网页，信息的表达是多种多样的，我们可以使用文字、图片等，
我们也可以为网页添加动画、音频、视频等，为了让我们的网站看起来
有动感，吸引别人的眼球，我们应该学会在网页中使用 Flash。这节课我
们就来一块学学怎么在网页中使用 Flash。
二、新课讲授
1.新建站点
（1）将“安全自护我能行”站点文件夹传到学生机。
（2）新建站点。
2.调整表格
1) 选择对象
表格、行、列、单元格属性的设置是以选择这些对象为前提的。
a) 选择表格：“标签选择器”中单击标签；“表格”菜单
下的“选择表格”命令。
b) 选择某一单元格：按住 Ctrl 键，同时单击选中的单元格；“标
签选择器”中单击标签。
c) 选择某一行或某一列：将光标移动到行左侧或列上方，当鼠标
指针变为向右或向下的箭头图标时，单击即可。
2) 设置第一行的属性
选中表格的第一行，将高度设为 420。和 flash 的高度一致。
3.插入 flash 动画
1) 将光标定位在表格第一行中，执行“插入”——》“媒体”——》Flash 命令。
2) 在弹出的对话框中选择 other 文件夹下的 index.swf，单击确定。
3) 观察插入 flash 的状态，在编辑视图下，flash 不可见。
4) 单击选中 flash 文档，在属性面板设置相关属性：循环、自动播
放。预览观察效果。
5) 设置 Flash 参数，如 P23 页，图 4.6 所示。
4.在网页中插入文本
1) 插入普通文本：光标定位在单元格内，直接输入文字。
2) 插入特殊字符：“插入”——》“HTML”——》“特殊网页”。
3) 设置文本属性：根据情况选择合适的格式或文字大小、颜色、
对齐方式等。
三、学生练习
学生小组合作完成任务，并将任务上交到教师机。
四、作品评价
对于较快完成任务并且完成任务较好的同学进行表扬鼓励。
五、本课小结
1.熟练对表格的操作，能选择表格的行、列、单元格等。
2.在网页中插入 flash 可以很好的表现动感。设置 flash 的相关属性。
3.在网页中插入文本，并设置文本的属性。
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第五课 统一风格——制作框架网页 第五周
教学目标 1、【知识与技能：】
（1）、掌握表格的拆分与合并。
（2）、学会创建框架、制作框架网页和保存框架网页。
（3）、能制作鼠标经过图像的动态效果。
（4）、学会制作超级链接和电子邮件链接。
（5）、掌握目标设置在网页制作过程中的作用和方法。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、通过探究学习体验框架对网页布局的重要性；
（3）、通过小组交流讨论理解框架，学习框架的制作过程。
3、【情感态度与价值观：】
（1）通过学习了解到网页布局工具的多样性，激发学生探究的兴趣；
（2）通过本课的学习完成任务，体验成功，肯定自己的能力。
教学重、难点 重点：创建框架和制作框架网页。
难点：保存框架和框架集及对框架的理解。
教 学 时 数 一课时
教法及教具 教法：讲解，学生练习。 教具：多媒体网络教室
主教案 副教案
一、课程导入
一个网站常常划分成多个区域，对于每个区域来说，其色彩搭配、网站
风格、网站标题、网站导航都是统一的。为了能做到这种统一，我们每
个网页中相同的内容固定在一个区域。我们通过创建框架制作框架网页，
可以轻松实现网页结构划分和布局。看一个使用了框架的网页范例，师
大资源网（http://source.xjnu.edu.cn）。使大家对框架有一个初步的了解
和感性认识。
二、新课讲授
1.新建站点
（1）将“安全自护我能行”站点文件夹 safe 传到学生机。
（2）新建站点。
2.创建框架和框架集
制作框架网页的前提是创建框架，并根据网页布局设计框架的样式，然
后再具体设计制作网页的内容。
（1）规划“框架”文件夹。
（2）新建框架集
步骤 1：执行“文件”——》“新建”命令，打开“新建文档”对话框，
在 “类别”中选择 “框架集”。
步骤 2：单击“创建”按钮，在弹出对话框中单击“确定”，框架创建完
成。（3）保存框架集
步骤 1：执行“文件”——》“保存全部”命令，保存到 frame 文件夹中。
步骤 2：重命名框架集文件和每个框架文件。
（4）设置框架和框架属性
框架的属性包括框架名称、源文件、边距、尺寸、滚动条等；框架集的
属性包括框架面积、框架边界颜色、距离等。
步骤 1：执行“窗口”——》“框架”命令，打开框架面板。
步骤 2：单击“框架”面板中的框架边缘部分，选中框架集，在 “属性”
面板中设置框架集的属性。
步骤 3：单击“框架”面板中的 topFrame 框架和 mainFrame 框架，在
“属性”面板中设置所选框架的属性。
（5）制作框架网页
①制作上框架网页
步骤 1：打开网页 top.html，设置背景颜色#EAFF8A，上边距为 0 像素。
步骤 2：插入一个 2 行 5 列的表格并调整行列的高宽。。。。。。
步骤 3：在导航表格中，设置鼠标经过图像。
步骤 4：为图片添加超链接，设置打开方式（目标）。
②制作下框架网页
步骤 1：打开网页 main.html，设置背景颜色#EAFF8A，上边距为 0 像素。
步骤 2：插入一个 5 行 9 列的表格并调整行列的高宽。。。。。。
步骤 3：合并相关单元格。
步骤 4：插入图片，并为图片添加超链接。
步骤 5：添加邮件链接。
三、学生练习
学生小组合作完成书上的练习任务，并将任务上交到教师机。
四、作品评价
对于较快完成任务并且完成任务较好的同学进行表扬鼓励。
五、本课小结
1.创建框架，实现网页风格的统一，保存框架时，需要保存框架集文件和
含有框架的所有文件。
2.利用鼠标经过图像，可以制作网页导航动态按钮。
3.超级链接是实现网页互联的关键，设置网页的打开方式，可以调整链接
网页的显示位置。
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第六课 事半功倍—制作网页模板 第六周
教学目标 1、【知识与技能：】
(1)通过学习，掌握合并单元格及插入嵌套表格的方法。
(2)通过学习，了解模板的概念和作用，学会创建网页模板。
(3)通过学习，掌握定义、编辑可编辑区域的基本方法。
(4)通过学习，能够根据网站的需要创建网页模板。
2、【过程与方法：】
通过小组合作、课程整合，交流评价，培养学生分析信息、利用信息和信息创新
能力，以及对已学知识进行规划管理的能力。
能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究的
一般过程；
3、【情感态度与价值观：】
通过小组合作、讨论探究的形式，增强学生的合作、协助精神，让学生学有所得，
有成就感，增强自信，又能够激发学生学习积极性。
教学重、难点 重点：模板的概念和用途。
难点：创建模版文件，定义可编辑区，表格的高级应用是难点。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
通过播放一组网页模板，激发学生的兴趣，了解一些布局类型，在
课件上演示模板套用的即时效果，引出主题；即模板网页制作与应用，
就是如何利用模板网页为网站统一“着装”。这样的设计可以有效的吸引
学生的注意力，使导入自然。
（二）、探究新知
【任务一：】创建网页模版
屏幕出示网页模板和普通网页的特点，并回答。从而引导学生回答相似
的主体风格，引出模板网页，结合学生已经学过的知识，提出总任务，
进入新课。
【任务二：】讲解示范新课内容
这一环节我主要采用了任务驱动法，主要任务是探究模板网页的制作应
用的实施步骤。即为网页统一“着装”这是本堂课的重点和难点，为了
帮助学生完成这一总任务，我把这个总任务分解成三个子任务来完成，
即：模板创建（化样板）----编辑模板（做衣服）-----模板的应用（穿衣
服）。先利用 FLASH 课件展示完成这三子任务的步骤，然后由老师通多
媒体讲解、示范重难点，再由优秀学生或“小先生”通过本机向全部学
生演示整个任务完成过程。在任务的驱动下，使学生变“要我知道”为
“我想知道”，同时让他们体验到问题解决的成功感，从而激发他们进一
步学习的愿望和积极性。
【任务三：】引导学生采用资源面板方式创建模板文件，这样对于整个网站的资源构架会有个一个逐步的了解，对于资源面板的用途也逐
一掌握。起到连贯作用。
（三）协作提高
分组整合各个子任务，并操作练习“创作天地”课堂练习题，教师
巡视、指导、点拨,并导出可能出现的问题:①可编辑区错位。②模板套用
出错，导致 body（网页体）区域重复，并分析解决问题。设计该环节的
目的是全面了解学生掌握新知的情况，帮助学解决实操中的问题，为下
一环节的竞赛做准备。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第七课 驾轻就熟—应用模版创建网页 第七周
教学目标 1、【知识与技能：】
(1)通过学习，掌握利用模板创建网页的方法。
(2)通过学习，学会运用 Flash 按钮制作导航栏进行站内导航。
(3)通过学习，了解链接对象的目标框架的含义。
2、【过程与方法：】
通过小组合作、课程整合，交流评价，培养学生分析信息、利用信息和信息创新
能力，以及对已学知识进行规划管理的能力。
能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究的一
般过程；
3、【情感态度与价值观：】
通过小组合作、讨论探究的形式，增强学生的合作、协助精神，让学生学有所得，
有成就感，增强自信，又能够激发学生学习积极性。
教学重、难点 重点：应用模板创建网页是重点。
难点：用 Flash 按钮制作导航栏进行站内导航是本课的难点。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
屏幕出示网页模板和普通网页的特点，激发学生的兴趣，了解一些
布局类型，在课件上演示模板套用的即时效果，引出主题；即模板网页
制作与应用，就是如何利用模板网页为网站统一“着装”。这样的设计可
以有效的吸引学生的注意力，使导入自然。
（二）、探究新知
【任务一：】应用模版创建网页
应用模板在本课是首次接触，前面一课中，模板设计好后，要利用它来
创建网页或将其应用于已经存在的网页上，才能发挥作用。注意提现学
生，建立模版也是“资源”概念。
【任务二：】利用 Flash 按钮制作导航栏
在 Dreamweaver 8 中，共提供了 40 余种 Flash 按钮的样式，我们只需
要选择样式，输入按钮显示文本并设置链接就可以使用。教师需要提现
学生注意的就是保存路径，在“插入 Flash 按钮”对话框中虽然提供了设
置保存路径的按钮，但是只要我们设置的路径与链接目标文件不在同一
个文件夹中，否则会出现异常。
（三）协作提高
分组整合各个子任务，结合教材中“智多星”、“知识着陆”并操作
练习“创作天地”课堂练习题，教师巡视、指导、点拨,并导出可能出现
的问题:①保存的路径不正确。②模板套用出错，导致 body（网页体）区
域重复，并分析解决问题。设计该环节的目的是全面了解学生掌握新知
的情况，帮助学解决实操中的问题，为下一环节的学习赛做准备。（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第七课 驾轻就熟——应用模版创建网页
一、应用模版创建网页
1、规划”日常生活“文件夹
2、应用模版（用模版直接创建网页；新建空白网页后再应用模版）
3、将“日常生活”网页链接到框架网页
二、利用 Flash 按钮制作导航栏
1、制作“交通出行”Flash 按钮
2、制作其他 Flash 按钮
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第八课 自由穿梭—利用锚点实现局部链接 第八周
教学目标 1、【知识与技能：】
((1)通过学习，灵活地使用水平线分隔网页元素；
(2)通过学习，学会插入命名锚记以创建锚点链接；
(3)通过学习，学习使用 Flash 文本作为链接对象。
2、【过程与方法：】
通过小组合作、课程整合，交流评价，培养学生分析信息、利用信息和信息创新
能力，以及对已学知识进行规划管理的能力。
能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究的一
般过程；
3、【情感态度与价值观：】
通过小组合作、讨论探究的形式，增强学生的合作、协助精神，让学生学有所得，
有成就感，增强自信，又能够激发学生学习积极性。
教学重、难点 重点：插入水平线、创建锚点链接是重点。
难点：插入 Flash 文本作为链接是难点。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
在前面初步制作“交通出行”网页后，可以看出本页包含的内容很多，
不同主题的文字和图片罗列在一起，难以区分，因此我考虑使用水平线
分隔元素，并为页面添加锚点链接，实现网页的局部跳转，快速地将访
问者带到特定主题或者网页顶部。
（二）、探究新知
【任务一：】在已制作的网页中插入水平线
水平线对于组织信息很有用。插入水平线，操作比较简单，这一点，我
通过示范广播，然后放手让学生自己动手操作，教师巡视指导。
【任务二：】插入锚记以创建锚点链接
在进行链接锚记的时候，我们采用是在“属性检查器”的“链接”文本
框中输入锚记名称的方法，这就要求我们记住各个锚记对应的主题内容
才能操作，否则还需要单击相应的锚记名称，通过该锚记的“属性检查
器”找到锚记名。在任务的驱动下，使学生变“要我知道”为“我想知
道”，同时让他们体验到问题解决的成功感，从而激发他们进一步学习的
愿望和积极性。
【任务三：】插入 Flash 文本作为链接对象
网页中可以插入 FlashPaper 文档。当 IE 浏览器中打开包含 FlashPaper
文档的页面时， FlashPaper 文档的所有页面都可以直接浏览，无需加载
新的网页。注意提现学生前面学习的插入 Flash 操作过程，对知识进行巩
固。
（三）合作交流 本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在
这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以
我设计以各小组为单位，在学习了以上内容的基础上，完成本组的一件
个性作品。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第 8 课 按图索骥—利用锚点实现局部链接
一、在网页中插入水平线
1、打开前面制作的网页；2、插入水平线；
二、创建锚点链接
1、创建命名锚点；2、链接锚点；3、
三、利用 Flash 文本作为链接对象 四、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第九课 按图索骥——制作热点超链接 第九周
教学目标 1、【知识与技能：】
（1）、通过学习，学会设置图像热点超链接；
（2）、通过学习，学会分离使用模板创建的网页
（3）、通过学习，了解超链接的组成。
2、【过程与方法：】
（1）、通过小组合作、交流评价，培养学生协助学习、相互帮助的习惯；
（2）、能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探
究的一般过程；
（3）、通过阅读教材，获取知识的方法和过程。
3、【情感态度与价值观：】
对图像热点超链接的的学习，能够激发学生的兴趣，提高学习的热度。
教学重、难点 重点：使用属性检查器设置图像热点超链接。
难点：超链接组成的分类。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）导入：
上一节课我们学会了使用锚点实现了网页的局部超链接，本课我们来学
习另外一种常用的超链接——图像热点超链接，它可以实现一张图像有
多个目标端点的超链接，同学们想知道吗？
（二）、探究新知
【任务一：】图像热点超链接
图像热点超链接是本课的重点内容，教师进行广播示范操作的方法和步
骤，必要的地方进行必要的强调，教师巡视指导。
【任务二：】创建“家务劳动——防止烫伤”网页（jwld—fzts.html）
（1）、创建网页
涉及知识点：用模板创建网页
（2）、将网页从模板中分离
涉及知识点：“修改” →“模板” →“从模板中分离”。分离后的网
页和模板没有关联性，锁定区域也可以编辑。
（3）、编辑“防止烫伤”网页
涉及知识点：删除网页中表格的行列
（4）、测试网页。
【任务三：】阅读知识着陆和视野拓展
涉及知识点：图像的热点超链接与一般图像超链接区别；源端点和目标
端点的分类。
【任务四：】创作天地
本活动仅供学有余力和感兴趣的学生练习
（三）合作交流
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以
我设计以各小组为单位，在学习了以上内容的基础上，完成本组的一件
个性作品。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第 8 课 按图索骥—制作热点超链接
一、图像热点超链接
二、创建“家务劳动——防止烫伤”网页 jwld—fzts.html）
1、创建网页；2、将网页中模板中分离；3、编辑“防止烫伤网页”
三、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十课 左右逢源—滚动字幕与层的使用 第十周
教学目标 1、【知识与技能：】
(1)、通过学习，能够进行网站素材的归类管理；
(2)、通过学习，能够制作具有动态效果的导航按钮；
(3)、通过学习，掌握 AP Div 层绘制和布局，并配合标签实现文字的滚
动效果。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听其他同学的发言，体验合作学习的过程和方法；
3、【情感态度与价值观：】
（1）、结合教学内容制作具有个性化的网页，激发学习兴趣；
（2）、学生在协作与交流过程中，提高自己的操作能力，肯定自己的价值。
教学重、难点 重点：在 AP div 层中添加标签实现滚动字幕效果。
难点：AP Div 层的“属性检查器”的理解和合理设置。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
在前面初步制作“交通出行”网页后，可以看出本页包含的内容很多，
不同主题的文字和图片罗列在一起，难以区分，因此我考虑使用水平线
分隔元素，并为页面添加锚点链接，实现网页的局部跳转，快速地将访
问者带到特定主题或者网页顶部。
（二）、探究新知
【任务一：】在已制作的网页中插入水平线
水平线对于组织信息很有用。插入水平线，操作比较简单，这一点，我
通过示范广播，然后放手让学生自己动手操作，教师巡视指导。
【任务二：】插入锚记以创建锚点链接
在进行链接锚记的时候，我们采用是在“属性检查器”的“链接”文本
框中输入锚记名称的方法，这就要求我们记住各个锚记对应的主题内容
才能操作，否则还需要单击相应的锚记名称，通过该锚记的“属性检查
器”找到锚记名。在任务的驱动下，使学生变“要我知道”为“我想知
道”，同时让他们体验到问题解决的成功感，从而激发他们进一步学习的
愿望和积极性。
【任务三：】插入 Flash 文本作为链接对象
网页中可以插入 FlashPaper 文档。当 IE 浏览器中打开包含 FlashPaper
文档的页面时， FlashPaper 文档的所有页面都可以直接浏览，无需加载
新的网页。注意提现学生前面学习的插入 Flash 操作过程，对知识进行巩
固。
（三）合作交流
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以
我设计以各小组为单位，在学习了以上内容的基础上，完成本组的一件
个性作品。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第十课 左右逢源—滚动字幕与层的使用
一、规划“校园内外”文件夹和制作导航栏
二、利用“滚动字幕”制作动态页面标题
三、使用 AP Div 元素（层）布局网页
四、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十一课 最佳搭档——应用 CSS 样式与层美化网页 第十一周
教学目标 1、【知识与技能：】
(1)通过学习，了解 CSS 式样表的功能；
(2)通过学习，学会定义和编辑 CSS 样式表；
(3)通过学习，学会导出 CSS 样式表，进行具体的应用；
(3)通过学习，学会层与样式表的配合使用。
2、【过程与方法：】
通过小组合作、课程整合，交流评价，培养学生分析信息、利用信息和信息创新
能力，以及对已学知识进行规划管理的能力。
能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究的一
般过程；
3、【情感态度与价值观：】
通过小组合作、讨论探究的形式，增强学生的合作、协助精神，让学生学有所得，
有成就感，增强自信，又能够激发学生学习积极性。
教学重、难点 重点：CSS 样式表定义，应用。
难点 CSS 样式表和层灵活的配合使用。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
本课，我们将学习 CSS 的基本知识，并且初步运用 CSS 样式表和 AP
Div 层加工处理“校园内外”栏目的页面，通过广播展示效果网页。
（二）、探究新知
【任务一：】通过“属性检查器”快速创建 CSS 样式表
涉及知识点：首先选择网页中的文本，然后在“属性检查器”中创建 CSS
样式表，最后取消选择，进行相关修改。
【任务二：】通过 CSS 样式表面板创建和编辑样式表
涉及知识点：使用专门的 CSS 样式面板创建样式表
【任务三：】导出样式表
【任务四：】应用样式表
涉及知识点：1、单击“CSS 样式”面板中底部的“附件样式表”按钮
2、在弹出的“连接外部式样表”对话框中设置外部式样
表的路径和添加方式。
【任务五：】层与样式表的配合使用
（三）协作提高
分组整合各个子任务，结合教材中“智多星”、“知识着陆”并操作练
习“创作天地”课堂练习题，教师巡视、指导、点拨,并导出可能出现的
问题:①保存的路径不正确。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第十一课 最佳搭档——应用 CSS 样式与层美化网页
一、通过“属性检查器”快速创建 CSS 样式表
二、通过“CSS 样式”面板创建和编辑样式表
三、导出 CSS 样式表
四、应用样式表文件
五、层与样式表的配合使用
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十二课 一触即发—应用行为创建动态效果 第十二周
教学目标 1、【知识与技能：】
(1)通过学习，了解行为、事件、动作的含义。。
(2)通过学习，掌握应用“交换图像”行为制作导航按钮的方法。
(3)通过学习，掌握应用“弹出信息”行为制作弹出对话框的方法。
(4)通过学习，掌握应用“设置状态栏文本”行为为导航栏添加提示信息的方法。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听其他同学的发言，体验合作学习的过程和方法；
3、【情感态度与价值观：】
（1）联系生活实际，学习制作网站的基本知识，激发学生的学习兴趣。
（2）学生在协作与交流过程中，提高自己的操作能力，肯定自己的价值。
教学重、难点 重点：应用“交换图像”制作动态导航按钮，应用“弹出信息”行为制作弹出对话
框。
难点：应用“设置状态栏文本”行为为导航按钮添加提示信息。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一） 激趣导入：
展示各种利用行为制作的动态效果网页，请学生欣赏，对比前面制作
的网页，简单讨论后引出行为的概念。按照心理学常识，学生对学习内
容产生兴趣，就能自觉地排除内外主客观因素的干扰，集中注意力积极
主动地投入学习，把学习当成愉快的事。因此，在学习新知识前，创设
情景，引入课题。
（二）、探究新知
【任务一：】创建“救生急救”网页
明确步骤：1、规划“逃生急救”文件夹；2、新建网页文件；3、调整网
页内容
由教师示范执行，然后让学生对自己的作品进行操作，我在巡视过程注
意鼓励学生利用已有的知识技能解决问题，引导学生发现操作中的相似
或相似之处，利用知识的迁移解决类似问题。在讲解事件、动作概念的
时候，结合具体的网页实例进行，这样利于学生理解。
【任务二：】添加动态效果
教师示范，打开 Dreamweaver8 软件工具，提示学生根据前面已制作的
作品继续完善后续的操作过程。然后学生亲自实践操作练习，完成下列
任务的操作实践，灵活熟练地对网页动态效果的设置。
1、应用“交换图像”行为
对于触发动作的事件，可以让学生在行为面板中进行尝试设置，体验其
中的不同，帮助理解行为、事件、动作之间的关系。
2、应用“弹出信息”行为3、应用“设置状态栏文本”行为
设计目的，通过设置状态栏文本行为的应用，引导学生了解，状态栏也
是网页制作中可以发挥的一片空间。可以通过应用行为或者编写代码的
方式在状态栏中实现各种动态效果。
（三）合作交流
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在
这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以
我设计以各小组为单位，在学习了以上内容的基础上，对本组的作品进
一步完善，美化。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中“创作天地”
的练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第十二课 一触即发—应用行为创建动态效果
一、完善创建网页
二、添加动态效果
1、应用“交换图像”行为；2、应用“弹出信息”行为；3、应用
“设置状态栏文本”行为
三、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十三课 影音视听—制作多媒体网页 第十三周
教学目标 1、【知识与技能：】
(1)通过学习，能够应用“打开浏览器窗口”行为制作弹出窗口。
(2)通过学习，能够应用“播放声音”行为为页面元素添加声音。
(3)通过学习，掌握利用插件在网页中插入视频的基本方法。
(4)通过学习，能够通过参数设置控制网页中视频的播放。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听其他同学的发言，体验合作学习的过程和方法；
3、【情感态度与价值观：】
（1）联系生活实际，学习制作网站的基本知识，激发学生的学习兴趣。
（2）学生在协作与交流过程中，提高自己的操作能力，肯定自己的价值
教学重、难点 重点：制作弹窗口效果，添加多媒体内容的过程。
难点：应用“播放声音”行为为页面元素添加声音效果。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）、激趣导入：
教师通过对比展示普通网页和多媒体网页，引导学生讨论多媒体网
页与普通网页的区别以及多媒体网页的优势和特点。媒体内容是网上比
较流行的元素，正是在网页中添加了多媒体元素，才使得网页变得更加
生动，更加吸引浏览者。
（二）、探究新知
【任务一：】编辑“火灾自救”网页
通过教师示范操作网页素材“火灾自救”网页，然后引导学生完善自己
制作的网页。明确下列步骤：1、打开网页文件；2、制作导航栏；3、添
加网页内容
【任务二：】制作弹出窗口
教师一定要引导学生先完成要弹出的窗口，再往下做。如果要急于看到
这种行为实现的效果，也可以利用已经存在的网页或者新建一个空白网
页代替。根据教材中的提示，打开 Dreamweaver 软件进行操作联系。
【任务三：】添加多媒体内容
重点提醒：要让学生清楚，利用插件不仅可以插入视频文件，还可以插
入音频文件，其操作方法与插入视频文件相同。熟悉下列操作步骤：
1、播放声音；2、插入视频文件
（三）合作交流
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在
这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以
我设计以各小组为单位，在学习了以上内容的基础上，完成本组的一件
个性作品。（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第 13 课 影音视听—制作多媒体网页
一、编辑“火灾自救”网页
二、制作弹出窗口
三、添加多媒体内容
1、播放声音；
2、插入视频文件
四、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十四课 锦上添花——用层制作网页特效 第十四周
教学目标 1、【知识与技能：】
(1)通过学习，学会利用层制作层特效。
(2)通过学习，学会制作图像晃动效果。
2、【过程与方法：】
通过小组合作、课程整合，交流评价，培养学生分析信息、利用信息和信息创新
能力，以及对已学知识进行规划管理的能力。
能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究的一
般过程；
3、【情感态度与价值观：】
通过小组合作、讨论探究的形式，增强学生的合作、协助精神，让学生学有所得，
有成就感，增强自信心，又能够激发学生学习积极性。
教学重、难点 重点：学会制作层特效和图像晃动效果、。
难点：合理使用层特效和图像晃动效果。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
本课学习利用“呼救常识”网页上制作网页特效，展示效果网页，
并进行分析本课要教学的知识点。
（二）、探究新知
【任务一：】编辑网页
涉及知识点：1、网页打开
2、制作导航栏
3、添加网页内容
【任务二：】制作层特效
涉及知识点：1、使用层：“显示/隐藏元素文本”
2、替换文本内容
3、拖动网页内容
【任务二：】制作图像晃动效果
涉及知识点：添加行为和设置行为事件
（三）协作提高
分组整合各个子任务，结合教材中“智多星”、“知识着陆”并操作
练习“创作天地”课堂练习题，教师巡视、指导、点拨。设计该环节的
目的是全面了解学生掌握新知的情况，帮助学解决实操中的问题，为下
一环节的学习赛做准备。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第十四课 锦上添花——用层制作网页特效
一、编辑网页
1、打开网页
2、制作导航栏
3、添加网页内容
二、制作层特效
1、显示/隐藏文本
2、替换文本内容
3、拖动网页内容
三、制作图像晃动特效
四、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十五课 信息互动——制作表单网页 第十五周
教学目标 1、【知识与技能：】
(1)通过学习，学会在网页中插入和修改表格；
(2)通过学习，能够制作简单的表单。
2、【过程与方法：】
通过小组合作、课程整合，交流评价，培养学生分析信息、利用信息和信息创新
能力，以及对已学知识进行规划管理的能力。
能够通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究的一
般过程；
3、【情感态度与价值观：】
通过小组合作、讨论探究的形式，增强学生的合作、协助精神，让学生学有所得，
有成就感，增强自信，又能够激发学生学习积极性。
教学重、难点 重点：表单的制作及应用。
难点 如何在网页中布局表单，达到美观实用的效果。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）激趣导入：
网页不仅能够提供信息让用户浏览，还能够从用户那里收集信息。表
单时一种比较常用的收集信息的形式，它是网站管理者与浏览者之间沟
通的桥梁，表单常用于申请邮箱、注册个人信息、填写调查报告以及购
物信息等。本课，我们学校利用表单制作“有奖问答”网页，通过广播
展示效果网页，提问：同学们是否想做一个像这样的网页呢？
（二）、探究新知
【任务一：】设计网页
内容：1、规划“有奖问答”文件夹
2、新建网页文件
3、利用表格规划网页
4、修改表格
【任务二：】制作表单
内容：1、插入表单域
2、插入文本域
3、插入选择（列表/菜单）
4、插入单选按钮组
5、插入复选框
6、插入按钮
【任务三：】测试网页
内容：1、保存网页
2、连接网页
（三）协作提高分组整合各个子任务，结合教材中“智多星”、“知识着陆”并操作练
习“创作天地”课堂练习题，教师巡视、指导、点拨,并导出可能出现的
问题:①保存的路径不正确。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第十五课 信息互动——制作表单网页
一、设计网页
二、制作表单
三、测试网页
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：课 题 第十六课 成果与分享—网站的测试与发布 第十六周
教学目标 1、【知识与技能：】
(1)通过学习，学会测试网站的链接。
(2)通过学习，能够修复网站中断掉的链接。
(3)通过学习，掌握如何配置远程信息。
(4)通过学习，掌握利用 Dreamweaver 上传文件的方法。
2、【过程与方法：】
（1）、能通过教师引导、动脑思考、交流与实践操作学习过程，体验和感悟探究
的一般过程；
（2）、能够仔细倾听其他同学的发言，体验合作学习的过程和方法；
3、【情感态度与价值观：】
（1）联系生活实际，学习制作网站的基本知识，激发学生的学习兴趣。
（2）学生在协作与交流过程中，提高自己的操作能力，肯定自己的价值
教学重、难点 重点：测试网站——检查网站链接，配置远程信息等内容是难点。
难点：利用 Dreamweaver 上传文件，配置远程信息步骤。
教 学 时 数 一课时
教法及教具 教法：任务驱动，自主探究学习法。 教具：多媒体网络教室
主教案 副教案
（一）、激趣导入：
测试完成后，可以把网站发布到互联网上去，让更多的人来访问我们
的网站。学生有了网站建设的基础，我采用设疑导入。“我们已经学习了
网站规划，搜集素材，建立站点，制作网页，怎样才能让别人浏览我们
的网页、评价我们的网站呢？今天我们来学习测试和发布网站。”从而引
出本课的学习内容。
（二）、探究新知
【任务一：】测试网站
a．提问：网页整合测试时需要检查哪些内容？
b．学生回答，然后通过课件展示检查内容。
c．先演示超链接检查再让学生分组实践。
【任务二：】发布网站
首先需要向学生说明整个站点完成以后本应该发布到互联网服务器上，
但考虑到费用和课堂时间问题。我们以站点主发布到本机的某位置为例，
学习发布网站方法。
示范 1：配置远程信息
学生练习，老师巡视，留意错误及时指导。提示，由于远程信息的访问
方式选择的是“本地/网络”，因此上传文件就是将整个网站的文件上传到
本地计算机的远程文件夹 d:\website 中。
示范 2：上传文件
除了一次上传整个站点外，还可以单独上传某个文件夹或文件。选中网
站中的某个文件夹或文件，单击“上传”按钮即可将所选的文件夹或文
件上传，网站上传前、后窗口的显示内容。教师可以只讲解其中的一种情况，鼓励学生通过探究的方式尝试其他上传方式（如：逐个文件上传、
逐个文件夹上传等）。
提问：网站发布以后，怎样让别人知道并浏览网站呢？（宣传、展示）
（三）合作交流
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在
这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以
我设计以各小组为单位，在学习了以上内容的基础上，完成本组的一件
个性作品。
（四）展示评价：
在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然
后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看
一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成
功之处，对不足的地方加以完善。
最后，用约 5 分钟的时间进行小结和作业布置，完成课本中《创作天地》
练习。
五、评价：
本节课对学生学习效果的评价主要采用如下三种方式进行，一是在教学
实践过程中对学生操作效果的及时给予表现性评价；二是在小组协作学
习过程中学生间的互评过程；三是完成本节课的学习任务后，学生根据
教学目标完成自我评价。
板书设计：
第 16 课 成果与分享—网站的测试与发布
一、测试网站 二、发布网站（配置远程信息；2、上传文件）
课堂小结：强调本课知识点，以加深学生的理解和记忆；总结本课学
生的表现。
教学反思：
微信/支付宝扫码支付