DW8网页链接与站点导航.
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实Leabharlann Baidu教程》讲义
第8章 网页中的文本对象
重点内容：
• 对不同载体设置越链接
• 通过CSS样式改变越链接样式 • 添加导航条
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是 最简单的路径，可以用来链接和当前文档处于同一文件夹下的文档。
3. 超级链接的目标与载体 超级链接的目标可以是另一个网页，也可以是相同网页上的不同位置， 还可以是一个图片、一个电子邮件地址、一个文件(如多媒体文件或者 Microsoft Office文档)，甚至是一个应用程序。而超级链接载体可以 是文本、图像、按钮和多媒体文件等。
（1） 为文字添加超级链接 选择面页中需要添加超级链接的文字，在属性面板上的【链接】文本框中指定文字 的链接目标。在【目标】下拉列表框中选择目标文件打开的方式(此项必须在【链 接】文本框中加入了目标路径后，才变为可用状态)。当设置这两项后，在网页中 被选择的文字颜色变为蓝色，且在文字底部出现一条下划线，即文字的超级链接设 置完成。在键盘上按F12键，即可将网页在浏览器中打开。单击链接的文字，即可 打开指定的目标文件。
(5) 重复步骤(4)（5）分别使“精美图片”、“书香天地”、“开心一笑”和“有 缘即是朋友”字样jmtp.asp、sxtd.asp、kxyx.asp与sxtd.asp文件，建立超级链接，并 设置打开方式为_self。
(6) 按下F12键浏览，单击任意设置超级链接的文字，都可跳转至对应网页，如单击 【精美图片】字样，会自动跳转至【精美图片】网页，如右下图所示。
2. 绝对路径和相对路径 在创建超级链接之前，有必要了解相对路径和绝对路径之间的差异， 以及如何指定不同类型的路径。在一个网站中，有绝对路径和根目录 相对的路径，以及和文档相对的路径3种类型的文档路径。
绝对路径：是包含服务器协议(对于网页来说通常是http://或ftp://)的完全路 径，绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移 动，则链接无效。创建外部超级链接时必须使用绝对路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的 文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉 服务器从根目录开始。
内部链接：即在同一个站点内的不同页面之间相互联系的超级链接。 锚点链接：可以链接到网页中某个特定位置的链接。 外部链接：把网页与Internet中的目标相联系的链接。
到电子邮箱的超级链接：用于链接到电子邮箱，可直接点击发送邮件。
到执行文件的超级链接：用于链接站点空间里的可执行程序，可用于下载跟再线 运行。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
根据超级链接链接对象的不同（即载体），可分为2类。
文本链接：用文本作链接载体，简单实用。
图像链接：用图像作为链接载体能使网页美观、生动活泼，它既可以指向单个的 链接，也可以根据图像不同的区域建立多个链接。
在网页中使用超级链接，能够使每个独立的网页之间产生一定的相互 联系，从而使单独的网页形成一个有机的整体。
1. 超级链接的概念、作用及分类
超级链接是一种标记，它记录了网络中的某个文件或者其他URL，通过这 个标记，可以“打开”相应的资源。从工作机理的角度看，超级链接是一 个指向其他网络资源的一个指针，通过它浏览器可以根据一定的要求载入 相应的资源。 具体说明：当浏览者单击已经链接的文字或图片后，链接目标将显示在浏 览器上，并且根据目标的类型来打开或运行。例如单击一个AVI文件的超 级链接后，该文件将在媒体播放器中打开。如果是单击一个网页的链接， 将在浏览器中打开。 超级链接实际上是一个记录网上其他网络资源的“指针”，它指向网络中 的 其他资源，被标记的对象称为热点，是连接这些资源的入口。 浏览中鼠标单击热点时，浏览器就根据这个指针对超级链接做
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
可按以下3种方法指定文字的超级链接。 在文本框中直接输入目标的路径。 单击文件夹按钮 ，在弹出的对话框中选择链接的目标文件。 利用属性面板上的【指向文件】按钮 ，为文字加入超级链接。但必须要建立 本地站点，且本地站点上还要有文件存在，才能使用此方法。 在该实例中我们主要学习如何为站点中确定的文本添加超级链接。接下来我们要为 default.asp文件中的“悠然而过”、“精美图片”、“书香天地”、“开心一笑” 和“有缘即是朋友”字样添加超级链接，并设置打开的新网页使用当前网页窗口。 (1) 打开一个已存在的文件，例如default.asp。 (2) 移动垂直滚动条，找到要添加超级链接的文本，如下图所示。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
(3) 选中“悠然而过”二字，单击属性面板上的【指向文件】按钮 ，并按住鼠标左 键不放，拖动鼠标指向站点窗口中的yreg.asp文件，如左下图所示，为“悠然而过” 字样建立超级链接。
(4) 打开【目标】下拉列表框，从中选择_self选项。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
超级链接是web存在和发展的基础，正是超级链接的使用，才使普通的 文本成为超文本，这种文本用html语言记录，在基于TCP/IP协议的网 络上使用HTTP协议来传输，从而完成网络信息的交换。使用超级链接 可以充分利用网络中的有用资源，例如：可以使站点资源的展示符合 人们资源查询索取的基本习惯；可以使文本的组织更加有层次，符合 人们的阅读习惯。 在网页中超级链接根据链接目标的不同可分为5类。
2004实Leabharlann Baidu教程》讲义
第8章 网页中的文本对象
重点内容：
• 对不同载体设置越链接
• 通过CSS样式改变越链接样式 • 添加导航条
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是 最简单的路径，可以用来链接和当前文档处于同一文件夹下的文档。
3. 超级链接的目标与载体 超级链接的目标可以是另一个网页，也可以是相同网页上的不同位置， 还可以是一个图片、一个电子邮件地址、一个文件(如多媒体文件或者 Microsoft Office文档)，甚至是一个应用程序。而超级链接载体可以 是文本、图像、按钮和多媒体文件等。
（1） 为文字添加超级链接 选择面页中需要添加超级链接的文字，在属性面板上的【链接】文本框中指定文字 的链接目标。在【目标】下拉列表框中选择目标文件打开的方式(此项必须在【链 接】文本框中加入了目标路径后，才变为可用状态)。当设置这两项后，在网页中 被选择的文字颜色变为蓝色，且在文字底部出现一条下划线，即文字的超级链接设 置完成。在键盘上按F12键，即可将网页在浏览器中打开。单击链接的文字，即可 打开指定的目标文件。
(5) 重复步骤(4)（5）分别使“精美图片”、“书香天地”、“开心一笑”和“有 缘即是朋友”字样jmtp.asp、sxtd.asp、kxyx.asp与sxtd.asp文件，建立超级链接，并 设置打开方式为_self。
(6) 按下F12键浏览，单击任意设置超级链接的文字，都可跳转至对应网页，如单击 【精美图片】字样，会自动跳转至【精美图片】网页，如右下图所示。
2. 绝对路径和相对路径 在创建超级链接之前，有必要了解相对路径和绝对路径之间的差异， 以及如何指定不同类型的路径。在一个网站中，有绝对路径和根目录 相对的路径，以及和文档相对的路径3种类型的文档路径。
绝对路径：是包含服务器协议(对于网页来说通常是http://或ftp://)的完全路 径，绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移 动，则链接无效。创建外部超级链接时必须使用绝对路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的 文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉 服务器从根目录开始。
内部链接：即在同一个站点内的不同页面之间相互联系的超级链接。 锚点链接：可以链接到网页中某个特定位置的链接。 外部链接：把网页与Internet中的目标相联系的链接。
到电子邮箱的超级链接：用于链接到电子邮箱，可直接点击发送邮件。
到执行文件的超级链接：用于链接站点空间里的可执行程序，可用于下载跟再线 运行。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
根据超级链接链接对象的不同（即载体），可分为2类。
文本链接：用文本作链接载体，简单实用。
图像链接：用图像作为链接载体能使网页美观、生动活泼，它既可以指向单个的 链接，也可以根据图像不同的区域建立多个链接。
在网页中使用超级链接，能够使每个独立的网页之间产生一定的相互 联系，从而使单独的网页形成一个有机的整体。
1. 超级链接的概念、作用及分类
超级链接是一种标记，它记录了网络中的某个文件或者其他URL，通过这 个标记，可以“打开”相应的资源。从工作机理的角度看，超级链接是一 个指向其他网络资源的一个指针，通过它浏览器可以根据一定的要求载入 相应的资源。 具体说明：当浏览者单击已经链接的文字或图片后，链接目标将显示在浏 览器上，并且根据目标的类型来打开或运行。例如单击一个AVI文件的超 级链接后，该文件将在媒体播放器中打开。如果是单击一个网页的链接， 将在浏览器中打开。 超级链接实际上是一个记录网上其他网络资源的“指针”，它指向网络中 的 其他资源，被标记的对象称为热点，是连接这些资源的入口。 浏览中鼠标单击热点时，浏览器就根据这个指针对超级链接做
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
可按以下3种方法指定文字的超级链接。 在文本框中直接输入目标的路径。 单击文件夹按钮 ，在弹出的对话框中选择链接的目标文件。 利用属性面板上的【指向文件】按钮 ，为文字加入超级链接。但必须要建立 本地站点，且本地站点上还要有文件存在，才能使用此方法。 在该实例中我们主要学习如何为站点中确定的文本添加超级链接。接下来我们要为 default.asp文件中的“悠然而过”、“精美图片”、“书香天地”、“开心一笑” 和“有缘即是朋友”字样添加超级链接，并设置打开的新网页使用当前网页窗口。 (1) 打开一个已存在的文件，例如default.asp。 (2) 移动垂直滚动条，找到要添加超级链接的文本，如下图所示。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
(3) 选中“悠然而过”二字，单击属性面板上的【指向文件】按钮 ，并按住鼠标左 键不放，拖动鼠标指向站点窗口中的yreg.asp文件，如左下图所示，为“悠然而过” 字样建立超级链接。
(4) 打开【目标】下拉列表框，从中选择_self选项。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
超级链接是web存在和发展的基础，正是超级链接的使用，才使普通的 文本成为超文本，这种文本用html语言记录，在基于TCP/IP协议的网 络上使用HTTP协议来传输，从而完成网络信息的交换。使用超级链接 可以充分利用网络中的有用资源，例如：可以使站点资源的展示符合 人们资源查询索取的基本习惯；可以使文本的组织更加有层次，符合 人们的阅读习惯。 在网页中超级链接根据链接目标的不同可分为5类。