第5单元建设网站

1、课 题第5单元 建设网站计划课时6课时教学内容分析本单元内容是本册书的重点内容，也是整个初中阶段的重点内容之一。通过这一单元的学习，要让学生学会使用Frontpage软件制作简单的网页，并在此基础上，熟练应用制作网页的方法、技巧，能够制作出主题突出、内容新颖、页面布局合理、美观的网页作品。本单元内容较多，共分6个课时进行。内容包括：创建网站站点、制作主页、丰富网站的内容、建立超链接。其中，创建站点是制作网站的关键步骤，丰富网站内容包括动态模板的建立、网页的添加和动态模板的应用，这是网页制作过程中的难点问题，要让学生知其然还要知其所以然，在此基础上完善网页的框架和内容。教学目标1、 学会使用Fr

2、ontpage软件的“文件”菜单中的新建命令，创建网页站点。2、 学会使用表格菜单中的“布局表格和单元格”命令对网页进行布局，学会在网页中使用并调整表格，包括表格的插入、删除、合并、拆分和嵌套表格的使用。3、 学会在网页中使用背景图片和背景音乐4、 能够利用主页制作出动态eb模板，会根据实际需要建立一个或多个可编辑区域。5、 会利用导航视图添加新网页并分别是导航视图和文件夹列表中更改网页的名称。6、 学会在网页中插入适当的表格对网页进行布局，并会在网页中插入文本、图片等，将网页调整的整齐、美观。7、 学会在网站中建立三种超链接：网页间的超链接、网页内的超链接（书签超链接）、网站与外部的超链接。

3、教学重难点重点：站点的建立、主页的布局和设置、动态模板的建立和应用、网页的添加和编辑难点：动态模板的建立和应用、合理使用表格布局网页教具学具准备多媒体网络教学软件、我的家乡站点文件、网页素材教学设计思路）含教法设计学法指导（本单元旨在让学生学习使用Frontpage软件制作网页，在此基础上，将在学习网页制作过程中学到的方法、技巧灵活运用，综合运用所学的知识，制作出优秀的网页作品。本单元内容较多，共分6个课时进行。第课时学习使用Frontpage软件创建网站的站点，利用表格对主页进行布局并根据要求进行适当调整。创建站点是制作网站的关键，在学习时，先让学生在D盘新建自己的文件夹，在此文件夹下建立“

4、我的家乡”文件夹（D:xxx我的家乡）,然后让学生先对照课本58页“做一做”步骤自己完成，教师巡视指导，让操作速度快、完成好的学生演示操作，以生教生的方式，让学生学会网站站点的创建。最后请学生阅读60页“小博士”，知道网站文件夹中的文件夹的用途及主页，并会在站点文件夹中建立新的文件夹。在讲解利用表格布局主页时，可由学生自己阅读62页“小博士”，学会打开站点文件夹的方法，由教师演示利用表格菜单中的“布局表格和单元格”中的样式，布局主页，学生在此基础上对照64页图5.13和“小博士”内容，完成表格的调整。教师补充讲解在调整表格过程中学生容易出现的问题。最后提醒学生保存所做的内容。第课时学习主页的编

5、辑。这其中包括主页中文字的输入、文字格式的设置、文字导航栏边框的加入，图片的插入、调整与保存。本课时内容课本中没有详细具体的操作步骤，只是通过“小博士”、“金钥匙”等内容提示学生方法，学生在操作过程中容易碰到问题，因此，在教学中，可以让学生先阅读“小博士”、“金钥匙”掌握操作的方法，尝试利用此方法完成操作，教师巡视，最后将发现的问题给学生演示讲解，由学生进一步完成操作。第课时学习在网页中使用背景图片和背景音乐，美化主页。本课时内容可由学生自主学习完成，教师请操作快的学生演示，让不会操作或操作慢的学生在学生演示的基础上学会操作。参照70页图5.23完善主页的设计。第4课时学习利用主页生成动态We

6、b模板。这是本单元的难点。很多学生不明白动态Web模板是什么，有什么用途，老师在讲解动态模板制作之前，先讲清楚动态eb模板的作用。课本上的“做一做”的操作步骤与实际操作有出入，因此动态Web模板的制作可由教师演示操作，学生模仿教师操作完成。再由操作快的学生演示操作，以达到所有学生都学会操作。第5课时添加网页。本课时内容可以采用任务驱动的方法让学生自主完成。即学生参照72页“做一做”第至第步，完成网页的添加和网页名称的更名。教师通过学生演示操作，检查学生的操作情况，发现问题及时补充讲解。完成此操作后，再布置学生完成第6至第9步。教师请操作熟练的学生演示操作，其他学生依此完成操作。最后布置练习任务

7、：让学生完成78页“做一做”，完成风景名胜网页的编辑。 第6课时建立超链接。本课时分三个大的任务进行。首先教师讲解网站中的三种超链接，让学生明白超链接的几种形式。然后分配任务1：完成课本80页“做一做”（网页间的超链接），学生完成操作后教师请学生演示操作，并引导学生阅读“小博士”，完成“试试看”；任务2建立网页间的超链接；任务3建立网站与外部的超链接。最后请学生展示自己的作品。教学环节教学内容与教师活动学生活动设计意图引入新课第1课时学生回顾上节课学习内容并认真听课引入新课上节课我们已经熟悉了Frontpage软件，知道了怎样规划设计网站，并且收集了“我的家乡”网页素材。今天这节课我们就来学习

8、使用Frontpage软件制作“我的家乡”主题网站。新授用Frontpage建设主题网站，首先要在本地计算机硬盘上创建一个站点，这个站点有什么作用呢？它主要用于保存和调试创建的网页，管理制作网站中使用到的一些文件）。现在我们就来一起学习一下怎样创建网站站点。创建前准备工作：在盘新建文件夹，路径如下：D:xxx（姓名）我的家乡学生认真听学生动手创建文件夹知道网站站点的作用为创建站点作好准备工作做一做布置任务：请同学们完成课本58页的“做一做”，为“我的家乡”网站创建一个站点。请操作快的学生演示请学生阅读60页“小博士”，知道创建站点后自动生成的两个文件夹的作用以及自动生动的网页文件index就是

9、网站主页。在站点中再新建music、media、flash、movie等文件夹。学生动手完成“做一做”学生演示操作学生阅读“小博士”学会创建站点知道站点中自动生成的两个文件夹的用途，知道自动生成的index网页文件就是主页。制作主页网站内容是通过网页展示给浏览者的。完成站点创建后，接下来就是制作主页了。从上一单元的学习我们已经知道，网页制作时需要先规划页面，然后再向页面中添加素材。在Frontpage中，实现这种页面布局需要利用表格。学生认真听过渡到下一内容的学习知道中Frontpage中如何实现页面布局教学环节教学内容与教师活动学生活动设计意图利用表格布局页面让学生阅读62页“小博士”，打开

10、已经保存好的站点布置任务：完成61页“做一做”第2一第3步，对“我的家乡”主页进行布局学生阅读63页“金钥匙”，自己设置表格来规划布局页面阅读64页“小博士”，学习如何调整表格对照64页图5.13调整表格结构教师请操作快、效果好的学生演示操作对学生存在的问题教师进行补充讲解保存对主页的设置阅读62页“小博士”完成“做一做”第2、3步阅读“金钥匙”阅读“小博士”学生调整表格学生演示操作，没完成的学生继续完成操作保存学会打开站点的方法会用“布局表格和单元格”中相关样式布局页面或自己设置表格进行布局学会调整表格的方法展示总结让个别学生展示自己对主页的设置回顾本课学习内容，你还有哪些疑问？学生展示回顾

11、本课内容检查学生操作巩固本课所学内容作业设计）可附页（课本86页巩固练习1判断题网站中使用到的图片都必须保存在网站文件夹里（）巩固练习2巩固练习3巩固练习4巩固练习5板书设计一、创建站点文件 新建只有一个网页的站点二、制作主页利用表格布局页面：表格布局表格和单元格教学反思或案例分析检查意见检查人时间教学环节教学内容与教师活动学生活动设计意图引入新课第2课时请一名学生演示打开站点的方法，其他学生观看学生认真听检查学生上节课操作掌握情况让学生明确本节学习任务复习上节课内容：请学生演示打开站点的方法，检查学生上节课内容完成情况。教师：这节课我们就在上节课规划设计的基础上完成“我的家乡”主页素材的添加

12、。教师展示已经添加好素材的主页让学生观看，告诉学生，这就是已经添加好素材的“我的家乡”主页。今天这节课我们就来一起为“我的家乡”主页添加素材。新授任务一：完成65页“做一做”前两步，完成主页文字的输入并美化文字让个别学生展示编辑文字后的效果教师展示输入文字后的主页，让学生对照图5.14比较有什么不同。提问：我们布局页面时是用表格时行布局的，为什么预览时看不到表格线，根据图5.14，文字导航栏我们要加上边框线，这又怎么办？请同学们阅读65页“小博士”解决这个问题请操作快的学生演示操作对学生操作中出现的问题教师补充讲解完成主页文字输入及美化学生展示学生回答学生阅读“小博士”认真听教师讲解，找出自己

13、操作有误或不到位的地方，及时更正完成主页中文字的编辑学会为导航文字设置边框让学生学会使用表格菜单或右键快捷菜单中的“单元格属性”、“表格属性”“单元格格式”对表格或单元格进行设置插入图片任务二：完成“做一做”第3至5步学生演示操作展示学生操作后的效果学生完成操作学生演示展示作品练习在网页中插入并调整图片教学环节教学内容与教师活动学生活动设计意图保存图片教师：插入图片后，请同学们保存一下文件，看看会出现什么情况？对，会出现一个保存嵌入式文件的对话框，接下来我们该怎么做呢？请同学们阅读68页“小博士”，将文件分类存放。阅读“小博士”学会将不同文件分类保存在不同的文件夹任务三完成68页第6步到第8步

14、的操作，在网页里面插入背景图片和背景音乐。利用试试看的内容进行本课的巩固练习完成操作完成“试试看”学会在网页中插入背景图片和背景音乐展示作品给学生几分钟时间，让学生对照图5.23调整美化主页请学生展示自己的设置效果学生完善操作展示作品美化主页总结本节课你都学会了哪些操作，还有哪个操作你有疑问？本节课你对主页进行了哪些个性化的设置？学生回答回顾、巩固本课所学内容作业设计）可附页（按照自己的意图，规划设计“我的家乡”主页，并对自己的主页进行完善板书设计添加网页素材、在网页中输入文字，并对文字进行美化、在网页中插入图片并调整图片、嵌入式文件的保存、在网页中插入背景图片和背景音乐教学反思或案例分析检查

15、意见检查人时间教学环节教学内容与教师活动学生活动设计意图引入新课第3课时学生认真听引入新课教师：上节课我们已经完成了“我的家乡”主页的设置。目前，我们的站点中只有一个主页，根据我们的规划设计，还需要在站点中添加新的网页。在添加新网页之前，为了保持网站风格的一致性，我们可以把主页中网页标题名、网站标志、导航栏、附加信息栏等网页元素的样式提取出来制作成模板，供制作其他网页时使用。这节课我们就来学习动态Web模板的创建和网页的添加新授做一做下面我们先来学习动态eb模板的制作。任务：请同学们完成70页“做一做”。教师提醒学生完成第1步后，先进行第3步操作，再进行第2步操作。请操作好的学生演示操作，其他

16、学生观看后完成操作完成“做一做”观看演示后继续完成操作学会利用主页制作动态Web模板小博士阅读72页“小博士”，并练习编辑修改、删除动态模板中的“可编辑区域”学生阅读“小博士”，并对可编辑区域进行修改学会“可编辑区域”的使用和修改、删除过渡动态Web模板制作完成后，我们来学习添加其他的页面。在Frontpage中，添加网页可以在导航视图或网页视图下进行，我们在导航视图下添加新网页学生认真听引出下一个内容教学环节教学内容与教师活动学生活动设计意图做一做任务：完成72页“做一做”前3步，在导航视图下添加网页。完成“做一做”第4步到第5步，为网页修改名称阅读75页“小博士”，了解网页文件名与网页标题

17、的区别，知道在导航视图使用中文的用意以及网页文件名采用英文或拼音缩写的用意教师巡视指导学生演示操作完成“做一做”第6步到第9步，将动态Web应用到新添加的网页中。教师巡视指导学生演示操作，其他学生对比自己的操作，不会操作或操作结果不正确的继续完成操作学生完成“做一做”前3步完成第4到5步阅读“小博士”完成“做一做”第6步到第9步学生演示操作学会在导航视图下添加网页会按要求更改网页的名称了解网页文件名与网页标题学会动态模板的应用小博士教师演示某一网页应用动态模板后的效果，将鼠标放在可编辑区域之外的地方，提问：这些地方能不能编辑？引导学生阅读77页小博士，并通过阅读学会动态Web模板的取消阅读77

18、页“小博士”学会动态Web模板的出取消试试看参照“我的家乡”网站的结构设计，在导航视图中添加三级页面完成“试试看”会添加三级网页作品展示从每组学生中选几名学生的作品进行点评，可以让学生先点评，再由教师进行点评，给予鼓励，提出建议。学生观看作品并点评通过作品展示检查学生当堂完成操作情况，在师生的点评中，给学生一种成就感和荣誉感，增强学生的自信心作业设计）可附页（、完成课本77页“试试看”、完成87巩固练习9，在“我的家乡”网站主页的“联络站长”下方，插入网站的“images”文件夹中的“鸿雁.gif”动画，保存网页后在预览模式下预览这个网页，看看效果如何。板书设计丰富网站的内容、利用主页生成其他

19、网页的动态Web模板、添加网页（）视图导航在主页上单击右键新建网页（）在导航视图将网页名称改为中文（）在文件夹列表中将网页文件名改为拼音的缩写、将动态模板应用到新添加的网页中教学反思或案例分析检查意见检查人时间教学环节教学内容与教师活动学生活动设计意图引入新课第4课时学生回顾上节课所学的内容引入新课上节课我们已经利用主页生成了动态Web模板，并将动态模板应用到了新建的其他网页中（教师边打开上节课网页边讲解），但没有给每个子网页添加内容，今天这节课我们就来为新添加的网页添加内容新授教师展示制作好的fjms、hzfq、xxwh、zwjs网页今天这节课我们的基本任务就是添加fjms和xxwh这两个网

20、页，操作快的同学可将四个网页全部添加完。下面请同学们打开课本78页。学生观看作品并认真听教师分配任务明确本节课任务做一做任务：参照78页“做一做”，添加风景名胜网页。教师巡视，根据学生操作情况，补充演示讲解。学生完成78页“做一做”巩固网页制作过程中图片、文字的插入方法及用表格布局网页做一做任务：打开课本82页，对照82页图5.44，完成“西夏文化”网页的添加教师巡视指导请操作熟练的学生演示操作操作快的学生可将“回族风情”、“自我介绍”两个网页添加完成学生完成“西夏文化网页的添加”巩固网页制作中的方法、技巧作品展示、请学生自己举手展示自己的作品、每组指定到名学生展示自己的作品学生观看并展示作品

21、通过展示作品，增强学生的成就感作业设计）可附页（完成“回族风情”、“自我介绍”网页的编辑完成巩固练习、和题板书设计在子网页中添加内容、对照课本78页图5.38编辑“风景名胜”网页、对照课本82页图5.44编辑“西夏文化网页”、操作快的学生将“回族风情”、“自我介绍”两个网页进行编辑教学反思或案例分析检查意见检查人时间教学环节教学内容与教师活动学生活动设计意图引入新课第5、6课时学生边观看网页，边听教师讲解引入新课教师展示打开的（以浏览器方式）“我的家乡”网站（没有建立超链接的）师： “我的家乡”网站中各个网页已经编辑完成了，我们要查看哪个网页可以直接打开，但是我们网站制作好了后要发布到网上让别人也能看到我们的网页，如果别人查看时也一个一个打开，这样很不方便，一般情况下打开主页就可以看到所有的网页，这样我们就需要建立超链接，今天这节课我们就一节来学习在网页中建立超链接。新授展示已经建立好超链接的网站，打开主页，让学生观察，网站中的超链接有几种。教师分别单击每种超链接，让学生观察并回答有几种超链接让学生阅读79页第二段，进一