《第04章 使用文本.ppt》由会员分享，可在线阅读，更多相关《第04章 使用文本.ppt（19页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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 Dreamwe
3、aver 8基础与上机实训基础与上机实训输入特殊字符 将Dreamweaver 8切换到“设计”模式，在文档窗口里就可以方便、直观地输入普通文本。当然，也可以在文档中插入多种特殊符号，如版权符号、货币符号、注册商标号以及直线等。要在文档中插入特定的文本字符，最常用的方法是选择“插入”工具栏中的“文本”选项卡，单击“字符”按钮旁边的下拉箭头，在弹出的菜单中选择要插入的字符类型，如图所示。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训插入日期 在Dreamweaver 8中，用户可以方便地在文档中插入当前日期对象。而且如果选择了自动更新选项，在保存文档时
4、Dreamweaver可以自动进行更新。要在文档中插入日期，可以选择“插入”|“日期”命令，或选择“插入”工具栏中的“常用”选项卡，单击“日期”按钮，打开“插入日期”对话框，如图所示。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训4.2 设置文本格式 通过设置文本格式，可以使文本更加条理清楚、主次分明。在Dreamweaver 8中，可以使用“文本”属性检查器、“上下文菜单”和HTML样式来完成文本的格式化。v使用“文本”属性检查器 v使用“上下文菜单”v设置文本属性的HTML标记 中文版中文版Dreamweaver Dreamweaver 8基础与
5、上机实训基础与上机实训使用“文本”属性检查器 在Dreamweaver 8中，属性检查器是设置或改变选中文本的字体特征的主要工具。如图所示为“文本”属性检查器。v对齐文本 v设置文本颜色 v设置文本字体 v设置段落和标题 v文本的其他设置 中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训使用“上下文菜单”“文本”属性检查器中大部分功能在上下文菜单中也可以实现，用户在选中相应的文本后，右击并选择恰当的命令就可以实现对文本的格式化。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训设置文本属性的HTML标记 Drea
6、mweaver 8中已经基本放弃了HTML样式，但是在一般情况下，还需要了解一些HTML标记，这样可以加快制作网页的效率。如在【实训4-2】中，用户制作出的网页中可能存在“个人资料”与紧接其下的直线空隙较大的情况，但是如果将代码中的标记改放在后面，问题就可以解决了。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训4.3 使用CSS样式 在CSS样式之前，HTML样式被广泛应用。HTML样式用于控制单个文档中一定范围内文本的格式，而CSS样式不仅可以控制单个文档中多个范围内文本的格式，还可以控制多个文档中文本的格式。vCSS简介 v使用“CSS样式”面板
7、 v编辑CSS样式 vCSS样式冲突 中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训CSS简介 CSS样式是Cascading Style Sheets(层叠样式表)的简称，它是由万维网协会(W3C)开发的一种HTML规范，可以实现原来HTML无法表现的效果。例如，要管理一个非常大的网站，使用CSS样式可以快速格式化整个站点或多个文档中的字体、图像等网页元素。CSS样式表位于文档的区，其作用范围由CLASS或其他任何符合CSS规范的文本设置。对于其他现有的文档，只要其中的CSS样式符合规范，Dreamweaver就能识别它们。在网页制作时，采用CSS
8、技术可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训 使用“CSS样式”面板 使用“CSS样式”面板可以创建 CSS 样式、查看 CSS 样式的属性以及将 CSS 样式应用于当前文档中。选择“窗口”|“CSS 样式”命令或按下Shift+F11快捷键，打开“CSS 样式”面板，如图所示。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训编辑CSS样式 建立CSS样式后，如果用户在使用这些样式时感到不满意，则可根据需要对新建的CSS样式进行修改、
9、删除等操作。同时，用户也可以复制某个CSS样式。v修改CSS样式 v删除CSS样式 v复制CSS样式 中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训CSS样式冲突 当相同的文本上应用两种或多种CSS样式时，各样式之间可能会产生冲突，并导致不可预料的显示结果。浏览器显示样式格式是依据以下规则进行的：l当两种样式同时应用于相同的文本时，浏览器会将两种样式的所有格式都显示出来，除非样式格式发生冲突。例如，一种样式指定文本的颜色为黄色，另一种样式指定文本的颜色为绿色。l当应用于同一文本的两种样式发生冲突时，浏览器会显示最接近文本的样式。l当存在直接冲突时，C
10、SS样式会覆盖基于HTML标记的样式格式。中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训4.4 思考与练习 填空题填空题 1.Dreamweaver 8将常用的特殊字符分为4大类，分别为 、和 。2.在Dreamweaver 8中，设置或改变选中文本的字体特征的主要工具是 。3.在设置文本对齐方式时，只能对 设置对齐属性，而不能对 设置对齐属性。4.HTML样式用于控制 的格式，而CSS样式不仅可以控制 的格式，还可以控制_的格式。5.CSS样式的命名规则是，必须以 开始，如果遗漏则Dreamweaver会自动添加；自定义样式名可以是 ，但必须以 开
11、头。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样式名称
12、的是()。A.Dream8 B.$Weaver C.Dream8 D.$Weaver。10.CSS样式面板中显示下列()样式。A.自定义 B.重定义HTML标签 C.组合标签 D.以上3种全是 中文版中文版Dreamweaver Dreamweaver 8基础与上机实训基础与上机实训4.4 思考与练习 简答题简答题11.简述CSS样式表的作用和优势。12.用户创建CSS样式的方法共有几种？它们各有什么特点？13.当CSS样式发生冲突时，浏览器显示样式格式的依据是什么？操作题操作题14.在“CSS 样式”面板中新建一个CSS样式.myText，将其文本设置为有下划线的斜体，并应用到如图所示的网页文本中。15.练习在“CSS 样式”面板中导入外部CSS样式文件。