通过DreamweaverCS3学习HTMLDIVCSS第4章网页文字Font.pptVIP

第4章 网页文字Font 前面几章介绍了网页头部和网页主体相关的知识点，这些都是辅助内容。主体正文才是浏览者真正关心的对象。主体文字的大小、颜色，以及字体等因素是决定网页是否成功的关键因素。除此之外，文字的排放位置也不可忽视。本章将介绍网页文字Font标签的使用与设置。 4.1 文字外观 文字的外观包括文字的大小、颜色、字体及样式等。在网页中文字大小的设置是否妥当，直接影响到网页的美观和浏览者的阅读。 4.1.1 调整文字大小 前面了解了文字大小的重要性，现在介绍如何进行文字大小的设置，具体步骤如下： 4.1.1 调整文字大小 选中所有的文字，然后单击【字体标签编辑器】按钮，弹出【标签编辑器】对话框，如图所示。 4.1.1 调整文字大小 size属性值可以设置-6~+6中间的数值，数值越大则文字越大。例如把size=+3改为size=+6，其效果如图所示。 4.1.2 修改文字颜色 前一章中介绍了用于整个网页文字默认颜色的设置方法。现在介绍在Dreamweaver中单独设置文字的颜色，具体步骤如下： 4.1.3 设置文字字体 文字字体设置适当，不仅有利于浏览者进行阅读，而且还可以起到装饰美观的作用。设置文字字体的具体步骤如下： 4.1.3 设置文字字体 在设置字体时，字体列表中的字体样式是有限的，用户可以根据需要添加字体，具体步骤如下： 4.1.4 格式化文字 格式化文字是把文字以一定的样式输出，如加粗、倾斜等。本小节将介绍如何格式化文字，具体步骤如下： 4.2 文字排放 网页中文字的排放形式多种多样。有的文字在页面中呈段落形式，有的呈列表形式；有的向左对齐，有的居中对齐。本节将介绍如何排放文字，从而使网页整体效果整齐有序。 4.2.1 设置段落文字 段落文字是区分文字之间的段落，它可以使网页内容的脉络更清晰。段落文字的具体设置步骤如下： 新建基本页，在【设计】视图中输入一段文字。 选中输入的文字。 单击【段落】按钮，完成段落文字的设置。 4.2.2 设置已编排格式 在Dreamweaver CS3的默认设置中，不允许输入多个空格，也不允许中途换行，除非遇到换行标签。如果需要设置成预先排好的格式，则使用已编排格式。具体步骤如下： 4.2.3 使用块引用格式 在网页设计时，有些内容是引用他人的。此时需要使用排放成块引用格式，具体步骤如下： 新建基本页，设置为已编排格式。 输入一段文字，并将其选中。 单击【块引用】按钮，完成块引用格式的设置，效果如图所示。 4.2.4 设置标题文字 任何形式的文章，总需要一个标题来点明文章的主旨，由此可见标题的重要性。标题文字设置的具体步骤如下： 4.2.4 设置标题文字 设置标题文字非常容易，但它的源码又会有怎样的变化？最终效果如图所示。 4.2.5 设置文字对齐 网页内容的排放有时要求整齐统一；有时要求活泼大方；有时要求错落有致，从而可以看出对齐方式的设置对网页的重要性。如何进行文字对齐方式的设置，具体步骤如下 : 4.2.6 使用项目列表 当页面中含有多个并列的内容时，可以使用项目列表，从而使页面中的内容显得整齐有序。设置项目列表的具体步骤如下： 4.2.7 使用编号列表 项目列表可以使页面内容整齐有序，却不能显示出列表项之间的顺序，在此使用编号列表可以解决这一问题。设置编号列表的具体步骤如下： 4.2.7 使用编号列表 除了单击【文本】选项卡区域中的【编号列表】按钮，还可以单击【属性】面板中的【编号列表】按钮。用户也可以先输入文字，后设置编号列表。 4.2.8 定义列表 在网页中除了可以设置项目编号，还可以设置包含术语解释时使用的定义列表。设置定义列表的具体步骤如下： 4.3 字符实体 HTML语言的标签中包含了 和 等的一些特殊字符。如果要在网页中显示出这些特殊字符，就需要用到字符实体。 4.3.1 认识字符实体 单击【设计】按钮，切换到【设计】视图，效果如左图。从图中可以看出，没有任何显示，这是因为HTML把字符串当成了一个标签。如果要显示出输入的字符，需要使用字符实体进行转换。把 和 用lt;和gt;来代替，效果如右图所示： 4.3.2 换行字符 前面介绍了段落标签p，但在使用了p标签的两个段落之间会有一个空行。如果只想换行但不空行的话，具体步骤如下： 4.4 专家总结 通过本章的学习，读者可以掌握有关文字的设置。文字大小的适当设置让浏览者浏览网页更方便；文字颜色的适当设置让网页更生动形象；段落排列的适当设置让网页更清爽整齐等。本章涉及的HTML标签较多，希望读者多进行练习，加强记忆和掌握使用。 默认文字大小效果 【文本】选项卡 【标签编辑器】对话框 修改文字大小