文字、图像及超链接.pptVIP

第3章　文字、图像及超链接 图像、文字及超链接是网页的重要组成部分。 本章主要解决的问题 ? 什么是超链接。 ? 了解网页图像的格式。 ? 什么是导航条。 ? 什么是超链接。 本章学习的基本要求 ? 学会插入文字 ? 掌握设置文字格式的方法 ? 掌握创建列表 ? 掌握插入图像的方法 ? 学会设置图像属性 ? 掌握创建文字、图像超链接的方法。 ? 学会创建导航条。 3.1 插入文字 文字是网页传递信息的重要载体之一，也是网页中不可缺少的元素。文字的样式将会影响到网页的整体外观，因此在网页中插入和设置文字格式是至关重要的。本节将讲解在网页中插入文字的方法及文字的格式设置，包括基本样式、段落样式的设置等。 3.2 归纳提高—文字 3.2 归纳提高—文字 3.2 归纳提高—文字 3.2 归纳提高—文字 3.2 归纳提高—文字 3.2 归纳提高—文字 3.2 归纳提高—文字 3.2 归纳提高—文字 3.3 插入图像 3.4 归纳总结—图像 3.6 插入超链接 3.7 归纳总结—超链接 * * 3.2.1 插入一般文字 一般文字的插入操作很简单，只需直接输入或复制其他软件中的文字到Dreamweaver文档中即可。 有几点要提示用户注意的是： 1．文字的换行不是直接按回车，而是按Shift＋Enter键，如果后面输入的文字为另起一段的文字，则可直接按Enter键； 2．要连续输入多个空格符，需设置好相应参数。设置方法为：单击“编辑｜参数选择”，打开“参数选择”对话框，单击对话框左侧的“常规”栏，在右边的“编辑选项”中选中“允许多个连续的空格”项。 输入空格的方法还有： （1）通过中文输入法中的“全角”方式输入空格。 （2）直接按Ctrl＋Shift＋Space键。 3.2.2 插入特殊字符 在Dreamweaver中要插入特殊字符，可通过以下途径进行： 通过“插入｜字符”选项； 通过中文输入法中的“软键盘”； “插入”菜单中的“特殊字符”命令。 3.2.3 插入日期 插入当前系统日期可用下述方法：单击“插入”面板中选择“常用”类中的日期图标 。 3.2.4 插入分隔线 在网页中，可根据需要随时插入水平分隔线，可通过单击“插入｜HTML｜水平线”命令。 水平分隔线插入后，可根据具体要求修改水平线的宽度、高度及对齐方式，修改方法是，选中要修改的水平线，然后打开“属性”面板，修改其中的“宽”、“高”、“对齐”值。 3.2.5 文字的编辑 1．普通文字的查找和替换 Dreamweaver提供了很好的查找和替换工具，使用它可在当前文档、目录或站点中查找和替换文字、标签和属性。查找和替换文字的操作如下： （1）根据实际要求，在“设计”或“代码” 视图中，单击“编辑｜查找和替换”命令； （2）打开“查找和替换”对话框（见图）， “查找和替换”对话框中，各选项的含义 和作用如下： “查找范围”：指定查找范围。选项有“当前文档”、“整个本地站点”、“站点中选定的文件”、“文件夹”。 “查找”：指定要查找的内容类型。选项有： “文本”：搜索特定的文字字符串，此查找为对任何不连续的字符串均忽略。如，查找“that cat”可查到that icat/i。 3.2.5 文字的编辑 “区分大小写”：限制查找文字的大小写。 “忽略空白差别”：不忽略所有空白项。 “使用正则表达式”：对特定字符和短字符串均解释为正则表达式运算符。 “查找下一个”：逐个查找符合条件的字符串。 “查找全部”：在搜索范围中，查找所有符合条件的字符串。 2．撤消和重复操作 当操作失误，要撤销前面已执行过的操作时，可使用“Ctrl＋Z”组合键，该键对应的操作命令是“编辑｜撤销”操作，该操作的反向操作是“编辑｜重做”命令（快捷键为Ctrl＋Y），熟记该操作，在实际操作中加快操作速度。 3.2.6 创建文字列表 文字输入修改好后，常需在文字前加入项目符号，以进行分类表示。“项目列表”即是在文字前加入项目符号，使文字分类表示（见图）。 选中要设置列表的文字，插入文字列表的方法如下： 单击“插入”面板中的“文字”选项（见图）中的项目列表图标“ ”或编号列表图标“