FrontPage全套教案

Frontpage网页制作知识准备

教学目标：

1、通过对网站的赏析活动，进一步认识网站、首页，为网页制作做知识储备。 2、培养学生的合作学习能力、探究问题的兴趣与能力。 3、培养学生的鉴赏能力。

4、激发学生为祖国信息产业的发展作贡献的爱国情感。

教学重点：

1、首页的地位和作用 2、首页的功能模块

3、网站的形式、内容与主题之间的关系 教学难点：

正确理解网站的形式、内容与主题之间的关系 课时：1课时 教学步骤：

一、导入：

近年来，我国的信息产业飞速发展，人们的经济文化水平日益提高，越来越多的家庭拥有了个人电脑，网络也由昔日的谢玉堂前燕，飞入了寻常百姓家。足不出户，鼠标轻轻一点，你就可以浏览到世界各地的信息，就可以和世界各地的朋友们聊天，你还可以给世界各地的朋友们发E-mail。网络的确给人们带来了极大的快捷与方便。

作为一名初中生，你想不想也能在网上拥有自己的一片天空、一个家园呢？ 今天我们就开始你网上家园的建设之路。 二、小组分工、合作学习： （一）介绍基本概念

鉴赏一个网站，我们一般要从以下几个方面着手，一个是网站的主题，所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。第二个就是网站的首页。所谓网站的首页，就是指你打开一个网站后看到的第一页。下面 我们小组内分工合作，小组内讨论分析以下三个问题： 1、每个网站的主题是什么？。

2、首页在网站中有什么地位和作用？ 3、首页有哪些功能模块？

（二）小组合作学习，初步探讨鉴赏网站的方法 学生之间相互讨论，探究问题的答案

多数学生得出结论，小组选代表汇报讨论成果 教师小结

一个网站必须有一个明确的主题，就好像我们写文章也要有明确的中心一样，否则，浏览者就会有不知所云的感觉。

第二个问题的答案显而易见，不再提问，教师直接小结提问学生一起回答。

首页是浏览者打开一个网站后第一眼看到的就是网站的首页，网站能不能吸引浏览者，在很大程度上取决于首页做得怎么样。 能不能用一个词来概括一下首页的地位与作用？ 第三个问题，仍由小组选代表汇报结论 哪个小组来告诉大家你们讨论的结果？ 教师小结：

首页一般有四个共有的模块， （1)徽标（logo）和网站的名称：

一般位于左上角，是一个形象化的标志，其作用类似于商品的商标。 （2)首页大标题（banner）：

一般放网站主题词或图片，商业性的网站放置广告条。 （3)导航栏：

就像一本书或杂志的目录一样，但比书籍或杂志的目录更为重要，因为书籍我们可以一页一页的从头向后翻，而我们的网页却不可以，只有有了清楚、明晰的导航，才能让浏览者知道自己身处网站的什么位置。

（4)版权和联系方式：一般放在网页的底部，主要功能是版权声明和听取浏览者的意见或建议。

（三）再次小组合作学习，深入领会如何鉴赏网站

鉴赏获奖的学生网页作品，激发学生的积极性与自信心同时更深入的学习如何鉴赏一个网站。

我给大家带来了几个获全国一等奖的学生网页作品，你可以在你的电脑D盘student文件夹下看到她们。

小组合作，讨论分析以下三个问题：

1、这些网站的首页的布局各有什么特点？（教师演示） 2、各网站的主题色和配色有什么特点？

3、网站的形式、内容与主题之间有什么关系呢？ 小组讨论

汇报分别讨论成果 三、延伸：

接下来，同学们可以自由浏览一些其他的网站，把你认为较好的网站推荐给大家。

四、总结

下面我们来一起回顾一下这节课我们都学了哪些内容。 1、首页在网站中起着关键的作用，它主要有四个共有的模块：他们人别是Logo，Banner，导航，还有版权和联系方式；

2、首页的布局主要有三种样式，一种是\口\字型，一种是\厂\字型，还有一种是\型；

3、网页的在色彩的选择上也要为表现主题服务；

4、网站的要有一个明确的主题，要以内容为核心，以形式为辅助，内容和形式共同为表现主题服务。

好，有了以上的知识作为奠基，你就可以充分发挥你的想象，好好描绘一下你的网站的蓝图了。

第二节 启动frontpage2003建立站点和图片收集

教学目的：

掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。

教学重点：

创建站点，收集图片，启动frontpage2003。

教学时间：

2课时

教学步骤：

1、启动FrontPage 2003

单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。

2、FrontPage 2003的界面说明

FrontPage 2003的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。

①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。

工具栏单击【查看】菜单，选择【工具栏】，

②、在出现的下拉菜单中列出了几种不同的工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。

③、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。

④、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。 普通显示方式是最常用的显示方式，一般是在此方式下工作。

HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。

预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。

什么是站点？

站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。站点一般以国际通用的Internet地址来表示，例如：http://www.21cn.com或http://www.163.net等，进入某个站点所见到的第一页一般称为“HomePage”，中文的意思是“主页”。

什么是主页？

主页的英文名称为“HomePage”，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm”（index.html）或“default.htm”（default.html），也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的链接可以浏览到其他网页信息。

3、新建站点

实例：使用【只有一个网页的站点】模板创建一个Web站点。 操作步骤：

（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。

提示：新站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的 方便。而一个站点要让在Internet上的用户正常浏览的话，应该通过FrontPage的站点发布功能或FT文件传送方式，把该站点内容传送至能提供存放空间的Web服务器上去。

（3）单击【确定】按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。

新建的站点只有一个主页index.htm文件，该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目录为images。

4、关闭站点