网页文本的处理.pptVIP

第1页 第3章 网页文本的处理□ 本章知识点及学习目标 文本是网页中的主要元素。本章主要介绍利用Dreamweaver MX 2004和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 使用现有的项目列表 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中，采用如下的标记来定义标题： h1和/h1 定义标题1 h2和/h2 定义标题2 h3和/h3 定义标题3 每级标题的字符大小并没有一个实际上的固定的值，它是由浏览器所决定的，为标题定义的级别只决定了标题之间的相互大小。 3.2 处理段落 3.2.1 设置段落格式 使用【属性】面板的【格式】弹出式菜单或选择【文本】|【段落格式】菜单可以应用标准段落和标题标签。 3.2.2 对齐段落 段落的对齐方式，指的是段落相对文档窗口（或浏览器窗口）在水平位置的对齐方式。有三种对齐方式：左对齐、居中对齐、右对齐、两端对齐。 3.2.3 缩进段落 许多时候需要缩进段落，例如希望强调一段文字，或引用其他来源的文字，都需要将文字缩进，以示同普通段落的区别。所谓缩进，主要是相对于文档窗口（或浏览器窗口）左端而言的。 3.3 编辑文本格式 3.3.1 设置字体 利用属性面板，也可以实现对字符字体的设置。打开属性面板上的字体列表，选择相应字体项即可 。 3.3.2 设置字号 字号指的是字体的大小，它没有一个绝对的大小标准，其大小只是相对于默认字体而言。例如，1号字和2号字，比默认字体要小一些，而4号字和5号字，比默认字体要大一些。 3.3.3 添加字体颜色 打开【文本】菜单，选择【颜色】，可以打开Windows标准的颜色对话框，允许用户选择颜色，如图所示。 3.3.4 设定字体样式 字符的样式指的是字符的外观显示方式，例如字符的加粗、倾斜和下划线等，利用Dreamweaver，可以设置多种字符样式。 1. 加粗 2. 倾斜 3. 下划线 4. 删除线 5. 打字型 6. 强调 7. 加强 8. 代码，变量，范例和键盘 9. 引用和定义 10. 已删除 11. 已插入 3.4 创建项目列表 设置段落的项目列表是Dreamweaver MX 2004 一个很重要的格式设置方法。在HTML中，从总体上分有两种类型的项目列表，一种是无序项目列表，另一种是有序项目列表，当然还有定义列表、目录列表和菜单列表。无序项目列表使用项目符号来标记项目，有序项目列表则使用编号来标记项目顺序。 在Dreamweaver MX 2004 中，允许设置多种项目列表格式。 3.4.1 项目列表的类型 在HTML中，可以创建的列表有：无序列表、有序列表、定义列表、目录列表和菜单列表。 无序列表 有序列表 定义列表 目录列表和菜单列表 3.4.2 使用现有的项目列表 要使用现有的项目列表，请执行如下步骤： 1．选中要转换为项目列表的所有段落。 2．单击“属性”面板上的“项目列表”按钮或“编号列表”按钮；也可以单击“文本”→“列表”菜单项，选择相应的“无序列表”、“有序列表”菜单项。 3．这时被选中的段落文字就被转换为项目列表的形式。 3.4.3 创建嵌套项目列表 要实现多级项目列表的形式，请执行如下步骤： 1．选中要嵌入的列表项，如果有多行希望嵌套，请选中多行。 2．单击【属性】面板上的【文本缩进】按钮，如图所示；或者单击【文本】|【缩进】菜单项。 3.4.4 设置项目列表属性 通过设置项目列表的属性，可以选择项目列表的类型、无序项目列表中项目符号的类型，或有序项目列表中项目编号的类型等。 3.5 使用CSS 3.5.1 CSS基础知识 CSS是 Cascading Style Sheet的缩写，可以译为层叠样式表或级联样式表。CSS是一个辅助HTML设计的新特性，能够保