Dreamweaver4神童教程之五

2008-02-23 06:17:43来源：互联网阅读 ()

Dreamweaver4神童教程——文本
摘自赛迪网（小雷）

　　Dreamweaver 的"所见即所得"功能，在进行文字和图片的插入时很直观，他们在编辑器中的样式，基本上跟在浏览器中的最终效果是一致的，因此，我们说只要您会使用 Word ，就能很快掌控 Dreamweaver 的网页制作技术。

一．文本：

　　文本是网页中最基本的元素，既能够手工逐字逐句地输入，也能够把别的应用程式中文本直接粘贴到网页编辑窗口中。

提示：Dreamweaver 4.0 和以前版本相比，其对中文的支持略有不同。在 4.0 版中，直接从其他应用程式粘贴复制过来的文本的换行符也能被区别出来，也就是说继承了原来文本的排版格式，这个特点，是以前版本所不具备的；但 Dreamweaver 4.0 不支持中文五笔字型输入法，因此在进行中文输入时建议采用其他输入法，或能够在其他应用程式(如写字板)先输入中文，再直接粘贴复制到 Dreamweaver 4.0 的编辑页面中；对源代码的支持，Dreamweaver 4.0 的感觉也不是很方便。

在网页中插入文本很简单，但要对其进行精确的控制，就不是那么简单的了。 Dreamweaver 4.0 主要提供了两种方法对文本信息进行精确控制，一种是文本的属性标记，另外一种是层叠样式表(CSS)。

（一）．文本属性标记：
1.分段和强制折行：

　　在 Dreamweaver 中，回车键的功能在于分段；按住 Shift 键同时按回车键，则代表强制折行。两者的区别在于，前者前后的内容属于不同的段落，因此行间距较大；后者同处于一段，只是另起一行，因此行间距比较小。如图一中，左图的文字强制折行，右图文字以回车键分段：

图一

2.文字属性配置：

对文本的属性配置，能够通过属性面板完成。(Window/Properties)

Format：配置文字大小，Paragraph 属性能够使选中文字独自成为一个段落，Heading 1 ——Heading 6 用来控制文本大小。在 HTML 源代码中，Heading 被简化为 H ，Heading 1 就写成 H 1 ，在这几种格式中， H 1 字体最大，H 6 字体最小。他们的区别如图二：

图二

Size:也是配置字体大小，但是和 Format 不同的是，Heading 标记通常赋予标题，字体改变大小的同时变为粗体；假如只想改变文字大小，而不想让字体变为粗体，能够用 Size 属性。另外，Size 只对选中文本起作用，而 Format 对整段文字起作用。

他们的区别如图三：

图三

Font:配置字体类型。下拉框中有多种字体可供选择，如图四：

图四

提示：为什么下拉框中每一行选项都罗列了好几种字体呢？这种配置其实是很有用的，因为我们做出来的网页是要拿给别人看的，但不同的电脑用户，其系统字体也可能不同，为了确保大家都能清楚明了地识别网页上的字体，因此有必要对字体进行多种类型的配置，当用户机器上没有第一种字体时，我们还提供了第二种字体；第二种字体通过不了，那更有第三种......假如都识别不了，那么他就使用浏览器的默认字体。

颜色：选中文字，然后在弹出的色板中进行颜色选择。也能够直接在颜色输入栏中输入颜色的十六进制代码，如常见的红色(#ff0000)，绿色(#00ff00)，蓝色(#0000ff)。如图五：

图五

加粗、倾斜：使文字变为粗体字、斜体字。如图六：

图六

居左、居中、居右：

使整段文本居左、居中、居右排列。

注意：这里的整段，针对的是 Dreamweaver 的段落概念，也就是用回车键隔开的文本。假如是用 Shift 回车键分出的段落，无论其间空距有多大，由于逻辑上属于一段，这个居中或居左居右命令会同时作用于他的任何内容。

列表清单：分为无序列表和有序列表。所谓有序列表就是有数字顺序的清单列表，无序列表则是用专门的非数字列表符号作为各个项目的区分。如图七：

图七

（二）．层叠样式表(CSS)

层叠样式表(Cascading Style Sheets)是 W3C 组织定制的一种网页规范，有利于对网页进一步进行精确控制。由于他的内容比较多，而且网上这方面的资料不少，因此我们在这里只是简单地谈一下他在 Dreamweaver 中的文本控制功能。

提示：前面我们讲到了很多 Dreamweaver 的文本控制功能，为何还要加以 CSS 的辅助？很简单，Dreamweaver 的文本控制功能不足，无论是字体大小，排列方式，还是行间距，等等，他所提供的选择并不多，为了让我们的网页更加美观，更加规范，有必要使用 CSS 。

1.样式表的创建：
Window/CSS Styles ，弹出的面板如图八：

图八