通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Dreamweaver
相关内容

Dreamweaver3完全教程(30)
全套教程打包下载


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

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

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

显示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”(清除段落样式)并不是真正的样式,它们是两种行为,分别用于清除当前选中文本或段落的样式。

应**TML样式
包括如果希望在文档中应用样式,您可以按照如下方法进行操作:

如果要设置段落格式,可以将插入点放置于段落之中;如果要设置多个段落的格式,则需要选中这些段落;如果要设置字符格式,则需要选中这些字符。
在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”(字典)下拉列表中,可以选择当前使用哪种英语字典作为拼写检查的字典。

(完)

作者:周明涛

Dreamweaver3完全教程(1)
Dreamweaver3完全教程(2)
Dreamweaver3完全教程(3)
Dreamweaver3完全教程(4)
Dreamweaver3完全教程(5)
Dreamweaver3完全教程(6)
Dreamweaver3完全教程(7)
Dreamweaver3完全教程(8)
Dreamweaver3完全教程(9)
Dreamweaver3完全教程(10)
Dreamweaver3完全教程(11)
Dreamweaver3完全教程(12)
Dreamweaver3完全教程(13
Dreamweaver3完全教程(14)
Dreamweaver3完全教程(15)
Dreamweaver3完全教程(16)
Dreamweaver3完全教程(17)
Dreamweaver3完全教程(18)
Dreamweaver3完全教程(19)
Dreamweaver3完全教程(20)
Dreamweaver3完全教程(21)
Dreamweaver3完全教程(22)
Dreamweaver3完全教程(23)
Dreamweaver3完全教程(24)
Dreamweaver3完全教程(25)
Dreamweaver3完全教程(26)
Dreamweaver3完全教程(27)
Dreamweaver3完全教程(28)
Dreamweaver3完全教程(29)
Dreamweaver3完全教程(30)
 
 
 
 
教程站
收集整理
服务大家