16.2　在网页中使用文本

文本是网页中十分重要的部分，担负着传递信息的重要作用。虽然图像及多媒体效果在网页中所占的比例越来越大，但是在一些大型网站中，文字的主导地位是无可替代的。这是因为文字所占的存储空间非常小，这样以文本为主体的页面下载速度很快，可以最佳地利用网络带宽。

16.2.1　插入文本

在文档中插入文本的具体操作步骤如下：

1　将光标放置在插入文本的位置，直接输入相应的文本，如图16.2所示。

图16.2　输入文字

2　保存文档，按F12键在浏览器中预览效果，如图16.3所示。

图16.3　输入文本效果

16.2.2　设置文本属性

在文档中输入文本后，如果对文本的样式不满意，可在【属性】面板中设置文本的相关属性。设置文本属性的具体操作步骤如下：

1　选中要设置属性的文本，选择菜单中的【窗口】|【属性】命令，打开【属性】面板，如图16.4所示。

图16.4　打开【属性】面板

2　选中文本后，在【属性】面板中单击【CSS】，【大小】下拉列表框右边的下拉按钮，在弹出的列表中选择24，在后面的下拉列表框中选择【px】，如图16.5所示。

图16.5　设置大小

3　单击【文本颜色】按钮，弹出调色板，在调色板中选择文本颜色为#FF0000，如图16.6所示。

图16.6　设置字体颜色

4　在【属性】面板中的【字体】下拉列表框中选择【宋体】选项，如图16.7所示。

图16.7　设置字体

5　选中其他的文本，在【属性】面板中将【大小】设置为13像素，【文本颜色】设置为#666666，如图16.8所示。

图16.8　设置字体大小及颜色

6　保存文档，按F12键在浏览器中预览设置的文本属性效果，如图16.9所示。

图16.9　设置文本属性效果

16.2.3　插入特殊字符

特殊字符一般不能从键盘上直接输入，Dreamweaver中提供了各种特殊字符和符号，其中特殊字符包括标准7位ASCII码字符集以外的字符。在这里以插入版权符号为例讲述插入特殊字符的方法，具体操作步骤如下：

1　将光标放置在插入特殊字符的位置，选择菜单中的【插入】|【HTML】|【特殊字符】|【版权】命令，如图16.10所示。

图16.10　选择【版权】命令

2　选择命令后，弹出【Dreamweaver】提示对话框，如图16.11所示。

图16.11　提示对话框

3　单击【确定】按钮，插入版权符号，如图16.12所示。

图16.12　插入版权符号

4　保存文档，按F12键在浏览器中预览效果，如图16.13所示。

图16.13　插入版权符号效果

16.2.4　插入水平线

水平线在网页文档中经常用到，它主要用于分隔文档内容，使文档结构清晰明了，合理使用水平线可以获得非常好的效果。一篇内容繁杂的文档，如果合理放置水平线，会变得层次分明，易于阅读。下面通过实例讲述在网页中插入水平线的效果，插入水平线的具体操作步骤如下：

1　将光标放置在插入水平线的位置，选择菜单中的【插入】|【HTML】|【水平线】命令，如图16.14所示。

图16.14　选择【水平线】命令

2　选择命令后，在文档中插入一条水平线，在属性面板中设置水平线高为3，如图16.15所示。

图16.15　插入水平线

3　保存文档，按F12键在浏览器中预览效果，如图16.16所示。

图16.16　插入水平线效果