信息技术教案：用FrontPage2000制作动态效果
制作人：陈晴
教学目的：
1．学会制作动态的按纽； 2．学会运用DHTML特效；
3.初步掌握留言本的制作的方法; 教学重点难点：
1．制作动态的按纽； 2．运用DHTML特效
3.留言本的制作的方法
教学方法：师生互动，讲练结合。 教学课时：二课时
教学准备：展示制作好的网页。
教具：多媒体转播系统、WORD、FORNTPAGE 引课：如何让我们的网页动起来呢?这是我们这节课要解决的问题. 1.制作动态的按纽。
什么是动态按纽？你有没有看过别人的网页上有一种按纽，把鼠标移上去的时候它就会变色的的那种，那就是动态按纽了。它在Frontpage2000中的做法也很简单。我们点击菜单栏的“插入→组件→悬停按纽”。接下来又弹出一个窗口,我们在“悬停按纽属性”的窗口中设置一下。在“按纽文本”中填写想要在按纽上显示的文字，还给以给那个按纽做连接。接下来你可以设置按纽颜色和效果。其中“按纽颜色”指的是这个按纽在没有将鼠标移上去的时候的颜色，而“效果颜色”就是指鼠标移上去的时候的颜色。我们还可以设置这个按纽的宽度，高度等等。设置好按确定就行了。
这里你先别急着按预览按纽，我们先保存。因为用Frontpage2000做的动态按纽使用到了两个Cla文件。我们在保存之后会发现保存网页的同时保存了两个以cla做后缀的文件，记着不要把它们删了。打开你刚刚保存的网页，看一下，是不是很漂亮？
2.为自己的网页做一个简易的留言本:这样的话浏览者浏览过你的网页之后就可以给你一些意见和建议了。我们点击菜单栏的“插入→表单→单行文本框”;接着你会看到编辑区内多了虚线方框，里面包括了一个长方形的文本框和两个按纽。你肯定填写过一些网上的表单吧？虚线以内的东西就称为表单了。我们来设置一下表单里面的内容。先来设置长方形的文本框的属性，对长方形的属性框点击右键，选择“表单域属性”，在弹出的窗口中你可以设置它的大小。接着依次设定两个按纽的文字。最后我们再来设置整个表单的属性。在表单内，即是虚线内点击鼠标右键，选择表单属性。接着弹出一个窗口.在表单属性中我们只要把“结果保存到”选择为“发送到其他的对象”（如图8）。然后再点击左下角的“选项”按纽，在弹出的窗口中（如图9）中，在“动作”拉模中填写上“mailto:你的邮箱地址”就行了。象图9那样填写，只不过是把邮箱地址改成你的。
三.做DHTML特效。什么是DHTML我们不需要知道，学会制作就行了：我们先要打开DHTML效果窗，我们点击菜单栏的“格式→动态 HTML 效果”，弹出DHTML效果窗。制作DHTML特效也很简单，只要把要使用到的文字或者图片括起来，使它被选。然后在DHTML效果窗中“开启”一种事件，并且选择“应用”哪种效果，最后再选择效果的实现方法
（一）.使用DHTML的基本步骤1.在页面点选需要使用DHTML的对象，比如文本，图片。对于文本需要拖曳鼠标选定；2.在DHTML工具栏，选择通过开启的下拉列表选择一种事件，文本和图片所具有的事件是不同的；接下来再应用下拉列表选择一种效果；最后选择该效果的的实现方法；3.当你为对象使用了DHTML后，保存该页面并预览，你会发现你选定的对象按照你设置的DHTML的效果出现；4.如果想删除某一个对象的DHTML效果，先选定该对象，然后单击DHTML工具栏上的删除效果图标即可。
（二）．DHTML的事件
在DHTML制作中，我们听得最多的是“事件”这个术语。什么是“事件”呢，顾名思义，就是发生的一件事情，比如你用手打开门，那么这就是一个事件。换到网页制作中，开门变成了单击，也就是说，访问者单击了一个链接，那么出现了事件的结果，门被打开了。
在FrontPage2000中，当我们打开DHTML效果工具栏后，点选文本或者图片会产生不同事件。但它们的施用方法是一样的，下面我们以文本举例：我们先在编辑器里输入一段文本，比如：网页陶吧，然后继续下面的三个步骤：
选定一段需要产生DHTML效果的文本，这里是：网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件，它不需要用户利用鼠标去触发它，而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。应用：选择好事件后，我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果，我们选择飞入。
方法：对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯，文本可以从底部飞入，可以从左边飞入，也可以从右边飞入，这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的，比如波动。我们这里选择从底部飞入。
最后保存该页面并预览，你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然，你也可以尝试其它DHTML效果。对于选定图片，你会在DHTML效果工具栏的开启下拉列表看到新的事件，单击和鼠标悬停，它们会有各自的应用效果和实现方法。你可以每一个尝试一下，这样你就能明白这些事件和应用效果和方法之间的关系。
（三）．DHTML的小技巧DHTML兼容性利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果，Netscape Communicator 4.0或以上版本也可以浏览。
禁止DHTML如果想禁用DHTML效果，点选菜单工具/网页选项，在打开的对话框里选择兼容性标签，取消动态HTML前的复选框里勾，这样DHTM效果被禁用。
快速使用DHTML一般情况，在你没有选定某一个对象的情况下，你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。
（四）.网页过渡：网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页，你会发现当前页慢慢向中间合拢，同时出现了另一个新的页面，直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡，可以按照以下步骤：
1.打开想使用过渡效果的页面，或者新建立一个页面。点选菜单格式/网页过渡，打开网页过渡对话框；
2.在事件下拉列表里选择一个事件，我们选择进入网页。大家要注意，当你为某页和站点都设置了过渡效果时，网页将比站点过渡效果优先；3.在周期文本框里输入持续的时间，然后在过渡效果列表框里点选一个效果，单击确定。利用浏览器打开该页面，因为我们选择的网页过渡是进入网页，所以当你打开该页时你就能看到过渡效果了。
利用DHTML效果的确是吸引访问者的有力利器，但如果你不愿意和复杂的代码打交道，那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象，比如文字，图片，然后利用“傻瓜”式的操作就可以让你的网页动起来。
我们来试一下吧。新建一个网页，在编辑区打上“欢迎，欢迎，热烈欢迎！”，然后用鼠标把它括起来。这是你会看见DHTML效果窗就会自动启动了。我们为它选择一种事件，我们选择“网页加载”，接着在“应用”栏中选择“飞入”，在“选择设置”中选择“从右侧”。
效果就做好了，很容易吧？预览一下，你是不是看到“欢迎，欢迎，热烈欢迎！”从屏幕的右边飞到了左边？这样就是说特效做成功了：当然你可以选择其它事件的，你喜欢怎么样就选择你喜欢的吧。
填写完之后这个表单就做好了，再进行处理一下，点击预览按纽预览一下。以后浏览者在浏览你的网页之后就可以在你的建议留言本上写下留言，按确定之后，留言就会通过电子邮件的方式发到你的邮箱里去了。 注:
1大部分特效都要自己多去实践，自己去发掘它可以帮你做到的效果。
2使用动态按纽的网页保存之后不能删除一同保存的“cla”文件。
3注意设置表单的时候要设置对。
