1、打开frontpage,点击菜单“插入-web组件”。 图1)
图12、在弹出的对话框中选择组件类型为“动态效果”,效果为“悬停按钮”。(图2)
图23、然后就可以来设置这个按钮了,输入按钮的名称、链接到的地址、按钮的效果、大小和颜色等设置,这里就是选择的“发光”效果,完成点击“确定”按钮。(图3)
图3这样一个会发光的按钮就轻松的制作出来了。(图4)(图5)
点击前点击后。
第 课时:动态网页制作。
教学目的: 学会标题广告、悬停按钮、滚动字幕、计数器的制作方法,学会动态html
效果的设定,掌握音频的插入方法
教学重点难点:掌握动态网页的制作方法
教学方法:讲解演示法,讲练法
教学过程:
复习回顾]
在前面的学习中,我们学习了网页制作的许多方面,有的同学已经能做出不错的网页来了,但是,我们在其他**中看到别人的**有一些我们所没有的东西,例如:计数器、滚动字幕等等,今天我们来学习动态网页的制作。
教授新课]
一、横幅广告管理器
本来,横幅广告管理器是为了制作循环显示的广告,来吸引访问者购买产品,如yahoo**中的横幅广告。每一个横幅广告都是一个j**a小程序,这一程序可以实现在同一位置显示多个图象,并通过不断的旋转来分别显示这些图象。
利用frontpage2000中的“标题广告管理器(banner and manager)”,它们的制作过程就一点儿也不复杂了,可以在页面上使多个标题轮流显示,当然,标题广告管理器不仅可以制作出轮换的广告,还可以制作出轮换的图像,甚至在图形变换时使用特殊效果,产生一个幻灯片系列。
在横幅广告制作中要[注意],所设置的广告**出现的区域是固定的,如果其中的**大小不一,必须保证上述区域能放置最大一幅**,其余小**都居中对齐。当然,要使横幅广告看起来更好,最好所有的**都具有相同的尺寸。
二、悬停按钮
所谓悬停按钮(hover button),是指当鼠标指针指向某按钮时,该按钮改变颜色和形状,甚至发出声音。
采用悬停按钮可以说是为了使某些链接能引起用户的格外注意。悬停按钮的功能是由一个j**a小程序来实现的。
在frontpage2000中可以简单的生成各种动态按钮,移动鼠标指向按钮时,按钮的颜色或图案会按照预先的设置效果(如光晕、凸出、凹进等)发生变化,甚至发出声音。
演示一种悬停按钮的制作方法和动态效果后,安排学生自己去摸索其它效果,并进行按钮图案的选择、文字颜色的搭配,产生更丰富的动态效果。
三、滚动字幕(marquee)
在页面中创建水平滚动的文字幕,可以使静止的页面活动起来。
通常在html**中加入j**ascript脚本来实现滚动字幕,它的效果仅在ie中可以显示出来,在其它浏览器中,将直接显示字幕内容而没有动画效果。如果通过j**a小程序来实现,就可以在更多浏览器中看到效果。
滚动字幕有滚动、幻灯、交替三种操作方式,“滚动”可以让文字沿设置的方向,从字幕区域的一边出现,到另一边消失;“幻灯”可以让文字沿设置的方向,从字幕区域的一边出现,当字幕到另一边时停住并保持在屏幕上;“交替”可以让文字在字幕区域来回移动。
操作步骤]:
1)将插入点移到将要插入滚动字幕的位置,依次单击“插入(i)” 菜单中的“组件“字幕”命令,打开“字幕属性”对话框。
2)在“文本”框中输入滚动字幕内容,选择文字的移动方向。
3)调整速度。其中“延迟”用来设置字幕每次移动的时间间隔,该参数越大,字幕移动越慢;“数量”用来定义字幕每次移动的距离,该参数越大,字幕移动越快。
4)定义“表现方式”。其中“滚动条”可以让文字沿设置的方向,从字幕区域的一边出现,到另一边消失。“幻灯片”可以让文字沿设置的方向,从字幕区域的一边出现,当文字到达字幕区域的另一边时停止滚动并保持在屏幕上。
“交替” 可以让文字在字幕区域来回移动。
5)设置字幕区域的大小。选中“宽度”和“高度”复选框前打勾,并指定像素值或百分比。
四、计数器
记数器用来记录访问次数或某页面被选中的次数,默认值为0,即从0开始记数。访问者每次打开页面时,记数器的数字会随之增加,因此,该数字用来表明**的普及程度或受欢迎程度,同时也表示出该网页不受欢迎的程度。因此,出于某种需要,有时要将记数器的初始值定得高一些。
教学反思:第 课时:项目符号与编号列表。
教学目的:学习使用项目符号,理清条理,理解做事步骤。
过程与方法:实践——理论
教学重点:编号列表,**项目符号列表,多级列表。
情感态度价值观:
教学过程:一)编号列表。
编号列表是在实际应用中最为常见的一种列表,编号列表的各列表项以某种形式的顺序进行排列。下面我们以一个实例说明。其操作步骤如下:
1、新建一个空白网页,输入“我的兴趣和爱好”标题,按回车键;
2、单击“ ”工具图标,在网页**现“1.”,在这个编号后面输入“看书”;
3、按回车键后,在“2.”后面输入 “上网”;
4、重复上述步骤,直到出现编号“5.”。在其后面输入“踢足球”,然后按shift+回车键,再输入“打网球”,按回车键;
5、在编号“6.”行上按回车键,该编号就会在屏幕上消失了;
6、将网页文件保存起来,并在浏览器中浏览。
另外,在编号列表中,列表符号可以是数字,也可以是其他符号,这些符号有:(1)大写罗马数字:如2)小写罗马数字:
如3)大写英文字母:如a.、b.
、c.、d.、…4)小写英文字母:
如a.、b.、c.
、d.、…当需要改变列表编号时,其操作过程大致如下:
1、将光标定位在一个列表所在行的任意位置。
2、然后单击鼠标右键,这时将弹出一个对话框,单击其中的【列表属性】选项,出现列表属性对话框。(或者单击【格式】菜单,选择【项目符号和编号】菜单项亦可。)
3、此时在对话框中打开的是【编号】选项卡。
4、单击不同的选择框,然后单击【确定】按钮,就可以选择不同样式的项目编号。
二)项目符号列表。
与编号列表不同,在项目符号列表中各列表项都是通过一个特殊符号引出的。下面以一个项目符号列表的实例来说明。
其操作步骤如下:
1、新建一个空白网页,输入“我喜欢看的文学名著”,按回车键;
2、或单击“ ”工具图标,在网页**现一个黑点列表符号,在列表符号后面输入“《三国演义》(罗贯中)”;
3、按回车键后,在下一行又出现一个黑点列表符号,依次输入“《水浒传》(施耐庵)”,按回车键;
4、重复上述步骤,直到把“《西游记》(吴承恩)”、神曲》(但丁)”全部输入计算机中;
5、在最后出现的黑点列表符号行上,再按一次回车键,该黑点就会在屏幕上消失了;
6、将网页文件保存起来,并在浏览器中浏览。
三)**项目符号列表。
**项目符号列表是一种特殊形式的列表,列表符号均由指定的**引出列表项。在frontpage
2000中,用于列表的**可以是软件自带的**,也可以是你所指定的**。
下面我们以一个**项目符号列表的实例操作进行讲述。
具体操作过程如下:
1、新建一个空白网页,输入“21世纪的科学技术”,按回车键。选定这段文字,并设置为6号字、宋体、加下划线;
2、单击【格式】菜单项,然后选择【项目符号和编号】菜单项,出现项目符号和编号方式对话框,此时打开的是【**项目符号】选项卡。
3、选择【指定**】,单击【浏览】按钮,出现选择**对话框。
4、单击对话框右下角的【剪贴画】按钮,就会弹出【剪贴画库】。选择并单击【web符号】选项,从中选择一种**(例中是“ ”选中后单击“
插入剪辑按钮。网页上就会出现这个**符号。
提示:如果要指定磁盘**文件作为项目符号,则在【选择**】对话框中单击“
按钮,出现一个选择文件对话框后,再选定硬盘目录上的一个**文件,依次单击【确定】按钮后即可。
5、在**符号后,输入“信息科学技术”,并按回车键;
6、重复上述步骤,直到把“生物科学技术”、“材料科学技术”等全部输入计算机中;
7、在最后的**项目符号行上按回车键,该符号就会在屏幕上消失了;
8、将网页文件保存起来,并在浏览器中浏览。
四)多级列表。
前面分别介绍了几种列表方式。但在实际应用中,各种列表往往同时混合使用,有时还需要使用多级嵌套列表。
下面创建一个多级列表的实例。
其操作过程如下:
1、从【样式】下拉菜单中选择“标题3”,输入“我最喜欢的电影”,按回车键;
2、单击“ ”工具图标,在编号“1.”后面输入“最喜欢的中国电影”,按回车键。接着再输入“最喜欢的外国电影”;
3、以下是“最喜欢的中国电影”嵌套列表的操作:
把插入点移到列表项目“最喜欢的中国电影”的末尾,按回车键,新出现编号为“2.”的空列表行;
连续两次单击“
工具图标(增加缩进),或连续按ctrl+m键,新出现的编号“2.”消失,后面的标号恢复正常。光标比上一行的位置缩进了两个字符,在光标位置出现了新的标号“1.”。
单击鼠标右键,这时将弹出一个对话框,单击其中的【列表属性】选项,出现列表属性对话框。此时打开的是【编号】选项卡。
在【编号】选项卡中选择大写罗马数字列表方式,然后单击【确定】按钮,列表符号变为“ⅰ.接着输入“开国大典”,按回车键;输入“生死抉择”,按回车键;输入“花季雨季”。
4、以下是“最喜欢的外国电影”嵌套列表的操作:
把插入点移到列表项目“最喜欢的外国电影”的末尾,按回车键,新出现编号为“3.”的空列表行;
八年级信息技术教案
教育技术121班魏建明1251601126 课题 第二节用ie浏览器浏览信息教学对象 八年级上学期教学时数 1课时教学目的。1.使学生初步了解ie浏览器 2.学会ie浏览器的基本界面及操作 3.学会搜索网页 文章等信息 教学重点与难点。教学重点 使学生正确的使用浏览器 教学难点 主页设置步骤 教学方...
八年级信息技术教案
三 学生练习。1 运用工具箱绘制书第二页图1.1左边的熊猫图。2 文档大小 500 350 3 正确保存文件至自己的作业文件夹中。四 小结。flash动画中的对象都要使用工具箱进行绘制请同学们多联系多实践多总结。逐帧动画。教学目标 了解flash中帧的类型,清楚在什么情况下使用什么样的帧。教学重点 ...
八年级信息技术教案
第一单元网络与生活。一 本单元课程简介。本册教材围绕 因特网与人类生活关系这一主线,介绍了因特网的发展历程及各项应用。本单元是一个准备阶段,让学生初步了解因特网 以学生的视角看待网络的发展 初步掌握上网所必须的软硬件设备 收集各类资料了解因特网的过去 现在和未来,并完成一篇小报告。第1课我看网络。了...