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

高手学习指南

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

PHP教程

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

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

第五章 格式化文本
  无论制作网页的目的是什么,文本都是网页中不可缺少的东西。良好的文本格式,能够充分体现文档要表述的意图,激发读者的阅读兴趣。在文档中构建丰富的字体、多种的段落格式以及赏心悦目的文本效果,对于一个专业的网站来说,是必不可少的要求之一。 Dreamweaver是一种所见即所得的网页创作工具,这意味着对文本格式的设置,可以直接从屏幕上看到设置结果,Dreamweaver提供了强大的文本格式化功能,您几乎可以随心所欲地对文档进行各种格式化操作。
  本章将介绍如何在Dreamweaver 3中,对文本进行格式化操作。

1.文本格式化操作概述
   在Dreamweaver 3中,文本的格式化操作是非常简单的,Dreamweaver很像一个普通的字处理程序,例如Word,用户几乎凭借直觉,就可以完成对文本的格式化操作。 格式化文本的三种方式 在Dreamweaver中,要格式化文本,通常可以使用三种方式:
  第一种方式是直接使**TML标记,例如,可以使用标题1<h1>标记
来将一行文本设置为标题1格式,或是使用粗体标记来<b>将选中的文本字符设置为加粗格式。
  第二种方式是对前一种方式的扩展,实际上是将HTML标记组合起来,然后将之命名为一个新的格式。在Dreamweaver中,这种有现有HTML标记组合而成的格式被称作HTML样式。例如,如果希望将一些文本设置为粗体和斜体,采用第一种方式,需要对这些文本分别设置2次格式,一次设置粗体,一次设置斜体;而采用第二种方法,可以首先将粗体斜体这两个格式化操作组合成一个操作,也即生成一个新的HTML样式,并以一个容易懂的名字命名,当需要将文本设置为粗体和斜体时,在文本上应用该新创建的HTML样式即可。
   第三种方式是使用CSS,也即层叠样式单。CSS是一种对文本进行格式化操作的高级技术,它从一个较高的级别上对文本进行控制。它的特点是可以对文本的格式进行精确控制,而且可以在文档中实现格式的自动更新。利用CSS,可以对现有的标记格式进行重新定义,也可以自行将某些格式组合定义为新的样式,甚至可以将格式信息定义于文档之外。由于CSS的相关内容较多,我们将它放在下一章介绍,在阅读了相关内容之后,我们就可以体会到CSS的优势所在。
   用户需要注意的是,采用标准的HTML标记来格式化文本,这样所创作出来的页面可以被几乎所有的浏览器所支持,但是如果使用CSS来格式化文本,则只有较新版本的浏览器,如Microsoft Internet Explorer 4.0或Netscape Navigator 4.0,才能正确显示这些网页。Internet Explorer 3.0只能识别一部分CSS格式,因此也不建议使用该版本的浏览器。而使用其他版本较低的浏览器时,则通常会忽略这些格式设置,不能正确显示网页。
   另外一点需要指出的是,上面提到了三种对文本进行格式化操作的方式,实际应用时,它们之间是不相互排斥的,换句话说,您可以在一个网页中,任意使用这三种方式来实现格式化文本的目的。

2.理解段落和字符
   在格式化文本操作中,理解段落和字符的差别显得非常重要。
   1.1段落
   所谓段落,就是一段格式上统一的文本。在文档窗口中,每输入一段文字,按下回车键后,就自动生成一个段落。按下回车键的操作通常被称作硬回车,可以说,段落就是带有硬回车的文字组合。
   在HTML中,段落主要由标记<p>
和</p>所定义,在Dreamweaver的文档窗口中,每按下一次回车键,都会自动为上面输入的段落包围上 标记。例如,如下的代码显示了一段文字: <p>我们“微文工作室”,是一个年轻的、充满朝气和活力的工作室,致力于为广大用户提供各种实用的、可靠的和详尽的计算机书籍。</p>

注意:实际上,有时候可以不使用<p>和</p>标记,而是采用其他类型的标记来定义段落。例如,将一行文字设置为标题1格式,实际上是将该行文字两端添加<h1> </h1>标记,它一方面定义了该行文字的标题级别,另一方面也起到定义该行文字为一个段落的作用。 一般来说,段落中文本的换行是自动进行的,在大多数情况下,它由浏览器的窗口大小来决定。在浏览网页时,不同的窗口大小,可能导致段落中换行位置发生变化,同样在文档窗口中,窗口的大小也会影响段落的显示。图 5-1和图 5-2显示了当改变文档窗口大小时,其中段落文本换行的情形。

图 5-1 文档中显示的段落


图 5-2 文档中段落的自动换行

  有时候希望将一组文字设置为一个段落,但是又希望在其中某个位置强制断行,这时可以使用〈br> 标记。它用于在段落中指定位置将文字断行,但是上下两块文字仍然属于统一个段落,换句话说,对于断行位置上面文字设置的段落格式设置同样会影响到断行位置下方的段落格式。 例如,如果我们希望在上面示例的文字段落中,在“致力于”前面强制断行,则可以使用如下代码:<p> 我们“微文工作室”,是一个年轻的、充满朝气和活力的工作室,<br> 致力于为广大用户提供各种实用的、可靠的和详尽的计算机书籍。</p>这时在文档窗口中,您可以看到在“致力于”前面产生了换行效果,如图 5-3所示。


图 5-3 段落中的强制断行

  有一点很重要,在HTML源代码中,仅仅按下回车键是无法实现换行的目的的。 例如,如果将上面示例的源代码写成:

<p>我们“微文工作室”,是一个年轻的、充满朝气和活力的工作室,

致力于为广大用户提供各种实用的、可靠的和详尽的计算机书籍。</p>

  实际显示的结果并不会出现如图 5-3所示的强制换行效果,而仍是显示为图 5-1所示的情形。
  当然在文档窗口中,按下回车键可以实现换行,但是这实际上生成的是新的段落。

2.字符

  所谓字符,实际上就是文档中的文字本身,一个字母、一个汉字都是字符,字符是组成段落的基本单位。
   字符同字体不同,字符主要指的是用户所输入的文字信息,包括中文汉字、西文字母、阿拉伯数字以及其它一些特殊符号,这些字符事实上是十六进制的数,通过字符映射显示为字符本身的图形,例如英文字母由一个ASCII码组成,汉字则由两个十六进制数(称作内码)组成。
   字符的外观通常被称作字体,所谓字体,实际上是具有某些特定设置的字符的集合。它可以按照您的希望而改变,例如,可以改变字符字体的大小、颜色等特性,但是该字体所对应的字符本身并没有发生变化,一个红色的字符“A”和一个“黄色”的字符“A”,它们只是颜色不同,但都是字符“A”。
   在文档中所能够使用的字体种类以及设置,通常和在Windows中安装了哪种字体有关。Windows在默认情况下已经安装了许多字体,您也可以安装自己需要的字体,或对现存的各种字体进行增删和设置操作。
   由于字体是可以增删的,所以在HTML文档中,不应该使用那些很特殊的,可能只在创作者计算机上才有的字体。如果浏览器所在的计算机中没有安装相应字体,那么查看到的网页格式当然也不会正确。在大多数情况下,如果没有相应的字体,浏览器会使用默认字体来显示这些文字。
  3. 对段落或字符的格式化
  对文本的格式化实际上包括对段落的格式化和对字符的格式化两个方面。在HTML文档中,每个段落都可以有其自己的相对其他段落独立的格式,对段落的格式化操作控制段落的整体格式,例如段落的缩进方式、段落的对齐方式、段落的列表方式等;而对字符的格式化操作则只针对字符本身,例如,可以将某个段落中的某些文字设置为粗体格式。
   在格式化之前,需要首先选中被格式化的对象,由于格式化内容的不同,选中的对象也不同,如果希望设置段落格式,只需要将插入点放置到段落中任意位置即可,也即只要确保插入点位于该段落的
之间。如果希望设置文本的字符格式,则需要选中这些文字,使这些文字被高亮。图 5-4显示了这两种操作的区别


    图 5-4 设置插入点和选中文字

当然,如果选中整个段落,也可以对段落格式进行设置。但是这时需注意,应该连段落两端的 标记一起选中,否则只能设置字符格式。

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)
 
 
 
 
教程站
收集整理
服务大家