网页设计与制作教程 第3章 制作页面

网页设计与制作教程 第 1章 网页设计与制作基础 第 3章 制作页面 第 1页 本章概述 本章的学习目标 主要内容 网页设计与制作教程 第 1章 网页设计与制作基础 本章概述 文本是网页中最基本的元素，图像和多媒体使得网页丰富多彩，水平线让网页的结构更清晰。超链接是网页中非常重要的元素，如果没有超链接，万维网便如同一盘散沙。它们构成了网页的基本内容。本章主要介绍利用功能强大的可视化设计工具 网页中插入各种常见的对象，如文本、超链接、图像对象、多媒体对象等以及相关的设置方式。 第 2页 网页设计与制作教程 第 1章 网页设计与制作基础 本章的学习目标 掌握创建和编辑网页文档 掌握文本、图像在网页中的应用 掌握创建超链接方法 了解多媒体对象和其他对象的应用 第 3页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 置网页文本 网页添加图像 入超链接 加多媒体对象 章小结 第 4页 网页设计与制作教程 第 1章 网页设计与制作基础 供了强大的网页制作功能。 用它制作网页十分简便。 创建网页文档 编辑和保存网页 预览网页 继续编辑网页 第 5页 网页设计与制作教程 第 1章 网页设计与制作基础 创建网页文档 例 3在 第 6页 网页设计与制作教程 第 1章 网页设计与制作基础 第 7页 编辑和保存网页 例 3在 “页面属性”工具设置网页的标题、背景色、背景图片等属性。 网页设计与制作教程 第 1章 网页设计与制作基础 第 8页 预览网页 可以按 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 置网页文本 网页添加图像 入超链接 加多媒体对象 章小结 第 9页 网页设计与制作教程 第 1章 网页设计与制作基础 设置网页文本 文本是网页制作中非常重要的元素之一，是向网页访问者提供信息的最为常用的方式。其组成了大部分网页的结构，清晰合理的文字可以使网页访问者快速获取所需信息。 第 10页 网页设计与制作教程 第 1章 网页设计与制作基础 输入文本 添加文本 在网页中添加文本与在 以直接输入文本；也可以从其他文档中复制文本；还可以插入水平线和特殊字符等。 编辑文本 文本的编辑操作可以使用 “编辑”菜单中对应的命令来完成，部分操作也可以先选中文本，然后右击打开快捷菜单，利用快捷菜单中的命令来完成。 设置文本格式 使用文本 “属性”面板，可以对页面中插入的文本进行相应的编辑，从而使枯燥的文本更显生动。编辑文本的操作主要指设置文本的基本格式，如文本字体、字体颜色、对齐方式等。 第 11页 网页设计与制作教程 第 1章 网页设计与制作基础 段落格式化 在网页文档的设计视图中，每输入一段文本，按 使用“属性”面板的“格式”选项可设置段落的格式。 落、标题和预先格式化的。 使用列表格式化文本 使用列表可有效地将主题或数据与文档的其他部分分开。 第 12页 网页设计与制作教程 第 1章 网页设计与制作基础 插入文本相关元素 例 3创建水平线。 插入日期 对象可以以任何喜欢的格式插入当前日期 (包含或不包含时间都可以 )，并在每次保存文件时都自动更新该日期。 插入字符 许在网页中插入特殊字符。网页中常用的特殊字符有 、 、 、 、 、 等。 第 13页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 置网页文本 网页添加图像 入超链接 加多媒体对象 章小结 第 14页 网页设计与制作教程 第 1章 网页设计与制作基础 为网页添加图像 图像是网页制作中又一个重要的元素。要制作一个美观而生动的页面，光有文本还不够，还要配合美丽的图片。图像通常用来添加图形界面 (如跳转按钮 )、具有视觉感染力的内容 (如照片 )等。图像在页面中的恰当运用，不仅使得网页更加美观，而且令网页表达信息更加直观，吸引浏览者。 第 15页 网页设计与制作教程 第 1章 网页设计与制作基础 插入图像 插入图像最直接的方法是将站点中需要的图像拖入到要放置图像的位置。用户也可以单击 “常用”工具栏中的 “图像”按钮 旁的下拉按钮，在弹出的 “图像”下拉菜单中选择相应的命令，插入相应的图片对象。 第 16页 网页设计与制作教程 第 1章 网页设计与制作基础 设置图像属性 将图像添加到页面中后，如果图像的大小和效果与页面不协调，可通过图像 “属性”面板对图像进行一些必要的编辑。 第 17页 网页设计与制作教程 第 1章 网页设计与制作基础 设置鼠标经过图像 用户可以在页面中插入鼠标经过图像，鼠标经过图像是一种在浏览器中查看并使用鼠标指针移动它时发生变化的图像。 第 18页 网页设计与制作教程 第 1章 网页设计与制作基础 为网页添加图像 例 3制作图文混排网页，练习文档属性设置、文本格式的设置及图像的插入与编辑等。 第 19页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 置网页文本 网页添加图像 入超链接 加多媒体对象 章小结 第 20页 网页设计与制作教程 第 1章 网页设计与制作基础 插入超链接 超链接的概念 超链接是包含在网页中，用于链接到其他网页的元素。通过超链接可以把两个或两个以上的网页关联起来。 绝对超链接和相对超链接 超链接根据链接的对象路径是否必须输入完整，可分为绝对超链接和相对超链接两种。 绝对超链接必须从计算机的盘符开始或从服务器的根目录开始往下一直到指定的文件， 如。 相对超链接用于站点内的文件链接。只需要写出链接文件与当前文件路径中不同的部分即可。 第 21页 网页设计与制作教程 第 1章 网页设计与制作基础 创建超链接 创建文本超链接 文本链接的对象是文本，当鼠标指针经过这些文本时，形状发生改变，单击可以打开另一个网页。 创建图像超链接 也可以为图像设置链接，其操作流程和文本设置超链接类似，只是图像链接的对象是图像而已。 第 22页 网页设计与制作教程 第 1章 网页设计与制作基础 创建超链接 例 3为页面添加锚记链接。 第 23页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 置网页文本 网页添加图像 入超链接 加多媒体对象 章小结 第 24页 网页设计与制作教程 第 1章 网页设计与制作基础 添加多媒体对象 网页中常用的多媒体对象主要分为 包括、 及各种音频、视频文件 (如 。 在网页中应用多媒体对象可以增强网页的娱乐性和感染力，多媒体成为最有魅力的方式，也是潮流的方向。 第 25页 网页设计与制作教程 第 1章 网页设计与制作基础 背景音乐 在网页中加入声音，令网页更具特色。网页中的声音可以是背景音乐，也可以是歌曲，由用户选择进行播放。为页面添加音乐有如下几种方法。 用 “插件”添加音乐 也可通过 标签为网页添加背景音乐。 通过普通的 标签来添加音乐 用 第 26页 网页设计与制作教程 第 1章 网页设计与制作基础 背景音乐 用 现了无需任何插件 支持，只需 浏览器 支持相应的 第 27页 网页设计与制作教程 第 1章 网页设计与制作基础 嵌入 要在文档代码中插入 标签。 第 28页 网页设计与制作教程 第 1章 网页设计与制作基础 可以充当浏览器插件的可重复使用的组件，像微型的应用程序。 第 29页 网页设计与制作教程 第 1章 网页设计与制作基础 视频对象 例 3在页面中插入 第 30页 网页设计与制作教程 第 1章 网页设计与制作基础 例 3插入 第 31页 网页设计与制作教程 第 1章 网页设计与制作基础 主