用FrontPage建个小窝-网页的美化

02-03

页面的美化

通过模板建立的网页,常常预先置放了些标题栏、目录栏(一般叫导航栏),导航栏都是用很多元素组成的,结构上稍稍复杂一些。一般情况下我们不必要对这些东西进行低层次的修改,FrontPage也不允许操作者修改,但在某些项目上,我们还是可以根据自己页面的要求来修改。

操作修改页面的主标题:在主页(index.htm)的页面上部,模板预置了一个名为“主页”的横幅标题,这个横幅标题和整个主页格格不入。点击横幅,按“Del”键删除,然后在同样位置插入一个事先准备好的横幅图片为主页标题。

操作修改导航条的链接:在主页的左边,有一个导航条(目录栏),在建立站点的时候,导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改,只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标,然后选择输入文字“给我写信”,设置文字的超链接,这里的链接地址设置的是我的邮箱地址“mailto:豆豆@yesky.com”。

操作删除页面元素:在主页的右下,程序放置了一个LOG图片,这个图片和我的主页不符,选择该图片,按“Del”删除。

操作给页面添加水平线:水平线对于规划页面有很大的作用,可以让页面清楚,简洁。在要插入水平线的位置点击鼠标,选择“插入/水平线”,水平线就出现了。注意,一般模板网页的水平线由程序自动设置外观属性。而其他情况下,将由操作者自己设置水平线的颜色,粗细等。

进一步学习的建议:页面长期编辑后,可能会留下垃圾(无效代码),如果想做得更专业一点,可以在HTML标签窗口修改源代码,或者使用其他网页制作工具休整

表格的美化

表格实际和文字、图片一样,是一个网页的基本元素,但表格在网页中,更大的用途是来规划页面。实际上,在网页编辑中,通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的,特别是图文混排的页面。

在FrontPage中添加常用的数据表格,和在word中添加表格一样的方便,直接使用插入表格命令,然后填写数据就可以了。甚至还可以将word文件中的? 粘贴进来。

操作添加一个简单表格:在要插入表格的位置点击鼠标,选择“表格/插入/表格”,在弹出的对话框中设置表格的属性,然后选择表格的行数——2,选择表格的列数——1,然后指定表格的宽度,可以设置表格的宽度占网页宽度的百分比,或者直接设置表格的绝对宽度——像素。其他设置表格边框线的宽度为1,设置单元格间距为2。确定即可。

操作在表格中添入文字:在表格中输入文字和在普通编辑页面中输入文字没有什么区别,另外,在生成主页模板的时候,程序在网页中添加了一个高级控件,可以自动显示网页的更新时间。将这个控件拖入到表格中。这样,一个显示网页制作者的表格就制作好了。

操作设置表格的属性:表格的属性比较复杂,分成单元格属性和表格属性。选择表格,然后选择菜单“表格/属性/表格”,在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动,表格的浮动是设置整个表格的对齐方式,而一般的对齐方式是设置表格内的元素的对齐。

操作图文混排:在需要的位置加入一个只有一个单元格的表格,并设置好其他属性。在表格中添加图片,并设置好表格的大校再设置表格为“左浮动”,调整文字,让文字在表格的右边。这样,图文相配的混排就得到了。

进一步学习的建议:表格的操作比较复杂,需要反复的练习,学习如何用表格构造特殊页面,如何实现复杂的图文混排等等。

主题的设置

经过以上过程,我主页制作也基本完成了。但页面的背景图、导航栏、颜色选择,边框等都不太令我满意,而这些都是模板自动设计的,而且不能修改。这个时候,就要使用主题了。

主题,就是FrontPage针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设置,主题的内容有几十种,操作者可以根据自己的喜好选择,这样,就可以省去自己分别对这些页面元素的设置。

操作为网页指定主题:打开主页,选择“格式/主题”,弹出主题窗口。在主题窗口的左边,列出了可以选择的主题,默认的是“直边”,点击这些主题,可以在右面窗口查看该主体的风格,如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式,导航条的样式等等。另外,还可以设置是否需要背景图片,是否使用鲜艳的颜色等。选择“渐蓝”主题,单击确定,即可在网页窗口看到效果了。

主题都是事先设计好的,如果你有什么特殊要求,而FrontPage又不允许你在网页编辑时修改,这个时候,可以自定义主题。

操作测试网页和网站:现在,我的主页基本完成了,要实地测验一下主页和整个网站的情况,看页面显示是否正常,各个超链接是否正确,设计上还有什么缺陷。打开要预览的主页,然后选择“文件/在浏览器中预览主页”,这样,我就看到了我精心设计的主页的真正模样了。测试的时候,要仔细看页面的各种元素,看是不是有不正确的地方。多改变一下浏览器的一些相关设置,如字体大孝全屏、缩放窗口。点击页面上的超链接,看是否能跳转到正确的页面。另外,最好将整个网站文件夹复制到其他机器上,看是否正确,特别是字体显示是否正确。

操作查看网站报表情况:在视图窗口选择“报表”图标,打开报表窗口,在这个窗口,可以看到整个网站的一些统计数据。仔细查看这些数据,看看有没有什么问题,如无效的超链接等。如果一切没有问题,就可以发布了。

进一步学习的建议:网页的美化是一个经验和修养的问题,一方面多实践,另一方面多看优秀的网页。另外,网站的测试很重要,要摸索和掌握这方面的经验和技巧.