网页制作入门必备 大师珍藏版 哈工大 (7).ppt

第13章 文本与图像文本与图像是网页用来传递信息的主要方式合理的使用 文本和图像，可以使页面信息传达的更加简洁和有条理13.1 插入文本在Dreamweaver中插入文本的方法包括，直接输入文本、 复制/粘贴文本、从其他文档中导入文本等13.1.1 设置复制/粘贴的参数在Dreamweaver中，可以通过定义首选参数的方法，定义复制/ 粘贴文本效果选择“编辑”|“首选参数”命令，打开“首选参数”对话框选择其 中的“复制/粘贴”选项，打开“复制/粘贴”对话框，如下图所示在“复制/粘贴”对话框中选择要使用的格式，然后单击“确定”按 钮，完成“首选参数”的定义13.1.2 输入或复制/粘贴文本向网页中添加文本内容时，可以采取直接输入的方法，此 时要注意Dreamweaver中对输入特殊符号（例如换行、空 格等）的处理方式除了直接输入文本之外，大多数的情 况下都是由各种其他的文件（例如Word文档、其他网页 ）中复制粘贴到页面中在粘贴后的文本中，通常会改变 原来文档中文本的显示效果13.1.3 导入Word或者Excel文本执行以下操作之一，导入Word或者Excel文本 （1）选择“文件”|“导入”|“Word文档”或者“文件”|“导入”|“Excel文档”命 令，打开导入文档对话框，如下图所示。

（2）选择Word文档，使用鼠标拖放到要导入文档的位置，打开“插入文 档”对话框13.2 设置文本的格式设置文本的格式，包括设置段落格式、标题、对齐、缩 进、修饰以及列表等下面详细讲解下定义文本格式的 方法13.2.1 设置段落格式选择“文本”|“段落格式”命令，或者在“属性”面板底部打 开“格式”选项可以打开定义段落格式的下拉菜单在段落格式选项中，各选项的含义如下所示无：取消所有的段落格式段落：将文本定义成段落，其对应的代码为元素标题1至标题6：将文本定义为标题，其对应的代码为 至元素已编辑格式：保留文本原有格式，其对应的代码为 元素其中标题1至标题6都带有自身的格式13.2.2 对齐和缩进文本对齐和缩进文本，在文本的排版中经常用到合理的对齐 和缩进文本，可以使文本的显示更加合理和清晰，便于浏 览者阅读1．对齐文本 2．缩进文本13.2.3 使用水平分隔线选择“插入记录”|“HTML”|“水平线”命令，制作水平分隔 线其显示效果，如左图所示选择水平分隔线，可以打开水平分隔线的属性栏，如右图 所示13.3 定义列表在Dreamweaver中，可以定义项目列表、编号列表、定义 列表三种列表。

13.4 定义文本的格式定义文本的格式包括两个部分，一部分是定义文本的字体 、大小、颜色等属性另一部分是定义文本的加粗、斜体 等格式13.4.1 定义文本的字体和大小执行以下操作之一，可以打开“字体”选项选择“格式”|“字体”命令，打开字体下拉菜单，选择文本 使用的字体在“属性”面板中，选择“字体”按钮，可以打开字体选择 下拉菜单在字体下拉菜单中，显示了当前可以使用的字体如果要 使用其他的字体，可以选择“编辑字体列表”选项，将可以 使用的字体，添加到列表之中编辑字体列表”对话框 在“编辑字体列表”对话框中，选择可用字体，使用添加字 体按钮添加字体也可以选择字体列表中的字体，使用删 除字体按钮删除字体13.4.2 定义文本的颜色执行以下操作之一，可以更改文本的颜色选择“文本”|“颜色”命令，打开字体颜色对话框，如图所示在字 体颜色对话框中，可以选择字体使用的颜色在“属性”面板中，选择“”按钮，可以打开字体颜色对话框13.4.3 定义文本的格式执行以下操作之一，可以更改文本的格式在“插入”栏，选择“文本”选项可以打开“文本”插入栏，其 显示效果如图所示在插入栏中，“”按钮用来定义文本为粗 体，“”按钮用来定义文本为斜体。

在“属性”面板中，选择“”按钮定义文本为粗体，“”按钮定义 文本为斜体选择“文本”|“样式”命令，打开文本样式下拉菜单在“样式” 下拉菜单中，可以定义文本使用的样式除定义粗体和斜体 之外，还可以定义下划线、删除线等格式13.5 插入日期和字符在Dreamweaver中，可以方便的在页面中插入日期和特 殊字符13.5.1 插入日期在页面中插入日期的方法，如下所示 （1）选择“插入记录”|“日期”命令 （2）打开“插入日期”对话框，如左图所示 （3）在“插入日期”对话框中，可以定义插入的日期中是否 显示星期等格式插入日期后的显示效果，如右图所示13.5.2 插入特殊字符在页面中插入特殊字符的方法，如下所示 （1）选择“插入记录”|“HTML”|“特殊字符”命令，打开插入特 殊字符下拉菜单，选择相应的选项 （2）在“特殊字符”下拉菜单中，选择“其他字符”选项，打开“ 插入其他字符”对话框，如图所示13.6 使用图像使用图像内容包括插入图像，插入图像占位符、定义图像 的属性、定义背景图像等内容13.6.1 插入图像在页面中插入特殊字符的方法，如下所示 （1）执行以下操作之一，插入图像。

（2）在“选择图像源文件”对话框中，选择要插入的图像 （3）选择“是”按钮，可以将文件保存在站点的相应的位置 （4）选择“是”按钮，并保存文件后，打开辅助功能对话框 13.6.2 插入图像占位符图像占位符是用来代替实际图片的符号选择“插入记 录”|“图像对象”|“图像占位符”命令，打开“图像占位符” 对话框，如图所示其中各个参数的含义如下所示名称：显示在占位符上的文本宽度和高度：定义占位符的大小颜色：定义占位符的颜色替换文本：用来代替图像的文本13.6.3 定义图像的属性选择图像，在“属性栏”会显示图像内容的属性，如图所示13.6.4 定义背景图像在前面的章节中，使用到背景图像的有两个部分一部分 是在页面属性中使用了背景图像另一部分是在表格中使 用了背景图像13.7 小结本章主要讲解了文本和图像元素，这两种元素是网页中使 用最多的元素，也是网页内容的重点其中文本的显示文 字的方式是本章的难点，学会合理的使用文本，可以让网 页的显示更加合理，同时也可以让信息的传达更容易图 像元素相对文字虽然比较简单，但是却也是网页设计中的 一个非常重要的部分，所以也需要重点掌握。

13.8 本章习题1．从Word文档中复制到Dreamweaver中的文字？ A．保持原有的文字大小和样式 B．会取消所有的原有样式 C．会受到原有文档的影响，但是不会完全按照原有文档显示 D．会随即显示文字 2．如果想保留文字原有的换行等格式，应该使用哪个元素？ A． B. C. D. 3．文字的格式包括哪几个方面？ A．文字的字体和大小 B.文字的颜色 C.文字的格式 D.文字的背。