第04章使用文本

1、中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训第第4章章 使使 用用 文文 本本 用户在制作网页的过程中，在网页中编辑文本是非常重要的，因为网页结构的大部分内容都是由文本组成的，所以网页中的文本编辑就需要一系列的操作方法。 通过设置文本的格式(主要包括字体、字号、颜色、粗体、斜体、添加项目列表和编号列表等)，可以使文本显得更加条理清晰。同时使用html标记以及css样式对文本进行统一格式化，就可以创建出别具特色的网页。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训通过本章的理论学习和上机实训，读者应了解和

2、掌握以下内容:v插入文本和对象 v设置文本格式 v使用html样式 v使用css样式 v拼写检查 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训本章章节内容安排如下:v4.1 输入文本 v4.2 设置文本格式 v4.3 使用css样式 v4.4 思考与练习 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.1 输 入 文 本 输入文本是dreamweaver 最基本的操作之一。用户可以输入普通文本，也可以插入日期、特殊字符(如、等)。 v输入特殊字符 v插入日期 中文版中文版dreamweaver drea

3、mweaver 8基础与上机实训基础与上机实训输入特殊字符 将dreamweaver 8切换到“设计”模式，在文档窗口里就可以方便、直观地输入普通文本。当然，也可以在文档中插入多种特殊符号，如版权符号、货币符号、注册商标号以及直线等。 要在文档中插入特定的文本字符，最常用的方法是选择“插入”工具栏中的“文本”选项卡，单击“字符”按钮旁边的下拉箭头，在弹出的菜单中选择要插入的字符类型，如图所示。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训插入日期 在dreamweaver 8中，用户可以方便地在文档中插入当前日期对象。而且如果选择了自动更新选项，在

4、保存文档时dreamweaver可以自动进行更新。 要在文档中插入日期，可以选择“插入”|“日期”命令，或选择“插入”工具栏中的“常用”选项卡，单击“日期”按钮，打开“插入日期”对话框，如图所示。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.2 设置文本格式 通过设置文本格式，可以使文本更加条理清楚、主次分明。在dreamweaver 8中，可以使用“文本”属性检查器、“上下文菜单”和html样式来完成文本的格式化。 v使用“文本”属性检查器 v使用“上下文菜单” v设置文本属性的html标记 中文版中文版dreamweaver dreamwe

5、aver 8基础与上机实训基础与上机实训使用“文本”属性检查器 在dreamweaver 8中，属性检查器是设置或改变选中文本的字体特征的主要工具。如图所示为“文本”属性检查器。v对齐文本 v设置文本颜色 v设置文本字体 v设置段落和标题 v文本的其他设置 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训使用“上下文菜单” “文本”属性检查器中大部分功能在上下文菜单中也可以实现，用户在选中相应的文本后，右击并选择恰当的命令就可以实现对文本的格式化。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训设置文本属性的

6、html标记 dreamweaver 8中已经基本放弃了html样式，但是在一般情况下，还需要了解一些html标记，这样可以加快制作网页的效率。 如在【实训4-2】中，用户制作出的网页中可能存在“个人资料”与紧接其下的直线空隙较大的情况，但是如果将代码中的标记改放在后面，问题就可以解决了。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.3 使用css样式 在css样式之前，html样式被广泛应用。html样式用于控制单个文档中一定范围内文本的格式，而css样式不仅可以控制单个文档中多个范围内文本的格式，还可以控制多个文档中文本的格式。 vcss简

7、介 v使用“css样式”面板 v编辑css样式 vcss样式冲突 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训css简介 css样式是cascading style sheets(层叠样式表)的简称，它是由万维网协会(w3c)开发的一种html规范，可以实现原来html无法表现的效果。例如，要管理一个非常大的网站，使用css样式可以快速格式化整个站点或多个文档中的字体、图像等网页元素。 css样式表位于文档的区，其作用范围由class或其他任何符合css规范的文本设置。对于其他现有的文档，只要其中的css样式符合规范，dreamweaver就能识别

8、它们。 在网页制作时，采用css技术可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训 使用“css样式”面板 使用“css样式”面板可以创建 css 样式、查看 css 样式的属性以及将 css 样式应用于当前文档中。选择“窗口” |“css 样式”命令或按下shift+f11快捷键，打开“css 样式”面板，如图所示。中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训编辑css样式 建立css样式后，如果用户在使用这些样式时感到不满意，则可

9、根据需要对新建的css样式进行修改、删除等操作。同时，用户也可以复制某个css样式。v修改css样式 v删除css样式 v复制css样式 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训css样式冲突 当相同的文本上应用两种或多种css样式时，各样式之间可能会产生冲突，并导致不可预料的显示结果。浏览器显示样式格式是依据以下规则进行的：l当两种样式同时应用于相同的文本时，浏览器会将两种样式的所有格式都显示出来，除非样式格式发生冲突。例如，一种样式指定文本的颜色为黄色，另一种样式指定文本的颜色为绿色。l当应用于同一文本的两种样式发生冲突时，浏览器会显示最接

10、近文本的样式。l当存在直接冲突时，css样式会覆盖基于html标记的样式格式。中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.4 思考与练习 填空题填空题 1. dreamweaver 8将常用的特殊字符分为4大类，分别为 、 、 和 。 2. 在dreamweaver 8中，设置或改变选中文本的字体特征的主要工具是 。 3. 在设置文本对齐方式时，只能对 设置对齐属性，而不能对 设置对齐属性。 4. html样式用于控制 的格式，而css样式不仅可以控制 的格式，还可以控制_的格式。 5. css样式的命名规则是，必须以 开始，如果遗漏则drea

11、mweaver会自动添加；自定义样式名可以是 ，但必须以 开头。 6. css样式有两种存在方式，一种是 ；另一种是 ，这类文件的扩展名为 。 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.4 思考与练习 选择题选择题 7. 用( )分开的文字是换行而不是分段。 a. enter b. shift+enter c. ctrl+enter d. alt+enter8. css样式表位于文档的( )区，其作用范围由class或其他任何符合css规范的文本设置。 a. b. c. d. 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.4 思考与练习 选择题选择题9. 下列能作为自己定义的css样式名称的是( )。 a. .dream8 b. .$weaver c. dream8 d. $weaver。10. css样式面板中显示下列( )样式。 a. 自定义 b. 重定义html标签 c. 组合标签 d. 以上3种全是 中文版中文版dreamweaver dreamweaver 8基础与上机实训基础与上机实训4.4 思考与练习 简答题