网页中文本与图像题稿.ppt

* * * 第2章 网页中的文本与图像 网页中最基本的元素为文本与图像，这两种元素可以组成最简单的网页。文本可以直接在Dreamweaver中创建与编辑，而图像既可以借助图像处理软件事先加以编辑，也可以在Dreamweaver中简单地进行编辑。为了配合网页的互动性，图像还以多种形式出现在网页中。 * 本章知识要点： 输入文本 创建段落 创建列表 插入普通图像 插入鼠标经过图像 插入导航条图像 插入分层图像 * 2.1 网页文本 文本是网页中不可缺少的内容之一，是网页中最基本的元素。在一些大型网站中，文字的主导地位是无可替代的。这是因为文字所占的存储空间非常小，这样以文字为主体的页面下载速度很快，可以最佳地利用网络带宽。而网页中的文本一般以普通文字、段落或者各种项目符号等形式显示。 2.1.1 输入各种文本 在网页中，文本以多种形式展示，来表达不同的信息。最常见的为词组或者一句话，有时也会出现注册商标或者版权符号等特殊符号等。下面详细介绍各种类型的文本输入方法。 * 2.1.2 创建段落与列表 对于文字信息较多的网页，文本以段落形式显示，使网页的美观、易读性大大增加。而文本除了简单的文本段落，还有一种排列方式，就是项目符号。数据信息以后者形式显示，能够更加快速地被注意到。 * 2.2 文本属性 虽然在Dreamweaver中可以输入不同形式的文本，但是段落由文字组成，所以段落除了本身的属性外，还包括文字属性。同样列表属性中除了本身属性外，也包括文字属性与段落属性。三种形式的文本其属性是可以穿插进行设置的。 * 2.2.1 设置字体属性 文本【属性】面板显示文档中所选文本的当前格式属性。 * 格式 样式 CSS样式按钮 粗体 斜体 对齐方式 字体 编号列表 项目列表 文本颜色 大小 缩进与凸出 列表项目 目标 链接 2.2.2 设置段落格式 输入文本后，还可以用对齐段落来调整页面。要改变一个或多个段落在水平方向上的对齐方式，首先用拖黑的方式选中这些段落，然后在【属性】面板中单击不同的对齐按钮，即可得到相应的显示效果。 * 2.2.3 设置列表属性 创建的项目列表在默认情况下，以球形显示。要想更改项目符号的形状，或者是将项目列表更改为编号列表，单击【属性】面板中的【列表项目】按钮 选择并且修改即可。 * 选项 含义 列表类型 指定要创建的列表类型，一共有4类列表类型，分别是【项目列表】、【编号列表】、【目录列表】、【菜单列表】。 样式 确定用于编号列表或项目列表的编号或项目符号的样式。所有列表项目都将具有该样式，除非为列表项目指定新样式。该项的下拉菜单中有3个选项 默认 使用默认设置类型 项目符号 以球形作为项目符号 正方形 以一个实心正文形作为项目列表的符号 开始计数 设置第一个编号列表项的值 新建样式 指定所选列表项的样式。【新建样式】弹出式菜单中的样式与【列表类型】弹出式菜单中显示的列表类型相关。例如，如果【列表项目】弹出式菜单显示【项目列表】，则【新建样式】弹出式菜单中只有项目符号选项可用。 重设计数 设置用来从其开始为列表项编号的特定数字 2.3 网页图像 网页中有了图像才显得生动，并且图像还具有直观、生动的特点。图像还能够跨越语言、编码标准、人种、地域和年龄的差异。但是图像的增加也会使网页的下载时间大大增加，所以设计网页时要整体考虑图像的数目和大小。 要使用图像制作出精美的网页，掌握图像文件格式方面的知识是必不可少的。虽然存在着很多种图形文件格式，但是在Web中，通常使用的只有GIF、JPEG/JPG、PNG三种文件格式，因为大多数浏览器都可以支持他们。 * * 2.3.1 插入普通图像 网页中最常见的图像是直接插入式图像，该图像插入网页以后，在正常情况下不可以在相同的位置输入文本，或者再次插入图像。还有一种是为插入式图像做准备的图像，就是占位图像。占位图像其实是图形，是在准备好将最终图像添加到Web页面之前使用的图形。 选项名称 作 用 名称 设置占位图像的名称，在Dreamweaver中显示，并且只能是字母或者数字。 宽度 设置占位图像的宽度，默认为32像素。 高度 设置占位图像的高度，默认为32像素。 颜色 设置占位图像的颜色，该选项可以不用设置，显示效果为背景颜色。 替换文本 设置占位图像的替换文字，该选项可以不用设置，显示没有任何提示的图像。 * 2.3.2 插入背景图像 提起背景图像，首先要介绍网页背景颜色，这两者均属于网页页面属性中的选项之一。网页背景颜色在默认情况下为白色，可以根