文档介绍：第11课会变的按钮
教学目标:
学会怎样插入悬停按钮
学会设置悬停按钮的属性
了解设置悬停按钮的图片和声音
教学重点
悬停按钮的应用
教学任务:
完成一个有悬停按钮的网页
教学过程:
生:“悬停按钮”?是不是鼠标移到上面时能变出绚丽多彩的按钮?
师:是的,“悬停按钮”就是当鼠标放在按钮上时,按钮会变出十分好看的颜色,它是网页中常用的动画元素。
下面我们就把“”网页中的“我的尊容”、“我的近况”、“联系方式”和“中国娃娃”做成“悬停按钮”。
任务一在网页中插入“悬停按钮”
启动FrontPage——打开新建好的站点——打开“”——选取文字“我的尊容”——[DELETE]在“我的尊容”上建立一个“悬停按钮”。
插入——组件——悬停按钮——悬停按钮属性——按钮文本——字体:颜色、大小、字形等——确定——悬停按钮属性——链接到——浏览(右键)——选择悬停按钮属性超链接——确定
练一练:
用上述方法,把“我的近况”、“联系方式”做成“悬停按钮”。
任务二设置“悬停按钮”的属性
“悬停按钮”的效果是可以改变的。
用鼠标双击“悬停按钮”,打开[悬停按钮属性]对话框:按钮的颜色、效果颜色、“悬停按钮的效果”等等。
试一试:
快速改变“悬停按钮”的高度和宽度
为悬停按钮指定图片和声音
生练****操作,师巡视指导
想一想,归纳:
制作悬停按钮的操作步骤:
在网页中光标定位,指示插入“按钮”的位置——插入“悬停按钮”——输入并设置“按钮”上文字——建立“按钮”指向目标的超级链接——保存网页——浏览效果
练一练:
在自己的网站中新建一个网页,在其中简要输入有关介绍学校的内容
在网页中插入一些“悬停按钮”,按钮文字分别为“我的班级”、“校园风光”和“我的老师”等。
设置“悬停按钮”的效果为“填充颜色”和“颜色对比”。试一试不同的效果,选择自己喜欢的效果。
保存网页后预览网页,看一看“悬停按钮”的效果。如果对效果不满意,回到FrontPage编辑窗口中修改“悬停按钮”的各种属性,直到自己满意为止。
师小结