第13章文本与图像.pptVIP

第13章 文本与图像 文本与图像是网页用来传递信息的主要方式。合理地使用文本和图像，可以使页面信息传达得更加简洁和有条理。下面讲解添加文本、图像以及对文本和图像进行编辑的方法。 13.1 插入文本 在Dreamweaver中插入文本的方法包括直接输入文本、复制/粘贴文本、从其他文档中导入文本等。下面详细讲解一下插入文本的方法。 13.1.1 设置复制/粘贴的参数 在Dreamweaver中，可以通过定义首选参数的方法，定义复制/粘贴文本效果。 13.1.2 输入或复制/粘贴文本 向网页中添加文本内容时，可以采取直接输入的方法，此时要注意Dreamweaver中对输入特殊符号（例如换行、空格等）的处理方式。 1．输入文本的换行和空格问题 13.1.2 输入或复制/粘贴文本 2．复制/粘贴文本 13.1.3 导入Word或者Excel文本 执行以下操作之一，导入Word或者Excel文本。 13.2 设置文本的格式 设置文本的格式，包括设置段落格式、标题、对齐、缩进、修饰以及列表等。下面详细讲解一下定义文本格式的方法。 13.2.1 设置段落格式 执行“文本”|“段落格式”命令，或者在属性面板底部打开“格式”选项，可以打开定义段落格式的下拉菜单。在段落格式选项中，各选项的含义如下所示。 13.2.2 对齐和缩进文本 对齐和缩进文本在文本的排版中经常用到，合理地对齐和缩进文本，可以使文本的显示更加合理和清晰，便于浏览者阅读，其具体内容如下所示。 1．对齐文本 执行以下操作之一，对齐文本。 13.2.2 对齐和缩进文本 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 插入日期 在页面中插入日期的方法，如下所示。 13.5.2 插入特殊字符 在页面中插入特殊字符的方法，如下所示。 13.6 使用图像 使用图像内容包括插入图像、插入图像占位符、定义图像的属性、定义背景图像等内容。下面进行详细讲解。 13.6.1 插入图像 在页面中插入特殊字符的方法，如下所示。 13.6.2 插入图像占位符 图像占位符是用来代替实际图片的符号。执行以下操作之一，插入图像占位符。 13.6.3 定义图像的属性 选择图像，在属性栏会显示图像内容的属性，如图所示。 13.6.3 定义图像的属性 1．对齐属性 单击“对齐”选项，打开“对齐”选项的下拉菜单。 在“对齐”选项的下拉菜单中，每个选项的含义如下所示。 默认值：默认值和使用的浏览器有关，一般为基线对齐。 基线：图像底部与文本内容的基线对齐。 13.6.3 定义图像的属性 2．垂直、水平边距属性 选择垂直、水平边距属性，图像会和周围的内容分隔开一定的距离，如图所示。 13.6.4 定义背景图像 在前面的章节中，使用到背景图像的两个部分：一部分是在页面属性中使用了背景图像；另一部分是在表格中使用了背景图像。下面讲解一下定义背景图像的具体方法。 1．定义页面的背景 13.6.4 定义背景图像 2．定义表格的背景图像 表格的背景图像和页面的背景图像不同，表格的背景图像不能定义重复属性，默认会以重复方式排列。下面是在表格中定义背景图像的示例，其显示效果如图所示。 13.7 专家总结 文本和图像是网页中的主要内容，合理地显示文本和图像是页面制作的基础。其中，作为内容的文本，一般不会使用过于复杂的样式和修饰效果，以便于阅读；而作为标题、修饰的文本，可以定义较为突出和复杂的显示效果。图像内容中，作为内容的图像，例如产品图像等，可以使用简单的修饰；而作为修饰的图像，一般使用背景的方式显示。