网页文本的处理

1、第第3章章 网页文本的处理网页文本的处理 本章知识点及学习目标本章知识点及学习目标 文本是网页中的主要元素。本章主要介绍利用Dreamweaver MX 2004和CSS编辑与控制网页文本的方法。通过本章的学习，应该掌握以下内容： 利用Dreamweaver MX 2004编辑网页文本 处理段落 编辑网页文本格式 创建CSS样式 编辑CSS样式 应用CSS样式本章内容概览本章内容概览3.1 文本标题3.2 处理段落3.3 编辑文本格式 3.3.1 设置字体 3.3.2 设置字号 3.3.3 添加字体颜色 3.3.4 设定字体样式3.4 创建项目列表 3.4.1 项目列表的类型 3.4.2 使用

2、现有的项目列表 3.4.3 创建嵌套项目列表 3.4.4 设置项目列表属性3.5 使用CSS 3.5.1 CSS基础知识 3.5.2 创建新样式 3.5.3 编辑已有CSS 3.5.4 应用CSS样式 3.5.5 删除样式 3.5.6 CSS 的属性3.6 课堂小实例3.7 课后习题与解答3.1 文本标题文本标题 文本标题来强调段落要表现的内容。在HTML中，定义了6级标题，从1到6级，每级标题的字体大小依次递减。在HTML中，采用如下的标记来定义标题：和 定义标题1和 定义标题2和 定义标题3每级标题的字符大小并没有一个实际上的固定的值，它是由浏览器所决定的，为标题定义的级别只决定了标题之间

3、的相互大小。 3.2 处理段落处理段落 3.2.1 设置段落格式使用【属性】面板的【格式】弹出式菜单或选择【文本】|【段落格式】菜单可以应用标准段落和标题标签。 3.2.2 对齐段落 段落的对齐方式，指的是段落相对文档窗口（或浏览器窗口）在水平位置的对齐方式。有三种对齐方式：左对齐、居中对齐、右对齐、两端对齐。 3.2.3 缩进段落许多时候需要缩进段落，例如希望强调一段文字，或引用其他来源的文字，都需要将文字缩进，以示同普通段落的区别。所谓缩进，主要是相对于文档窗口（或浏览器窗口）左端而言的。 3.3 编辑文本格式编辑文本格式 3.3.1 设置字体利用属性面板，也可以实现对字符字体的设置。打开

4、属性面板上的字体列表，选择相应字体项即可 。3.3.2 设置字号字号指的是字体的大小，它没有一个绝对的大小标准，其大小只是相对于默认字体而言。例如，1号字和2号字，比默认字体要小一些，而4号字和5号字，比默认字体要大一些。 3.3.3 添加字体颜色打开【文本】菜单，选择【颜色】，可以打开Windows标准的颜色对话框，允许用户选择颜色，如图所示。 3.3.4 设定字体样式字符的样式指的是字符的外观显示方式，例如字符的加粗、倾斜和下划线等，利用Dreamweaver，可以设置多种字符样式。1. 加粗 2. 倾斜 3. 下划线 4. 删除线 5. 打字型 6. 强调 7. 加强 8. 代码，变量，

5、范例和键盘 9. 引用和定义 10. 已删除 11. 已插入 3.4 创建项目列表创建项目列表 设置段落的项目列表是Dreamweaver MX 2004 一个很重要的格式设置方法。在HTML中，从总体上分有两种类型的项目列表，一种是无序项目列表，另一种是有序项目列表，当然还有定义列表、目录列表和菜单列表。无序项目列表使用项目符号来标记项目，有序项目列表则使用编号来标记项目顺序。在Dreamweaver MX 2004 中，允许设置多种项目列表格式。 3.4.1 项目列表的类型在HTML中，可以创建的列表有：无序列表、有序列表、定义列表、目录列表和菜单列表。 无序列表 有序列表 定义列表 目录

6、列表和菜单列表 3.4.2 使用现有的项目列表要使用现有的项目列表，请执行如下步骤：1选中要转换为项目列表的所有段落。2单击“属性”面板上的“项目列表”按钮或“编号列表”按钮；也可以单击“文本”“列表”菜单项，选择相应的“无序列表”、“有序列表”菜单项。3这时被选中的段落文字就被转换为项目列表的形式。 3.4.3 创建嵌套项目列表要实现多级项目列表的形式，请执行如下步骤：1选中要嵌入的列表项，如果有多行希望嵌套，请选中多行。2单击【属性】面板上的【文本缩进】按钮，如图所示；或者单击【文本】|【缩进】菜单项。3.4.4 设置项目列表属性通过设置项目列表的属性，可以选择项目列表的类型、无序项目列表

7、中项目符号的类型，或有序项目列表中项目编号的类型等。 3.5 使用使用CSS 3.5.1 CSS基础知识CSS是 Cascading Style Sheet的缩写，可以译为层叠样式表或级联样式表。CSS是一个辅助HTML设计的新特性，能够保持整个HTML的统一外观。使用CSS可以在设置文本之前，指定整个文本的属性，比如颜色、字体、大小等，即可获得统一的外观。如读者想让链接文字在未单击时是蓝色的，当鼠标移上去后字变成红色且有下划线，这就是一种风格。通过设置CSS，可以统一地控制HTML中各标志的显示属性。它将对布局、字体、颜色、背景和其他图文效果实现更加精确的控制。通过只修改一个文件就可以改变所

8、有网页的外观和格式，保证在所有浏览器和平台之间的兼容性，拥有更少的编码、更少的页数和更快的下载速度。 3.5.2 创建新样式CSS样式最大的优点是它的自动更新功能。当应用了CSS格式之后，如果不满意，仅修改CSS样式即可更改所有的应用，而不用像设置HTML样式那样还要一个一个地修改。 单击此按钮创建新样式 3.5.3 编辑已有CSS编辑已有CSS的具体操作如下。1打开【CSS样式】面板，选择要【编辑】的样式。2单击CSS样式面板右下角的【编辑样式】按钮，打开【编辑样式】列表，如图所示。 3.5.4 应用CSS样式应用嵌入式CSS如果希望在文档中应用样式，可以按照如下方法进行操作。1如果要设置段

9、落格式，可以将插入点放置于段落之中；如果要设置多个段落的格式，则需要选中这些段落；如果要设置字符格式，则需要选中这些字符。2在【CSS样式】面板中，选择某个样式。3如果选中了自动应用复选框，则自动对相应的文本应用选中的样式。4如果没有选中自动应用复选框，则可以单击【套用】按钮，应用样式；也可以打开面板菜单，然后选择【套用】命令。应用外部链接式CSS应用外部链接式，具体操作步骤如下。1打开【CSS样式】面板。2单击【CSS样式】面板右下角的【附加样式表】按钮。3此时将出现【链接外部样式表】对话框，如图所示。5.5 删除样式删除某个样式的操作如下。1在【CSS样式】面板中，选中要删除的样式。2单击

10、【CSS样式】面板右下角的【删除样式】按钮，或是从面板菜单中选择【删除命令】。3这时样式即被删除，同时从样式列表中消失。3.5.6 CSS 的属性熟练掌握CSS的各种属性将会使用户编辑页面更加得心应手。在这一节中，将详细介绍CSS样式的设置，共讲述设置CSS样式的8个分类。类型面板背景面板 区块面板 方框面板 边框面板 列表面板 定位面板 扩展面板 3.6 课堂小实例课堂小实例 本实例通过对td、body标签的定义来解决字体大小格式的设置，便于保持网站中字体风格的统一。 3.7 课后习题与解答课后习题与解答 3.7.1 填空题（1）使用属性检查器或【文本】菜单中的选项可以设置或更改所选文本的字体特性。可以设置字体_ _（如粗体或斜体）和_。（2）若要插入更多的特殊字符，请选择_ | _ | _或在_栏中选择_图标，选择一个字符，然后单击【确定】。3.7.2 选择题（1）设置文本属性可以通过_来设置。 A属性面板B控制面板C启动面板D文本菜单（2）在网页中连续输入空格的方法是_。 A连续