小学五年级信息技术网站设计.doc

小学五年级信息技术教学设计五年级教学进度表教学进度：周次时间(周三)教学内容课时一2.18建设文件夹1二2.25第6课 确定网站主题1三3.4第7课 收集相关素材2四3.11五3.181六3.25第8课 创建主题站点2七4.1八4.8第9课 制作站点首页3九4.15十4.22十一4.29第10课 编辑修饰网页十二5.6十三5.13第11课 建立超级链接2十四5.20十五5.27第12课 交流与评价主题站点2十六6.3十七6.1013,导入其他站点2十八6.17十九6.24总结1六年级 主题站点的构建与制作第1课 确定主题站点第1课时一、教学目标：知识：掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。 技能：培养学生小组合作分工的组织能力二、教学重点：创建站点，收集图片，启动frontpage2000。三、教学时间四、教学步骤： 1、启动FrontPage 2000单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。2、FrontPage 2000的界面说明 FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。工具栏单击【查看】菜单，选择【工具栏】， 在出现的下拉菜单中列出了几种不同的、工具栏，如果菜单项前面有一个对钧号“”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。普通显示方式是最常用的显示方式，一般是在此方式下工作。HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。什么是站点？站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。站点一般以国际通用的Internet地址来表示，例如：或等，进入某个站点所见到的第一页一般称为“HomePage”，中文的意思是“主页”。什么是主页？ 主页的英文名称为“HomePage”，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm”（index.html）或“default.htm”（default.html），也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的链接可以浏览到其他网页信息。3、新建站点实例：使用【只有一个网页的站点】模板创建一个Web站点。操作步骤：（1） 打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。（3）单击【确定】按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了文件新建指定新站点的位置提示：新站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的方便。而一个站点要让在Internet上的用户正常浏览的话，应该通过FrontPage的站点发布功能或FT文件传送方式，把该站点内容传送至能提供存放空间的Web服务器上去。新建的站点只有一个主页index.htm文件，该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目录为images。私人文件夹不用管图片文件夹，需要放图片，但需要改为英文名字4、关闭站点打开【文件】菜单，选择【关闭站点】菜单项，则当前站点被关闭。5、打开站点站点内容需要修改或添加时，必须把该站点打开。操作过程如下：打开【文件】菜单，在下拉菜单选择【打开站点】，出现一个对话框，在对话框的【文件夹】项中输入该站点的存放位置，然后单击【打开】按钮，站点将被重新打开。6、收集图片 拷贝图片到新建站点的图片文件夹images中。五、上机操作创建自己的站点，收集图片素材。小结第2课时教学目的：1、确定探索主题、制定实施方案，设计主题网站。 2、培养学生小组合作的意识。 3、培养学生团结协作的精神。教学重点：确定探索主题、制定实施方案教学难点：对网站结构的理解突破重点、难点的主要方法：范例展示教具准备：网站范例教学过程一、导入：为了北京举办的2008年奥运会，展现北京的风采，我们今天来学习建立主题网站。二、新授：1.教师展示一个主题网站。讲解网站的结构：一般网站是由两层组成的。第一层是主页，下面分别建立了若干个网页。网页之间是通过超链接联系起来的。讲解网页的组成及来源：网页由图片、文字组成。我们可以通过上网收集文字和图片。也可以将书中、光盘中的文字、图片收集下来。2.活动A：确定探索主题（1）教师提供几个感兴趣的话题：如：56个民族大家庭、我们的学校、我家的变化、动物乐园、噪声与环境、游戏俱乐部音乐广场。（2）根据教师提供的话题，提出要探索的问题。（3）围绕问题确定主题。（4）根据共同的兴趣自愿组成小组。（5）确定小组名称及小组成员。3.活动B：制定网站实施方案（1）确定主要内容（2）明确组内分工（3）明确材料收集的内容。4.活动C：设计网站结构图（4）在明确网站内容后，建立网站结构图，分清层次。5. 活动D：安排学生课后收集材料学生讨论并自愿分组学生活动规划网站结构 板书设计：制定方案，搭建舞台设计班级网站主页子页第3课时教学内容：收集素材建立网站模型教学目的：1、学会建立网站模型 2、培养学生分工合作的意识。 3、培养学生团队精神。教学重点：素材的收集教学难点：网站的设计突破重点、难点的主要方法：练习法教学过程一、 网站模型的设计：依据学生收集到的图片和文字素材用纸将各个网页的页面进行简单设计，注意每页的第一行是该页的主题，第二行是网页的链接，类似于演示文稿中的按钮。下面是由文字和图片组成的主要内容。同学可参考虚拟网站。 二、小组成员将收集到的文字和图片素材，输入到计算机中，以备网页制作之用。学生设计网页学生将所收集到的素材 板书设计： 收集素材建立网站模型 第4课时 创建主题站点教学内容：启动FrontPage2000，新建站点教学目的： 1、知识目标：了解网页制作软件PRONTPAGE2000，建立站点。2、技能目标：培养学生的自学能力，和知识的迁移能力。3、情感目标：对学生进行爱国主义的教育教学重点： 新建网站站点教学难点：新建网站，基本概念识记教具准备：网页主页教学过程一、 教师展示网站教师展示“小水滴”网站，并讲解有关概念。主页：每个网站的第一页链接：类似于演示文稿中的按钮，单击可以进行浏览二、启动FrontPage2000 1、我们制作网页的工具是FrontPage2000，它是office2000软件包的成员之一，我们利用学习WORD和POWERPOINT的方法来学习它。下面同学们启动FrontPage2000，启动的方法和WORD的启动方法相同。注意它的启动位置和它的图标。2、FrontPage2000的窗口学习请同学打开WORD对比两个软件的窗口的进行学习，找出相同之处和不同之处。 3、请学生说出两个窗口的区别。4、启动软件后系统会自动生成一个名new_page_1.htm的新网页。单击文件夹-右击重命名可以改名5、新建站点，我们可以新建两种文件，一种是网页，一种是网站，他们有什么不同呢？同学们试试看分别建立一个网站和一个网页看看有什么不同。6、下面我们来新建一个站点，注意选择“只有一个网页的站点”，网页的位置是d:*班级过程：文件新建网页或站点新建网页或站点新建空白站点只有一个网页的站点指定位置（选择位置：在：d:*班级小水滴成果库站点）单击打开确定小水滴成果库站点7、新建站点后会在视图栏出现一个文件夹列表，此栏中列出了站点的所有文件夹和网页文件，private(个人)和images(图像)两个文件夹，他们分别用于存放站点中相关的支持文件，“index.htm”是站点的主页。8、注意对主页进行编辑，先要双击“index.htm”，因为最初我们默认编辑的网页是new_page_1.htm。三、学生总结本节课所学习的知识学生欣赏，了解有关概念学生启动FrontPage2000，并掌握两种启动方法。学生自学FrontPage2000的窗口的组成学生小结：FrontPage2000有视图工具栏。学生尝试练习，发现新建网页只是一个单独的网页，而网站则多出一个文件夹列表强调网站与网页的区别。学生总结板书设计： FrontPage2000 新建 站点 d:*班级小水滴成果库站点第7课 收集整理资料教学目标：1、能够制定项目文件来，合理保存小组的的相关资料2、能够通过各种收集素材，并对素材进行合理的归类和整理3、培养学生良好的版权意识，要求学生能够正确地填写资料来源记录重点难点建立项目文件来对资料进行合理的归类和整理难点学生能够真正树立良好的版权意思 本课内容与第6课结合教学，分层推进。第一课时学生完善研究计划学生根据自己研究的兴趣自由分好组，进行板栗管理方面的研究调查，教师进行疑难解答和技术指导。各小组调查内容的不同，组内分工的不同，教师要及时地根据情况进行个别指导。第一小组调查板栗树的树上根外施肥（叶面喷肥）。第二小组调查板栗树的开花期和果蓬期的管理。第三小组调查板栗树的夏季修剪。各小组由小组长负责安排协调好人员分工，听众组长长的安排，不要争吵，有秩序的活动。学生完善研究计划学生根据自己研究的兴趣自由分好组，进行板栗管理方面的研究调查，教师进行疑难解答和技术指导。各小组调查内容的不同，组内分工的不同，教师要及时地根据情况进行个别指导。第一小组调查板栗树的树上根外施肥（叶面喷肥）。第二小组调查板栗树的开花期和果蓬期的管理。第三小组调查板栗树的夏季修剪。第二课时学生完善研究计划学生根据自己研究的兴趣自由分好组，进行板栗管理方面的研究调查，教师进行疑难解答和技术指导。 问题有学生提出，学生之间解答，老师给予适当的提示。第一各小组调查内容的不同，组内分工的不同，教师要及时地根据情况进行个别指导。小组调查板栗树的树上根外施肥（叶面喷肥）。第二小组调查板栗树的开花期和果蓬期的管理。第三小组调查板栗树的夏季修剪。第三课时一、教师谈话谈话导入课题 我们经过调查研究，对板栗的管理内容有了一定的了解，同时在调查研究活动中，你们也有许多的经历和感言。下面就请同学们以小组形式，向大家汇报一下研究成果。二、学生进行汇报1调查栗树的树上根外施肥（叶面喷肥）小组汇报 学生进行小组汇报学生提出合理建议或意见教师适当点评2调查栗树的开花期和果蓬期的管理小组汇报展示板栗的吃法学生进行小组汇报学生提出合理建议或意见教师适当点评3. 调查板栗树的夏季修剪小组汇报 学生进行小组汇报学生提出合理建议或意见教师适当点评汇报方式：、 小组内进行交流、 找出主要点、 推选汇报人、 汇报人集中汇报、 其他同学提出合理建议、 老师点评、 根据同学的建议，进行调整修改三、教师进行总结简单评价这节课学生的情况，布置下节课任务学生根据自己板栗管理方面的研究调查进行总结和扩展，找到自己存在的问题，教师进行疑难解答和技术指导。学生根据自己板栗管理方面的研究调查进行总结和扩展，找到自己存在的问题，教师进行疑难解答和技术指导。第8课第一课时教学内容：网页布局教学目的： 1、利用表格工具规划网站的主页。2、培养学生知识迁移的能力。3、培养学生不怕困难的意志品质教学重点： 网页布局教学难点：网页布局教具准备：网页主页教学过程一、教师展示网页，引导学生分析这张网页的组成。那么这些内容我们是怎样进行布局的呢？我们在制作网页的时候，可以利用表格来给页面进行布局通过练习本的样子引入。二、学生通过助学网页自学，例21、双击“index.htm” 2、表格 插入表格插入表格 3、行数“7”，列数“1” 4、边框粗细“0”提示像素的概念 5、确定 6、右击第5行，拆分单元格 7、拆分成列，3注意与wps中的拆分单元格区别强调合并单元格的意义 8、确定 9、调整表格列宽调整方法、 手动、 定制调整练习：分析示例的网页布局，并制作网页布局的表格。三、学生总结 学生分析：标题、图片、内容、链接、水平线板书设计：网页布局插入表格合并单元格拆分单元格（拆分之前要先合并）第二课时教学内容：插入文字和图片、保存网页教学目的： 1、学习插入网页中问题和图片。2、培养学生知识迁移的能力。3、培养学生自学知识的意识。教学重点： 保存网页中的图片教学难点：保存网页中的图片突破重点、难点的主要方法：演示法教学过程一、新授：以助学网页形式出示教学内容1、 输入文字：文字的输入和我们在WORD中文字的输入的方法是基本相同的。同学们可以依照“文字”网页中的内容进行输入提示：文字的大字要合适注意色彩的协调性。2、 插入图片：强调图片必须在images文件夹中的文件，图片的文件名需要以英文形式 在FRONTPAGE中插入图片的方法和在WORD中插入图片的方法基本相似，同学们也可以按照相同的方法尝试练习在网页中插入图片。 板书：插入图片来自文件3、 保存网页文件另存为更改设置网页标题（将网页标题更改为“北京欢迎您”）确定保存是（弹出保存嵌入式文件）改变文件夹（将图片保存在IMAGES文件夹中）二、学生小结利用助学网页自学学生输入网页的文字。学生尝试练习插入图片学生保存网页保存分为另存为与保存两种情况介绍ctrl+s保存学生小结板书设计： 在网页中插入文字和图片 插入图片来自文件 保存嵌入式文件改变文件夹第三课时教学内容：建立网页间的超级链接教学目标：1、了解什么是超级链接。2、学会网页间链接的方法，将已经制作好的独立网页建立链接。教学重点：建立网页间的超级链接教学难点：建立网页间的超级链接教具准备：网站范例教学过程一、操作感知二、概念理解三、1、 操作实践让学生浏览网站，并提问我们制作的网站是由一张张网页组成的那么这些网页是怎样连接到一起的呢？2、 网页是通过“超级链接”联系到一起的。板书：超级链接1 、什么是超级链接呢？2、超级链接包含两部分：链接的载体（文字和图片）被链接的目标（其它网页、电子邮件地址、网站地址、文档、图片等）浏览网页时，单击链接的载体，网页就会根据设置好的超级链接跳转到目标位置上。3、请同学们根据刚才浏览的网页指出哪些是链接的载体，哪些是被链接的目标。4、同学们在思考一下网页间的链接有什么特点，我们应当如何设置网页间的链接。网页间的链接一般都是成对出现，一个网页链接对应着令一个网页的“返回”链接。我们先打开上节课制作的网站，并打开主页，根据设置好的链接载体制作链接。学生通过浏览网页，感受什么是超级链接，以及有什么作用。击网页中的文字和图片可以打开新的网页内容。学生根据刚刚浏览的网页指出链接的载体和被链接的目标。学生思考，并尝试回答尝试操作 演示四、小结步骤：1、打开主页“index.htm” 2、选中文字“名胜古迹”，单击常用工具上的“超链接”按钮，弹出“创建超链接”对话框。 3、在“创建超链接”对话框中，选择“mshgj.htm”.4、单击“确定”按钮，网页中的“名胜古迹”几个字就变成了蓝色并且带下划线，这表明这几个字已经设置了超级链接。 5、保存网页，在浏览视图中浏览网页，当鼠标移动到“名胜古迹”文字上时变成小手，单击后跳转到“名胜古迹”页面上。利用上面的方法在名胜古迹页面上设置“返回主页”的超链接。学生根据上面学习的知识设置网站的其它链接。学生小结本节学习的知识思考理解学生练习并提出问题学生巩固练习学生小结第10课 编辑修饰网页教学目标1. 了解设置水平线相关属性的操作过程。2. 能够在网页中添加水平线、插入动态小图片和预览效果，并能够将站点完整地保存。3. 养成自主学习和与人合作的意识。教学重点设置水平线相关属性的操作过程。教学难点设置水平线相关属性的操作过程。教具准备网站范例课时安排2课时课 型新授第1课时教学过程一、创设情境，提出探究任务1. 以助学网页形式出示教学内容，提问： 网页的页面是如何布局的？2.小结：插入水平线使页面分割得更为鲜明。板书：编辑修饰网页学生通过浏览网页，感受什么是水平线，以及有什么作用学生观察感知。二、认识、了解插入水平线和设置水平线属性1. 出示：插入水平线：单击“插入”“水平线”2.演示并讲解设置水平线相关属性（宽度、高度、对齐方式、颜色等）选中水平线单击“格式”菜单属性选择水平线属性确定学生根据板书提示，尝试在自己的网页中插入水平线。学生依照教师指导进行操作分组探究演示学习三、操作实践1. 根据操作2，小组学习：在“水利知识”网页中插入小动画图片“xzdq.gif”： 单击“插入”菜单来自文件确定“普通”状态和“预览”状态提示：工具绘制注意：保存到“images”文件夹中2. 根据操作4，分组自学：把“中国水利工程”站点内所有的网页进行保存：单击“窗口”菜单打开网页文件“index.htm”单击“保存”按钮 注：每一次对站点内容进行修改以后，都要对站点进行保存，以免丢失刚刚编辑完成的内容。根据教材操作提示，小组探究教学任务：在网页中插入动态小动画图片和完整保存站点。分组探究四、展示作品1. 评选优秀作品2. 汇报、展示2. 展示、汇报3. 评价、交流五、小结小结本节学习的知识学生小结总结板书编辑修饰网页水平线：单击“插入”菜单“水平线”选中单击“格式”菜单属性选择水平线属性确定图片：单击“插入”菜单来自文件确定“普通”状态和“预览”状态第2课时教学目标1. 了解滚动字幕的制作及相关属性的操作过程。2. 会在网页中添加滚动字幕并设置其属性。3. 养成自主学习和与人合作的意识。教学重点在网页中添加滚动字幕并设置其属性。教学难点理解并会设置滚动字幕的相关属性。教具准备网站范例课时安排2课时课 型新授教学过程一、创设情境，提出探究任务1. 以助学网页形式出示教学内容，提问： 网页的页面是如何布局的？2.小结：网页中添加滚动字幕使主题更加突出，形式更为活泼。板书：制作滚动字幕二、认识、了解滚动字幕的制作及相关属性的操作1. 打开网站范例，教师演示并讲解操作3在“水利知识”网页中添加滚动字幕“你知道什么是水利工程吗？”2.预览，提问：在“普通”状态下，能看见字幕的滚动的状况吗？在“预览”状态下，情况又是怎样的？3.教师小结三、操作实践1. 出示任务：在“中国水利工程”的首页制作一个滚动字幕“欢迎走进中共水利工程！” 2.提示：注意“普通”状态和“预览”状态结合3. 巡视指导四、展示作品1. 评选优秀作品2. 汇报、展示五、小结小结本节学习的知识板书编辑修饰网页滚动字幕单击“插入”“Web组件”“字幕”“动态效果”“字幕”完成“文本”输入确定第11课 建立超级链接第一课时教学目标1. 了解超级链接的基本概念。2. 会打开一个曾经编辑过的站点，会在网页中创建导航按钮和“共享边框”。3. 学会与人合作的方法和策略。教学重点在网页中创建导航按钮和“共享边框”。教学难点在网页中设置“共享边框”。教具准备网站范例课时安排2课时课 型新授第1课时教学过程一、创设情境，提出探究任务1. 让学生浏览网站，并提问：我们制作的网站是由一张张网页组成的，那么这些网页是怎样连接到一起的呢？2. 小结：网页是通过“超级链接”联系到一起的。板书：超级链接二、概念理解3. 什么是超级链接呢？4. 超级链接包含两部分：链接的载体（文字和图片）被链接的目标（其它网页、电子邮件地址、网站地址、文档、图片等）浏览网页时，单击链接的载体，网页就会根据设置好的超级链接跳转到目标位置上。三、操作实践1. 根据操作1，小组学习：编辑和修改已保存的站点中的网页打开“中国水利工程”站点： 文件打开站点试着再打开网页文件“slzs.htm”，观察：打开站点与打开一个网页的操作过程有什么区别？站点（或网页）打开以后的结果又有什么相同和不同之处？ 根据汇报进行小结。2. 根据操作2，分组自学：在“中国水利工程”站点的“水利知识”网页中添加一组导航按钮：插入导航插入Web组件确定“预览”状态和“用浏览器浏览”3.在“资料来源”网页中设置共享边框风格：格式共享边框当前网页（所有网页）确定四、展示作品1. 评选优秀作品2. 汇报、展示五、小结小结本节学习的知识板书建立超级链接打开站点：文件打开站点创建导航按钮：插入导航插入Web组件确定共享边框风格：格式共享边框当前网页（所有网页）确定课后反思：第二课时教学目标1. 了解并掌握在网页中创建一般超级链接的基本操作方法。2. 会创建一般的超级链接到书签、其他网页和相关网站。3. 学会与人合作的方法和策略。教学重点了解并掌握在网页中创建一般超级链接的基本操作方法。教学难点理解并掌握在网页中使用书签的操作过程。教具准备网站范例课 型新授第2课时教学过程教学环节教师活动一、创设情境，提出探究任务1. 提问：什么是超级链接？2. 出示网页范例（网页顶端插入书签作品）3. 小结：在网页中某一个特定段落的位置上插入一个书签，编辑网页时通过创建此书签的链接，可以使浏览者能迅速找到这个特定的段落。板书：使用书签二、认识书签，了解插入书签方法（一）使用书签1. 演示并讲解操作4：在“三峡工程”网页顶端插入书签“a”。2. 提问：通过书签，我们可以快速找到特定的段落，还能不能很快返回到顶端书签的位置呢？（二）创建与其他网页的超级链接1. 出示网页范例（一般超级链接作品）2. 同学们在思考一下网页间的链接有什么特点，我们应当如何设置网页间的链接。网页间的链接一般都是成对出现，一个网页链接对应着令一个网页的“返回”链接。三、操作实践，创建与其他网页的超级链接1. 分组学习：操作6，在“经典工程”网页中创建与“都江堰”网页的超级链接： 选中“都江堰”单击“超链接”工具按钮选择文件与Web页确定试一试，分别创建“经典工程”网页与“宁夏古灌渠”、“三峡工程”网页的超级链接思考：插入书签和