内容正文:
制作动态网页
学习目标
学会Web组件的插入
掌握动态HTML效果的制作方法
学会设置网页过渡效果
如何使制作的网页更具吸引力呢?
在网页中添加一些特殊效果,能增强网页的吸引力。FrontPage提供了丰富的特效功能,如滚动字幕、交互式按钮和动态HTML效果等,给网页增加了许多色彩。
丰富多彩的网页
1.预定时间更换网页图片
网页上的图片并非一成不变,FrontPage的预定图片功能可以在特定的期间让指定的图片更新,如图所示。
(1)将光标定位于插入预定图片的位置,单击“插入”→“Web组件”,弹出如图所示“插入Web组件”对话框。
(2)“插入Web组件”对话框的“组件类型”选择“包含内容”;在“选择内容类型”中选择“预定图片”。
(3)单击“完成”按钮,弹出如图所示“预定图片属性”对话框。
(4)在“预定图片属性”对话框中,通过“浏览”,确定“在预定的时间内”显示的图片及“在预定的时间之前或之后”显示的图片。
(5)在“开始时间”和“结束时间”区指定预定时间。
(6)单击“确定”按钮。
2.制作滚动字幕
(1)插入点定位于插入滚动字幕的位置,在“插入Web组件”对话框中的“组件类型”中选择“动态效果”,在“选择一种效果”中选择“字幕”。
(2)单击“完成”按钮,弹出如图所示“字幕属性”对话框。
(3)在“文本”栏输入字幕内容,在“方向”区选择字幕移动方向,在“表现方式”区选择“滚动条”,在“大小”区设置字幕的大小,在“背景色”区选择字幕的背景色。
(4)单击“确定”按钮。
自主探索
在“字幕属性”对话框中有许多选项,尝试选择不同的选项制作其他效果,并将各选项对应的效果与同学交流。
3.插入交互式按钮
制作如图所示按钮。
(1)插入点定位于插入交互式按钮位置,在“插人Web组件”对话框中的“组件类型”中选择“动态效果”,在“选择一种效果”中选择“交互式按钮”。
(2)单击“完成”按钮,弹出如图所示“交互式按钮”对话框。
(3)在“按钮”选项卡中的“文本”栏输入按钮文字“地震自救”,按钮类型
选择“浮雕标签1”,“链接”栏指定链接网页文件名“hj_1.htm”。
(4)在“字体”选项卡中,设置按钮文字的字体为华文新魏,字形为常规,字号为20,初始字体颜色为绿色,悬停时字体颜色为蓝色,单击时字体颜色为红色。
(5)在“图像”选项卡中的宽度栏输入120,高度栏输入40