4.3网页的制作—用FrontPage创建站点
一、教学内容分析
《网页的制作》是教育科学出版社出版的初中信息技术七年级上册的内容。本章内容是使用FrontPage进行网站的开发，本节主要让学生掌握FrontPage站点的建立、导航框架的搭建，目的是通过运用FrontPage网页制作工具创建站点，很好地发挥FrontPage对网页的组织管理功能；建立网页导航框架，快速搭建网站导航框架；创建共享边框，使得所需内容出现在站点内多个网页的相同位置。进一步提高学生的网站设计能力和动手实践能力，又注重学生情感态度、价值观以及共通能力的发展，为学生应对未来挑战、实现终身发展奠定基础，提升学生的信息素养。
二、学习者特征分析
本课的学习者是我校初二年级学生，他们求知欲强，思维活跃，视野开阔，富有个性，他们的感知能力和思考能力较强，通过前一阶段的学习已掌握了网络技术知识和技能，他们渴望学到更多实用而有趣的网络技术知识。frontpage是一个所见即所得的网页制作工具，易学易
用，与word文字处理软件类似，这种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用较大，网站站点的建立也给学生提供了展示个性，自主、协作的机会，可促使他们合作、主动、创造性地学习，在教学中给学生自由发挥的空间，让学生在兴趣中自主探究学习。
三、教学目标
知识与技能
1. 认识FrontPage的工作界面，学会启动该软件。
2. 掌握站点的建立、打开、编辑和关闭的步骤。
3.学会创建导航框架、使用共享边框。
过程与方法
1. 通过基于任务的探索和小组的合作，师生交流、提高自己的动手实践能力和创新能力。
2. 通过自评和互评作品，能归纳利用FrontPage制作网站的基本思想方法。
情感态度与价值观
1. 培养集体主义荣誉感，热爱学校，为校园网站建设出谋划策。
2. 通过小组协作和自主探究活动，培养协作意识和探索精神，从而激发创作热情。
四、教学重点与难点
重点：利用网页导航框架建立站点
难点：共享边框的使用
五、教学策略设计
教学策略
1. 采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动，建立一定的探索情境，让学生思考、讨论，培养学生的观察、发现及思考的能力，激发学习兴趣。
2. 采用任务驱动的方式，将教学重点、难点逐个攻破，并运用分层递进教学法促进各层学
生不断进步，开发学生潜能、发展个性、关注每位学生，全面提高学生的信息素养。
学法指导
1. 指导学生采用课堂讨论的方式，以教师为指导，充分发挥学生的主体能动性，通过学生积极主动探讨，调动学生的积极性。
2. 指导学生采取合作学习的方式，通过合作学习，提高了学生的动手能力、协作能力及运用知识解决实际问题的能力。
六、教学过程设计
网站搭建策略与方法
教学环节
教师活动
学生活动
设计意图
创设情景导入新课
1．谈话引入，集体讨论：
●你最喜欢哪一个网站的哪一个网页？
●你为什么喜欢这个网页？
●你自己能否构思出一个漂亮的网页？
●如何用计算机实现自己所构思的网页？
2. 引导：从今天开始，我们就开始学习网页制作。要学会制作网页，首先必须知道：
●如何打开网站，应选择哪个文件？
●网页中的组成元素有哪些？
●网站文件的组织结构如何？
那么带着这些问题，我们一起来欣赏全国网页获奖作品《牵手日记》。
学习制作网页，实际上就是学习如何在一个页面中安排这些内容。
仔细观摩优秀作品并思考讨论，形成强烈的学习动机
调动学习兴趣，提高学生的学习兴趣和热情，激发学生学习和创作的欲望
知识新授
1.常用的网页制作工具介绍
在网络风潮的带领之下，市场上陆续出现许多强调所见即所得的网页制作软件，如：
●FrontPage
  适合初学者，易上手，用FrontPage软件制作网页就像在文字处理软件中编排多媒体文档一样。
●Flash
  结合动画制作动态网页
●Dreamweaver
专业人员制作网站的首选工具,用于对站点,页面,和应用程序进行设计,编码和开发。         
2. FrontPage界面介绍
启动FrontPage，引导大家观察FrontPage的界面、菜单与按钮，一，那些命令与按钮是我们学习过的，说一说它有什么作用？
常用工具栏、格式工具栏、视图栏等。
聆听并思考
回忆已有的经验迁移到新任务中
使学生懂得制作网页工具有多种，发散学生思维
布置
任务自主探究
2.任务一：新建站点
使用【只有一个网页的站点】模板创建一个Web站点。
教师演示操作步骤：
（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。
（2）单击【确定】按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。
分析讲解：
新建的站点只有一个主页index.htm文件，
该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目录为images。
引导进度快的学生探究建立网页导航框架，功能与共享边框一起使用。
任务二：建立网页导航
生：完善站点的制作，探究网页导航的建立。
1.板书（课件展示）
⑴定义导航结构
在网页内添加导航栏之前，先建立该站点的导航结构“视图”—“导航”按钮，把应该网站的导航框架搭建起来。
⑵认识导航栏属性
“插入”—“导航栏”按钮
父层：创建指向当前网页上一级网页的超链接，并将上一级网页的标题名称显示在导航栏内。
⑶创建导航栏（要在浏览器中才可看到实际导航栏效果）
以小组合作的方式探究一下如何建立导航框架，完成任务一（简单分组），在探究过程中请同学们做到：1.先完成任务的同学要帮助有困难的同学，争取小组内的所有成员都能完成任务。2.同学们在探究过程中可以参考教师帮助文档《创建网页站点操作指南》，并留意下创建网页站点共有几个步骤？我们看看哪个小组同学最团结，制作效果既迅速又美观。
2.生：探究建立网页导航框架制作，师对遇到困难的学生排疑解难。
3.师生：全班交流，小结归纳：请一位学生演示建立网页导航框架关键步骤，边操作边说出过程。教师强调学生容易忽略的操作。
任务三：创建共享边框
生：完善网页导航的建立，探究共享边框的创建。
1.板书(课件展示)：
用创建导航栏的方法只能在一个网页中创建导航栏，若需要导航栏出现在站点内多个网页的相同位置，则可将导航栏插入网页的共享边框内。“格式—共享边框” 命令。
2.提供帮助文档以支持学生自主学习，尝试创建共享边框。
3. 师生：全班交流，小结归纳：请一位学生演示创建共享边框关键步骤，边操作边说出过程。教师强调学生容易忽略的操作。
拓展任务：在网页中添加图片和文字。
1.广播教学：展示学生作品，与学生评析作品。
2.师补充讲解：（不占用课堂时间）
添加文字和图片的方法。
在学生练习过程中，教师巡回指导，及时发现学生问题并指出纠正。
明确任务，观察教师操作
学生聆听并思考
学生根据自己的能力利用帮助文档，先自主完成任务，再根据教师提供的资源与教程，以小组为单位，进行自主创作。
观察同学的操作，反思自己操作，及时做出修正
利用帮助文档自主探究
使学生明白建立站点的意义与作用
锻炼学生的自主学习能力。学生借助教师提供的帮助文档可以反复尝试，基础较好的学生可以继续往下探究，兼顾所有学生。
给学生展示自我的机会,调动学生积极性，让其他学生在观察其操作中掌握操作方法。
让学生创建共享边框，有利于教学目标更好地达成。而学有余力的学生在老师的引导下继续往下探究在网页中上添加文字、图片和其它元素。
任务反 馈
学习评 价
1.完成作品的同学，将其命名为“小组+姓名+作品名称“上传至服务器中作业上交文件夹。
⒉教师广播教学，小结学生的完成情况，鼓励学生大胆汇报自己的作品，教师展示部份学生作品，围绕思想性、科学性、创造性、艺术性评选。
欣赏作品、思考领悟。
开拓学生思路，加强对知识的理解。作品的展示激发学生的创作激情。
课堂总 结
本节课我们通过运用FrontPage网页制作工具创建站点，很好地发挥FrontPage对网页的组织管理功能；建立网页导航框架，快速搭建网站导航框架；创建共享边框，使得所需内容出现在站点内多个网页的相同位置。在这里请大家思考：创建站点是唯一制作网页的前提吗？你们有更好的制作方法吗？你们还会用什么方法制作网页呢？
思考
小结本课所学知识，加深学生理解, 以问题引发学生思考，鼓励学生大胆创作作品。
七．教学反思
整个教学活动，本着新课程“以学生发展为本”的原则，构思设计了《用frontpage创建站点》，拓宽学生的视野，内容的精彩深受学生的喜爱。采用分析任务－明确目标－自主探究－协作学习－归纳总结－评价成果等多种教学方法，每个环节都紧紧围绕主题，循序渐进地展开，并且注重各环节之间的自然衔接。根据信息技术课的特点，遵循“从知识到技能、从技能到知识”的认知规律：自学—掌握知识；动手—培养技能；应用—将知识与技能紧密结合并互相转化。师生互动贯穿于整个活动，使整个活动在轻松愉快、民主和谐的氛围中进行。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。