网页当中动态效果往往更能吸引目光,图片我们可以选择GIF动画,而文字往往是静态的,用什么方法可以修饰一下呢?能不能给网页添加一些动态的效果呢?下面我们通过一个练习来学习一下;
1、打开自己的站点
1)打开自己的文件夹,一般就是找到自己的名字;
2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index;
3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;
4)在左边的文件夹列表里有我们站点的各个文件夹和文件;
2、插入滚动字幕
1)把光标定位到网页的最后,按一下回车键,这样就会插入一个空行;
2)输入一段文字“长江后浪推前浪,自古英雄出少年”,按住鼠标左键选中这段文字;
3)在菜单栏上选择“插入”菜单,选择“组件-字幕...”命令,弹出一个对话框,不用修改,直接单击“确定”,这时选中的文字外面出现一个框,表示加入了字幕效果;
保存一下文件,然后单击工具栏上的浏览按钮,就可以看到在网页下边有一行文字从左至右移动;
长江后浪推前浪,自古英雄出少年
3、动态效果图片
1)这种效果是当鼠标指向一个图片时,图片会发生变化,给人以奇异的感觉,它需要准备两幅图片;
2)使用“插入-图片-来自文件”命令,在网页中插入一幅图片,然后单击选中这幅图片;
3)单击“格式”菜单,选择“动态DHTML效果”命令,这时会弹出一个工具栏,我们将从左到右依次操作;
4)在工具栏左边的“选择一种事件”上单击一下,选择“鼠标悬停”,然后在旁边的“应用”上单击一下选择“交换图片”,
再往旁边单击“<选择设置>”上单击一下选择“选择图片...”,在弹出的对话框中找到一幅图片,单击“确定”即可完成;
保存一下文件,这时候图片上看不出什么来,我们单击一下工具栏上的浏览按钮,在浏览器中把鼠标移到图片上,看看图片的效果有没有变化?
本节学习了网页效果的添加方法,学习如何插入字幕效果和动态图片效果,如果你成功地完成了练习,请继续学习下一课内容;