2.3 网页中的文本(课件）-高二《网页设计与制作》同步教学（北京理工版）

2.3 网页中的文本 文字是网页发布信息所用的主要形式，一个网站的主题、内容等都需要通过文字来表达。但是没有排版点缀的纯文字网页，会显得单调呆板，因此网页文字一定要注意排版，排版包括文字的样式、大小、颜色以及内容的层次样式等。 2.3.1文本的操作 文本操作包括文本的插入、特殊符号的插入以及日期的插入等。下面介绍具体的操作方法。 1.插入文本 在Dreamweaver CS3中插入文本有两种常见的方法:一种是直接在文档窗口中输入文本;另一种是粘贴其他编辑器中生成的文本。 返回 下一页 2.3 网页中的文本 1)直接在文档窗口中输入文本 将光标定位到文档窗口中要插入文本的位置，然后直接输入文本，如图2-16所示。在输入文字时，如果需要分段换行则需按Enter键。如果要输入多个连续的空格，则需要选择“首选参数”对话框中“常规”选项卡中的“允许多个连续的空格”复选框，或者将输入法设为全角状态，才能输入多个连续的空格。 2)粘贴其他编辑器中生成的文本 首先在其他编辑器(如Word ,记事本)中复制文本，然后将光标移动到要插入文本的位置，选择“编辑"∣“粘贴”命令，如图2-17所示，完成文本的插入。 返回 下一页 上一页 2.3 网页中的文本 2.插入特殊字符 制作网页时，有时需要输入一些键盘上没有的特殊字符，如并列符号、注册商标等，插入特殊字符可按如下步骤操作。 (1)在文档窗口中，将光标定位在需要插入特殊字符的位置。 (2)选择“插入记录”∣ HTML ∣“特殊字符”命令，在其级联菜单中选择合适的字符命令，如图2-18所示;或将“插入”栏切换至“文本”面板，在面板中选择“字符” 下拉菜单中的字符命令，如图2-19所示，即可在光标处插入字符。 (3)如果在该下拉菜单中没有找到需要的字符，则可选择“其他字符”命令，打开“插入其他字符”对话框，如图2-20所示，选择需要的特殊字符，然后单击“确定”按钮。 返回 下一页 上一页 2.3 网页中的文本 3.插入日期 在Dreamweaver CS3中可以插入日期，在保存文档时，日期还可以自动更新，具体操作步骤如下。 (1)将光标定位到要插入日期的位置。 (2)选择“插入记录”∣“日期”命令，打开“插入日期”对话框，如图2-21所示，从中选择日期格式。 (3)单击“确定”按钮后，将在网页上显示插入日期的效果，如图2-22所示。 4.插入水平线 水平线的作用是分隔文本。选择“插入记录”∣ HTML ∣“水平线”命令，就可以在Dreamweaver的设计视图中插入一条水平线，把页面上的不同板块分隔。选中“水平线”，打开“属性”面板，如图2-23所示，可以设置水平线的宽度、高度、类型、对齐方式以及是否有阴影。 返回 下一页 上一页 2.3 网页中的文本 在“属性”面板中只能设置黑色的水平线，如果要改变水平线的颜色，需要在代码视图中对水平线的代码进行修改，而且水平线的颜色效果只有在浏览器中才能显示。 HTML知识—水平线 水平线的HTML标记符为<hr >，它包括了以下属性: (1) Size用来设置水平线的粗细程度。 (2) width用来设置水平线的长度。 (3)noshade用来使水平线以实线显示，即不需要阴影。 (4) solo:用来设置水平线的颜色。 (5) align用来设置水平线的对齐方式。 例如，将水平线的显示颜色设置成红色。要完成上述功能要求，需要在代码视图中找到水平线标记符<hr>，在其中添加color属性:< hr color = red > . 返回 下一页 上一页 2.3 网页中的文本 5.设置文本属性 在Dreamweaver中，可以通过直接输入的方式添加文本，也可以从其他文字处理软件中复制文本。这里讲解设置文本的字体、字号和颜色等属性的方法。 1)设置字体 设置文本字体的方法如下: 如图2-24所示，选择文本(如果不选择文本，则会对输入点以后输入的文本应用此设置)，在文本属性面板的字体栏选择目标字体。 返回 下一页 上一页 2.3 网页中的文本 字体列表:每个列表含有多种字体，排在行首的为显示网页时浏览器的首选字体，如果浏览者的电脑中没有安装这种字体，则会使用列表中排在第二位的字体，以此类推。如果找不到对应字体，就会以浏览器的默认字体显示。 编辑字体列表:如向字体列表中增加字体及字体组合。 如果字体列表中没有需要的字体或字体组合，可以按下列方法来增加一种字体或字体组合: 1)选择“文本”∣“字体”▕“编辑字体列表”命令，打开图2-25所示的编辑字体列表对话框。 (2)选择要添加的字体，单击“添加字体”按钮 。 (3)重复步骤(2)的操作可增加一个字体组合，单击“确定”按钮，关闭对话框。 注:为使网页的字体被浏览者的电脑所支持，可将少量的特殊文