通过Dreamweaver_CS3学习HTML+DIV+CSS_第4章__网页文字Font.ppt

《通过Dreamweaver_CS3学习HTML+DIV+CSS_第4章__网页文字Font.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章网页文字Font前面几章介绍了网页头部和网页主体相关的知识点，这些都是辅助内容。主体正文才是浏览者真正关心的对象。主体文字的大小、颜色，以及字体等因素是决定网页是否成功的关键因素。除此之外，文字的排放位置也不可忽视。本章将介绍网页文字标签的使用与设置。4.1文字外观文字的外观包括文字的大小、颜色、字体及样式等。在网页中文字大小的设置是否妥当，直接影响到网页的美观和浏览者的阅读。4.1.1调整文字大小前面了解了文字大小的重要性，现在介绍如何进行文字大小的设置，具体步骤如下：默认文字大小效果【文本】选项卡4.1.1调整文字大小选中所有

2、的文字，然后单击【字体标签编辑器】按钮，弹出【标签编辑器】对话框，如图所示。【标签编辑器】对话框4.1.1调整文字大小size属性值可以设置-6~+6中间的数值，数值越大则文字越大。例如把size="+3"改为size="+6"，其效果如图所示。修改文字大小效果4.1.2修改文字颜色前一章中介绍了用于整个网页文字默认颜色的设置方法。现在介绍在Dreamweaver中单独设置文字的颜色，具体步骤如下：文字颜色效果不同颜色效果4.1.3设置文字字体文字字体设置适当，不仅有利于浏览者进行阅读，而且还可以起到装饰美观的作用。设置文字字体的具体步骤如下：设置

3、字体效果不同字体效果4.1.3设置文字字体在设置字体时，字体列表中的字体样式是有限的，用户可以根据需要添加字体，具体步骤如下：【编辑字体列表】对话框4.1.4格式化文字格式化文字是把文字以一定的样式输出，如加粗、倾斜等。本小节将介绍如何格式化文字，具体步骤如下：未格式化文字文字加粗效果格式化文字效果4.2文字排放网页中文字的排放形式多种多样。有的文字在页面中呈段落形式，有的呈列表形式；有的向左对齐，有的居中对齐。本节将介绍如何排放文字，从而使网页整体效果整齐有序。4.2.1设置段落文字段落文字是区分文字之间的段落，它可以使网页内容的脉络更清晰。段落

4、文字的具体设置步骤如下：新建基本页，在【设计】视图中输入一段文字。选中输入的文字。单击【段落】按钮，完成段落文字的设置。4.2.2设置已编排格式在DreamweaverCS3的默认设置中，不允许输入多个空格，也不允许中途换行，除非遇到换行标签。如果需要设置成预先排好的格式，则使用已编排格式。具体步骤如下：已编排格式效果4.2.3使用块引用格式在网页设计时，有些内容是引用他人的。此时需要使用排放成块引用格式，具体步骤如下：新建基本页，设置为已编排格式。输入一段文字，并将其选中。单击【块引用】按钮，完成块引用格式的设置，效果如图所示。块引用格式的效果4

5、.2.4设置标题文字任何形式的文章，总需要一个标题来点明文章的主旨，由此可见标题的重要性。标题文字设置的具体步骤如下：标题1效果标题设置效果4.2.4设置标题文字设置标题文字非常容易，但它的源码又会有怎样的变化？最终效果如图所示。全部标题文字效果4.2.5设置文字对齐网页内容的排放有时要求整齐统一；有时要求活泼大方；有时要求错落有致，从而可以看出对齐方式的设置对网页的重要性。如何进行文字对齐方式的设置，具体步骤如下:未设置对齐方式效果设置对齐方式效果4.2.6使用项目列表当页面中含有多个并列的内容时，可以使用项目列表，从而使页面中的内容显得整齐有序

6、。设置项目列表的具体步骤如下：项目列表效果4.2.7使用编号列表项目列表可以使页面内容整齐有序，却不能显示出列表项之间的顺序，在此使用编号列表可以解决这一问题。设置编号列表的具体步骤如下：编号列表效果4.2.7使用编号列表除了单击【文本】选项卡区域中的【编号列表】按钮，还可以单击【属性】面板中的【编号列表】按钮。用户也可以先输入文字，后设置编号列表。设置编号列表属性效果嵌套效果4.2.8定义列表在网页中除了可以设置项目编号，还可以设置包含术语解释时使用的定义列表。设置定义列表的具体步骤如下：定义列表效果4.3字符实体HTML语言的标签中包含了<和>

7、等的一些特殊字符。如果要在网页中显示出这些特殊字符，就需要用到字符实体。4.3.1认识字符实体单击【设计】按钮，切换到【设计】视图，效果如左图。从图中可以看出，没有任何显示，这是因为HTML把字符串当成了一个标签。如果要显示出输入的字符，需要使用字符实体进行转换。把<和>用<和>来代替，效果如右图所示：无字符实体效果字符实体效果4.3.2换行字符前面介绍了段落标签

，但在使用了

标签的两个段落之间会有一个空行。如果只想换行但不空行的话，具体步骤如下：换行效果4.4专家总结通过本章的学习，读者可以掌握有关文字的设置。文字大小的适当

8、设置让浏览者浏览网页更方便；文字颜色的适当设置让网页更生动形象；段落排列的适当设置让网页更清爽整齐等。本章涉及的HTML标