1、清华版五年级信息技术下册全册教案作者:佚名 资料来源:网络 点击数:126清华版五年级信息技术下册全册教案文 章来源莲山 课件 w ww.5 Y k J.Co m教案第1课 登堂入室 认识frontpage第2课 蓝图设计 个人网站规划第3课 花园之匙 创建个人网站第4课 美景装饰 修饰首页第5课 卡通世界 设置共享边框第6课 幻影移形 创建横幅广告第6课 幻影移形 创建横幅广告第8课 联合演出 整合栏目第9课 作文乐园 插入导航栏第10课 美文赏析 在网页中插入书签第11课 小小戏迷 建网页做导航第12课 动人影音 在网页中插入音频和视频文件第13课 闪客一族 创建框架网页第14课 动感Fl
2、ash 在网页中插入flash第15课 成果分享 检测与发布网站第1课 登堂入室 认识frontpage 教案(一)教学目标:1、理解网站,网页,首页(主页),导航,超级链接等术语。2、掌握FrontPage的启动/退出,了解FrontPage窗口的组成。3、掌握在FrontPage 中插入文字和图片的方法,并会保存网页。4、了解FrontPage的三种网页模式,会预览制作好的网页。(二)教学设计与教学建议:1、课堂引入分析:在学习本册教材前,学生已经能够熟练上网,对网络世界有着强烈的好奇心和浓厚的兴趣,对于学生来说,网络上那些精彩的网页具有神秘的色彩,学生想不到有一天自己也可以制作网页。针对
3、这种情况,在课堂的引入部分,教师可以这样设计:首先出示几个用FrontPage软件制作的网页,请学生欣赏,让学生讨论这是怎样制作出来的。然后用FrontPage软件打开其中的一个网页,让学生观察窗口,并说一说这个窗口与学习过的哪个软件相似。由于FrontPage 与Word软件在界面的风格上和功能上有很多相似之处,因此学生很快能在这个窗口中找到熟悉的面孔。此时,教师可以告诉学生,这个软件叫FrontPage ,与学习过的Word软件同属于Office软件家族的成员,但它的主要功能是制作网页。由于学生在Word软件中对插入文字,图片进行编辑排版的操作非常熟练,因此可以采用自主探究的学习方式让学生
4、认识FrontPage。教师可以给出制作网页的素材,让学生尝试在FrontPage 中输入文字,插入图片。让学生在学习这个软件的初始,自己去探索这两个软件的相同与不同。2、重点内容分析:在学习本课前,学生已经掌握Word软件的使用,而本节课是初步认识 FrontPage软件,因此本节课可以把重点放在让学生通过已掌握的知识来初步分析FrontPage与Word 的相同与不同,这样可以减少学生对学习新软件的陌生感,尽快熟悉新软件,降低学习的难度,同时也培养了学生自主学习的能力。相同:常用工具栏与格式工具栏中的大部分工具都一样,编辑文字和图片的方法一样。不同:与Word软件相比,FrontPage窗
5、口多了视图栏;在编辑区左下角有三种网页模式;保存网页文件时,图片是采用嵌入式保存的,即同一个网页中的图片和文字被分开保存。当然,Word与FrontPage的不同还有很多,对比两种软件的不同可以贯穿在整册教材的学习中。用对比的方法学习,会让学生知道,很多软件的一些操作都具有相同的地方,掌握这种学习方法,会提高学生自主学习的能力,对学习新知识起到事半功倍的效果。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)理解网站,网页,首页(主页),导航,超级链接等术语。(2)FrontPage是一种制作网页的软件,由于它与Word同属于Office家族的成员,与Word软件在许多地方相似,如
6、编辑图文等,以及它具有所见既所得的特点,因此很容易被掌握。(3)掌握FrontPage的启动/退出,了解FrontPage窗口的组成。(4)FrontPage有三种不同的网页模式:普通,预览和HTML。在普通模式下可以编辑网页,在预览模式下可以预览网页效果,在HTML模式下可以看到网页的HTML代码。(5)掌握在FrontPage中插入文字和图片的操作,并会保存网页。需要注意的是,网站中的文件夹和网页的名称通常使用英文,汉语拼音来命名。(三)教学补充:1、到下面几个网站去欣赏一些精彩的网页。请你观察网站的首页,看看首页上一般都包含哪些信息。东方少年 雏鹰网e童网毛毛先锋网儿童综合网2、在Wor
7、d软件中,利用文件菜单中的另存为Web页命令也可以把文档直接保存成网页。可以让学生制作一个图文并茂的Word文档,并尝试着把它保存成网页,并在IE浏览器中浏览这个网页。3、在FrontPage中插入来自文件的图片时,与Word有些不同:执行插入图片 来自文件命令,弹出图片对话框,在这个对话框中提供了四种获取图片的方式,从计算机上选择一个文件使用web浏览器来选择网页或文件打开剪贴画库,插入剪贴画通过照相机或扫描仪获取图片第2课 蓝图设计 个人网站规划 教案(一)本课教学目标:1、根据自己站点的主题,会对自己的站点进行规划,设计。2、会通过多种途径收集资料。(二)教学设计与教学建议:1、课堂引入
8、分析:请同学们欣赏几个网站的首页,并以学习小组为单位讨论首页一般包含哪些信息。由此引出要规划个人网站,需要从哪几方面入手。规划个人网站,主要包括网站名称,网站栏目及主要内容,还要考虑应准备哪些素材,收集的素材一定要围绕网站的主题。由于制作一个网站工程比较大,可以采用小组分工合作的方式进行。组内的同学共同商讨确定网站名称,结构,然后分工收集相关资料,并进行分类汇总。通过这种方式不但可以节省时间,还可以培养学生合作的能力。2、重点内容分析:本节课的重点可以分为两点:(1)规划网站。对于学生来说,建设一个网站,是一件比较浩大的工程,要完成这个任务,学生会感觉到无从入手,不知道怎么做,因此本节课的重点
9、之一是规划网站。通过规划网站,让学生了解制作网站的过程。规划网站的过程是:确定网站名称规划网站的结构收集素材。网站的名称相当于网站的主题,网站中的所有内容都要围绕这个主题来设计,所以确定了名称,也就确定了网站的大方向。网站的结构指的是网站中的网页存在的层次关系。一个网站是由很多网页组成的,网页之间存在着层次关系:主页是最顶层,主页的下一层是网站的各个栏目,各栏目又能细分,构成第三层,甚至更多层,如下图所示。在制作网站前画出如上图所示的网站结构图,不但可以帮助我们规划网站结构,使网站层次分明,条理清楚,还可以确定各个网页的内容,方便大家思考各网页之间的链接方式。(2)收集素材并进行分类保存。规划
10、好了网站的结构,也就确定各个网页的内容,此时可以根据网站的结构收集相关的素材。收集素材的方法有多种,可以利用素材光盘,数码相机拍摄,网上下载等方法获取文字,图片,视频,声音,动画等资料。由于需要收集的资料很多,为了便于管理这些资料,我们可以把它进行分类整理,放在不同的文件夹中。分类的方法有两种:可以根据网站的栏目创建文件夹,把与栏目相关的素材存放在这个文件夹中,如针对书中图2.1的卡通世界,心语日记,小小戏迷,闪客一族,作文乐园,动感地带等创建相应的文件夹;还可以根据素材的类型创建文件夹,如文字,图片,视频,声音,动画等。经过以上这些准备工作,就可以创建网站了。3、归纳提高分析:本节课涉及到的
11、知识可以归纳为以下几点:(1)在创建网站前,一定要对网站的内容,结构等进行规划,并画出网站结构图,使网站层次分明,条理清楚,并确定各个网页的内容。(2)根据网站的结构收集相关的素材,收集素材的途径有多种,可以利用素材光盘,数码相机拍摄,网上下载等方法获取文字,图片,视频,声音,动画等资料。(3)为了便于管理收集到的素材,我们可以把它进行分类整理,放在不同的文件夹中。分类的方法有两种,一是根据网站的栏目创建文件夹,二是根据素材的类型创建文件夹。(三)教学补充:1、看看在第1课教学补充提供的网站中都包含哪些信息,并试着列出这些网站的结构,最多有几层 。2、请规划设计自己的网站,并画出网站结构图。3
12、、根据网站结构收集相关的资料,并建立文件夹,将收集到的资料进行分类保存。4、收集到的资料可以根据需要进行适当的修改。如获取的文字资料,可以在Word软件中进行编辑修改;获取的图片资料可以用Windows操作系统自带的画图软件进行修改,也可以用Photoshop等专业绘图软件进行修改,加工;获取的声音资料,可以用Windows操作系统自带的录音机进行修改,或用超级音频解霸等专业处理声音的软件进行修改;获取的视频资料可以用超级解霸,绘声绘影等软件进行加工处理。第3课 花园之匙 创建个人网站(一)本课教学目标:1、理解网站站点的概念,掌握创建站点的操作。2、会用表格规划网页的版面。3、会在表格中插入
13、文字和图片,会设置单元格中的文字格式,会设置文字和图片在单元格中的对齐方式。4、会保存网页,并将网页中的图片保存到images文件夹中。5、培养学生自学与合作学习的能力。(二)教学设计与教学建议:1、课堂引入分析:创建站点对于学生来说并不是难点,如何规划网页的版面,对于学生来说难度更大。因此在课堂引入部分,可以这样设计:首先教师可以准备两个内容一样的网页,一个是没有用表格规划版面的,一个是用表格规划版面的,让学生观察预览效果,比较哪一个更好;其次,将制作这个网页的素材提供给学生,让学生自己尝试制作这样一个网页。学生在制作过程中会发现图文并不能按照自己的意愿随心所欲地摆在网页上,使得网页看起来很
14、糟糕。随之会产生疑问:那个版面漂亮的网页是怎么做出来的第三,教师再次出示利用表格规划版面的网页,动态出现表格线,让学生观察,学生就会看出版面是由表格规划的。而表格是学生在Word软件中就已经学习过的,此时再让学生尝试在FrontPage中插入表格,并在单元格中插入文字和图片。由于学生在Word软件中学习过表格的操作,对插入表格,设置单元格的格式操作比较熟悉,因此这部分可以采用让学生自主探究的方式学习。_2、重点内容分析:本节课的重点可以归纳为:(1)创建网站站点:在FrontPage中提供了8种站点类型,我们可以根据需要选择不同的类型。需要注意的是,在指定新站点的位置框中,需要输入站点的位置和
15、名称,如输入d:web,d:表示位置在D盘上,web表示站点的名称,位置和名称之间用隔开,不要错输入成/。(2)用表格规划网页的版面:创建站点对于学生来说是重点,但不是难点。如何规划网页的版面,对于学生来说难度更大。因此本节课的难点放在如何规划网页的版面上。可以应用表格很好地控制文字和图像在页面上出现的位置,把文字和图像规范地按照行或列对齐,使整个页面看上去紧凑而统一,非常美观大方。而表格对于学生来说并不陌生,在Word软件中已经学习过,这就使学生感觉到制作网页的难度大大降低了。尽管用FrontPage制作网页对于学生来说是全新的知识,但由于FrontPage与Word同属于Office家族的
16、成员,在许多功能上有太多的相似之处,我们可以在这实行拿来主义,把在Word中学习到的表格知识拿到FrontPage中,如插入表格,插入或删除行或列,合并或拆分单元格,设置行高或列宽,在单元格中插入文字或图片,设置单元格中文字或图片的对齐方式,对单元格中的文字设置字体,字号,字的颜色等操作,这体现了知识的迁移思想。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)创建网站站点,选择只有一个网页的站点类型。(2)通过文件夹列表打开要编辑的网页,了解网站的建设情况。(3)用表格来规划网页的版面。根据网站结构对插入的表格进行拆分,合并单元格,设置行高,列宽,插入或删除行,列等。(4)在单元
17、格中插入文字和图片,设置单元格中的文字或图片的对齐方式,设置文字的字体,字号,颜色等。(5)在FrontPage中,当网页包含图像元素时,这样的网页被保存时,图片是采用嵌入式保存的,即同一个网页中的图像和文字被分开保存。通常要将所有的图片保存在images文件夹中,这样有助于使站点的结构更加清晰,便于管理。(三)教学补充:1、什么叫网站站点 :创建网站站点的操作并不难,难的是学生对于网站站点这个概念不理解。什么是网站站点网站站点就是一组内容相关的网页的集合体。打个形象的比喻,站点就象一本书,而网页就象书中的一篇一篇的文章。书把文章集中在一起,而站点把网页集中在一起。2、文件夹列表:创建站点之后
18、,会在FrontPage窗口出现一个新的列表框,叫做文件夹列表,用来显示当前打开的站点中所有的文件和文件夹。通过文件夹列表框,我们可以清楚了解网站的建设情况。也可以利用文件夹列表为站点添加新的网页。单击常用工具栏上的文件夹列表按钮可以打开或关闭文件夹列表框。3、在FrontPage中插入表格与在Word中插入表格,有些不同,如下图所示。在Word软件中插入表格在FrontPage软件中插入表格在FrontPage中,由于表格主要是为规划网页版面服务的,所以与Word相比主要有以下几点不同:(1)在插入表格对话框中,增加了边框粗细的设置。为了让用表格规划过的网页版面看起来更加美观,可以把边框粗细
19、的值设置为0,将表格的边框线隐藏起来。(2)通常在指定宽度时,选用百分比,并将值设置为100,表示表格与页面同宽。(3)可以调整单元格边距和单元格间距。4、在制作网页时,要插入的素材图片很多,有些图片可以直接使用,有些图片则需要进行一些处理。在FrontPage中的图片工具栏可以对插入的图片进行简单的处理,在Word软件中也有类似的图片工具栏。对比两者的图片工具栏,我们会发现FrontPage中的图片工具栏在处理图片上功能更强。FrontPage的图片工具栏Word的图片工具栏第4课 美景装饰 修饰首页(一)本课教学目标:1、能够打开保存的站点。2、能够为网页设置背景颜色或背景图片,并为网页添
20、加背景音乐。3、能够在网页中插入组件,如滚动字幕和悬停按钮。4、培养学生自学能力和小组合作学习意识。(二)教学设计与教学建议:1、课堂引入分析:制作好的网页看起来整齐多了,但白色的背景使得网页看起来不太美观,静止的页面让网页的视觉效果不够吸引人。本节课的主要任务就是美化网页。因此在课堂的引入部分可以这样设计:首先,教师可以让学生打开第3课制作的主页,想办法让自己的主页更漂亮。这个环节可以采用小组合作共同探究的学习方式,然后让做得漂亮的小组汇报探究学习的成果。其次,教师出示一个带有滚动字幕和悬停按钮的网页,让学生观察,并说一说与自己制作的网页相比有哪些优点。讨论在生活中是否见过这样的效果。学习在
21、网页中插入滚动字幕和悬停按钮,学生可参考教材或教师提供的学习资料进行自主学习,如果自学有困难也可采用小组合作的方式进行学习。这样可以兼顾到对知识技能掌握不同程度的学生,同时也体现了学生在课堂教学中得主体地位。2、重点内容分析:本节课的重点是美化网页,为网页添加背景颜色,背景图片或背景声音,插入滚动字幕和悬停按钮,让网页在视觉和听觉上更具冲击力。让学生想办法使自己的主页更漂亮。在完成这个任务中,学生可能会想到用以下这些手段来美化网页:(1)设置字体,字号,字的颜色。(2)插入艺术字。(3)为网页添加背景颜色或背景图片。(4)设置表格的边框和底纹。(5)设置单元格的边框和底纹。为网页添加背景颜色和
22、图片,与在Word或PowerPoint中的操作相似,因此只要告诉学生是在网页属性对话框中进行设置就可以了,让学生自己尝试做。本节课的难点放在插入滚动字幕和悬停按钮上。在生活和学习中,学生经常在公交车,地铁,火车站,机场,银行,商场等地方看到滚动字幕 。 悬停按钮这种效果也很常见,如使用各种软件时,当鼠标指向工具按钮时,按钮的颜色会发生变化。当学生理解了什么是滚动字幕和悬停按钮之后,操作起来也就变得容易了。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)打开保存的站点。(2)插入组件字幕和悬停按钮,可以使网页具有动态效果,网页更加生动。(3)为网页添加背景颜色,背景图片或背景声音
23、,可以增加网页的视觉和听觉效果。需要注意的是:(1)要想浏览网页经过修饰的效果,一定要先保存网页,再预览。(2)字幕和悬停按钮的效果在普通网页模式下是看不到,在预览网页模式下可以看到。(三)教学补充:1、在网页属性对话框中为网页设置背景,是针对整个网页进行设置的。而实际上我们在因特网上看到的许多精彩的网页,不同的内容会有不同的背景,这是怎么做出来的呢其实非常简单,带有不同背景的网页是用表格规划的,每一个单元格都是一个独立的部分,只要选好单元格,设置单元格的底纹,就可以达到目的。效果如右图所示。2、在网页中除了把文字做成悬停按钮外,还可以用图片制作悬停按钮,效果是鼠标悬停之前为一张图片,鼠标悬停
24、之后换成另外一张图片。打开教材22页,按图4-8所示打开悬停按钮属性对话框,然后按下图所示操作:单击自定义单击浏览单击确定选择图片第一次通过浏览插入的图片是鼠标悬停前要显示的图片。单击浏览单击确定选择图片鼠标悬停前鼠标悬停后第二次通过浏览插入的图片是鼠标悬停后要显示的图片第5课 卡通世界 设置共享边框(一)本课教学目标:1、利用文件夹列表为站点创建新的文件夹。2、利用文件夹列表为站点添加新的网页,并将网页保存到站点中指定的文件夹里,会更改网页标题。3、运用共享边框制作一组风格统一的网页。(二)教学设计与教学建议:1、课堂引入分析:通过第1单元的学习,学生已经掌握了一般网页的制作过程,会用表格规
25、划网页的版面,由于只制作了主页,所以还体会不到网页之间可以跳跃访问的神奇。本节课将围绕网站中的卡通世界栏目利用共享边框制作一组风格统一的网页。为了让学生理解什么是共享边框,什么是网页标题,在课堂的引入部分,教师可以这样设计:首先,出示一组利用共享边框制作的风格统一的网页,让学生通过IE浏览器欣赏,在欣赏的过程中教师提出要求:(1)在IE浏览器的窗口中,网页的文件名是什么 在什么位置可以看到 在标题栏上显示了什么 通过显示的内容你能知道什么。(2)观察这组网页的内容,说一说它们有什么特点:其次,教师更改其中一个网页的共享边框部分,让学生观察其他几个网页有什么变化 让学生通过讨论归纳出共享边框的特
26、点。教师小结网页标题和共享边框知识点。理解了什么是网页标题和共享边框,操作也就变得容易了。教师可以准备一些学习资料和素材,让学生通过自主学习或小组合作学习的方式来进行本节课的学习,在学生自学的过程中,让学生及时反馈学习成果,学生遇到的共性问题,可以让已经解决问题的学生通过多媒体演示操作过程(提倡),也可以是教师演示操作过程。2、重点内容分析:本节课的重点可以归纳为两点:(1)更改网页标题:对于新建的网页,默认的文件名为new_page_1。htm,在进行保存的时候,与Word软件有所不同的是多了一项网页标题,这是一个非常重要的知识点,如果学生弄不清楚什么是网页标题,那么在后面制作网站的过程中就
27、会出现站点结构混乱的现象。由于站点中的网页一般都是用英文字母或数字命名的,因此通过网页文件名不能直观看出网页的内容,如果将网页标题改成中文,则能够更清晰地反映网页的内容。在浏览网页时,浏览器的地址栏显示的是网页的文件名,而在标题栏中则会直接显示出网页的中文名,这使得站点结构变得更为清晰,为今后网站的建设带来极大的便利。如下图所示。网页标题网页文件名(2)设置共享边框:本节课围绕网站中的卡通世界栏目,学习了利用共享边框制作一组风格统一的网页。对于学生来说,理解共享边框的概念是重点,也是难点,解决了这个问题,设置共享边框也就变得容易了。共享边框实际是多个网页共享的区域,或者说是公共部分,可以放置任
28、何对象,如文本,悬停按钮或图片等。使用共享边框的好处是,当站点中的网页非常多时,其中一个网页的共享边框部分被修改了,其他与之共享的网页会同时改变,这会大大减少修改网页的工作量。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)利用文件夹列表为站点创建新的文件夹,文件夹的名称用字母来表示。最好是自己能看得懂的,如ktsj是卡通世界汉语拼音的声母。(2)利用文件夹列表为站点添加新的网页,将网页保存到站点中指定的文件夹里,文件名用字母表示,网页标题用中文表示。这样在今后浏览网页时,浏览器的标题栏会直接显示出中文名,便于识别网页的内容,也便于以后进行网页间的链接。(3)运用共享边框可以制作
29、一组风格统一的网页。共享边框是站点上由多个网页共享的区域,可以放置任何对象,如文本,悬停按钮或图片等。当共享边框被修改了,所有共享这个区域的网页就会同时改变。(三)教学补充:1、关于网页标题:由于站点中的网页一般都是用英文字母或数字命名的,因此通过网页文件名不能直观看出网页的内容,如果将网页标题改成中文,则能够更清晰地反映网页的内容,如下图中,在文件夹视图中,我们可以清晰地看到,在ktsj文件夹中有5个网页,通过标题,就能知道每个网页的内容了。文件夹视图网页标题:如果在保存网页时,忘了更改网页标题了,可以通过网页属性再更改网页标题,操作过程如下图所示。选取网页文件右击单击属性输入网页标题单击确
30、定2、将网页中的图片保存到指定的文件夹中:网页中的图片默认的保存位置是站点文件夹下,如果要改变图片保存的位置,操作过程如下图所示。3、共享边框:共享边框是站点上由多个网页共享的区域,可以出现在网页的顶端(类似于页眉),底端(类似于页脚),左边或右边。单击改变文件夹选择保存的位置 单击确定第6课 幻影移形 创建横幅广告(一)本课教学目标:1、学会利用组件横幅广告管理器在网页中插入横幅广告。2、学会在网页中插入水平线分割网页。3、学会利用设置表格或单元格背景色的方法为网页添加背景。4、学会为悬停按钮设置超级链接。(二)教学设计与教学建议:1、课堂引入分析:通过前面的学习,学生已经掌握了一般网页的制
31、作过程,会用表格和共享边框规划网页的版面,由于制作的网页都是静态的,且网页之间没有建立链接关系,所以还体会不到网页的神奇。本课围绕卡通世界栏目,学习在网页中插入横幅广告和水平线,并在网页之间建立超链接关系。FrontPage不仅仅是一个网页的编辑器和站点管理器,还具有强大的多媒体功能,它的一个组件横幅广告管理器能够使多张画面自动切换,大大增添了页面的动感,这是非常吸引孩子的一个内容。在课堂的引入部分,教师可以这样设计:首先播放一段拍摄的影片资料,内容是一些繁华的商业街上有大幅的广告牌,上面的画面是动态,总是几张图片在循环播放,让学生讨论这些广告牌有什么优点把生活实际直接引入课堂。然后请学生欣赏
32、几个带有横幅广告效果和水平分割线的网页,在欣赏的过程中教师提出要求:(1)在网页上你看到了什么效果,你认为这样制作出来的网页效果如何 。(2)点击网页上的悬停按钮,你发现了什么 。教师小结横幅广告,水平线,超链接知识点。在接下来的教学环节中,教师可以准备一些学习资料和素材,让学生通过自主学习或小组合作学习的方式来进行本节课的学习,在学生自学的过程中,让学生及时反馈学习成果,学生遇到的共性问题,可以让已经解决问题的学生通过多媒体演示操作过程(提倡),也可以是教师演示操作过程。2、重点内容分析:本节课的重点可以归纳为两点:(1)创建横幅广告:横幅广告效果对于学生来说并不陌生,在生活中很常见,如在一
33、些繁华的商业街上有大幅的广告牌,上面的画面是动态,总是几张图片在循环播放,不但使有限的空间容纳更多的广告信息,动态的画面更吸引人的眼球。在网页中插入横幅广告,实际上就是利用横幅广告管理器这个组件在网页上开辟一个区域,不断地循环播放一些图片,目的有两个,一个是增加了网页信息的容量,一个是产生动态效果,使网页更具吸引力。在制作过程中需要提示学生注意以下几点:插入的图片尺寸尽量保持一致。每幅图的显示时间以23秒最为合适。最多可以插入9张图片。要保存之后才能预览到效果。(2)利用悬停按钮制作超链接:利用超链接,可以实现在网页间进行跳跃式的访问,这是网页的一大特点。在网页中建立链接关系需要提示学生注意以
34、下几点:两个网页间是可以相互访问的,有去有回。在建立超链接时,应先通过文件夹列表打开甲网页,在普通网页模式下建立与乙网页的超链接,然后再通过文件夹列表打开乙网页,在普通网页模式下建立回访甲网页的超链接。最后通过预览验证两个网页能否相互访问。在网页多的情况下,这样做可以防止漏掉链接关系。可以通过网站结构的规划图,理清网页间的链接关系,尤其是悬停按钮与网页间的对应关系。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)使用组件横幅广告管理器在网页中插入一组能够不断循环播放的图片,并且可以设置图片出现的时间,切换效果。横幅广告的区域可以用鼠标拖动直接放大或缩小。网站结构规划图:(2)在网
35、页中插入水平线,可以使网页的版面结构更加清晰。水平线的长度,颜色,粗细等可以通过水平线属性对话框进行设置。(3)利用悬停按钮设置超链接,控制网页的跳转。要理清网页间的链接关系,尤其是悬停按钮与网页间的对应关系。(三)教学补充:1、裁剪图片:在制作横幅广告时,图片的尺寸应尽量保持一致。如果需要的素材图片尺寸不一致时,可以通过FrontPage的图片工具栏中的裁剪工具对图片进行裁减。裁剪的过程如word中相同。选取图片再单击裁剪工具单击裁剪工具鼠标指向控制点拖动选定裁剪范围裁剪后效果:需要注意的是,如果插入的图片格式为gif动画文件,则不能用裁剪工具进行裁剪。2、设置横幅广告超链接:设置超链接的方
36、法有多种,除了可以对悬停按钮设置超链接外,还可以对网页中的文字,图片,滚动字幕和横幅广告设置超链接。下图所示的是对横幅广告设置超链接的过程。选取链接目标文件双击横幅广告,打开属性对话框单击浏览单击确定第6课 幻影移形 创建横幅广告(一)本课教学目标:1、学会利用组件横幅广告管理器在网页中插入横幅广告。2、学会在网页中插入水平线分割网页。3、学会利用设置表格或单元格背景色的方法为网页添加背景。4、学会为悬停按钮设置超级链接。(二)教学设计与教学建议:1、课堂引入分析:通过前面的学习,学生已经掌握了一般网页的制作过程,会用表格和共享边框规划网页的版面,由于制作的网页都是静态的,且网页之间没有建立链
37、接关系,所以还体会不到网页的神奇。本课围绕卡通世界栏目,学习在网页中插入横幅广告和水平线,并在网页之间建立超链接关系。FrontPage不仅仅是一个网页的编辑器和站点管理器,还具有强大的多媒体功能,它的一个组件横幅广告管理器能够使多张画面自动切换,大大增添了页面的动感,这是非常吸引孩子的一个内容。在课堂的引入部分,教师可以这样设计:首先播放一段拍摄的影片资料,内容是一些繁华的商业街上有大幅的广告牌,上面的画面是动态,总是几张图片在循环播放,让学生讨论这些广告牌有什么优点把生活实际直接引入课堂。然后请学生欣赏几个带有横幅广告效果和水平分割线的网页,在欣赏的过程中教师提出要求:(1)在网页上你看到
38、了什么效果,你认为这样制作出来的网页效果如何 。(2)点击网页上的悬停按钮,你发现了什么 。教师小结横幅广告,水平线,超链接知识点。在接下来的教学环节中,教师可以准备一些学习资料和素材,让学生通过自主学习或小组合作学习的方式来进行本节课的学习,在学生自学的过程中,让学生及时反馈学习成果,学生遇到的共性问题,可以让已经解决问题的学生通过多媒体演示操作过程(提倡),也可以是教师演示操作过程。2、重点内容分析:本节课的重点可以归纳为两点:(1)创建横幅广告:横幅广告效果对于学生来说并不陌生,在生活中很常见,如在一些繁华的商业街上有大幅的广告牌,上面的画面是动态,总是几张图片在循环播放,不但使有限的空
39、间容纳更多的广告信息,动态的画面更吸引人的眼球。在网页中插入横幅广告,实际上就是利用横幅广告管理器这个组件在网页上开辟一个区域,不断地循环播放一些图片,目的有两个,一个是增加了网页信息的容量,一个是产生动态效果,使网页更具吸引力。在制作过程中需要提示学生注意以下几点:插入的图片尺寸尽量保持一致。每幅图的显示时间以23秒最为合适。最多可以插入9张图片。要保存之后才能预览到效果。(2)利用悬停按钮制作超链接:利用超链接,可以实现在网页间进行跳跃式的访问,这是网页的一大特点。在网页中建立链接关系需要提示学生注意以下几点:两个网页间是可以相互访问的,有去有回。在建立超链接时,应先通过文件夹列表打开甲网
40、页,在普通网页模式下建立与乙网页的超链接,然后再通过文件夹列表打开乙网页,在普通网页模式下建立回访甲网页的超链接。最后通过预览验证两个网页能否相互访问。在网页多的情况下,这样做可以防止漏掉链接关系。可以通过网站结构的规划图,理清网页间的链接关系,尤其是悬停按钮与网页间的对应关系。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)使用组件横幅广告管理器在网页中插入一组能够不断循环播放的图片,并且可以设置图片出现的时间,切换效果。横幅广告的区域可以用鼠标拖动直接放大或缩小。网站结构规划图:(2)在网页中插入水平线,可以使网页的版面结构更加清晰。水平线的长度,颜色,粗细等可以通过水平线属
41、性对话框进行设置。(3)利用悬停按钮设置超链接,控制网页的跳转。要理清网页间的链接关系,尤其是悬停按钮与网页间的对应关系。(三)教学补充:1、裁剪图片:在制作横幅广告时,图片的尺寸应尽量保持一致。如果需要的素材图片尺寸不一致时,可以通过FrontPage的图片工具栏中的裁剪工具对图片进行裁减。裁剪的过程如word中相同。选取图片再单击裁剪工具单击裁剪工具鼠标指向控制点拖动选定裁剪范围裁剪后效果:需要注意的是,如果插入的图片格式为gif动画文件,则不能用裁剪工具进行裁剪。2、设置横幅广告超链接:设置超链接的方法有多种,除了可以对悬停按钮设置超链接外,还可以对网页中的文字,图片,滚动字幕和横幅广告
42、设置超链接。下图所示的是对横幅广告设置超链接的过程。选取链接目标文件双击横幅广告,打开属性对话框单击浏览单击确定第8课 联合演出 整合栏目(一)本课教学目标:1、熟练掌握运用悬停按钮和图片制作超级链接。2、会设置已有网页之间的导航结构。3、培养学生小组合作学习意识。(二)教学设计与教学建议:1、课堂引入分析:经过前几节课的学习与制作,卡通世界栏目的五个网页已经制作完成,且卡通世界栏目的kt。htm与站点的主页已经建立了超链接关系。本节课的主要任务就是在卡通世界栏目的五个网页之间建立超链接,让这五个网页可以相互访问,并进一步让学生领略使用共享边框的好处,充分体会网页间跳跃访问的神奇。要想完成好这
43、个任务首先要理清网页之间的关系,以免在链接时发生错误,因此在课堂的引入部分可以这样设计:首先,教师可以让学生画出网页间的结构图,如下图所示,然后演示在导航视图中建立网页间的结构图的过程,让学生体会哪种方法更方便,并学会利用导航视图创建导航结构。然后根据图所示的网页关系,制作超链接。在制作的过程中教师提出要求:(1)将卡通世界kt。htm中共享边框的四个悬停按钮制作成指向kt1,kt2,kt3,kt4网页的超链接。(2)预览kt。htm网页,单击悬停按钮访问其他网页,你发现了什么 为什么会这样学生讨论之后,教师小结共享边框的作用。教师提出任务,让学生在kt1,kt2,kt3,kt4等网页中利用图
44、片制作指向kt网页的超链接。并提出要求:(1)比速度。(2)比方法,看谁采用了与别人不同的方法。(3)最后看谁能实现上图中所有网页间的相互访问。网页结构图:学生在制作过程中可参考教材或教师提供的学习资料进行自主学习,如果自学有困难也可采用小组合作的方式进行学习。这样可以兼顾到对知识技能掌握不同程度的学生,同时也体现了学生在课堂教学中占具主体地位。请完成任务好的学生介绍经验。2、重点内容分析:本节课的重点是在卡通世界栏目的五个网页之间建立超链接,让这五个网页可以相互访问,并进一步让学生领略使用共享边框的好处,充分体会网页间跳跃访问的神奇。当学生将卡通世界kt。htm中共享边框的四个悬停按钮制作成
45、指向kt1,kt2,kt3,kt4网页的超链接后,在预览网页的链接效果时会发现问题:(1)由kt网页跳转到kt1,kt2,kt3,kt4中的任意一个网页后,kt1,kt2,kt3,kt4这四个网页可以相互访问,并不象在学习第6课时强调的:在建立超链接时,应先通过文件夹列表打开甲网页,在普通网页模式下建立与乙网页的超链接,然后再通过文件夹列表打开乙网页,在普通网页模式下建立回访甲网页的超链接。这是因为悬停按钮被放置在了共享边框中,只要在其中一个网页里设置好超链接,其他网页也同时共享了这个设置,由此学生进一步领略使用共享边框的好处。(2)因为kt1,kt2,kt3,kt4四个网页没有指向kt网页的超链接,因此无法跳回到kt网页中,要想快速解决这个问题,只需要在kt1,kt2,kt3,kt4其中的一个网页的共享边框中设置返回kt网页的超链接就可以了。3、归纳提高分析:本节课涉及到的知识可以归纳为以下几点:(1)将几个网页共有的超链接放在共享边框里,可以大大简化创建超链接的工作。(2)可以对图片设置超链接。(3)在导航视图中创建栏目的导航结构。打开导航视图,通过文件夹列表将网页文件直接拖动到导航视图中合适的位置,待虚线相接,释放鼠标即可。在导航结构中只显示网页的中文标题,这样有利于网站结构更加清晰。(三)教学补充:在FrontPage窗口中,可以同时打开多个网页文