11.4 美化Web网页


上一页(11.3 编辑Web网页)	\|	返回【目录页】	\|	下一页(11.5 创建框架网页)

11.4 美化Web网页

只有文字的Web网页是令人乏味的。FrontPage 2003提供了许多Web网页对象，如水平线、横幅等，使用这些对象将大大美化用户的Web网页。

11.4.1 插入图片

图片在Web网页中是不可缺少的，为了浏览的方便，Internet上的图片不能太大，一般不是位图格式（BMP）的图片，而是较小的GIF格式（文件名后缀为.gif）和JPEG格式（文件名后缀为.jpg）的图片。GIF格式的图片支持动画，但图片质量不好。相对而言，JPEG格式的图片在Web网页中出现得更多。

一般Web站点的图片均保存在网站根目录下的Images”录下。这样便于管理和查找。在Web网页中插入图片的方法和在文档中插入图片的方法是一样的，按以下的步骤进行：

（1）将要插入的图片复制到网站根目录下的Images目录下。

（2）在Web网页上确定插入点（光标位置）。

（3）在“常用”工具栏中单击“插入文件中的图片”按钮，打开如图11-43所示的“图片”对话框，在文件列表中查找到要插入的图片文件，单击“插入”按钮即可。

图11-43 “图片”对话框

插入后的图片大小或者其他格式往往不能满足用户的需要。此时双击图片，打开如图11-44所示的“图片属性”对话框，便可调整图片的大小、文字环绕方式等。

图11-44 “图片属性”对话框

“图片属性”对话框中的“常规”选项卡如图11-44（右）所示。在“图片”文本框中用户可以直接更改插入的图片；单击“编辑”按钮，则自动打开Windows自带的“绘图”软件，以修改该图片；单击“图片文件类型”按钮可以修改图片的格式；“可选外观”选项组中的“低分辨率”表示当显示器分辨率不够时，将以此文本框中的文件替代原图片显示，“文本”则表示浏览该图片时，将鼠标指针置于其上，将给出该文本框中设定的文本。

双击图片，也将显示如图11-45所示的“图片”工具栏，利用该工具栏，用户也能编辑图片。

图11-45 “图片”工具栏

11.4.2 插入图片库

图片库中包含了以一定布局排列的图形。图片库就是这些图形的集合。在FrontPage 2003中，可以直接插入一个图片库，这样可以省去用户布局图片的时间。以下是插入图片库的方法：

（1）在Web网页上确定插入点（光标位置）。

（2）执行“插入”→“Web组件”菜单命令，打开“插入Web组件”对话框，在左侧的“组件类型”列表框中选择“图片库”选项，在“选择图片库选项”列表框中选择一种图片布局方式，如图11-46所示。

（3）设置完毕，单击“完成”按钮，将打开如图11-47所示的“图片库属性”对话框。

（4）在“图片库属性”对话框中的“图片”选项卡中单击“添加”按钮，打开一个列表，如图11-47所示。若使用“图片来自文件”命令，便可利用“打开”对话框选择要添加的图片。图11-47显示的就是添加完图片以后的对话框。在该对话框中的图片均称为“缩略图”。用户可以设置缩略图的大小，并可为图片设置标题以及说明文字。另外，利用“上移”、“下移”按钮调整图片的顺序。单击“编辑”按钮，将弹出一个对话框供用户编辑图片。若用户想换一种图片库版式，打开“布局”选项卡中便可修改。