第4章文本1(免费阅读).pptVIP

第4章 制作基本页面--文本 文本在网络上传输速度较快，用户可以很方便地浏览和下载文本信息，故其成为网页主要的信息载体。整齐划一、大小适中的文本能够体现网页的视觉效果。因而文本处理是设计精美网页的第一步。本章将结合具体实例介绍在Dreamweaver CS4中如何插入文本，对文本进行排版及一些文本辅助功能。 4.1.1 插入文本 Dreamweaver CS4提供了多种插入文本的方法供使用者选择。 标题、栏目名称等少量文本，可以选择直接在文档窗口中键入； 段落文本，可以选择从其它文档中复制粘贴（选择性粘贴）： 仅文本：插入无格式文本。如果原始文本带有格式，则粘贴时会删除所有的格式； 带结构的文本：插入文本并保留段落、列表和表格结构，但不保留粗体、斜体和其他格式设置； 带结构的文本以及基本格式：插入文本并保留结构，同时附带简单的HTML格式； 带结构的文本以及全部格式：插入文本并保留结构、HTML格式和CSS样式。 保留换行符 ：可保留所粘贴文本中的换行符。如果选择了“仅文本”，则此选项将被禁用。 清理 Word 段落间距 ：如果选择了“带结构的文本”或“带结构的文本以及基本格式”，并要在粘贴文本时删除段落之间的多余空白，请选择此选项。 整篇文章或表格，可以选择导入Word、Excel文档。 4.1.2 插入日期 在网页中经常需要插入日期，比如网页的更新日期，文章的上传日期等。Dreamweaver CS4提供了日期对象，可以方便地插入当前日期。Dreamweaver 提供了一个方便的日期对象，该对象使您可以以喜欢的格式插入当前日期（包含或不包含时间都可以），并且您可以选择在每次保存文件时都自动更新该日期。 1、在“文档”窗口中，将插入点放在要插入日期的位置。 2、请执行下列操作之一： 选择“插入”“日期”。 在“插入”面板的“常用”类别中，单击“日期”按钮。 在出现的对话框中，选择星期格式、日期格式和时间格式。 如果希望在每次保存文档时都更新插入的日期，请选择“存储时自动更新”。如果希望日期在插入后变成纯文本并永远不自动更新，请取消选择该选项。 单击“确定”插入日期。 如果选择了“存储时自动更新”，则在日期格式插入到文档中后可以对其进行编辑，方法是单击已设置格式的文本，然后在属性检查器中选择“编辑日期格式”。 4.1.3 插入特殊字符 Dreamweaver CS4还提供了丰富的特殊字符插入功能，可以插入如注册商标、版权、货币符号等特殊符号。 1、在“文档”窗口中，将插入点放在要插入特殊字符的位置。 2、请执行下列操作之一： 从“插入”“HTML”“特殊字符”子菜单中选择字符名称。 在“插入”面板的“文本”类别中，单击“字符”按钮并从子菜单中选择字符。 注：还有很多其他特殊字符可供使用；若要选择其中的某个字符，请选择“插入”“HTML”“特殊字符”“其他”或者单击“插入”面板的“文本”类别中的“字符”按钮，然后选择“其他字符”选项。从“插入其它字符”对话框中选择一个字符，然后单击“确定”。 4.2 设置文本格式 4.1节介绍了在网页中插入文本的几种方法，由于插入的文本大小、字体格式不一致，需要对文本属性进行设置，使其风格保持统一。 4.2.1 关于设置文本格式 设置文本格式有两种方法：使用HTML标签格式化文本，使用层叠样式表（CSS）。 使用HTML标签和CSS都可以控制文本属性，包括特定字体和字大小；粗体、斜体、下划线；文本颜色等。两者区别在于，使用HTML标签仅仅对当前应用的文本有效，当改变设置时，无法实现文本自动更新。而CSS则不同，通过CSS事先定义好文本样式，当改变CSS样式表时，所有应用该样式的文本将自动更新。此外，使用 CSS 能更精确地定义字体的大小，还可以确保字体在多个浏览器中的一致性。 默认情况下，Dreamweaver CS4 使用 CSS 而不是HTML标签指定页面属性。CSS功能强大，除控制文本外，CSS还可以控制网页中的其他元素，具体内容将在以后章节中详细讲解。这里主要介绍使用属性检查器设置文本属性的基本操作。 4.2.2 使用属性检查器设置文本属性 在属性检查器中编辑 CSS 规则 目标规则：您在 CSS 属性检查器中正在编辑的规则。在对文本应用现有样式的情况下，在页面的文本内部单击时，将会显示影响文本格式的规则。 编辑规则 ：打开目标规则的“CSS 规则定义”对话框。 CSS 面板：打开“CSS 样式”面板。 字体 ：更改目标规则的字体。 大小 ：设置目标规则的字体大小。 文本颜色 ：将所选颜色设置为目标规则中的字体颜色。 粗体 ：向目标规则添加粗体属性。 斜体 ：向目标规则添加斜体属性。 左对齐、居中对齐和右对齐：向目标规则添加各个对齐属性。 注： “