个人主页个把瘾(3)
第三讲 让网页更生动美观

  我们前面所做的只有文字,没有图片,没有背景,更没有超链接。我们将通过以后的学习把它变得更生动美观。
一、打开网页
  要想对一个已经存在的网页文件进行编辑、处理,那么就要先打开网页。
  单击常用工具栏中的“打开”按钮打开“打开文件”对话框。在该对话框的“查找范围”一栏中选择你要打开的文件所在位置(如上讲中的D盘上“网页练习”文件夹),你要打开的文件就会显示在对话框中间的文件列表中,双击它,就可打开这个网页文件。
  【例】打开上讲中保存D盘上“网页练习”文件夹中的“迎春接福”网页(文件名为“ycjf.htm")。
  1)单击“打开”按钮,打开如下图所示的“打开文件”对话框。单击“查找范围”右边的下拉按钮


“打开文件”对话框

  2)在下拉清单中选择(单击)“D”

  3)在“D”盘的文件列表窗口中找到“网页练习”文件夹,双击它,使查找范围变成“网页练习”:

  4)在“网页练习”文件夹的文件列表窗口中双击“ycjf.htm”,就可打开这个网页文件。
  假如您想在“我的电脑”或“资源管理器”中直接在FrontPage中打开网页文件(.HTM文件),不能用双击。因为网页文件的默认打开工具是IE浏览器,那样做只能在IE中打开网页。可以右击文件,然后在出现的快捷菜单中单击“编辑”,就可用FrontPage打开网页文件进行修改编辑。
二、插入水平线
  在网页的制作过程中,为了使网页条理更清晰,通常在标题与正文之间插入一条水平线。通过这条水平线将它们分开,另外,由于水平线的颜色、粗细可以自由设置,所以插入水平线也可以对网页有美化作用。
  下面以打开的“迎春接福”网页为例说明水平线的插入及设置。
  将光标移动到标题栏后面。单击“插入”菜单,在它的下一级菜单(下左图)中单击“水平线”命令,结果如下右图所示。


“插入”菜单


水平线被插入

  下面我们来看一下水平线的设置方法。将鼠标指针移动到水平线上,单击鼠标右键,在下左图所示的快捷菜单中单击“水平线属性”,得到如下右图所示的“水平线属性”对话框。


快捷菜单


“水平线属性”对话框

  在“水平线属性”对话框中,共有4部分可以设置。各设置值的具体含义如下表:

水平线属性设置

项 目  设置值含义
宽度  水平线的长度,缺省值占显示窗口的100%
高度  水平线的粗细,缺省值为5个像素
对齐方式  水平线在整个窗口中的对齐方式
颜色  水平线的颜色,单击下拉箭头,可选择合适的颜色

  现在我们将水平线设置成宽度为80%,高度为5个像素,颜色为兰色,居中显示,得到如下图所示的样子。


改变属性后的水平线

三、设置网页背景色
  下面我们给“迎春接福”网页的背景配上颜色,使网页更漂亮些。
  单击“格式”菜单(下左图),选择“背景”命令,打开“网页属性”对话框的“背景”选项卡。单击“背景”栏右端的下拉按钮,弹出颜色下拉列表,如下右图所示:


“格式”菜单


背景颜色设置

然后单击灰色作为网页的背景色,显示结果如下:


灰色背景的网页

  也可以用图片做背景,具体方法我们在以后再介绍。
四、为网页添加背景音乐
  FrontPage可以为网页配上背景音乐,这样就可以边浏览网页边欣赏音乐。考虑到网络的速度,我们在选择乐曲时尽量选取比较小的声音文件,最好用“midi”格式的文件,这种格式的声音文件相对较小。
  现在,我们就为“迎春接福”网页设置上一段音乐“远方的客人请你留下来”。
  在设置前,要先将“远方的客人请你留下来”音乐文件(yfdkr.mid)复制到“网页练习”文件夹中,然后在打开了“迎春接福”网页的FrontPage用鼠标右击网页,在弹出的快捷菜单(左下图)中单击“属性”,打开“网页属性”对话框。
  在“网页属性”对话框中,单击“背景音乐”栏的“浏览”按钮,打开“背景音乐”对话框,同时还会打开一个的对话框,如下图所示。



“背景音乐”和“选择文件”对话框

  选中音乐文件“music.mid”,单击“确定”按钮,返回“网页属性”对话框。可以看到,背景音乐的位置已经确定好了,如下图:


设置了背景音乐的“网页属性”对话框

  在对话框中“不限次数”的前面有一个“√”,这表示当网页打开时背景音乐将不停地播放,一直到离开这个网页为止;如果用鼠标将“√”去掉,还可以设置循环次数。单击“确定”按钮,背景音乐设置完毕。

  保存网页后,打开音箱电源。单击“文件”菜单,在下拉菜单中选择“在浏览器中预览”,在IE浏览器中将网页打开,就可以在美妙的音乐声中欣赏自己的网页了。
  假如没有声音,可重新设置IE浏览器的高级选项,具体步骤是:

  1)单击IE浏览器的“工具”菜单;
  2)在下拉菜单中选择“Internet选项”;
  3)在“Internet选项”单击“高级”选项卡;
  4)移动“高级”选项卡“设置”栏的滚动条,在“多媒体”类的“播放网页中的声音”前面打上“√”(单击)。如下图:

  5)单击“确定”。
  在设置完成后要重新加载网页(单击IE的工具栏中的刷新按钮)才会有声音。

【练一练】
  根据自己的喜好对上讲建立的网页的背景颜色,文字的字体、大小、风格进行设置。配上一段背景音乐,并用IE浏览器预览。

回上讲 老顽童撰写 下一讲