《网页设计基础教程与上机指导(第2版)》第3章：插入网页对象.ppt

第3章 插入网页对象 教学提示和教学目标 3.1 插入文本 3.2 使用列表 3.3 在网页中插入文件头部内容 3.4 插入图像 3.5 插入媒体对象 3.6 插入其他对象 教学提示和教学目标 教学提示：文本和图像是网页中最重要的两种元素。在网页的适当位置放置一些图像，不仅可使内容清晰易懂，而且可使网页更具吸引力。网页中除了能够插入文本和图像之外，还有一些多媒体元素是非常重要的。本章主要讲述文本的插入、使用列表、在网页中插入文件头部内容、插入图像、插入媒体对象和插入其他对象等。 教学目标： 掌握文本的插入 掌握列表的使用 掌握插入文件头部内容 掌握图像的插入 掌握插入媒体对象 对象 创建图文混和网页 插入Java Applet制作特效网页 3.1 插 入 文 本 文本是网页中不可缺少的内容之一，担负着传递信息的重要任务，虽然图像及多媒体在网页中所占的比例越来越大，但是在网站中文字的主导地位仍然是不可替代的。 3.1.1 插入普通文本 3.1.2 设置文本属性 3.1.3 插入特殊字符 3.1.1 插入普通文本 在网页中可直接输入文本信息，也可以将其他应用程序中的文本直接粘贴到网页中，此外还可以导入已有的Word文档。插入普通文本的方法非常简单，具体操作步骤如下。 (1)打开网页文档。 (2)将鼠标指针置于要输入文本的位置，输入文本。 3.1.2 设置文本属性 输入文本后，在文本【属性】面板中可以设置文本的各项属性，具体操作步骤如下。 (1)打开网页文档。 (2)选中要设置属性的文本，在【属性】面板中的【字体】下拉列表框中选择【编辑字体列表】选项，弹出【编辑字体列表】对话框。 (3)在对话框中的【可用字体】列表框中选择【宋体】，单击按钮，添加到【选择的字体】列表框中。 (4)单击【确定】按钮，将网页文本字体设置为【宋体】，将字体【大小】设置为14像素。 (5)单击【文本颜色】按钮，弹出颜色调色板，在调色板中将【文本颜色】设置为#FF3F8B。 3.1.3 插入特殊字符 特殊字符包含换行符、不换行空格、版权、注册商标等特殊字符，网页中经常用到特殊字符。下面讲述在网页中插入版权符号的方法，具体操作步骤如下。 (1)打开网页文档。 (2)将鼠标指针置于要插入特殊字符的位置，选择【插入】|【HTML】|【特殊字符】|【版权】命令，弹出Dreamweaver提示框。 (3)单击【确定】按钮，插入版权符号。 (4)保存文档，按F12键在浏览器中预览效果。 3.2 使 用 列 表 在网页中使用列表可以清晰地创建可识别的大纲和目录结构。Dreamweaver 8中常用的列表分为有序列表和无序列表两种形式。 3.2.1 插入项目列表 3.2.2 插入编号列表 3.2.1 插入项目列表 如果项目列表之间是并列关系，则需要生成项目符号列表。插入项目列表的具体操作步骤如下。 (1)打开网页文档。 (2)将鼠标指针置于要插入项目列表的位置，选择【文本】|【列表】|【项目列表】命令，即可插入项目列表。 3.2.2 插入编号列表 编号列表主要用于把文本内容设置为文本列表清单。插入编号列表的具体操作步骤如下。 打开网页文档，将鼠标指针置于要插入编号列表的位置，选择【文本】|【列表】|【编号列表】命令，即可插入编号列表。 3.3 在网页中插入文件头部内容 文件头标签也就是通常说的META标签，文件头标签在网页中是看不到的，它包含在网页中head.../head标签之间。所有包含在该标签之间的内容在网页中都是不可见的。 文件头标签主要包括META、关键字、说明、刷新、基础和链接等内容，下面学习常用的文件头标签的使用。 3.3.1 插入META信息 3.3.2 设置基础 3.3.3 插入关键字 3.3.4 插入说明文字 3.3.5 设置刷新 3.3.1 插入META信息 META元素用来描述网页文件自身的信息。META元素是网页中非常重要的元素，它可以记录有关当前页面的信息，也可以用来向服务器提供信息。插入META信息的具体操作步骤如下。 (1)选择【插入】|【HTML】|【文件头标签】|【META】命令，弹出META对话框。 (2)在对话框中进行相应的设置，然后单击【确定】按钮，在代码视图中就可以看到插入的META信息。 在META对话框中可以进行如下设置。 【属性】：在其下拉列表框中包括【名称】和【http-equivalent】两个选项。【名称】主要用于说明网页，对应于网页内容，以便于搜索引擎查找。 http-equivalent相当于HTTP文件头的作用，可以直接影响网页的传输。 【值】：表示META的类型。 【内容】：【值】选项所对应的具体的META中的信息 3.3.2 设置基础 基础就是