第7学时 格式化文本

下载

第7学时格式化文本

开始意识到网页是由三个基本的部分：文本、图像和链接，所组成的，这是很容易的—

事实上太容易了。尽管一般来说，这是正确的，但是这容易让人感觉到文本是用于内容、

图像是用于展示、而链接则是用于可动的部分。

事实并没有那么清楚和简单。文本首先是一个信息的载体，但是当文本被别致的字体或

颜色打扮的，它就同时提供了内容和设计—满足大脑的两个半球而代价只是其中之一。类

似地，将文本组织成一个带项目符号的列表，或者带编码的列表同样会影响内容与风格。

在本学时中，将跨越段落属性，而进入有趣的文本格式。在本学时的末尾，你将能够回

答如下的问题：

?如何创建有吸引力的列表？

?如何为文本选择字体和大小，就象在字处理器中所要做的那样？

?能够选择文本的颜色吗？

1.使用列表

在第6学时，“添加和编辑文本”中，你发现可以用格式工具栏上面的按钮来在FrontPage

Express中创建两种类型的列表(见图7-1)：

?带项目符号的列表一个普通的、缩进的、带项目符号的列表。

?带编号的列表一个列表，其中的项目是从上到下进行编号的。

针对某个目标应该使用哪种类型的列表？带项目符号的还是带编号

的列表？我不知道。这是你的网站。做你喜欢的事情。

如果想要一个指导自己的原则，可以试试这个：当列表中项目的次

序很重要时，就像一步一步的指导一样，就用一个带编号的列表。如果

次序不太重要时，就用一个带项目符号的列表。

图7-1在FrontPageExpress

中可以创建的列表的风

格

但是到现在，选择并未结束！你可以使用朴素的带项目符号或者带编号的列表，进而改

变其项目符号或者编号的类型(见图7-2)。

在你在线看到的某些网页上，你看到一些很酷的列表项目符号，它

们是几何图形的、多彩色的、甚至是动画的。

它们并不是一个项目符号属性所赋予的真实的项目符号，而是插在

每一行之前的图像。参见第14学时“添加图片(和图片背景)”。

2.创建基本的列表

与其它的文本格式一样，要创建一个列表，首先输入一个或者多个列表项目。每一个项

目都是一个单独的段落(在输入每一个项目之后按下回车键)，而且每一个项目都可以是你所选

择的任意长度。然后就根据下面的这个“动手实践”中所描述的来应用列表格式。

动手实践：创建一个列表

1)输入列表的项目，在每一行的结尾按下回车键，从而每个列表项目都是一个单独的行，

见图7-3。

74分分第二部分分标题、文本和表格

下载

图7-2可选的项目符号和编

号的风格

图7-3第1步：输入列表的

项目

2)选择整个列表，见图7-4。

列表格式是段落格式，所以可以这样来选择一个列表，在第一个项

目的任意一处开始选择，然后拖拉到最后一个项目的任意一处。

3)单击格式工具栏上的两个列表按钮中的一个：带编号的列表或者带项目符号的列表，

见图7-5。

一个列表中的项目可以被格式化为任意的风格。比如，可以做成一

个标题的列表。

然而，应该注意到在列表前面的项目符号和数字通常都不改变大小，

不管文本的大小。鉴于这个原因，列表文本就最好是普通文本段落，或

者作为一种高层的标题(比如标题3或者4)。

如果希望列表的项目是真正大而粗的文本，那就别用正常的列表格

式，而是应该采用图形的项目符号(正如在第14学时中所描述的那样)，它

们足够大且粗，能够和文本相匹配。

第7学时从格式化文本从从75

下载

图7-4第2步：选择此列表

图7-5在第3步之后，此列

表就被格式化成你所

选择的列表风格

3.改变一个列表的外观

仅仅通过单击一个按钮就可以做一个相当漂亮的列表，就像在前一个“动手实践”中所

做的那样。但是，并不一定要满足于所得到的结果。事实上，你可以很容易地更改一个列表

的外观，选择编号的风格(A、B、C、I、II、III等等)或者是项目符号。

1)选择那个列表，见图7-6。

2)选择“格式”、“项目符号和编号”，见图7-7。

3)选择想要的列表类型的标签，见图7-8。

4)选择其中显示着想要运用的项目符号或编号风格的那个方框，见图7-9。

76分分第二部分分标题、文本和表格

下载

图7-6第1步：选择那个列

表

图7-7第2步：选择“格式”、

“项目符号和编号”

图7-8第3步：选择一个标

签

5)单击“确定”。列表的外观就改变了，正如在图7-10中所显示的那样。

7.1用字符属性来打扮文本

段落属性总是适用于整个段落。比如，不能够让段落的一部分是一个标题，而另一部分

是普通文本。

然而，可以给段落中的一个单独的字符、一些字、整个段落或者整个文档运用“字符属

性”。

新术语字符属性是一些可选的设置，它可以用来改变文本的外观，比如说一个特定的字

体(字面)或者粗体。

段落属性(比如对齐和缩进)和字符属性(比如字体或粗体)通常一起工

作来定义一个段落，以及其中的文本的外观。

然而要记住，浏览器仅给基于段落风格的文本应用某些字符格式。

比如，它们将自动地以大的粗体来显示标题。在应用字符格式之后，就

覆盖了浏览器使用的任意的缺省格式。

第7学时从格式化文本从从77

下载

图7-9第4步：选择一个风

格

图7-10旧的列表，新的外

观

用来强调字而最通常使用的字符属性是将它们变成粗体、斜体或者下划线，就像在字处

理器中格式化文档一样。但是同样也可以改变字符的颜色，让它们闪烁，改变它的字体(字面)

或者大小等等。

除了字体和大小外，还可以应用一些其它的字符属性，比如粗体、斜体、下划线或者闪

烁。甚至还可以给文本选择一种颜色。

某些字符属性是基于HTML扩展的。正如你可能会预料到的那样，任

何你在FrontPageExpress中能够对文本做的事情都被我们最受欢迎的朋

友，InternetExplorer和NetscapeNavigator，所全面支持。然而，在其它

浏览器中，则会发现不是支持得那么好。

几乎所有的图形浏览器都支持相对字体大小。大多数支持字符风格，

比如粗体、斜体和下划线；然而某些浏览器会将这些风格都翻译成简单的

“强调”，并且取决于它们如何来显示那个强调。比如，在一个自己制定强

调文本规则的浏览器中，你设置为斜体的文本可能会显示成下划线的(而

不是斜体)。不寻常的风格，比如上标和闪烁的文本在Netscape和Microsoft

的阵营外并不总是被支持的。文本颜色是自定义颜色的一个分支，通常支

持自定义颜色(只要访问者没有关闭那个功能)的浏览器都支持它。

字体和Netscape的指定大小是最没有得到广泛支持的字符属性。很多

图形浏览器都可以处理赋予的字体的固定宽度或者可变宽度，但是选择

特定的字体(比如Arial或者Courier)和特定的指定大小(不同于相对的字体

大小)是绝对被两个流行的浏览器所支持的。

7.1.1选择字体

FrontPageExpress的字体选项是在PC上所安装的字体。选择其中的一个将指导浏览器使

用适当的字体(或者在某些情况下，用一个来自于同一个家族的字体)。关键是所选择的字体必

须在访问者的计算机(PC或者苹果机)上已经安装了，或者访问者的浏览器必须有一个特殊的

内嵌字体查看器。

比如，如果将文本设置成CenturyGothic，访问者将仅当他们的计算机上凑巧安装了

CenturyGothic才能够看到此字体。否则，此文本将回复到浏览器所选择的字体上去。

动手实践：为文本选择一个字体

1)精确地选择所要应用新字体的字符，见图7-11。

字体是字符格式的形式，而不是段落格式的，所以它们仅影响所选

中的那些字符。如果要给整个段落应用一种字体，则必须选择整个段落。

2)找到格式工具栏上的“改变字体”列表框。注意此列表框告诉你目前用于这些选中的

文本的字体的名字。

3)单击在此列表框右边的箭头以打开此列表，见图7-12。

78分分第二部分分标题、文本和表格

下载

4)单击要应用的字体的名字(见图7-13)，改变后的结果如图7-14中所示。

在能在FrontPageExpress中所选择的字体中，有三个选项是特殊的：

Arial、TimesNewRoman和Courier。这三个选项并不要求访问者有这些

字体；相反，它们告诉浏览器使用任何来自同一个家族的可用的字体。

?Arial是一个按比例缩放的sansserif字体。(Sansserif意味着它没有

在serif字体中出现的那些装饰的边缘或者条文。)在一个没有Arial的

计算机上的浏览器可以用另一个Sansserif的比例缩放字体，比如用

Helvetica来代替。

?TimesNewRoman是一个serif比例缩放字体，它可以用一个类似

的字体(如CenturySchoolbook)来代替。

?Courier是一个单一缩放的字体(就象用于显示固定宽度的字符属性

或者已编排格式的段落属性的文本)。另一个单一缩放字体(如Letter

Gothic)也可以用来代替。

第7学时从格式化文本从从79

下载

图7-11第1步：选择那些字

符

图7-12第3步：打开“改变

字体”列表

图7-13第4步：选择一个字

体

7.1.2改变文本的字体大小

段落风格决定了大小。比如，如果文本被设置为标题3风格看上去有点嫌小，最好的办法

就是将此改变为一个更大风格，如标题2或者标题1。当由风格选择的字体大小不能够完全满

足需求时，仍然可以很容易地细调所选择文本的字体大小。

如果你单击“增大字体”而所选择的文本并不增大时，这说明此文

本已经被设置为所允许的最大尺寸。类似地，如果“减小字体”没有反

应时，说明文本已经被设置为所允许的最小尺寸。

动手实践：选择文本的字体大小

1)精确地选择想要改变大小的字符，见图7-15。

80分分第二部分分标题、文本和表格

下载

图7-14字体应用了

图7-15第1步：选择此字符

2)找到格式工具栏上的“改变字体”列表右边的两个按钮。

3)要使得选中的文本变大，单击“增大字体”按钮。要使得选中的文本变小，单击“减

小字体”按钮，见图7-16。改变之后的结果如图7-17中所示。

可以多次单击“增大字体”或者“减小字体”按钮，从而使得文本

可以更大或者更小。比如，要使得文本大两个级别，单击“增大字体”

按钮两次。

7.1.3让文本成为粗体、斜体或者下划线

就像在任何可能要创建的信件或报告中一样，粗体、斜体和下划线是网页中非常有用的

第7学时从格式化文本从从81

下载

图7-16第3步：单击“增大

字体”或“减小字

体”按钮

图7-17文本的大小改变了

增大字体

减小字体

工具，它可以用于让文本突出，或者让文本符合编辑的标准(比如将书的标题设置为斜体)。它

们用起来很容易，但是还是要省着点儿用；如果这种东西用得太多，就会使文本太热闹而难

于阅读。

可以将三种格式组合起来；比如，可以让选中的文本同时是粗体和

斜体，这是通过单击“粗体”按钮，然后再单击“斜体”按钮来完成的。

动手实践：应用粗体、斜体、或者下划线这些文本格式

1)精确地选择想要格式化的字符，见图7-18。

2)单击一个按钮来格式化那些选中的字符：“粗体”按钮、“斜体”按钮或者“下划线”

按钮，见图7-19。改变后的结果如图7-20中所示。

82分分第二部分分标题、文本和表格

下载

图7-18第1步：选择那些字

符

图7-19第2步：单击“粗体”、

“斜体”或者“下划

线”

粗体

斜体

下划线

要去除“粗体”、“斜体”或者“下划线”，选中那些文本然后再次单

击那个按钮。比如，要去掉某些文本的粗体格式，首先选中它们，然后

单击“粗体”按钮。

7.2选择文本的颜色

在第5学时，“选择一个标题、文本颜色和其它一些网页基本属性”中，你已经学习了如

何为网页选择一种和谐的颜色方案—这个方案保证用于文本、背景和其它对象的颜色都能

够一起正常工作。如果这样做，就可能无须为成块的文本选择颜色了。

但是你仍然发现，自己想给一个标题或者其它选择的文本一个属于它们自己的、独一无

二的颜色。下面的“动手实践”告诉你如何操作。

动手实践：给文本应用一种颜色

1)精确地选择想要为之选择一种颜色的字符，见图7-21。

第7学时从格式化文本从从83

下载

图7-20斜体应用之后

图7-21第1步：选择那些字

符

2)单击格式工具栏上的“文本颜色”按钮，见图7-22。

3)单击包含有你想要应用的颜色的颜色框，然后单击“确定”。改变的结果就显示在图7-

24之中，见图7-23。

84分分第二部分分标题、文本和表格

下载

图7-22第2步：单击“文本

颜色”按钮

图7-23第3步：选择一种颜

色

图7-24颜色应用之后

文本颜色

如果在颜色对话框中没有一种颜色满足需要，单击对话框中的“规

定自定义颜色”按钮，然后就出现了一个调色板，这里显示了在PC的当

前设置下所有可能的颜色。创建此调色板以创建一个“自定义颜色”，然

后再单击出现的自定义颜色框来应用此颜色。

用字体对话框来应用字符属性

格式化文本的最快且最容易的方式便是使用在格式工具栏上的列表和按钮，这是现在已

经掌握的。但是还有另外一种方式，这种方式给你提供一些其它的、较为复杂的选项，它们

在格式工具栏上是找不到的：那就是字体对话框。

要使用字体对话框，首先(一向如此)精确地选择想要格式化的字符。然后选择“格式”、

“字体”来打开字体对话框(见图7-25)。

运用字体对话框中的“字体”标签下面的列表和复选框，这里可以应用你所知道的所有

的格式类型：字体、大小、颜色和粗体、斜体、以及下划线。而且还可以选择两个额外的

属性：

?删除线一条穿过每一个选中字符的直线。

?打字型指定浏览器在显示此网页时，应该将这些特定的文本显示为单一缩进的、打字

型的字体。

在字体对话框的“特殊样式”标签中(见图7-26)，可以应用更为复杂的格式。这些

大多数是高级选项，它们对大多数的网页作者是没有什么价值的，并且很少使用。但

是有一个选项很有趣：选择“闪烁”来让此文本闪烁—此文本在被显示的时候不断

地闪现。

字体对话框上的“特殊样式”中的大多数选项是用HTML的扩展来实

现的。在用InternetExplorer4或5查看的时候，这些格式可能会正常显现，

但是用其它浏览器查看的时候，则有可能会，但也可能不会显现出来。

如果可能，尽量少用这些格式。

第7学时从格式化文本从从85

下载

图7-25字体对话框让你可

以一步就访问所有

类型的文本格式选

项

7.3课时小结

仍然觉得图像是网页外观的“肉”吗？没有输入一个图像，但是却发现一个用于装饰网

页的很方便的技术库，它包括列表格式、自定义颜色和字体。

当然，仍然需要图像，但是随着网页的增长，务必记住有这些简单的，但是却有效的设

计工具可以使用。

7.4专家答疑

问题：因为我不知道访问者的计算机上有哪些字体，我不应该避免使用奇特的字体吗—

尤其是考虑到有些浏览器甚至根本不支持它们？

解答：事实上，字体是非常安全的。首先，要记住当你用字体的时候，在不能够支持它

们的浏览器中不会发生什么可怕的事情—这些浏览器就以它们的缺省字体来显示这些文本。

然后，Windows3.1、95、98和NT都缺省地配有一套TrueType的字体，而苹果机也装备了

一个类似的列表。如果你用这些缺省列表中的字体，你将能够很好地将你想要的字体效果显

示给大多数PC和苹果机上的Netscape和InternetExplorer用户—这是网络冲浪者的主体。你

可以通过坚持使用三个超级字体来改善这个问题—这三个字体分别是Arial、TimesNew

Roman和Courier—这样，没有这些字体的计算机可以找到替代的类似字体。

86分分第二部分分标题、文本和表格

下载

图7-26使用字体对话框中

的“特殊样式”标

签可以应用独特的

风格，比如“闪烁”