-/
课 题
第一课 新手入门—网站欣赏与创建网页 第一周
教学目标
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层绘制和布局，并配合标签 |