第一节　文本的输入与编辑

在Internet上，文本是信息传递的主要载体，它也是网页中最基本的元素。FrontPage 2003在输入和编辑文本方面，更像是一个字处理软件，如果用户已经熟悉Word等软件的使用，则可以方便地在网页中输入和编辑文本对象。

一、输入文本

在网页视图模式下，无论是打开一个网页还是新建一个网页，都可以对其进行文本的输入。进入FrontPage 2003工作界面后，在其编辑区的左上角有一个不断闪烁的光标，输入的文本都将从光标所在的位置开始插入到网页中。

在输入文本的过程中，当输入的文本超过一行，系统将自动进行换行，这种换行方式并不会产生一个新行或是一个新段落，随着网页边界的变化或是编辑窗口的调整，Front Page 2003会自动调整文本的换行位置。如果在输入的过程中，需要重新输入一行或者是输入多个段落，可在本段文本输入完成后，按“Enter”键产生一个新段落。

提示：一般情况下，如果不是开始下一个新的段落，最好让系统自动换行，而不要使用“Enter”键来进行手动换行。

二、文本的基本操作

输入文本后，用户可以在网页中对输入的文本进行一些基本的操作，主要包括文本选定、复制、移动和删除等。

1．选定文本

在编辑文本之前，首先需要选定文本，其具体操作方法如表4.1所示。

表4.1　FrontPage选定文本的操作方法

2．复制文本

在文档编辑过程中，为了减少输入工作量，经常需要将某一位置的文本复制到其他位置。复制文本的具体操作步骤如下：

（1）用鼠标或键盘选定要复制的文本。

（2）选择“编辑”→“复制”命令，或者直接单击“常用”工具栏中的“复制”按钮复制选定的文本。

（3）将插入点定位到目标位置，选择“编辑”→“粘贴”命令，或者直接单击“常用”工具栏中的“粘贴”按钮粘贴文本。

技巧：复制文本的快捷键为“Ctrl+C”，粘贴文本的快捷键为“Ctrl+V”。

3．移动文本

在网页编辑过程中，有时需要将某些内容移动到其他地方。移动文本的具体操作步骤如下：

（1）选定要移动的文本。

（2）选择“编辑”→“剪切”命令，或者按快捷键“Ctrl+X”，剪切选定的文本内容。

（3）将插入点定位到需要插入文本的位置，选择“编辑”→“粘贴”命令，或者是按快捷键“Ctrl+V”，将文本粘贴到当前位置。

4．删除文本

删除文本的具体操作步骤如下：

（1）选定要删除的文本。

（2）选择“编辑”→“删除”命令，或者按“Delete”键，即可将文本删除。

三、格式化文本

一个网站要想提高点击率，就需要对文本进行一些格式化操作，使其具有自己的独特风格。在FrontPage 2003中可以像使用字处理软件一样设置文本的格式，包括文本的字体、字体大小、特殊格式和字体颜色等。

1．设置字体

FrontPage 2003中为用户提供了多种字体，用户可以在网页设计中选择任意的字体形式，使网页格式多样化。但是建议用户最好还是使用一些标准的字体，因为有些字体虽然好看，但是如果访问者的计算机中没有这些字体，就只能以浏览器中设定的字体显示，根本达不到用户预期的效果。

设置字体的具体操作步骤如下：

（1）选定要设置字体的文本。

（2）单击“格式”工具栏中的“字体”下拉列表右侧的下三角按钮，弹出如图4.1.1所示的“字体”下拉列表。

图4.1.1　“字体”下拉列表

（3）在该下拉列表中选择不同的字体样式，其效果如图4.1.2所示。

图4.1.2　设置不同的字体效果

2．设置字体大小

在FrontPage 2003中，设置字体大小的具体操作步骤如下：

（1）选定要设置字体大小的文本。

（2）单击“格式”工具栏中的“字号”下拉列表右侧的下三角按钮，从弹出的“字号”下拉列表中选择不同的字体大小，效果如图4.1.3所示。

图4.1.3　设置不同的字体大小

提示：FrontPage中的字号不是连续变化的，这一点和Word有所不同，并且FrontPage中只有7种基本字号，且从小到大排列。如果用户想设置其他的字体大小，可在“字号”下拉列表中直接输入要设置的字体大小即可。

3．设置字体的特殊格式

有时为了显示文本内容的主次关系，需要为文本设置一些特殊的格式。设置字体特殊格式的具体操作步骤如下：

（1）选择需要设置特殊格式的文本。

（2）单击“格式”工具栏中的“加粗”按钮加粗文字，单击“倾斜”按钮使文字倾斜，单击“下划线”按钮，为文字添加下划线。

4．设置字体颜色

在网页的制作过程中，合理地使用颜色来修饰网页中的文本，可以使网页更加赏心悦目而且易于阅读。设置字体颜色的具体操作步骤如下：

（1）选定要设置字体颜色的文本。

（2）单击“格式”工具栏中的“字号”下拉列表右侧的下三角按钮，弹出如图4.1.4所示的“字体颜色”下拉列表。

图4.1.4　“字体颜色”下拉列表

（3）从弹出的下拉列表中选择所需要的颜色。

（4）如果在“字体颜色”下拉列表中没有用户所需要的颜色，可在该下拉列表中选择“其他颜色”选项，弹出“其他颜色”对话框，如图4.1.5所示。

图4.1.5　“其他颜色”对话框

（5）在该对话框中的颜色面板中选择所需要的颜色。用户还可以在该对话框中单击“自定义”按钮，从弹出的如图4. 1.6所示的“颜色”对话框中选择所需的颜色，然后单击“添加到自定义颜色”按钮可将选择的颜色添加到自定义颜色中。

图4.1.6　“颜色”对话框

（6）单击“确定”按钮，返回到“其他颜色”对话框，单击“确定”按钮，效果如图4.1.7所示。

图4.1.7　设置字体颜色

四、设置段落格式

段落是一种基于文本的布局格式，通过段落设置可以使网页布局变得更加美观。文本的段落格式主要包括段落缩进、段落对齐方式和段间距等。

1．设置段落缩进

在网页制作过程中，用户可以使用段落缩进使得文章看起来层次清晰。尤其是最常见的段落首行缩进，可以使得文章读起来有节奏，不至于疲劳。文本的缩进还可以调整页面的文本布局，即调整页面的宽松或者紧凑程度。

设置段落缩进的具体操作步骤如下：

（1）选择需要设置段落缩进的段落。

（2）选择“格式”→“段落”命令，弹出“段落”对话框，如图4.1.8所示。

（3）在该对话框中的“缩进”选区中设置文本的段落缩进，单击“确定”按钮即可。

图4.1.8　“段落”对话框

2．设置段落对齐方式

段落的对齐指的是段落中隔行文本相对于网页边距的对齐方式。在FrontPage 2003中为用户提供了左对齐、右对齐、居中、两端对齐和交互象形文字5种对齐方式，但一般情况下使用前4种。默认情况下，网页中文本的段落对齐方式为“两端对齐”。

在“段落”对话框中的“对齐方式”下拉列表中可以设置段落的对齐方式，效果如图4.1.9所示。

图4.1.9　设置段落对齐方式

提示：段落对齐方式的快捷方式，是单击“格式”工具栏中的“左对齐”按钮、“居中”按钮、右对齐”按钮和“两端对齐”按钮。

3．设置段间距

用户可以调整段落之间的空白间距来调整网页中文本的密度。

在“段落”对话框中的“段落间距”选区中的“段前”微调框中输入数值，可设置段落与上面段落的间距；在“段落间距”选区中的“段后”微调框中输入数值，可设置段落与下面段落的间距；在“段落间距”选区中的“单字间距”微调框中输入数值，可设置段落中单字的间距；单击“段落间距”选区中的“行距大小”下拉按钮，弹出如图4.1.10所示的下拉列表，在该下拉列表中可选择行距大小的类型。

图4.1.10　“行距大小”下拉列表

五、文本的查找与替换

FrontPage 2003还为用户提供了查找与替换功能，这样可以很容易地从一篇很长的文章中找到某个特定的字符串。而且FrontPage 2003中提供的查找与替换功能的对象将针对于站点内所有的网页文件，用户可以同时对多个网页文件进行查找与替换，而不必逐一打开这些网页文件。

查找与替换的具体操作步骤如下：

（1）打开要查找的站点或者网页。

（2）选择“编辑”→“查找”命令，弹出“查找和替换”对话框，打开“查找”选项卡，如图4.1.11所示。

图4.1.11　“查找”选项卡

（3）在“查找内容”文本框中输入需要查找的字符，选择相应的查找选项，然后单击“查找下一个”按钮就可以快速地在文章中找到所需要的字符。

（4）在“查找和替换”对话框中打开“替换”选项卡，如图4.1.12所示。

图4.1.12　“替换”选项卡

（5）在“替换”选项卡中的“替换为”文本框中输入替换为的字符串，然后根据需要单击“替换”或“全部替换”按钮对文本进行查找与替换操作。

（6）打开“HTML标记”选项卡，在该选项卡中可以查找和替换HTML标记。

注意：FrontPage 2003还可以将查找结果以“FrontPage查询”的格式保存在特定的文件夹下，以供今后查询。单击“查找和替换”对话框右下角的“打开查询”按钮和“保存查询”按钮，即可打开和保存查找到的结果。

六、设置边框和底纹

在FrontPage 2003中，不仅可以格式化文本和段落，还可以给文本和段落加上边框以及底纹，使得网页更加漂亮、醒目。

1．边框的设置

选定要设置边框的文本或段落，选择“格式”→“边框和底纹”命令，弹出“边框和底纹”对话框，打开“边框”选项卡，如图4.1.13所示。(www.daowen.com)

图4.1.13　“边框”选项卡

在该选项卡中可以进行以下操作：

（1）在“设置”选区中选择边框的类型。

（2）在“样式”列表框中选择边框的线形。

（3）在“颜色”下拉列表中选择边框的颜色。

（4）在“宽度”微调框中输入边框的宽度。

（5）在“预览”选区单击相应按钮，设置或取消边框线。

（6）单击“确定”按钮，完成边框的设置。

提示：如果要取消边框的设置，只需要在“边框和底纹”对话框中的“设置”选区中选择“无”选项即可。

2．底纹的设置

在“边框和底纹”对话框中打开“底纹”选项卡，如图4.1.14所示。

图4.1.14　“底纹”选项卡

在“底纹”选项卡中可以进行以下操作：

（1）在该选项卡的“填充”选区中为文本设置背景色和前景色。

（2）如果“标准颜色”块中没有用户所需要的颜色，可以在“背景色”和“前景色”下拉列表中选择“自定义颜色”和“其他颜色”选项，弹出如图4.1.15所示的“颜色”对话框和如图4.1.1 6所示的“其他颜色”对话框。在对话框中，选择需要的底纹颜色并对文本进行设置。用户还可以在“颜色”对话框中，单击“添加到自定义颜色”按钮，将所选择的颜色添加到自定义颜色中。

图4.1.15　“颜色”对话框

图4.1.16　“其他颜色”对话框

（3）还可以在“图案”选区中单击“浏览”按钮，在弹出的如图4.1.17所示的“选择背景图片”对话框中选择需要的背景图片，然后单击“打开”按钮。

图4.1.17　“选择背景图片”对话框

（4）最后单击“确定”按钮，完成底纹的设置。

提示：如果要取消底纹的设置，只需要在“底纹”选项卡中的“填充”选区中的“背景色”下拉列表中选择“自动”选项。

七、插入对象

在网页的制作过程中，有时需要插入一些特殊的对象，例如插入特殊字符、换行符、水平线、日期和时间等。插入这些对象，极大的方便了用户的操作。

1．插入特殊字符

在网页制作过程中，有一些字符无法用键盘直接输入，这时就需要插入这些特殊字符。具体操作步骤如下：

（1）将光标定位在要插入符号的位置，选择“插入”→“符号”命令，弹出“符号”对话框，如图4.1.18所示。

（2）在该对话框中选择不同的字体和子集。

（3）选择好要插入的特殊字符后，单击“插入”按钮，或者直接双击所选择的特殊字符，即可插入特殊字符。

图4.1.18　“符号”对话框

（4）当所有的符号都插入完成后，单击“关闭”按钮关闭“符号”对话框，此时要插入的特殊符号已经被插入到指定的位置了。

2．插入换行符

插入换行符可在页面上创建一个新行，但并不产生新的段落，新产生的行仍然使用段落中其他行的格式化形式。插入换行符的具体操作步骤如下：

（1）将光标定位在需要插入换行符的位置。

（2）选择“插入”→“换行符”命令，弹出“换行符”对话框，如图4.1.19所示。

4.1.19　“换行符”对话框

（3）在该对话框中有4种换行格式，分别解释如下：

普通换行：文本将在换行符所在行的下一行继续显示，保持上一个换行属性。

清除右边距：如果有一幅图像在右边的空白处，将行沿换行符向下移动到右边的空白处。

清除左边距：如果有一幅图像在左边的空白处，将行沿换行符向下移动到左边的空白处。

清除左右边距：如果有一幅图像在一边或两边的空白处，将行沿换行符向下移动到两边的空白处。

（4）单击“样式”按钮，在弹出的如图4.1.20所示的“修改样式”对话框中可以修改原有样式的名称、类型等。

图4.1.20　“修改样式”对话框

（5）所有的设置完成后，单击“确定”按钮，即可插入一个换行符。

提示：删除换行符和一个普通的字符的操作是一样的。

3．插入水平线

水平线用于分隔网页中的不同内容，使得页面中的段落区分更为明显。插入水平线的具体操作步骤如下：

（1）将光标定位到需要插入水平线的位置。

（2）选择“插入”→“水平线”命令，即可在当前位置插入一条水平线。

（3）如果要修改水平线属性，可在插入的水平线上单击鼠标右键，从弹出的快捷菜单中选择“水平线属性”命令，或直接双击水平线，弹出“水平线属性”对话框，如图4.1.21所示。

图4.1.21　“水平线属性”对话框

（4）在该对话框中可以设置水平线的大小、对齐方式和颜色等。

（5）设置完成后，单击“确定”按钮完成对水平线属性的设置，效果如图4.1.22所示。

图4.1.22　插入水平线

4．插入日期和时间

在网页的制作过程中，有时候需要插入日期和时间作为网页制作或网页内容的时间标志。FrontPage 2003提供了快速插入日期和时间的方法，并且提供了不同的日期格式。插入日期和时间的具体操作步骤如下：

（1）将光标定位在要插入日期和时间的位置。

（2）选择“插入”→“日期和时间”命令，弹出“日期和时间”对话框，如图4.1.23所示。

图4.1.23　“日期和时间”对话框

（3）在对话框中选择显示的方式。在“日期格式”和“时间格式”下拉列表中选择日期和时间的格式。

（4）日期和时间设置完成之后，单击“确定”按钮，完成操作。

八、使用列表格式

列表是FrontPage 2003组织数据的一种结构简单、层次清晰的形式。在网页的编制过程中广泛地应用列表，可使网页内容重点突出、层次分明、结构有序。

1．创建项目符号列表

项目符号列表用数字或字母来表示顺序，并且在项目符号列表中每一项的项目符号都没有序号，所以项目符号列表又称为无序列表。

创建一个简单的项目符号列表的具体操作步骤如下：

（1）将插入点定位在列表开始的位置。

（2）选择“格式”→“项目符号和编号”命令，弹出“项目符号和编号方式”对话框，打开“无格式项目列表”选项卡，如图4.1.24所示。

图4.1.24　“无格式项目列表”选项卡

（3）在该选项卡中选择所需要的样式。

（4）单击“确定”按钮关闭该对话框，在网页中将出现一个项目符号。

（5）开始输入列表内容，并在每项结尾按“Enter”键。

（6）输入完成后，连续按两次“Enter”键，以停止插入项目符号。

2．创建图片项目符号

除了利用已有的项目符号，还可选择适合的图片来做项目符号。这样不仅可让页面生动活泼，还可以清晰简洁地表达特定的意义。

创建一个简单的图片项目符号的具体操作步骤如下：

（1）将插入点定位在项目符号开始的位置。

（2）选择“格式”→“项目符号和编号”命令，弹出“项目符号和编号方式”对话框，将打开“图片项目符号”选项卡，如图4.1.25所示。

（3）在该选项卡中选中单选按钮，然后单击“浏览”按钮，在弹出的“选择图片”对话框中选择需要的图片。

图4.1.25　“图片项目符号”选项卡

（4）单击“确定”按钮，图片将出现在编辑窗口中。

（5）开始输入列表内容，并在每项结尾按“Enter”键。

（6）输入完成后，连续按两次“Enter”键，以停止插入图片项目符号。

3．创建编号列表

编号列表是在实际应用中最常见的一种列表，它和项目符号列表类似，只是编号列表用数字替换了项目符号，所以编号列表又称为有序列表。在网页中应用编号列表，可以吸引访问者在列表项顺序上的注意力。

（1）将插入点定位在列表开始的位置。

（2）选择“格式”→“项目符号和编号”命令，在弹出的“项目符号和编号方式”对话框中打开“编号”选项卡，如图4.1.26所示。

（3）在该选项卡中选择一种编号方式。编号段落前的符号可以是阿拉伯数字、罗马数字等。

（4）单击“确定”按钮后就可以输入列表内容，并在每一项的结尾按“Enter”键。

（5）输入完成后，连续按两次“Enter”键，以停止插入编号。

图4.1.26　“编号”选项卡