第5章 超级链接
网页链接的设计课件
5.1 创建文本超级链接 5.2 制作有金属质感的超级链接 5.3 制作自感应按钮的超级链接 习题5
5.1 创建文本超级链接
没有超级链接，就没有网络。有了超级链接，整 个世界任你游。在每个网站的首页中，包含大量的 超级链接，这些链接作为网站内容的导航，单击某 个链接，就会打开相关的内容。超级链接使站点结 构相当清晰，同时组织站点文件也变得很轻松。
5.2.4 使用混色器选择颜色
第三种选择颜色的方法是使用“混色器”面板。 它可以显示出用三原色模型表示的十六进制的颜色 数，如下图所示。
5.2.5 填充种类
Fireworks MX 2004 有四种填充种类： 实心填充 网页抖动 图案填充 渐变填充
使用绘图工具和颜色工具可以制作出奇妙的图 形和色彩丰富的按钮。 任务一：改变绘图工具的“属性”面板的参数，快 速绘制两个有金属质感和立体效果的简单按钮。
是
、
、
。
3.在浏览网页前应先
，如果想要浏览网页
效果，可直接按快捷键
，即可将当前的网
页直接在浏览器中打开。
二、操作题 1.用Fireworks MX 2004 制作出立体文字效果的图案，如下图
所示。
2.使用Dreamweave MX 2004创建两张“T型”框架结构的网 页，并建立这两张网页之间的超级链接。
3.在Flash MX 2004中创建一个木偶，该木偶随着鼠标的按下 和移走显示不同的动作效果。
5.1.1 链接的路径
文档的链接路径一般分为两种： ✓相对路径 ✓绝对路径
Hale Waihona Puke 5.1.2 链接的种类超级链接主要有三类： ✓文本超级链接 ✓图像超级链接 ✓E-mail超级链接
《Dreamweaver网页设计》-第5章
站点根目录相对路径 站点根目录相对路径是指从站点的根文件夹到文档的路径。 当在处理使用多个服务器的 Web 站点，或者在使用承载 有多个不同站点的服务器时，则可能考虑使用这种类型的 路径。不过，如果您不太熟悉此类型的路径，最好使用上 面提到的相对路径。 站点根目录相对路径以一个正斜杠“/”开始，该正斜杠表示 站点根文件夹。比如，/inf/info.html 是文件的站点根目录 相对路径，该文件位于站点根文件夹的inf子文件夹中。 在某些 Web 站点中，需要经常在不同文件夹之间移动 HTML 文件，在这种情况下，站点根目录相对路径通常是 指定链接的最佳方法。当移动含有根目录相对链接的文档 时，不需要更改这些链接；当移动该HTML文件后，其相 关文件链接依然有效。 但是，如果移动或重命名根目录相对链接所链接的文档，即 使文档彼此之间的相对路径没有改变，仍必须更新这些链 接。例如，如果移动某个文件夹，则指向该文件夹中文件 的所有根目录相对链接都必须更新。
当要链接到与当前文档处于同一文件夹中的文档时，只需 输入文件名。比如要从 aboutus.htm 链接到 yewu.htm （两个文件在同一文件夹“bm”中，且目录深度相同）， 则其相对路径为yewu.htm。 当要链接到当前文档所在文件夹的子文件夹文档时，先要 有子文件夹名称，然后跟符号“/”，在加文件名。比如要 从 index.html 链接到 yewu.htm（两个文件在同一文件夹 “eshop”中，index.html处于父目录中，而yewu.htm处于 子目录bm中），则其相对路径为bm/yewu.htm。 反过来，当要链接到当前文档所在文件夹的父文件夹的文 档时，在文档名前要加“../”。比如要从yewu.htm链接到 index.html（两个文件在同一文件夹“eshop”中， index.html处于父目录中，而yewu.htm处于子目录bm中）， 则其相对路径为../ index.html。 当要链接到非同一目录的文档时，要先加“../”，后加文件 夹名再加链接到的文件名。比如要从 tupian.htm 链接到 aboutus.htm（两个文件在不同的目录中，tupian.htm在 “album”目录中，aboutus.htm在“bm”目录中），则其 相对路径为../bm/ aboutus.htm。
《网页设计与制作》习题参考答案
《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。
2）WWW是建立在客户机／服务器模型之上的。
3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。
4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。
5）WWW浏览提供界面友好的信息查询接口。
(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。
它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。
图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。
动画：动画是动态的图形，添加动画可以使网页更加生动。
常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。
网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。
表格：在网页中使用表格可以控制网页中信息的结构布局。
超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。
表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。
其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。
第5章 超链接
5.2.3 外部链接
外部链接指跳转到当前网站外部，与其它 网站中页面或其它元素之间的链接关系。 外部链接的URL地址一般要用绝对路径。
<a href=“http://网址”>
5.2.3 外部链接
表5-2 常用的URL格式
服 务 URL格式
ftp://192.168.0.1 news:// mailto:abc@
5.2.1 设置超链接路径
3.根路径
是指从站点的根文件夹到文档的路径。 站点根目录相对路径以一个正斜杠开始，该正 斜杠表示站点根文件夹。 用于网站的内部链接，不建议使用。
当一个站点放置在几个服务器上或一个服务器 上放置了几个站点时，可以使用根路径。
5.2.1 设置超链接路径
链接本地机器上的文件时，应该使用相对路 径还是绝对路径？ 在绝大多数情况下使用相对路径比较好，例如， 用绝对路径定义了链接，当把文件夹改名或者 移动之后，那么所有的链接都要失败，这样就 必须对你的所有html文件的链接进行重新编排， 而一旦将此文件夹移到网络服务器上时，需要 重新改动的地方就更多了，那是一件很麻烦的 事情。而使用相对路径，不仅在本地机器环境 下适合，就是上传到网络或其他系统下也不需 要进行多少更改就能准确链接。
5.2.1 设置超链接路径
所需要的所有信息。 绝对路径是指链接文件的完整路径，包括完整 的协议名称、主机名称、文件夹名称和文件名 称。
用于网站的外部链接。
如果要链接站点外远程服务器上的网页或图像 等文件，必须使用绝对路径进行链接，即使站 点移动至其他位置也不会出现断链现象。
带下划线的蓝色文本
5.2.1 设置超链接路径
每一个文件都有自己的存放位置和路径， 理解一个文件到要链接的那个文件之间的 路径关系是创建链接的根本。
第五章__创建超级链接
③“目标”下拉菜单中，选择文档的打开位置。 _self：会在当前网页所在的窗口或框架中打开（默认方式）。 _blank :每个链接会创建一下新的窗口。 _new：会在同一个刚创建的窗口中打开。 _parent：如果是嵌套的框架，则在父框架中打开，如果不是嵌 套框架，则所链接的文档载入整个浏览器窗口。 _top：将链接的文档载入整个浏览器窗口，从而删除所有框架 。
作用：
外部链接主要有两个作用。一个作用是面向用户，用户 可以通过A网站的链接点击到B网站从而带来访问者；另一个 作用是外部链接可以分享到一部分权重，A网站链接到B网站 代表A网站告诉搜索引擎它信任B网站，觉得B网站是一个不错 的网站从而给B网站投了一票，这样B网站就可以从A网站分享 到一定权重，并在搜索引擎那的权重得到提高。
如果链接的目标锚记在同一站点的其他网页中，需要先输入 该网页的路径和名称，再输入“#”和锚记名称，如 “index.htm#a”。
如果链接的目标锚记在Internet上某个站点的网页中，需要 先输入该网页的完整地址，再再输入“#”和锚记名称，如 “/yx/200803.htm#b”。
3、脚本链接
执行 JavaScript 代码或调用 JavaScript 函数。它非常 有用，能够在不离开当前 Web 页面的情况下为访问者提供有 关某项的附加信息。脚本链接还可用于在访问者单击特定项时 ，执行计算、验证表单和完成其它处理任务。
5.2文本超级链接
一、文本超级链接
文本超级链接是最常见的超级链接，通过使用鼠标点击 文本即可从一个网页跳转到另一个网页。 1、通过HTML属性检查器创建 ①先选中文字，打开“属性”面板中的“链接”文本框，在其 中输入要链接的文档名称或站点地址。 如果是同一站点内的文件，也可以单击“链接”文本框右侧的 文件夹图标，在弹出的对话框中选择要链接的网页。 将“链接”文本框右侧的“指向文件”图标拖动到“文件面板 ”中的目标文件上。 ②在“标题”文本框中输入提示性的内容。
Web习题参考答案
《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。
2）WWW是建立在客户机／服务器模型之上的。
3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。
4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。
5）WWW浏览提供界面友好的信息查询接口。
(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。
它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。
图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。
动画：动画是动态的图形，添加动画可以使网页更加生动。
常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。
网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。
表格：在网页中使用表格可以控制网页中信息的结构布局。
超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。
表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。
其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。
超级链接PPT课件
(3) 若 要 链 接 到 index.html （ 在 父 文 件 夹 中 ， booklist1.htm 向 上 一 级 ） ， 可 使 用 相 对 路 径 ../index.htm。每个 ../ 表示在文件夹层次结构中上移 一级。
方法二：
链接目标文件
将鼠标光标定位于页面中的文字“关于本站”后，选择 主菜单“【插入】→【超级链接】”，弹出“超级链
接”对话框，输入相应内容，如图5-1-6所示。
在“超级链接”对话框中，设置以下选项： ❖ 文本：显示在页面中的文字。 ❖ 链接：所要链接的目标文档。 ❖ 目标：为打开的窗口类型（详见本例最后一段）。 ❖ 标题：为鼠标置于链接文字上方时所出现的提示。 效果如图5-1-7所示。
(4) 若要链接到 picture1.htm（在父文件夹的其它子文 件夹中），可使用相对路径 ../mypictures/picture1.htm。其中 ../ 向上移至父文 件夹； mypictures/ 向下移至 mypictures子文件夹 中。
3、站点根目录相对路径
站点根目录相对路径以一个正斜杠(/)开始，该正斜杠 表 示 站 点 根 文 件 夹 。 例 如 ， /mybooks/ booklist1.htm 是文件 (booklist1.htm) 的站点根目录 相对路径，该文件位于站点根文件夹的 mybooks子文 件夹中。
方法三： 打开属性面板，选择“链接(L)”右边的“指向文件” 图标“”，拖动该图标至站点目录下的 “learnlanguage.htm”文件，即可自动生成链接。 如图5-1-8所示。
网页设计与制作_第05章创建和设置超级链接ppt课件
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
文本超级链接 图像超级链接 图像地图 电子邮件超级链接 锚记超级链接 空链接 鼠标经过图像 导航条 Flash文本 Flash按钮 脚本链接
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
(2) 根据目标端点的不同，超级链接可分为内部超级链接、外部超 级链接、电子邮件超级链接和锚记超级链接。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
5.2 创建超级链接
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
5.1.3 链接目标
链接目标用于设置单击某个链接时，被链接文件打开的位置。 通常，链接目标有以下4种形式。
【_blank】：将链接的文档载入一个新的浏览器窗口。 【_parent】：将链接的文档载入该链接所在框架的父框架或 父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档 载入整个浏览器窗口。 【_self】：将链接的文档载入链接所在的同一框架或窗口。 此目标是默认的，因此通常不需要特别指定。 【_top】：将链接的文档载入整个浏览器窗口，从而删除所有 框架。
第5章 创建网站链接
一、超级链接础知识
1.URL的概念 1.URL的概念
每个 Web 页面都有一个唯一地址，这个地址称作统一资源 定位符 (Uniform Resource Locator, URL)。Internet上的每一个 网页都具有一个唯一的名称标识，通常称之为URL地址，这种 地址可以是本地磁盘，也可以是局域网上的某一台计算机，更 多的是Internet上的站点。简单地说，URL就是Web地址，俗称 “网址”。 一个完整的URL形如 /zh/cn/default.aspx，它由协议类型、 主机名（有时也包括端口号）、路径等组成。它表示了一个 Internet上的地址。对于本地计算机来说，它就是一个外部链接 （即从一个站点的网页链接到另一个站点的网页），此时，创 建这个链接必须使用绝对路径。
2.电子邮件链接 2.电子邮件链接
在网页中可以创建，电子邮件链接。当单击这个链接时， 该链接将打开一个新的空白信息窗口（使用的是与用户浏览器 相关联的邮件程序）。在电子邮件消息窗口中，“收件人”框 自动更新为显示电子邮件链接中指定的地址。 添加一个电子邮件链接有两种方法，一种是通过【插入】 |【电子邮件链接】命令，另一种是通过在【属性】面板上直接 创建一个电子邮件链接。 方法一：选择菜单栏的【插入】|【电子邮件链接】，或者在 【对象】面板的【插入】选项卡中点击“电子邮件链接”按钮， 在弹出的“电子邮件链接”对话框的文本栏中显示网页文档中 出现的文本；在E-Mail栏中输入电子邮件将要发送到的地址， 点击确定即可。 方法二：直接在【属性】面板上创建一个电子邮件链接。在文 档窗口中选中要添加链接的文字，然后在【属性】面板的【链 接】文本框中直接输入“mailto：”和电子邮件的地址。如 mailto:student@。在冒号与电子邮件地址之间不能加 入任何空格。
HTML第5章 超 链 接
·64·HTML网页设计参考手册超链接基本知识超链接的建立内部链接书签链接外部链接所谓超链接就是当单击某个字或某个图片时，就可以打开另外一个画面。
它的作用对网页来说相当重要，如果没有它，那便只能在每打开一个页面时就要在地址栏内输入一次地址了。
第5章超链接·65·5.1 超链接基本知识5.1.1 超链接对于初次接触网页设计的读者来说，可能对于超链接的概念还不是很明白。
超链接就是从一个网页转到另一个网页的途径。
超链接是网页的重要组成部分。
如果说文字、图片是网站的躯体，那么超链接就是整个网站的神经细胞，它把整个网站的信息有机地结合到一起。
链接能使浏览者从一个页面跳转到另一个页面，实现文档互联、网站互联。
超文本链接（hypertextlink）通常简称为超链接（hyperlink），或者简称为链接（link）。
链接是HTML的一个最强大和最有价值的功能。
链接是指文档中的文字或者图像与另一个文档、文档的一部分或者一幅图像链接在一起。
5.1.2 绝对路径绝对路径就是主页上的文件或目录在硬盘上的真正路径。
使用绝对路径定位链接目标文件比较清晰，但是有两个缺点：一是需要输入更多的内容，二是如果该文件被移动了，就需要重新设置所有的相关链接。
例如在本地测试网页时链接全部可用，但是到了网上就不可用了。
这就是路径设置的问题。
例如设置路径为“C:\Program files\1.htm”，在本地确实可以找到，但是到了网站上该文件便不一定在这个路径下了，所以就会出问题。
5.1.3 相对路径首先分析一下为什么会发生图片不能正常显示的情况。
举一个例子，现在有一个页面index.htm，在这个页面中链接有一张图片photo.jpg，它们的绝对路径如下：c:\website\index.htmc:\website\img\photo.jpg如果使用绝对路径c:\website\img\photo.jpg，那么在自己的计算机上将一切正常。
第五章 WWW 应用
9
第五章 WWW浏览
5.1.3 WWW的工作原理
WWW服务采用客户／服务器工作模式，客户 机即浏览器（Browser）,服务器即Web服务器， 它以超文本标记语言（HTML）和超文本传输 协议（HTTP）为基础，为用户提供界面一致 的信息浏览系统。
HTTP可看成是浏览器和服务器之间的会话
10
第五章 WWW浏览
28
第五章 WWW浏览
搜索引擎的使用
29
第五章 WWW浏览
“自动完成”功能帮助用户输入UR L 地址
30
第五章 WWW浏览
利用浏览器查看本地硬盘中的文件和文件夹
31
第五章 WWW浏览
“Internet选项”对话框中的“高级”选项卡
32
第五章 WWW浏览
利用IE 6.0管理信息
在网页内查找信息步骤如下：
IE浏览器的界面操作
“文件”菜单
IE浏览器的“文件”菜单
21
第五章 WWW浏览
“编辑”菜单
“编辑”菜单
22
第五章 WWW浏览
“查看”菜单
23
第五章 WWW浏览
“收藏夹”菜单
“收藏夹”菜单
24
第五章 WWW浏览
“工具”菜单
“工具”菜单
25
第五章 WWW浏览
“帮助”菜单
40
第五章 WWW浏览
设置Internet Explorer
自定义主页
1.“工具”菜单中选择“Internet选项”命令，弹出 “Internet选项”对话框。 2.“常规”选项卡的“主页”区域设置每次打开的主页。 3.单击“确定”按钮。
5
第五章 WWW浏览
06386网页设计与制作
湖北省高等教育自学考试课程考试大纲课程名称：网页设计与制作课程代码：06386第一部分课程性质与目标一、课程的性质与特点“网页设计与制作”是湖北省高等教育自学考试网络传播专业（专科段）开设的一门专业实践课程。
网页是网络中信息传播的重要载体，是当今网络传播应用的主要形式。
作为网络与新媒体专业的学生只有了解、掌握了网页设计与制作的基本原理、基本操作方法，才能更好进行网络传播的应用与实践。
本课程通过对网页的基本原理、CSS基础、网页页面的布局结构、文本图像与多媒体的使用、页面链接、列表与表格、表单与程序控制制作流程、以及对相关软件的操作掌握后，可以独立完成对网页的制作设计与编辑，从而将新闻等网络信息通过网页展现，更好将网络新闻的采编评与网络传播的网页展现形式结合，充分发挥网络传播的特点。
在网络与新媒体专业学生将来的实际工作中需要经常用到本课程内容中介绍的基本原理和方法。
因此，本课程是该专业学生必须掌握的一门课程。
本课程是本专业及相关专业相关课程进一步学习的基础课程。
二、课程目标和基本要求网页的设计与制作是一门与计算机结合十分紧密的课程。
既需要一定的理论知识，也需要一定的实际操作能力。
通过本课程自学、上机实习、作业等方式的学习，要求学生掌握网页的基本原理、网页制作与设计的基本方法、能操作相关应用软件，最终达到可以独立或者与他人分工合作完成简单和复杂网页的设计与制作。
具体地说，包括以下几个方面：（1）考生了解网页的基本概念、基本结构、制作流程和设计原则等相关基础知识，掌握网站的开发流程，能独立规划和设计网站。
（2）要求考生能熟练掌握多媒体素材在网页制作中的运用。
（3）使考生掌握网页描述语言HTML、CSS的用法，能熟练运用常见的网页标记。
掌握JavaScript 脚本语言程序设计的基础知识，能编写JavaScript脚本创建具有动态效果的网页。
本课程要求学生在自学过程中，特别要加强实践环节，培养动手能力，掌握相关软件的使用方法，要求应试者具备一定的上机能力和实际应用能力。
第5章_ 演示文稿软件PowerPoint2010教案
四川航天职业技术学院教案首页第5章演示文稿软件PowerPoint20105.1演示文稿启动与工作界面5.1.1PowerPoint2010的启动Microsoft PowerPoint2010的启动常用的方法有以下两种：(1) 单击【开始】丨【程序】丨【Microsoft Office】丨【Microsoft PowerPoint2010】，如图5-1。
(2) 双击桌面上的“Microsoft PowerPoint2010”快捷方式图标。
图5-1 开始菜单中的Powerpoint想一想(1) 仿照Word或Excel，有哪些方法可退出PowerPoint2010？(2) 有时，退出PowerPoint2010之前会出现如图5-2所示的对话框，该对话框上的3个按纽是什么意思？图5-2退出PowerPoint2010时的对话框5.1.2.PowerPoint 2010界面PowerPoint 2010提供了全新的工作界面，窗口界面如图5-3所示。
图5-3 Powerpoint 2010界面设置一个适合自己好的工作环境，不仅操作方便而且节省时间。
一般，通过【文件】丨【选项】的巧妙设置，如图5-4，可以达到理想的效果。
图5-4 PowerPoint2010选项设置窗口想一想(1) 怎样对PowerPoint文稿进行加密设置和共享设置？(2) 怎样设置演示文稿编辑过程中的自动保存时间？(3) 怎样设置演示文稿所保存的位置？(4) 怎样设置作者信息？5.2演示文稿的常规操作5.2.1演示文稿的建立与保存演示文稿由一张或数张相互关联的幻灯片组成。
创建演示文稿涉及的内容包括：基础设计入门；添加新幻灯片和内容；选取版式；通过更改配色方案或应用不同的设计模板修改幻灯片设计；设置动态效果；播放。
单击【文件】丨【新建】，这里提供了一系列创建演示文稿的方法。
包括：➢空白演示文稿从具备最少的设计且未应用颜色的幻灯片开始。
第5章WWW服务与浏览器
用户通过浏览器看到的WWW的显示屏幕， 每个屏幕均可称为一个网页，或称作 Web page，也称为WWWpage。 用户进入一个网络或一台单机时，看到 的第一个屏幕称为主页或起始页，英文 名称是Home Page。通过主页可以链接 到任意页，任意页通过一定的路径也可 以返回主页。
万维网工作原理
1 万维网的工作模式
第五章 WWW服务与浏览器
本章导读
本章讲解www的工作原理与常用术语，着重介绍在 Windows 操作系统中使用的www服务器软件 （IIS），使读者在学习后能够独立在Windows操作 系统上完成www服务器的配置，并能够解决在其服务 过程中出现的问题。接着介绍在网络使用中必不可少 的工具——浏览器，以Microsoft 的IE浏览器为例讲 解IE浏览器的构成、基本操作等。并介绍了网络搜索 的原理、方法以及几个比较成功的搜索引擎，如何使 用搜索引擎进行快速准确的检索。
搜索引擎
1、登录Google(或)网站，Google: ： 2、搜索以下内容: （1）大连实德是哪一年正式成立的？ 搜索：大连实德 成立-足球 （2）被称作“法国号”的乐器是什么？ 搜索：法国号 又称 ，法国号 铜管乐器 （3）查找金庸的出生年月。 搜索：金庸生于 （4）查找“二泉映月”的mp3文件。 搜索：二泉映月 inurl:mp3，二泉映月 intitle:mp3
WWW常用术语 1、超文本（Hyper Text）
超文本(Hyper Text)与一般的文本 (Text)类似，主要差别是，文本是 线性的，有先后顺序，而超文本是 非线性的，通过链接(Link)或超链 接(hyperlink)实现超文本信息片段 之间的非线性关联。
网 页 (Web) Page) 主 页 (Home) Page)
第五章 插入多媒体内容和超链接
第五章插入多媒体内容和超链接本章重点：●插入多媒体内容●超链接的概念●创建超链接●管理超链接一、插入多媒体内容（Flash，音频文件）1、插入Flash动画(.swf)（1）插入Flash动画插入-常用-媒体-Flash例5-1：在网页中插入flash对象设置flash为透明格式：参数（2）插入Flash按钮插入-常用-媒体-Flash按钮●样式：所需的按钮样式，在范例中显示（当文本和字体改变不会显示）●按钮文本：按钮上显示的文本●字体：按钮字体的类型●大小：字体大小●链接：按钮关联的文档或绝对链接地址●目标：Flash按钮链接的文档载入的框架或窗口的位置●背景色：按钮背景颜色●另存为：输入swf文件名将其保存在本地机器。
整个存储文件路径中不能含有中文。
编辑Flash按钮：双击打开插入flash按钮对话框/属性面板中“编辑按钮”预览flash按钮：属性面板-播放例5-2（路径要求绝对不能含有中文）E:\5-2（3）插入Flash文本Flash文本是只包含文本的flash 动画，插入flash文本，可以创建较小的矢量图形影片，还可以选择合适的字体，以避免访问者在访问网页时无法显示字体。
插入-常用-媒体-Flash文本●字体，大小，文本样式，颜色，文本框，链接，目标，背景色，●转滚颜色：当鼠标停在flash文本上时的文本颜色●显示字体：设置在文本框中是否预览出输入的flash文本字体●另存为：输入swf文件名将其保存在本地机器。
整个存储文件路径中不能含有中文。
例5-3（路径要求绝对不能含有中文）E:\5-3（4）插入FlashPaperFlashpaper的功能是将word，pdf等格式的文件通过软件转为flash格式后，用flashpaper插入该文件，就可在网页中像电子阅读器一样浏览这个flash文件了。
插入FlashPaper 需要提前将其他格式的文档转为swf格式，转换软件：flashpaper。
WORD目录超链接操作步骤
WORD可链接目录制作教程一、目录定义根据文章内容分别定义相关章节的标题、正文。
1.选择需定义的章节的标题2.定义根据章节的划分确定标题的级别，最上一级用标题1，第二级用标题2，…正文内容不用另外定义。
二、目录生成定义好所有的标题和正文后，就可进行目录生成了。
在菜单里选插入—>引用—>索引和目录，在弹出的窗口选择目录框，然后点确定即可。
三、修改与更新目录制成之后，在目录页点击任何一章节均可直接进入该章节所在页面。
每次对文章修改后，对目录可进行自动修改和刷新。
1.对目录进行全选2.更新点右键，在弹出的菜单选更新域分两种情况：一、直接编辑目录（如一本书目录为例，分三步聚）1、设置制表站：格式/制表位/在‘位置’中输入38字符；选择对齐方式为‘右对齐’，前导符选择‘5’/设置/确定2、设置项目符号及编号：格式/项目符号及编号/多级符号/选择类型（默认第一种‘梯式’）/自定义/在‘编号格式’中的‘1’前添加‘第’字，在‘1’后再添加‘章’字/确定3、编辑：自动出现‘第1章’按键盘上Tab，输入页码/回车就会出现‘第2章’，按Tab键（级别就会小一级）注：若按Shift+Tab级别便会增一级，如此类推。
二、建立超级链接目录（提取索引与目录）：文档内容已全部编辑好（当然文档中必须具有标题及标题样式）：光标置于文档最前面（快捷键Ctrl+Home）/插入菜单/索引与目录/目录/确定（便自动产生目录，指针单击某项即快速查看相关内容，类似网页链接。
Word中动态目录的制作一、确定目录的显示级别先把目录分为两层，即章和节两层，对应正文标题的章和节两个级别，一级为章标题，二级为节标题，把其他内容大纲级别设置为正文。
二、格式的设置选中第一章标题，单击‚格式‛菜单，选择‚样式‛，在样式对话框中单击‚新建‛按钮，出现新建样式对话框，样式名称可以默认为（样式1），在基准样式中选‚标题1‛，选中自动更新复选框，在下面一排按钮中单击‚格式‛，选择‚字体‛，在出现的字体对话框中选黑体、3号、加粗，单击‚确定‛按钮。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
5.3.4 FTP链接
5.3.5下载文件的链接
如果希望制作下载文件的链接，只需在链接地址处输入文 件所在的位置即可。当浏览器用户单击链接后，浏览器会 自动判断文件的类型，以做出不同情况的处理。
基本语法： 基本语法：
<a href="url">链接内容</a>
5.3.5下载文件的链接
<!--程序 程序5-7--> 程序 <html> <head> <title>下载文件 下载文件</title> 下载文件 </head> <body> <p> 这是一本电子书： 这是一本电子书： <a href="ds.rar">数据结构 数据结构--C#</a> 数据结构 </p> </body> </html>
WEB编程基础
清华大学出版社
Company name
第5章 超级链接
主要内容
• 为网页添加超链接 • 添加书签链接、电子邮件超链接、 FTP链接 添加书签链接、电子邮件超链接、 链接 • 建立图像映射
5.1超链接简介
网页文件的最大魅力是超越各个文件的空间，通过超 链接相互连接构成一个纷繁复杂的互联网世界。超链接 （hyperlink）是一个网站的精髓，超链接在本质上属于一 个网页的一部分，它是一种允许一个网页同其他网页或站 点之间进行链接的元素。各个网页链接在一起后，才能真 正构成一个网站。超文本具有的链接能力，层层链接相关 文件，这种具有超级链能力的特性，即称为超链接。超链 接除了可链接文本外，也可链接各种媒体，如声音、图像 和动画等，通过它们可以将网站建设成一个丰富多彩的多 媒体世界。
5.3.3电子邮件链接
5.3.4 FTP链接
FTP是一种文件传输协议，它是计算机与计算机之间能够 相互通信的语言，通过FTP可以获得Internet上丰富的资 源。
基本语法： 基本语法：
<a href="ftp:/…/">链接内容</a>
5.3.4 FTP链接
<!--程序 程序5-6--> 程序 <html> <head> <title>ftp链接 链接</title> 链接 </head> <body> <p> 这是一个FTP链接： 链接： 这是一个 链接 <a href= "ftp:///" >北京大学 北京大学FTP服务器 </a> 北京大学 服务器 </p> </body> </html> </html>
5.2创建超链接
5.2.1设置超链接路径
建立链接时，属性“href”定义了这个链接所指的目标地 址，也就是路径。理解一个文件到要链接的那个文件之间 的路径关系是创建链接的根本。每一个网站都具有独一无 二的地址，英文中被称作URL（Uniform Resource Locator），即统一资源定位器，同一个网站下的每一个 网页都有不同的地址，但是在创建一个网站的网页时，不 需要为每一个链接都输入完整的地址，我们只需要确定当 前文档同站点根目录之间的相对路径关系就可以了。
<a href = "../index.html">index.html</a>
相对路径：如何表示上级目录
例2： ：
– – –
假设info.html路径是： 路径是： 假设 路径是 c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是： 路径是： 假设 路径是 c:\Inetpub\wwwroot\index.html 加入index.html超链接的代码应这样写： 超链接的代码应这样写： 在info.html加入 加入 超链接的代码应这样写
5.3.3电子邮件链接
<!--程序 程序5-5--> 程序 <html> <head> <title>发送邮件 发送邮件</title> 发送邮件 </head> <body> <p> 这是邮件链接： 这是邮件链接： <a href="mailto:xyz@?cc=abc@&subject =你好 你好 &bcc=a@&body=祝你度过快乐的一天！"> 祝你度过快乐的一天！ 祝你度过快乐的一天 联系我们</a> 联系我们 </p> </body> </html>
可以为一个图片指定链接。 基本语法： <a href="url" target="目标窗口的打开方式"><img src="图片地址"></a>
5.3.1图片链接
<!--程序 程序5-2--> 程序 <html> <head> <title>建立图片链接 建立图片链接</title> 建立图片链接 </head> <body> <center> <h2>图片链接 图片链接</h2> 图片链接 <hr> <a href="" target="_blank"><i</a> </center> </body> </html>
<a href = "../wowstory/index.html">index.html </a>
相对路径：引用下级目录
如何表示下级目录引用下级目录的文件，直接写下级目 如何表示下级目录引用下级目录的文件， 录文件的路径即可。 录文件的路径即可。 例1： ：
– –
–
假设info.html路径是： 路径是： 假设 路径是 c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是： 路径是： 假设 路径是 c:\Inetpub\wwwroot\sites\blabla\html\index. html 加入index.html超链接的代码应该这样写： 超链接的代码应该这样写： 在info.html加入 加入 超链接的代码应该这样写
5.3.5下载文件的链接
5.4图像映射
图像映射就是在图像上先划分出不同的区域，然后定义 哪个目标与图像的哪个区域对应，但单击图像的某一区域， 就会把用户带到一个目标，单击另一区域，又会把用户带 到另外的目标。其实，图像映射就是将图像内的区域与一 系列URL链接起来了，从而单击特定区域就会把用户带到 相应的内容。这里所讲的映射是客户端图像映射，这和服 务器端图像映射相比，运行速度要快。
5.3.1图片链接
5.3.2书签链接
在浏览页面时，如果页面篇幅很长，要不断的拖动滚动条， 给浏览带来不便，要是浏览者既可以从头阅读到尾，又可 以很快寻找到自己感兴趣的特定内容进行部分阅读，这个 时候就可以通过书签链接来实现。当浏览者单击页面上的 某一“标签”，就能自动跳到网页相应的位置进行阅读， 给浏览者带来方便。
<a href = "html/index.html">index.html</a>
相对路径：引用
假设info.html路径是： 路径是： 假设 路径是 c:\Inetpub\wwwroot\sites\blabla\info.ht ml 假设index.html路径是： 路径是： 假设 路径是 c:\Inetpub\wwwroot\sites\blabla\html\t utorials\index.html 加入index.html超链接的代码应该这样 在info.html加入 加入 超链接的代码应该这样 写：
<a href = "html/tutorials/index.html">index.ht ml</a>
5.2.2内部链接
5.2.3外部链接
所谓外部链接，指的是跳转到当前网站外部，与其它网站 中页面或其它元素之间的链接关系。这种链接的URL地址 一般要用绝对路径，要有完整的URL地址。
5.3.1图片链接
以上两种书签链接形式，链接到的目标为： <a name="书签名称">链接内容</a>。
5.3.2书签链接
5.3.2书签链接
5.3.2书签链接
5.3.3电子邮件链接
在HTML页面中建立E-mail链接，用户单击链接，系统会 自动启动默认的电子邮件软件，打开一个邮件窗口。 基本语法： <a href="mailto:E-mail地址[?subject=邮件主题[&参 数=参数值]]">链接内容</a>
5.2.2内部链接
所谓内部链接，指的是在同一个网站内部，不同的html页 面之间的链接关系，在建立网站内部链接的时候，要明确 哪个是主链接文件（即当前页），哪个是被链接文件。内 部链接一般采用相对路径链接比较好。根据图5-4所示的 某班级网站站点目录结构，表5-2所示的是内部链接语句 中相对路径的写法。
5.2创建超链接
<!—程序 程序5-1--> 程序 <html> <head> <title>创建链接 创建链接</title> 创建链接 </head> <body> <center> <h2>创建链接 创建链接</h2> 创建链接 <hr> <p><a href="" title="打开新浪首页 新浪</a> <!--添加新浪链接 打开新浪首页">新浪 添加新浪链接--> 打开新浪首页 新浪 添加新浪链接 <br> <a href="lt;br> <a href="">北 京 大 学</a> <!--添加北京大学链接 添加北京大学链接--> 北 添加北京大学链接 </p> </center> </body> </html>