《网页的制作用frontpage创建站点.docVIP

4.3网页的制作—用FrontPage创建站点 一、教学内容分析FrontPage进行网站的开发，本节主要让学生掌握FrontPage站点的建立、导航框架的搭建，目的是通过进一步提高学生的网站设计能力和动手实践能力，又注重学生情感态度、价值观以及共通能力的发展，为学生应对未来挑战、实现终身发展奠定基础，提升学生的信息素养。三、教学目标知识与技能2. 掌握站点的建立、打开、编辑和关闭的步骤。 3.学会创建导航框架、使用共享边框。 过程与方法1. 通过基于任务的探索和小组的合作，师生交流、提高自己的动手实践能力和创新能力。 2. 通过自评和互评作品，能归纳利用FrontPage制作网站的基本思想方法情感态度与价值观. 培养集体主义荣誉感，热爱学校，为校园网站建设出谋划策。 2. 通过小组协作和自主探究活动，培养协作意识和探索精神，从而激发创作热情。 四、教学重点与难点重点：难点：五、教学策略设计教学策略1. 采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动，建立一定的探索情境，让学生思考、讨论，培养学生的观察、发现及思考的能力，激发学习兴趣。 2. 采用任务驱动的方式，将教学重点、难点逐个攻破，并运用分层递进教学法促进各层学生不断进步，开发学生潜能、发展个性、关注每位学生，全面提高学生的信息素养。 学法指导1. 指导学生采用课堂讨论的方式，以教师为指导，充分发挥学生的主体能动性，通过学生积极主动探讨，调动学生的积极性。 2. 指导学生采取合作学习的方式，通过合作学习，提高了学生的动手能力、协作能力及运用知识解决实际问题的能力。 六、教学过程设计 你为什么喜欢这个网页？ 你自己能否构思出一个漂亮的网页？ 如何用计算机实现自己所构思的网页？ 2. 引导：从今天开始，我们就开始学习网页制作。要学会制作网页，首先必须知道： 如何打开网站，应选择哪个文件？ 网页中的组成元素有哪些？ 网站文件的组织结构如何？ 那么带着这些问题，我们一起来欣赏全国网页获奖作品《牵手日记》。 学习制作网页，实际上就是学习如何在一个页面中安排这些内容。 仔细观摩优秀作品并思考讨论，形成强烈的学习动机 调动学习兴趣，提高学生的学习兴趣和热情，激发学生学习和创作的欲望 知识新授 常用的网页制作工具介绍 在网络风潮的带领之下，市场上陆续出现许多强调所见即所得的网页制作软件，如： FrontPage 适合初学者，易上手，用FrontPage软件制作网页就像在文字处理软件中编排多媒体文档一样。 Flash 结合动画制作动态网页 Dreamweaver 专业人员制作网站的首选工具,用于对站点,页面,和应用程序进行设计,编码和开发。 2. FrontPage界面介绍 启动FrontPage，引导大家观察FrontPage的界面、菜单与按钮，找一找，那些命令与按钮是我们学习过的，说一说它有什么作用？ 常用工具栏格式工具栏视图栏Web站点。 教师演示操作步骤： （1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。 （2）单击【确定】按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。 分析讲解： 新建的站点只有一个主页index.htm文件， 该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目录为images。 引导进度快的学生探究建立网页导航框架，功能与共享边框一起使用。 任务二：建立网页导航 生：完善站点的制作，探究网页导航的建立。 1.板书（课件展示） ⑴定义导航结构 在网页内添加导航栏之前，先建立该站点的导航结构“视图”—“导航”按钮，把应该网站的导航框架搭建起来。 ⑵认识导航栏属性 “插入”—“导航栏”按钮 父层：创建指向当前网页上一级网页的超链接，并将上一级网页的标题名称显示在导航栏内。 ⑶创建导航栏（要在浏览器中才可看到实际导航栏效果） 以小组合作的方式探究一下如何建立导航框架，完成任务一（简单分组），在探究过程中请同学们做到：1.先完成任务的同学要帮助有困难的同学，争取小组内的所有成员都能完成任务。2.同学们在探究过程中可以参考教师帮助文档《创建网页站点操作指南》，并留意下创建网页站点共有几个步骤？我们看看哪个小组同学最团结，制作效果既迅速又美观。 2.生：探