五年级下册信息技术教案-13制作框架网页|闽教版(2016)

| 6页
| 365人阅读
| 14人下载
普通

第13课 制作框架网页

学情分析: 

通过上节课的学习,学生对框架网页有了初步的了解,本节课主要让学生对上节课创建的框架网页,设定初始页面、设置框架的属性,完成框架网页制作任务。在制作过程中,让学生学会在框架中设置初始网页以及框架网页的原理,感受网页制作方法的多样化,体验网页制作技术的魅力。 

目的要求: 

知识与技能目标: 

1、能打开上节课创建的框架网页,为主框架设置初始网页,设置框架属性。 

2、能为选中的对象设置链接的网页,并将该网页安排在合适的框架中;理解框架间的调用关系。 

3、学会保存框架网页。 

过程与方法目标: 

1、创设教学情境,精心设计学生自主、合作学习环节,培养学生探究学习能力、动手操作能力及创新思维能力。

 情感态度与价值观目标: 

1、 培养学生良好的学习习惯,激发学生学习兴趣,增强做学习小主人的自信心。 

2、 培养学生小组合作,互帮互助的学习态度。 

3、 能根据实际的任务要求,设置合适的自定义动画效果和切换方式,实现演示文稿的动画显示。

 教学重、难点: 

1、能为主框架设置初始网页;为选中的对象设置链接的网页,并将该网页安排在合适的框架中;理解框架间的调用关系,会保存框架网页。 

2、为选中的对象设置链接的网页,并将该网页安排在合适的框架中;理解框架间的调用关系。 

教学时数:

2课时  

教具准备: page number 0


PPT课件、熊猫乐园网页实例、xxjs 14文件夹、pldw文件夹 

教学过程:

    第一课时 

一、欣赏图片,导入新课 

1、 师:同学们,上课前先欣赏几张图片。 

2、 师播放熊猫照片。 

3、 师:你们喜欢他吗?你了解熊猫吗? 

4、 师:今天老师带来了几个网页,跟你们分享熊猫的特性。

 5、 师展示网页。 

6、 师:这几个网页有什么特点? 

7、 引导生说出网站的标题和版权信息内容一样。 

8、 提问:如何快捷地制作这些网页? 

9、 引导生说说方法。 

10、提问:有没有更好的方法呢?相同的区域我们能否只做一遍? 

11、师:这节课我们就学习制作框架网页。 

12、揭题:13、制作框架网页。 

13、师:制作框架网页可以看作是一种“拼图”,就是将内容相关的若干个独立

网页组合在一起,形成一个完整的框架网页。框架就是一个特殊的“相框”,通过超链接能切换“相框”里的内容。

二、认识、创建框架网页

 1、 师出示学习任务。 

2、 师:这是这节课我们要学习的内容,只要你掌握了这些知识就能轻松制作一个漂亮的网页。 

3、 师展示熊猫网站首页。 

4、 师:这是这节课我们要制作的框架首页,我们看到浏览器窗口被分成四块区域,它们分别是什么呢? 

5、 引导生说四个框架的名称。 

6、 师示范单击目录导航区,引导生说说哪个框架发生变化? 

7、 师:在框架网页中,每个框架都是一个单独的网页,通常情况下,只有中page number 1


间右框的内容需要随着左框选择项目的不同而发生变化,当我们单击不同的超

链接项,右框就会显示不同的网页内容,其余三个框架的内容则保持不变,这三个框架中的内容是每个网页中重复的部分,所以在设计网页时,我们将每个相同的内容都独立分离成一个网页,这样不仅可以减少重复操作的时间,提高网站建设的效率;同时,也有利于网站后期修改维护。 

8、 师:认识了框架网页,现在我们开始制作熊猫乐园的框架首页。制作前先打开框架网页,谁能根据上节课所学的知识帮老师创建一个框架网页呢? 

9、 指名生创建网页。 

三、设定初始页面 

1、 师:创建框架网页后,现在我们开始学习制作熊猫乐园的网站首页。 

2、 师:现在我们观察站点文件夹,我们看到文件夹中有五个网页,你觉得他们应该放在哪个框架呢? 

3、 引导生说出右框的内容导航区域。 

4、 师:我们看到框架网页被分成四块区域,每块区域都有新建网页按钮和设定初始页面按钮,我们应该如何制作首页呢? 我们知道上框,左框和下框是每个网页中重复的部分,需要 进行独立设计,所以在设计网页时,这三个框架我们都使用新建网页按钮新建一个空白的网页。上框主要是存放网站标题的图片,这个框架我们使用新建网页按钮,然后在空白网页中插入一张标题图片。左框主要做网站的目录导航功能,用于切换右框的内容,通常情况下,我们主要以表格的形式为主进行设计,所以左框我们也使用新建网页按钮,插入一个表格,然后在表格中输入网站的导航栏目内容,用来调用我们已经制作好的五个网页。这个网页我们今天的学习成果,我们可以将自己的名字写在版权所有区域,所以在下框我们使用新建网页按钮,在网页中写上自己的名字,这就是版权所有的框架。中间右框的内容区域是用来调用我们已经做好的五个网页,所以在这个框架中我们使用的是设定初始网页按钮,将其中一个网页设置为首页的初始页面。

5、 师:你们想试试制作一个熊猫乐园的首页吗? 

6、 任务一: 

阅读教材P75 2、设定初始页面,打开网站xxjs 13文件夹,新建一个框架网页,完成以下操作,制作熊猫网站的框架首页。 page number 2


由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。