从无到有 菜鸟建站(五)
特效篇
很多朋友在浏览网页的过程中,经常会看到很多具有特殊效果的网页页面,比如网页上的动态按钮与字符、链接文字的动态变化、字母跑马灯以及多变的菜单与导航条等,这些无疑给呆板的主页增添了几分生机与活力,那么这些异彩纷呈的页面特效又是如何制作的呢?其实啊,只要我们平时注意积累,多学多看,就一定可以制作出个性化极强的特效来,下面就来介绍如何使用FrontPage2000制作一些常见的网页特殊效果。
一、网页特效的制作
1.动态按钮
动态按钮也是网页上常见的一种特殊效果,这种效果的表现是,当鼠标移到一个按钮上,按钮的颜色就会发生变化,而且具有动感效果,同时在鼠标按下和松开的时候都可以出现不同的效果。在FrontPage中,可以执行“插入/组件/悬停按钮”命令,在打开的对话框中(如图1),在“按钮文本”的文本输入框中输入按钮上的文字,然后点击“链接到”右侧的“浏览”按钮,在打开的对话框中选择指定链接网页或者图片的名称。另外,还可以点击“按钮颜色”设置按钮的背景色,还可以在“效果”中设置按钮的发光效果,同时还可以设置效果的背景颜色。点击“自定义”按钮,还可以在打开的对话框中,设置鼠标点击和悬停时的声音效果和图片的变换效果。
2.地图热点编辑
在网页上放置一幅地图或者站点内导航图片,如果点击图片上某一个景点,就可以进入相应的页面。这种网页常见于一些旅游景点介绍网页,那么如何实现地图区域热点编辑呢?首先可以在网页中插入一幅图片,然后执行“查看/工具栏/ 图片”命令,打开图片编辑工具栏,选中图片,在工具栏中选择长方形或者圆形等热点,并在图片中相应位置画出相应的区域,这时即可打开“创建超链接”对话框,选中相应的页面或者图片即可。另外,还可以单击“A”按钮,在图片上创建一个文字框,并输入相应的文字说明,设置好相应的链接即可。
3.横幅广告
在页面中,可以使用横幅广告实现在图片之间的转场效果,并且按照预定的顺序播放,从而实现简单的动画效果。横幅广告的制作,可以在网页视图模式中,将插入点放置在要创建横幅广告的位置,然后执行“插入/组件/横幅广告管理器”命令。在打开的对话框中(如图2),可以单击“添加”按钮,选择要在横幅广告内显示的图片,这时在“显示图片”列表中,会出现已经加入的图片和它们在横幅广告上出现的次序。。如果要修改图片显示的次序,可以选择相应的图片,然后单击“上移”或“下移” 按钮。完成以后,在“过渡效果”下拉列表中选择要在图片之间使用的过渡效果。如果要为横幅广告创建超链接,可以单击“链接到”右侧的“浏览”,选择超链接的目标网页或文件。最后在“每幅图片显示(秒)”右侧的文本框中输入每幅图片的显示时间,完成以后单击“确定”按钮即可。
4.添加视频播放
如果你打算在网页上放置视频文件,并提供给网友在线播放,那么可以在FrontPage中,将视频添加到网页上。首先,在网页视图模式下,将插入点放置到要插入视频的位置,然后执行“插入/图片/视频”命令,此时即可将此视频片段插入到当前网页中了。那么如何来设置此视频片段的属性呢?可以在网页视图模式下,在视频上单击鼠标右键,执行“图片属性”命令,在打开的对话框中切换到“视频”选项卡(如图3)。如果你想在浏览器中显示视频控制按钮,以方便访问者控制视频播放,那么可以选择“在浏览器中显示控件”复选框。如果选择“打开文件时”复选框,可以在打开该页面后就自动播放视频片段。如果选择了“当鼠标悬停于其上时”复选框,那么当浏览者的鼠标指针移过视频片段时,就可以播放视频了。另外,还可以在“循环次数”中设置视频循环播放的次数,或者通过选择“不限次数”实现连续播放效果。
5.一声问候
在有的网页上,会根据浏览者访问的不同时间,分别给出不同的问候语,比如“早上好”、“太晚了,要注意休息”等,那么这又是如何实现的呢?其实也很简单,
首先需要将光标定位在要插入问候语的地方,然后执行“插入/高级/HTML”命令,在打开的对话框中(如图4),输入如下语句:
<script language="javaScript">
<!--
now = new Date(),hour = now.getHours()
if(hour < 6){document.write([/img]else if (hour < 9){document.write("早上好!")}
else if (hour < 12){document.write("上午好心情!")}
else if (hour < 14){document.write("中午好!")}
else if (hour < 17){document.write("午后的阳光明媚吧!")}
else if (hour < 19){document.write("吃过晚饭了吗!")}
else if (hour < 22){document.write("晚上好!")}
else {document.write([/img]// -->
</script>
在这个小程序中,朋友们只要根据不同的时段,修改不同的问候语就可以了,然后我们即可在浏览网页的时候,给网友一份温馨的问候了。
6.将站点收藏
很多页面上都会有“将本站加入收藏夹”的链接提示,可以方便网友收藏当前网站,那么该如何实现呢?可以将如下代码插入到当前网页中,只要修改其中的链接站点和网站名称即可。
<script language="JavaScript">
function bookmarkit(){window.external.addFavorite('http://itnow.yesky.net ','鸣涧动力')}
if (document.all)document.write('<a href="#[/img]</script>
此时网页上会多出一个“将本站加入收藏夹”超链接,只要单击此链接,即可在浏览器中打开“添加到收藏夹”对话框,并将其保存在收藏夹中。
在前面介绍了一些如何使用FrontPage制作网页特效的方法,但是很多朋友并不满足这些网页特效效果,还希望制作更多的特效效果来美化自己的网页页面。OK,下面就向朋友们推荐几款专门用于制作网页特效的工具,可以使你更加轻松地在网页上插入一些动画或者Java特效,而无须学习复杂的Java 语言。
二、世纪鸟特效手册
“世纪鸟特效手册”提供了250 多种网页特效,而且体积不大,只有1322KB。启动以后即可进入其主界面(如图5 ),可以点击右侧的“常用特效”、“高级特效”、“另类特效”按钮,分别在其展开的下拉菜单中选择不同的类目,即可进入相应的特效显示页面。这里点击“高级特效”按钮,并选择“时间与日期”命令,打开时间与日期选择对话框(如图6 ),选中“记录你进入网站页面的时间”选项,然后单击鼠标右键,会打开一个快捷菜单,然后执行“复制”命令。
完成后,返回到FrontPage2000 中,打开需要插入此特效的页面,然后执行“插入/HTML”代码命令即可。或者切换到“HTML”视图界面,在需要插入代码的位置,粘贴刚才复制的代码,一般是在<body>与</body>之间。
三、中文网页特效生成器
“中文网页特效生成器”启动以后,即可进入其简洁的主界面窗口(如图7),选择左侧窗口中的“跑马灯和文字特效”选项,此时右侧即可出现当前选项下的特效选择图标,点击“状态栏文字冒泡效果”,会打开一个对话框(如图8),然后在“请您输入文字”下的文本框中输入需要在状态栏提示的文字信息,然后点击“开始预览”按钮,即可预览此效果。如果觉得效果满意的话,可以单击“生产源代码”命令按钮,并单击“复制到剪贴板”按钮。打开FrontPage,将刚才复制的代码直接粘贴到HTML代码中就可以了。“中文网页特效生成器”界面直观,而且具有灵活性的特点,可以根据自己的需要自定义相应的特效效果,并显示不同的文字、图片等。
四、主页特效制作百宝箱
这又是一个非常不错的主页特效制作工具(如图9),在主界面窗口左侧分为上下两个窗口,可以选择不同的特效代码,比如选择了“带倒影的时间”特效,那么就会在右侧的窗口中出现此代码,并会给出针对此代码的操作方式,指示你将此代码复制到HTML的<HEAD>与</HEAD>之间就可以了。主页特效制作百宝箱给出丰富的网页特效代码,而无需使用者编写任何程序,对于初学者来说,是一个不错的网页特效制作工具。
网页特效的制作在于朋友们多学多用,不同的特效会给网页带来意想不到的效果,感兴趣的朋友可以根据自己的需要,或者直接在FrontPage中制作特效,或者使用网页特效工具来制作,由于不同的特效工具具有各自不同的特点和功能,而且提供了多种多样的特效效果,操作和使用的方法也是大同小异,朋友们可以针对网页的特色和格调进行不同设置,这里也就不多说了。好了,今天就说到这里吧,下次我们将把已经制作完成的主页上传,并为朋友们介绍一些如何宣传自己主页的小技巧等,更多的精彩等着您。