5 网页装饰设计
5．1 插入特殊符号（Top）
5．1．1 利用“符号”对话框（Top）
5．1．2 插入全角空格（Top）
英文编码中没有全角、半角概念，因为，所使用的ASCII码都是用单字节表示的。
中文编码由于两个字节表示一个汉字（标点符号），因此就引入了全角、半角的概念。
由于HTML语言（标记）中只有半角空格，因此用“ ”替代半角空格，全角空格不需要用其他标记来替代。
中文的排版格式中首行要缩进两个字，因此，需要插入两个全角空格。插入方法很简单在使用中文输入法，且处于全角状态时，按空格键即可。注意：不宜插入4个半角空格。
5．1．3 键盘录入（Top）
有很多符号可以在键盘上录入，例如，利用软键盘录入等。智能陈桥输入法插入特殊符号很方便。
5．2 添加图像（Top）
在网页上插入精美的图片，除了具有给网页增添活力等效果外，图像还可以作为链接源（链路标志）。一张图像既可整体作为一个链接源，还可以在其上设置多外热点（链接源），成为一张导航图。
5．2．1 图像格式（Top）
大多数浏览器只能显示两种格式的图像。即，GIF和JPEG（JPG）。用FrontPage
2000编制网页时，可以插入其它格式的图像文件，并由它将格式转换成上述两种中的一种。
1、GIF（Top）
GIF是一种压缩的8位图像文件，广泛用于网络传输，最多只有256色。
新的 GIF89a格式，能储存成背景透明化的形式（支持
Alpha通道），并且可以将数张图存成一个文件，形成动画效果，还支持位图模式、灰度或索引颜色模式图像。
2、JPEG（Top）
JPEG是一种高效率的压缩格式，在存档时能够将人眼无法分辨的资料删除，以节省存储空间。JPEG格式支持CMYK、RGB和灰度颜色模式，不支持Alpha通道。JPEG格式通过选择性地去掉数据来压缩文件，是有损压缩。它比GIF图像包含更多颜色方面的信息，优点是色彩比较逼真，文件也较小。在多媒体及网页中用到的照片和图像适合存为JPEG格式。
5．2．2 插入图像文件（Top）
在网页中，既可插入图像文件，也可用剪贴板将图片粘贴到网页。
1、本站点中
插入本站点中图像文件的方法是：
⑴将光标移至需插入图片处，单击“插入”·“图片”·“来自文件”。
⑵在“图片”对话框上，选定所需的图像文件后，单击“确定”。
2、本地磁盘中
插入位于本地磁盘中图像文件的方法是：
⑴将光标移至需插入图片处后，单击“插入”·“图片”·“来自文件”。
⑵单击“图片”对话框上“从计算机上选择一个文件”按钮。
⑶在“选择图片”对话框上选定一个在本地磁盘上的图像文件后，单击“确定”。
插入非本站点中图像文件或用剪贴板粘贴方法插入图片后，保存网页时，会出现“保存嵌入式文件”对话框。保存前可更改保存的目录（站点内）及文件名。
3、Web站点上
实际上，是插入图像文件，只不过是在浏览器中浏览的图像。方法是：
⑴将光标移至需插入图片处后，单击“插入”·“图片”·“来自文件”。
⑵单击“图片”对话框上“使用Web浏览器来选择网页或文件”按钮。
⑶在浏览器中查找到合适的图像图像文件后，按“Alt+Tab”键切换到FrontPage
2000窗口，该图像文件的的地址就会自动在“图片”对话框下的“URL”框中，然后单击“确定”。
注意：URL框中出现必须是图像文件路径，不能是包含该图像的网页路径。且路径必须是纯英文的。
4、剪贴画（Office 2000自带的图像）
插入剪贴画的方法是：
⑴将光标移至需插入图片处，单击“插入”·“图片”·“剪贴画”。
⑵在“剪贴画库”对话框上，选定所需的图像文件后，单击“插入剪辑”。
5．3 处理图像（Top）
在FrontPage 2000中，利用专门的“图片”工具栏上的命令按钮可以对网页中的图片进行简单编辑。如，调整对比度、亮度、剪裁、设置透明色以及在gif格式的图片上添加文字等。
注意：如果使用“图片”工具栏命令按钮后的效果不满意，可单击“还原”命令按钮，使图像复原。
通常，当选中某一图片后，“图片”工具栏即会出现在屏幕上。若不出现，单击“察看”·“工具栏”·“图片”后，即可出现。
5．3．1 指定图片编辑器（Top）
网页中的图片还可调用其它专门的图像处理软件来编辑。但需要事先指定图片编辑器，方法是：
⑴单击“工具”·“选项”。
⑵在“选项”对话框的“配置编辑器”选项卡上，单击“添加”。
⑶在“添加编辑器关联”对话框上，“文件类型”框中键入图像文件的扩展名；“编辑器名称”框中键入调用的程序名（如，Photoshop）；“命令”框中键入该程序的文件名及其路径（若记不清，可单击“浏览”，再在“浏览”对话框上选定），然后单击“确定”。
⑷单击“选项”对话框上的“确定”。此后，只需在图片上双击，指定的图片编辑程序即会启动。
5．3．2 剪裁图像（Top）
单击“图片”工具栏上的“剪裁”命令按钮后，用鼠标拖动图像的控制点即可。
5．3．3 设置透明背景（Top）
注意：只能设置GIF格式图像。
单击“图片”工具栏上的“设置透明的颜色”命令按钮后，在图像上单击则单击处的那种颜色就成为透明的颜色。
注意：只能设置GIF格式图像。JPG格式图像要设置透明的颜色，需先转换成GIF格式。此外，透明的颜色只能是图像中的某一种（设置新的，旧的即被替换），也就是256种索引色中的一种。
5．3．4 添加文本（Top）
单击“图片”工具栏上的“文本”命令按钮后，即可在图像上添加文本。
注意：同样只能在GIF格式图像上添加文本。“图片”工具栏上有三个热点命令按钮（长方形热点、圆形热点和多边形热点），用它们可以设置热点（超级链接）。热点所需的文字不一定上面所说的方法添加，例如，可以在Photoshop中添加。
5．3．5 保存图像（Top）
凡是插入的图像不是本站点中的文件，均需要保存到本站点中。
保存网页中图像文件，除了一些常规的规定外，关键是文件名中不应有中文。
5．3．6 缩略图（Top）
众所周知，精美的图片能够美化网页页面，但是图像文件的增大会大大加长下载时间。尤其是免费主页空间中的网页下载速度原本就较慢，图像文件过大时，会大大减少浏览人数。
FrontPage 2000提供的解决方法是：在网页中用一张原图的缩略图来替代原图，其面积、文件字节数比原图要小得多。同时自动建立缩略图与原图之间的超级链接。若浏览者需要观看（下载）原图的话，只需在缩略图上单击，浏览器就会立即打开原图。
缩微图制作：（Top）
1、有关设置（可以使用默认值）
⑴在“网页”·“普通”视图中，单击“工具”·“网页选项”。
⑵在“网页选项”对话框的“自动缩略图”选项卡上设置三项选项。
“设置”框，一般选定“宽度”（网页宽度受浏览器分辨率限制），然后在其右侧的“像素”框中选定缩略图的宽度；
“边框粗细”复选框，选中后可在其右侧的“像素框中”选定缩略图的边框粗细；
“边框凹凸效果”复选框，选中后缩略图显现凹凸效果。
2、缩微图制作（Top）
需制作缩微图的图像，必须先保存。
选中制作缩微图的图像后，单击“图像”工具栏上“自动缩略图”按钮。缩略图即替代原图出现在网页中。缩略图文件大小将比原图小许多，网页的下载时间能大大缩短。如果浏览者需要观看（或下载）原图只需在该图上单击即可。
保存网页文件时，将会出现提示保存缩略图（及原图）。默认情况下，缩略图的文件名是在原图文件名后面加上“_small”，扩展名相同。
5．4 运用特殊效果（Top）
均是利用“图片”工具栏上命令按钮进行。
5．4．1 调整图片的亮度和对比度（Top）
单击“图片”工具栏上“增加亮度”或“降低亮度”命令按钮，可以调整图像的亮度。
单击“图片”工具栏上“增加对比度”或“降低对比度”命令按钮，可以调整图像的对比度。
5．4．2 图片的翻转与旋转（Top）
单击“图片”工具栏上“向左旋转”、“向右旋转”、“水平翻转”或“垂直翻转”命令按钮，可以调整使图像作相应的旋转或翻转。
5．4．3 图片的冲蚀和黑白处理（Top）
单击“图片”工具栏上“冲蚀”命令按钮，可使图像产生冲蚀效果。
单击“图片”工具栏上“黑白模式”命令按钮，可使图像成为黑白图像。
5．4．4 凹凸效果（Top）
单击“图片”工具栏上“凹凸效果”命令按钮，可使图像产生凹凸效果。
5．5 设置图片属性（Top）
在FrontPage 2000中，利用“图片属性”对话框可以设置图片的属性。在图片上单击右键，然后单击“图片属性”，即可打开“图片属性”对话框。
5．5．1 常规（Top）
在“常规”选项卡上可以改变图片的格式等。如，将GIF格式改为JPEG格式。
若图片的格式为JPEG时，可在“质量”数值框中设置图片的质量参数（默认值是75）。取值范围为0－100，值越大质量越好，但图片文件也越大。因此，一般取值范围为70－80。
5．5．2 外观（Top）
“外观”选项卡“布局”选项区
“对齐方式”，设定图像与文本的对齐方式。
“边框粗细”，设定图像的边框粗细。
“水平间距”，设定图像与文本之间水平间距。
“垂直间距”，设定图像与文本之间垂直间距。
“大小”选项区
“指定大小”复选框，如果要指定图片大小，则选中，然后，设定图片的宽度和高度。可以绝对像素值或与浏览器宽度的百分比作为度量单位。
“保持纵横比”复选框，如果要保持图片的原有纵横比，则选中。选中后，设定高度和宽度时，只需设定其中之一。
5．6 使用水平线（Top）
5．6．1 插入水平线（Top）
插入水平线的方法很简单，只需将光标移至需插入水平线处，然后单击“插入”·“水平线”即可。
5．6．2 设置水平线属性（Top）
在水平线上右击，然后单击“属性”，可打开“水平线属性”对话框。在该框上可以设定水平线宽度、高度、颜色等。不选中“实线（无阴影）”复选框时，水平线是一条有阴影的具有立体感的线。
注意：如果应用了主题，则默认情况下，除“对齐方式”外，用户不能更改设置。如果，“应用CSS”，其它设置也能更改。
5．7 插入注释和时间（Top）
5．7．1 插入注释（Top）
注释的作用是给编写者提示。
单击“插入”·“注释”后，在“注释”对话框的“注释”框，输入所需的注释文字，然后单击“确定”。
插入的注释在FrontPage 2000的“网页”·“普通”视图中显示“注释：×××……”，在“HTML”视图中显示<!--webbot
bot=“PurpleText” PREVIEW=“×××……” -->
使用浏览器浏览时，将什么都不显示。
5．7．2 插入日期和时间（Top）
插入动态（最后一次保存网页）的时间和日期方法。
单击“插入”·“日期和时间”后，在“日期和时间”对话框上设置，然后单击“确定”。
“显示”选项区，选定插入“该网页上次编辑日期”（与本网页编辑有关）或“该网页上次自动更新的日期”（涉及网页中包含网页的更新日期和时间）。
“日期格式”框，选定日期的显示格式。
“时间格式”框，选定时间的显示格式，或不显示时间。
5．8 设置段落格式（Top）
Word具有强大的文字编辑功能，段落设置是一项重要功能，FrontPage
2000作为微软的产品，且又是Office 2000一个组件，因此，同样具有较强的段落设置功能。。
5．8．1 换行与分段（Top）
很多人将<p>、</p>之间称为一个段落，<br>两侧称为换行。
按回车，产生新段落，按Shift＋回车，换行。
注意：换行与分段的概念，至今没有一个统一的认识。
5．8．2 对齐与缩进（Top）
“段落”对话框上，可以设置对齐方式、缩进、段落间距、行距、字距等属性。
对齐方式，有左对齐、水平居中、右对齐和两端对齐。前三种可以用工具栏命令按钮设置
缩进，有文本之前（左缩进）、文本之后（右缩进）和首行缩进。
5．8．3 其他属性（Top）
缩进间距，有段前、段后。
行距大小，如果使用行距倍数，如，1.5倍行距，则应表示为“150%”，
5．9 修改网页背景（Top）
注意：应用主题的网页，不能使用下述方法设置背景色彩和背景图案！
5．9．1 背景色彩（Top）
网页背景颜色在“网页属性”对话框的“背景”选项卡的“颜色”选项区中设置。
5．9．2 调整背景图案（Top）
网页背景颜色在“网页属性”对话框的“背景”选项卡的“格式”选项区中设置。
主页 （TOP） |
