通俗基础教程

Dreamweaver3完全教程（30）
全套教程打包下载

使用HTML样式格式化文本
前面介绍了如何设置文本的段落格式和字符格式，实际上Dreamweaver中还提供了一个更为科学的方法，帮助您进行文本格式的设置，这就使HTML样式。

HTML样式实际上是一系列HTML格式化标记的组合，用于一次对文本对象进行多个方面的格式设置。例如，如果希望将文字设置为黑体、4号、加粗、倾斜、红色格式，按照传统的方法必须分别进行5次格式化设置。如果利用Dreamweaver的HTML样式功能，将这5次格式化操作组合成一个HTML样式，并以适当的名字命名，下次当需要对文本应用这些格式时，只需要一步操作——应用该HTML样式——就可以了。

同CSS不同，应用HTML样式的操作不是自动化的，换句话说，如果您对某些文字应用了一个定义的HTML样式，当您改变该HTML样式所代表的格式时，原先已经设置格式的文字格式并不会变化。

显示HTML样式面板
在Dreamweaver中，HTML样式相关操作都是在HTML样式面板中完成的。您可以使用下面的方法打开HTML样式面板：

方法一：

打开“Window”菜单，选择“HTML Styles”（HTML样式）。

方法二：

单击启动面板上的“HTML Styles”（HTML样式）按钮，如图 5-33所示。

方法三：

按下Ctrl+F7组合键。

一个典型的HTML样式面板如图 5-34所示。

图 5-33 从启动面板上显示HTML样式面板

图 5-34 HTML样式面板

单击HTML样式面板右上角的显示菜单按钮，可以打开如图 5-35所示的面板菜单；在面板中单击鼠标右键，也可以打开一个结构一样的快捷菜单。很多操作也可以通过该面板菜单来完成。

图 5-35 HTML样式面板菜单

理解样式列表
在HTML样式面板中，默认状态下已经有许多定义的样式。每条样式项后面都带有相应的文字，用于说明该样式进行的是哪些格式化操作。

正如我们前面介绍过的，对文本的格式设置包括设置段落格式和设置字符格式两个方面，HTML样式也包括段落样式和字符样式两种。根据HTML样式面板的列表中相应的样式标记，我们可以判断这些样式的类别：以段落标记开头的样式，表明它是一个段落样式；以字符a开头的标记，表明它是一个字符样式，如图 5-36所示。

图 5-36 样式列表中的标记

当HTML样式应用到文本上时，会出现两种情况，一种情况是清除原先已有的格式，然后应用新的格式，这种样式称作覆盖型样式；另一种情况是保留原先已有的格式，然后添加新的格式，这种样式称作添加型样式。从样式列表中，我们同样可以判断这种样式类型，如果样式项前面的标记后带有“＋”号，则表明它是添加型样式，否则，表明它是覆盖型样式。如图 5-36所示。

注意：在样式列表中，前两项“Clear Selection Style”（清除选择内容样式）和“Clear Paragraph Style”（清除段落样式）并不是真正的样式，它们是两种行为，分别用于清除当前选中文本或段落的样式。

应用HTML样式
包括如果希望在文档中应用样式，您可以按照如下方法进行操作：

如果要设置段落格式，可以将插入点放置于段落之中；如果要设置多个段落的格式，则需要选中这些段落；如果要设置字符格式，则需要选中这些字符。
在HTML样式面板中，选择某个样式。
如果选中了“Auto Apply”（自动应用）复选框，则自动对相应的文本应用选中的样式。
如果没有选中“Auto Apply”（自动应用）复选框，则可以单击“Apply”（应用）按钮，应用样式；也可以打开面板菜单，然后选择“Apply”（应用）命令。
注意：

如果希望清除当前选中文本的字符样式，可以从样式列表中选择“Clear Selection Style”（清除选择内容样式），然后应用该该样式。

如果希望清除当前插入点所在段落或选中的多个段落的样式，可以从样式列表中选择“Clear Paragraph Style”（清除段落样式），然后应用该样式。

采用上面的方法可以清除以任何方式设置的格式，无论该格式是手工从HTML源代码检视器中设置的格式，是在文档窗口中用标准HTML标记设置的格式，还是在HTML样式面板中应用的HTML样式。

创建新样式
如果希望创建新样式，您可以按照如下步骤进行操作：

单击HTML样式面板上的“New Style”（新建样式）按钮，或打开面板菜单，选择“New”（新建），这时会出现如图 5-37所示的对话框。

图 5-37 新建HTML样式

在“Name”（名称）文本框中，输入样式的名称，该名称最好清晰易懂，以便在应用样式时知道该样式到底执行的是哪些格式化操作。
在“Apply To”（应用到）区域，可以设置样式是段落样式还是字符样式。
选中“Selections”（选择内容），表明新建的样式是字符样式。
选中“Paragraph”（段落），表明新建样式是段落样式。
在“When Applying”（应用时）区域，允许您设置当应用该样式时，是覆盖原先已有格式，还是在原先已有格式上添加新格式。
选择“Add to Existing Styles”（添加到已有样式），则应用样式时在原先已有格式基础上添加新格式。
选择“Add to Existing Styles”（清除已有样式），则应用样式时先清除原有的格式，再设置新格式。
在“Font Properties”（字体属性）区域，允许您设置相应的字符格式。
在“Font”（字体）下拉列表中，可以选择要使用的字体。
在“Size”（大小）下拉列表中，可以选择字号。
单击“Color”（颜色）按钮可以打开Dreamweaver的颜色板，允许您选择文本的颜色，您也可以在右方的文本框中直接输入颜色的十六进制数值。
在“Style”（样式）区域，可以设置字符的常规样式，例如加粗和倾斜等，单击“Other”按钮，可以打开一个菜单，允许您指定其他字符格式，如“电传打字”、“删除线”等。
在“Paragraph Properties”（段落属性）区域，允许您设置相应的段落格式：
在“Format”（格式）下拉列表中，可以选择相应的段落格式，如标题1、标题2等。
在“Alignment”（对齐）区域，单击相应的按钮，可以设置段落对齐方式。
单击对话框上的“Clear”（清除）按钮，可以清除所有选项，重新设置。
单击“OK”按钮，可以确定操作，保存设置，这时新建的样式名称就出现在HTML样式面板的样式列表中。
编辑现有样式
您也可以对样式列表中现有的样式进行修改，方法如下：

在样式列表中选择要编辑的样式。
单击HTML样式面板右上角的显示菜单按钮，打开如图 5-35所示的面板菜单；或是在面板中单击鼠标右键，打开快捷菜单。
从菜单中选择“Edit”（编辑），这时会打开同图 5-37结构一样的对话框，并显示该样式的设置。
在对话框中进行相应的修改，修改完毕，按下“OK”按钮，确定操作。
在现有样式的基础上创建新样式
如果希望在某个现有样式的基础上创建新样式，可以先复制该样式，然后再进行修改。您可以按照如下方法进行操作：

在HTML样式面板中，选中作为基础的样式。
单击HTML样式面板右上角的显示菜单按钮，打开如图 5-35所示的面板菜单；或是在面板中单击鼠标右键，打开快捷菜单。
选择“Duplicate”（复制）命令，这时会立刻打开一个同图 5-37结构一样的对话框，并显示该样式的设置。
进行必要的修改，然后输入新的名称。
按下“OK”按钮，确定操作。
删除样式
如果希望删除某个样式，您可以按照如下步骤进行操作：

在HTML样式面板中，选中要删除的样式。
单击HTML样式面板右下角的“Delete Style”（删除样式）按钮，或是从面板菜单中选择“Delete”命令。
这时样式即被删除，同时从样式列表中消失。
拼写检查
在Dreamweaver中，对文档中的英文内容提供简单的拼写检查功能，能够帮助您超出单词的拼写错误。

您可以按照如下方法进行操作：

打开“Text”（文本）菜单，选择“Check Spelling”（检查拼写）命令，或是按下Shift+F7组合键，即可对文档进行拼写检查。
如果文档中存在出错单词，则会出现如图 5-38所示的对话框，提示您选择正确的单词拼写。

图 5-38 拼写检查

在“Word not found in dictionary”（未在字典中找到的单词）文本框中，显示当前文档中查找到的可能存在拼写错误的单词。
在“Suggestion”（建议）列表框中，显示可能正确的几种单词拼写。
在“Change To”（改变为）文本框中，显示Dreamweaver建议将该单词修改为什么单词，您也可以通过在“Suggestion”（建议）列表框中选择其他单词，或是自行在该文本框中输入修正后的单词。
要修正出现拼写错误的单词，可以按下“Change”（改变）按钮，这时当前的单词就被修改为“Change To”（改变为）文本框中的单词。如果希望对文档中所有的该单词都进行修正，可以按下“Change All”（改变全部）按钮。
如果希望忽略该可能存在拼写错误的单词，不对之进行修正，可以按下“Ignore”（忽略）按钮，如果希望忽略文档中所有该单词，不再检查其拼写，可以按下“Ignore All”（忽略全部）按钮。
如果您认为该单词实际上是正确的，只是Dreamweaver的字典不够大，则可以单击“Add to Personal”（添加到个人字典）按钮，将之添加到个人字典中，以后Dreamweaver再遇到该单词，就不会再认为它可能存在拼写错误。如果您希望对个人字典进行修改，可以利用普通的文本编辑器来修改Dreamweaver目录中的Personal.dat文件。
注意：通过打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver的参数选择对话框，然后从左方的目录列表中选择“General”（常规），然后从右方的“Dictionary”（字典）下拉列表中，可以选择当前使用哪种英语字典作为拼写检查的字典。

(完)

作者：周明涛