第04章 使用文本.ppt

《第04章 使用文本.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第4章使用文本用户在制作网页的过程中，在网页中编辑文本是非常重要的，因为网页结构的大部分内容都是由文本组成的，所以网页中的文本编辑就需要一系列的操作方法。通过设置文本的格式(主要包括字体、字号、颜色、粗体、斜体、添加项目列表和编号列表等)，可以使文本显得更加条理清晰。同时使用HTML标记以及CSS样式对文本进行统一格式化，就可以创建出别具特色的网页。通过本章的理论学习和上机实训，读者应了解和掌握以下内容:插入文本和对象设置文本格式使用HTML样式使用CSS样式拼写检查本章章节内容安排如下:4.1输入文本4.2设置文本格式4.3使用CSS样式4.4思考与练习4.1输入文本输入文本是Dr

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

3、weaver可以自动进行更新。要在文档中插入日期，可以选择“插入”

4、“日期”命令，或选择“插入”工具栏中的“常用”选项卡，单击“日期”按钮，打开“插入日期”对话框，如图所示。4.2设置文本格式通过设置文本格式，可以使文本更加条理清楚、主次分明。在Dreamweaver8中，可以使用“文本”属性检查器、“上下文菜单”和HTML样式来完成文本的格式化。使用“文本”属性检查器使用“上下文菜单”设置文本属性的HTML标记使用“文本”属性检查器在Dreamweaver8中，属性检查器是设置或改变选中文本的字体特征的主要工具。如图所示为“文本”属性检查器。对齐文本设置文本颜色设置文本字体设置段落

5、和标题文本的其他设置使用“上下文菜单”“文本”属性检查器中大部分功能在上下文菜单中也可以实现，用户在选中相应的文本后，右击并选择恰当的命令就可以实现对文本的格式化。设置文本属性的HTML标记Dreamweaver8中已经基本放弃了HTML样式，但是在一般情况下，还需要了解一些HTML标记，这样可以加快制作网页的效率。如在【实训4-2】中，用户制作出的网页中可能存在“个人资料”与紧接其下的直线空隙较大的情况，但是如果将代码中的标记改放在后面，问题就可以解决了。4.3使用CSS样式在CSS样式之前，HTML样

6、式被广泛应用。HTML样式用于控制单个文档中一定范围内文本的格式，而CSS样式不仅可以控制单个文档中多个范围内文本的格式，还可以控制多个文档中文本的格式。CSS简介使用“CSS样式”面板编辑CSS样式CSS样式冲突CSS简介CSS样式是CascadingStyleSheets(层叠样式表)的简称，它是由万维网协会(W3C)开发的一种HTML规范，可以实现原来HTML无法表现的效果。例如，要管理一个非常大的网站，使用CSS样式可以快速格式化整个站点或多个文档中的字体、图像等网页元素。CSS样式表位于文档的区，其作用范围由CLASS或其他任何符合CSS规范的文本设置。对于其他

7、现有的文档，只要其中的CSS样式符合规范，Dreamweaver就能识别它们。在网页制作时，采用CSS技术可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。使用“CSS样式”面板使用“CSS样式”面板可以创建CSS样式、查看CSS样式的属性以及将CSS样式应用于当前文档中。选择“窗口”

8、“CSS样式”命令或按下Shift+F11快捷键，打开“CSS样式”面板，如图所示。编辑CSS样式建立CSS样式后，如果用户在使用这些样式时感到不满意，则可根据需要对新建的CSS样式进行修改、删除等操作。同时，用户也可以复制某个CSS样式。修改CSS样式删除CSS样式复制CSS样式

9、CSS样式冲突当相同的文本上应用两种或多种CSS样式时，各样式之间可能会产生冲突，并导致不可预料的显示结果。浏览器显示样式格式是依据以下规则进行的：当两种样式同时应用于相同的文本时，浏览器会将两种样式的所有格式都显示出来，除非样式格式发生冲突。例如，一种样式指定文本的颜色为黄色，另一种样式指定文本的颜色为绿色。当应用于同一文本的两种样式发生冲突时，浏览器会显示最接近文本的样式。当存在直接冲突时，CSS样式会覆盖基于HTML标记的样式格式。4.4思考与练习填