主页制作简单学──网页中的多媒体

数码时尚

  上次我们介绍了如何在网页中编辑图片使网页更加美观,但静止图片总有遗憾,“动感十足”的网页才更吸引人!同样,有一段优雅动听的音乐也能使网页浏览者驻足。如何实现网页的多媒体效果呢?其实我们只要在网页中插入多媒体文件就可以了。

  一、通过FP自身实现DHTML效果

  通过FP(FrontPage),可以制作许多有趣的动画,现在就让我们为我们先前建立的“xiaoshixingshang.htm”页面中的一些文字添加动态效果:让标题在网页加载时从网页的顶端飞入,让那两首小诗在加载页面时以打字机效果出现。

  打开“xiaoshixingshang.htm”,然后选中欲使用动态效果的文字,然后单击FP菜单“格式→动态HTML效果”调出相应的工具栏,利用此工具栏我们可以实现许多种动画方式。如图1所示。

  我们可以选择 “单击”文字时实现相应的动画,或是“鼠标悬停”、“双击”、“网页加载”,每选择一种操作方式,后面的“应用”项的设置都会不同。

  在“选择一种事件”下拉列表中选择“网页加载”,在“应用”后面的下拉列表中选择“飞入”,在最后一个下拉列表中选择“从顶端”,如图2所示:

  那些诗句的动态效果设置和这类似,相信不用我再说了吧!

  这种实现动态效果的方式无须别的软件支持,既简单易学,又实用,在处理一些文字动态效果方面比较合适。现在我们再来利用其他软件制作出的动画文件来美化我们的网页。

  二、插入动画文件

  动画文件有很多格式的,本文以SWF动画为例。先将它保存到我们先前建立的“Myweb1”站点中的“Flash”文件夹中。打开FP,并将“xiaoshixingshang.htm”网页打开,首先,我们给“xiaoshixingshang.htm”网页插入一个“Logo”,把光标定位到页面的左上角。

  再单击FP中的菜单“插入→图片→来自文件”命令,在弹出的窗口中找到Logo图片,单击“确定”即可,效果如图3所示。

  小知识:Logo,中文意思是“徽标”,它的作用主要是标志一个网站,与其他网站链接以及让其他网站链接的标志和门户。为了使我们的网站的知名度更大,我们可以为我们的每个页面添加徽标。

  现在我们再来新建一个页面,将在这个页面中加入SWF文件,并以“myflash.htm”保存到“Myweb1”站点中。

  打开“myflash.htm”页面,把光标定位到欲插入SWF影片的位置,然后单击FP菜单中的“插入→图片→视频”弹出如图4所示的窗口。

  在图4所示的窗口中选中欲插入到网页中的文件,然后单击“打开”按钮即可将动画文件插入到网页中。

  三、插入网页背景音乐

  现在很多个人主页都会在页面中添加一些背景音乐,这样更使页面有“韵味”。例如我们前面建立的“xiaoshixingshang.htm”页面,从内容上看就比较有“诗情画意”。如果再给它加上一段优雅的音乐,一定会更加优美动人了。

  打开“xiaoshixingshang.htm”页面,单击“文件”菜单中的“属性”命令,打开“网页属性”对话框,再单击常规标签,并单击“背景音乐”区中的“浏览”按钮,在打开的“背景音乐”对话框中,指定欲放入到页面的音乐文件。在“循环次数”文本框中输入音乐循环的次数。如果希望音乐的播放周期同步于网页的存在期,我们可以选择“不限次数”复选框,如图5所示。

  最后再“确定”退出。

  其实我们还可以通过类似的方法将视频文件插入到我们的网页中来,不过一般的视频文件都是很大的。如果用户使用不是宽带,而是使用小猫上网的话,仅将视频下载到缓存就需要半天的时间,然后才能观看。我估计会很少有这样的用户有耐心去慢慢等待,所以在此我们就不在网页中插入视频文件了。如果大家有兴趣,可以自己试着在页面中插入一些视频文件。