2.5 设置文本属性

本节教学录像时间：16分钟

2.5.1 设置字体

对网页中的文本进行字体设置的具体步骤如下。

步骤01 打开随书光盘中的“素材\ch02\2.5\2.5.1\index.html”文件。

步骤02 在文档窗口中，选定要设置字体的文本。

步骤03 单击【属性】面板中的【页面属性】按钮，弹出【页面属性】对话框，设置文本字体为“黑体”。

步骤04 单击【确定】按钮后即可看到所选文本字体已经发生变化。

如果字体列表中没有所要的字体，可以按照如下的方法编辑字体列表。

在【页面属性】面板的【页面字体】下拉列表中选择【管理字体】选项，打开【管理字体】对话框。

选择【自定义字体堆栈】选项卡，在【可用字体】列表框中选择要使用的字体，然后单击按钮，所选字体就会出现在左侧的【选择的字体】列表框中。

如果要创建新的字体列表，可以从列表框中选择【（在以下列表中添加字体）】选项。如果没有出现该选项，可以单击对话框左上角的按钮添加。

要从字体组合项中删除字体，可以从【字体列表】列表框中选定该字体组合项，然后单击列表框左上角的按钮，设置完成单击【确定】按钮即可。

2.5.2 设置字号

字号是指字体的大小。在Dreamweaver CC中设置文字字号的具体步骤如下。

步骤01 打开随书光盘中的“素材\ch02\2.5\2.5.2\index.html”文件，选定要设置字号的文本。

步骤02 在下面的【属性】面板中，单击【大小】右侧的下拉按钮设置字体大小。

2.5.3 设置字体颜色

丰富的字体颜色会增强网页的表现力。在Dreamweaver CC中，设置字体颜色的具体步骤如下。

步骤01 打开随书光盘中的“素材\ch02\2.5\2.5.2\index.html”文件，选定要设置字体颜色的文本。

步骤02 在【属性】面板上单击【文本颜色】按钮，打开Dreamweaver CC颜色板，从中选择需要的颜色，也可以直接在该按钮右边的文本框中输入颜色的十六进制数值。

步骤03 单击后即可更改选中文本的颜色。

2.5.4 设置字体样式

字体样式是指字体的外观显示样式，如字体的加粗、倾斜、加下划线等。利用Dreamweaver CC可以设置多种字体样式，具体的操作步骤如下。

步骤01 选定要设置字体样式的文本。

步骤02 选择【格式】【HTML样式】菜单命令，弹出子菜单。

（1）粗体

从子菜单中选择【粗体】菜单命令，可以将选定的文字加粗显示。

（2）斜体

从子菜单中选择【斜体】菜单命令，可以将选定的文字显示为斜体样式。

（3）下划线

从子菜单中选择【下划线】菜单命令，可以在选定文字的下方显示一条下划线。

（4）删除线

从子菜单中选择【删除线】菜单命令，就会在选定文字的中部横贯一条横线，表明文字被删除。

（5）打字型

从子菜单中选择【打字型】菜单命令，就可以将选定的文本作为等宽度文本来显示。

（6）强调

从子菜单中选择【强调】菜单命令，则表明选定的文字需要在文件中被强调。大多数浏览器会把它显示为斜体样式。

（7）加强

从子菜单中选择【加强】菜单命令，则表明选定的文字需要在文件中以加强的格式显示。大多数浏览器会把它显示为粗体样式。

2.5.5 编辑段落

段落指的是一段格式上统一的文本。在文件窗口中每输入一段文字，按【Enter】键后，就会自动形成一个段落。编辑段落主要是对网页中的一段文本进行设置。

1．设置段落格式

使用【属性】面板中的【格式】下拉列表，或选择【格式】【段落格式】菜单命令，都可以设置段落格式。

步骤01 将光标放置在段落中任意一个位置，或选择段落中的一些文本。

步骤02 选择【格式】【段落格式】子菜单中的菜单命令。

步骤03 选择一个段落格式（如【标题1】），然后单击【拆分】按钮，在代码视图下可以看到与所选格式关联的HTML标记（如表示【标题1】的h1、表示【预先格式化的】文本的pre等）将应用于整个段落。

2．定义预格式化

在Dreamweaver中，不能连续地输入多个空格。在显示一些特殊格式的段落文本（如诗歌）时，这一点就会显得非常不方便。可以使用预格式化标签<pre>和</pre>来解决这个问题。

设置预格式化段落的具体操作步骤如下。

步骤01 将光标放置在要设置预格式化的段落中。

步骤02 按【Ctrl+F3】组合键打开【属性】面板，在【格式】下拉列表中选择【预先格式化的】选项，也可以选择【格式】【段落格式】【已编排格式的】菜单命令。

该操作会自动地在相应段落的两端添加<pre>和</pre>标记。如果原来段落的两端有<p>和</p>标记，则会分别用<pre>和</pre>标记来替换它们。

如果要在段落的段首空出两个空格，不能直接在【设计视图】方式下输入空格，而应切换到【代码视图】中，在段首文字之前输入代码“&nbsp; ”。

3．设置段落的对齐方式

段落的对齐方式指的是段落相对文件窗口（或浏览器窗口）在水平位置的对齐方式，有4种对齐方式：左对齐、居中对齐、右对齐和两端对齐。

对齐段落的具体步骤如下。

步骤01 将光标放置在要设置对齐方式的段落中。

步骤02 单击【属性】面板【CSS】选项卡中的对齐按钮即可。

【左对齐】按钮：单击该按钮，可以设置段落相对文档窗口左对齐。

【居中对齐】按钮：单击该按钮，可以设置段落相对文档窗口居中对齐。

【右对齐】按钮：单击该按钮，可以设置段落相对文档窗口右对齐。

【两端对齐】按钮：单击该按钮，可以设置段落相对文档窗口两端对齐。

4．设置段落缩进

在强调一段文字或引用其他来源的文字时，需要对文字进行段落缩进，以表示和普通段落有区别。缩进主要是指内容相对于文档窗口（或浏览器窗口）左端产生的间距。

将光标放置在要设置缩进的段落中。如果要缩进多个段落，则选择多个段落，选择【格式】【缩进】菜单命令，即可将当前段落往右缩进一段位置。

单击【属性】面板中的【删除内缩区块】按钮和【内缩区块】按钮，即可实现当前段落的凸出和缩进。凸出是将当前段落往左恢复一段缩进位置。

2.5.6 检查拼写

如果要对英文材料进行检查更正，可以使用Dreamweaver CC中的检查拼写功能。选择【命令】【检查拼写】菜单命令，可以检查当前文档中的拼写。【检查拼写】命令忽略HTML标记和属性值。

默认情况下拼写检查器使用美国英语拼写字典。要更改字典，可以选择【编辑】【首选项】菜单命令，在弹出的【首选项】对话框中选择【常规】分类，在【拼写字典】下拉列表中选择要使用的字典，然后单击【确定】按钮即可。

选择【命令】【检查拼写】菜单命令，如果文本内容中有错误，就会弹出【检查拼写】对话框。

如果单词的拼写没有错误，则会弹出如图所示的提示框。

2.5.7 创建项目列表

列表就是那些具有相同属性元素的集合。Dreamweaver CC常用的列表有无序列表和有序列表两种，无序列表使用项目符号来标记无序的项目，有序列表使用编号来记录项目的顺序。

1．无序列表

在无序列表中，各个列表项之间没有顺序级别之分，通常使用一个项目符号作为每个列表项的前缀。

设置无序列表的具体步骤如下。

步骤01 将光标放置在需要设置无序列表的文档中。

步骤02 选择【格式】【列表】【项目列表】菜单命令。

步骤03 光标所在的位置将出现默认的项目符号。

步骤04 重复以上步骤，设置其他文本的项目符号。

2．有序列表

对于有序编号，可以指定其编号类型和起始编号。可以采用阿拉伯数字、大写字母或罗马数字等作为有序列表的编号。

设置有序列表的具体步骤如下。

步骤01 将光标放置在需要设置有序列表的文档中。

步骤02 选择【格式】【列表】【编号列表】菜单命令。

步骤03 光标所在的位置将出现编号列表。

步骤04 重复以上步骤，设置其他文本的编号列表。

列表还可以嵌套，嵌套列表是包含其他列表的列表。选定要嵌套的一个或多个列表项，单击【属性】面板中的【缩进】按钮或选择【格式】【缩进】菜单命令。