第2章 网页中的文本修饰.ppt

第 2 章 编辑网页元素 目录 2.1 文本的基本操作 2.2 修饰文本 2.3 设置网页图像 2.4 使用超链接 2.1.1 插入与编辑文本 在 Dreamweaver 中插入文本有两种方法： 直接在文档窗口中输入文本 将已存在的文本复制到文档窗口中 对于插入到网页文档中的文本，可以像一般的文字处理软件一样进行编辑 。 2.1.2 插入特殊对象 插入特殊符号 在网页中要插入并显示一些特殊符号，如：“?”、“?”、“￡”、“”、“”等，则要使用“插入”→“HTML”→“特殊字符”命令。 2.1.2 插入特殊对象（续） 插入日期对象 在要插入日期对象的区域单击，定位插入点，然后选择“插入”→“日期”命令，最后在打开的“插入日期”对话框中设置日期格式即可。 2.1.2 插入特殊对象（续） 插入水平线 在要插入水平线的区域定位插入点；然后选择“插入”→“HTML”→“水平线”命令。即可。 2.2.1 文本格式 文本格式包括：段落文本、标题文字和预格式化文本。 方法 首先选择要设置文本格式的文字，然后在属性面板中单击“格式”下拉列表框旁边的三角按钮，最后在弹出的列表中选择一种格式即可。 2.2.2 字体、字号与颜色 文本字体 在文档窗口中选取文本，然后单击属性面板中的字体选择框后的三角按钮，在弹出的字体列表中选择一种字体即可 。 文本颜色 选取文本后单击属性面板中的颜色框，然后在拾色器中选择一种颜色即可。 2.2.2 字体、字号与颜色（续） 文本字号 选中文档窗口中的文本，然后在属性面板中单击“大小”选择框后的三角按钮，在列表中选择一种字号即可。如果要取消文本字号，选择“无”选项即可 。 2.2.3 文本样式 文本样式 文本样式就是文字的各种字符样式，如粗体、斜体、下划线、打字机体、上标、下标等，在 Dreamweaver 中可以通过使用“文本”菜单中的“样式” 命令来格式化文本，而在“属性”面板中，则提供了最常用的“粗体” 和“斜体” 文本样式按钮。 2.2.3 文本样式（续） 要使用文本样式，应首先在文档窗口中选取文本，然后在单击属性面板上的样式按钮，或者选择“文本”菜单中的“样式”命令，然后在“样式”子菜单中选择一种样式选项，则文本应用该样式。 2.2.4 对齐方式 对齐方式的种类 在网页中文本的对齐方式分为三种：即“左对齐”（left）、“居中对齐”（center）、“右对齐”（right）。 设置方法 首先选中段落或文字，然后在单击属性面板中的“左对齐” 、“居中对齐” 　或者“右对齐”　　 　　按钮 。 2.2.5 列表格式 列表格式常常用来格式化网页中包含逻辑关系的文本信息，可以使用属性面板上的列表格式按钮方便地将文字设置为文字列表。 网页中常用的列表格式分为项目（无序）列表、编号（有序）列表和定义列表，它们是一种可以使文字产生缩排效果的文本格式。 2.2.5 列表格式（续） 创建项目列表 要创建项目列表，首先单击段落文本，然后再单击属性面板上的“项目列表” 　　按钮即可。 创建编号列表 要创建编号列表，首先单击段落文本，然后再单击属性面板上的“编号列表” 　　按钮即可。 2.2.5 列表格式（续） 更改列表项目符号 在文档窗口中选中列表文字，然后选择“文本”→“列表”→“属性”命令，在打开的“列表属性”对话框中选择一种新项目符号即可。 2.2.5 列表格式（续） 创建嵌套列表 在文档窗口中，还可以利用属性面板上的“文字向外缩进” 　 和“文字向内缩进”　按钮，配合“项目列表”　和“编号列表” 　按钮，创建出嵌套结构的文字列表格式。 2.3 设置网页图像 图像是文本的说明和解释，如果在文档的适当位置上放置一些图像，不仅可以使文本清晰易读，而且使得文档更加具有吸引力。但是图像的增加也会使网页的下载时间大大增加。所以设计网页时要整体考虑图像的数目和大小，一个网页的大小最好不要超过50KB。 2.3.1常用图像文件格式 GIF格式 JPEG/JPG格式 PNG格式 GIF格式图像 GIF 的全称是 Graphics Interchange Format（图形交换格式），由 CompuServe 公司设计开发，是一种专为联机图形而设计的图形格式。GIF 格式的图像最多只能使 8 位调色板，也就是说最多它只能支持 256 色的图像。 GIF 有透明处理和交错处理两种特性。主要应用于卡通画、素描作品、插图、带有大块纯色区域的图形、透明图形、简单动画等。 JPEG 格式 JPEG 是由 Joint Pho