Dreamweaver中文本应用.doc

文 本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 。样式表的创建：Window/CSS Styles ，弹出的面板如图八： 图八 单击面板右上角向右的箭头，在弹出的菜单中选择New Style，如图九： 图九 选定后弹出如图十的窗口： 图十 Name:样式表的名字，注意名称前有个点号，其作用在于告诉浏览器这是