FrontPage 网页基础


九、网页特效  返回

 

  网页当中动态效果往往更能吸引目光,图片我们可以选择GIF动画,而文字往往是静态的,用什么方法可以修饰一下呢?能不能给网页添加一些动态的效果呢?下面我们通过一个练习来学习一下;

 

  1、打开自己的站点

 

   1)打开自己的文件夹,一般就是找到自己的名字;

 

   2)打开自己的站点,一般是自己的名字后面加一个数字,找到主页index

 

   3)在index上单击鼠标右键,选择“编辑”命令,进入FrontPage;

 

   4)在左边的文件夹列表里有我们站点的各个文件夹和文件;

 

  2、插入滚动字幕

 

   1)把光标定位到网页的最后,按一下回车键,这样就会插入一个空行;

 

   2)输入一段文字“长江后浪推前浪,自古英雄出少年”,按住鼠标左键选中这段文字;

 

   3)在菜单栏上选择“插入”菜单,选择“组件-字幕...”命令,弹出一个对话框,不用修改,直接单击“确定”,这时选中的文字外面出现一个框,表示加入了字幕效果;

 

 

 

 保存一下文件,然后单击工具栏上的浏览按钮,就可以看到在网页下边有一行文字从左至右移动;

 

长江后浪推前浪,自古英雄出少年

 

  3、动态效果图片

 

   1)这种效果是当鼠标指向一个图片时,图片会发生变化,给人以奇异的感觉,它需要准备两幅图片;

 

   2)使用“插入-图片-来自文件”命令,在网页中插入一幅图片,然后单击选中这幅图片;

 

 

 

   3)单击“格式”菜单,选择“动态DHTML效果”命令,这时会弹出一个工具栏,我们将从左到右依次操作;

 

 

   4)在工具栏左边的“选择一种事件”上单击一下,选择“鼠标悬停”,然后在旁边的“应用”上单击一下选择“交换图片”,

 

   再往旁边单击“<选择设置>”上单击一下选择“选择图片...”,在弹出的对话框中找到一幅图片,单击“确定”即可完成;  

 

  保存一下文件,这时候图片上看不出什么来,我们单击一下工具栏上的浏览按钮,在浏览器中把鼠标移到图片上,看看图片的效果有没有变化?

 

  

 

  本节学习了网页效果的添加方法,学习如何插入字幕效果和动态图片效果,如果你成功地完成了练习,请继续学习下一课内容;

返回

本教程由86团学校TeliuTe制作|著作权所有

基础教程网:http://teliute.org/

美丽的校园……

 

转载和引用本站内容,请保留作者和本站链接。