1、13. Frontpage 2003 插入 Web 组件教学目的和要求：使用各个 web 组件方法教学重点：几个 Web 组件的灵活运用，使用方法的透彻理解课时安排：2 课时教学过程：第一课时 一、 导入出示具有“搜索” 、 “滚动字幕”等特殊效果的网页。激发学生对本节的学习兴趣。如果让同学们自己来做这些东西，同学们会怎样做？可能会感觉有的很难，不可能做出来，有的可能网络上有代码，可以直接拿来用，有的可能说能做出来，但是方法很复杂。但是这些对于 frontpage2003 来说都非常简单，它们都属于 web 组件，那么什么是 web 组件呢？Web 组件简单介绍：组件从本质上来说是一些小程序，
2、它可以嵌入到网页中，其操作方法非常简单，用户只需要在设计时直接插入，然后修改相应属性，就可以达到想要的效果和功能。下面和大家一起学习一下这几个简单实用的 web 组件：二、新授1、插入“动态效果”A、将插入点设置在腰插入 web 组件的位置B、 “插入”“web”组件C、 （1）悬停按钮是个动感按钮，当访问者将鼠标指向该按钮时，按钮就会改变颜色或形状。默认情况下，悬停按钮是一个带有彩色方框文字按钮，但也可以使用图片创建悬停按钮。（2）字幕在制作网页时，可将网页中的文字做成由左向右，或由右向左移动的动态效果。在网页中加入移动字幕，会使网页看起来更活泼。2、插入“电子表格和图表”这一部分主要介绍的
3、是在网页中插入 excel 电子表格和图表以及设置它们相应的属性。首先电子表格，它有几个重要属性：数据源、隐藏与保护、工具栏的隐藏、控件大小设置。该控件的优点，交互性强。比如期末考试成绩单的例子，人很多，想看一下自己在班级各科的排名，只需要用一下简单的排序就可以2然后是图表，它有几个重要属性：数据表、显示与隐藏、类型。这个空间应该说非常常用，比如：股票的走势、某公司在 2010 年各月的销售情况、某款手机去年各月内的价格等。操作步骤：A、确定插入点B、插入web 组件C、电子表格和图表3、插入“web 搜索”功能：搜索网页可以让访问者查找网站上特定的单词和词组，而无需一页一页去寻找需要的内容。
4、这项功能要求一个支持 FrontPage server extensions 的 web 服务器。访问者可以利用搜索网页查找网站上所有位于导航层次结构图上的任何文本。在搜索网页上的 search for框中输入关键字或关键词组，单击提交按钮，FrontPage 兼容的 web 服务器就会返回一张链接列表，显示网站上所有包含该单词或词组的网页。 操作步骤：A、确定插入点B、插入web 组件C、选择“web 搜索”完成4、插入“站点计数器”A、确定插入点B、其实用 FRONTPAGE 你只要插入一个计数器就可以实现访问统计的目的。我们现在执行“插入”菜单的“组件”命令，选择“站点计数器”C、在“站
5、点计数器属性”对话框中选择喜欢的计数器风格，设置计数器的初始值为 0，设置计数器位数为 6，单击“确定”按钮。第二课时一、导入出示范例二、新授5、插入“图片库”Frontpage 新增了 “图片库”组件，通过在网页中插入“图片库”组件，您能够轻松制作出美观大方的相册。3要点：1、添加图片，可一次添加多张2、编辑图片，默认值的谨慎使用，图片大小方向裁剪等。3、添加说明和标题以及设置文字的格式4、选择板式基本操作：A、将插入点设置在要插入组件的位置B、插入web 组件C、选择“图片库”并设置属性，样式的选择，图片的添加和编辑，填写描述和主题6、插入“包含内容”每个网页包含相同的信息，比如版权信息，
6、手工为每个网页添加固然可以，担当信息更改时，过于繁琐，而网页包含可以实现，一个网页更改其他网页也发生一样的改变。要点：网页包含，给出实例和明朗的介绍。基本操作：A、确定插入点B、插入web 组件C、选择“包含内容”7、插入“链接栏” （导航栏）包含自定义链接的链接栏 插入指向活动网站内的网页或指向外部链接的超链接栏。此组件需要 Microsoft 的 FrontPage 2003 Server Extensions、Microsoft 的 SharePoint Team Services 1.0 或 Microsoft Windows SharePoint Services。包含“上一个”和“
7、 下一个”链接的链接栏（小说网站） 插入指向活动网站内的一系列网页的超链接栏。 要点：基于导航结构的链接栏，插入基于网站的导航结构的链接栏，导航视图的详细讲解，包括插入导航、插入链接。基本步骤：A、确定插入点B、插入web 组件C、选择“链接栏” ，分别选择三种链接栏，重点讲解 “基于导航结构的链接栏” ，链接栏跟随导航结构变化而变化，因此修改时只需修改导航结构三、课后练习作一个个人网站要求：1、滚动字幕 2、搜索 3、Excel 4、计数器 5、插入图片库 6、插入导航栏 7、图片库 还可以增加其他 web 组件4四、小结今天只和大家一起学习了 web 组件中的几个组件，在这里我们只是一起学习到 FrontPage中有这么一组拥有独立功能的小程序，那么更多的组件以及它们的使用方法需要大家自己去尝试和挖掘，有什么问题我们再一起探讨。好，今天的课就到这里，谢谢大家。
