Dreamweaver8.0 创建链接关系
Dreamweaver 8中文版网页制作第5章 创建超级链接
5.2.2
图像和图像热点超级链接
一、图像超级链接 用图像作为链接载体，这就是图像超级链接。 创建图像超级链接的方法是：首先选中图像，然后在 【属性】面板中设置链接地址和目标窗口。
5.2.2
图像和图像热点超级链接
二、图像热点 图像热点（或称图像热区、图像地图）实际上就是为 图像绘制一个或几个特殊区域，并为这些区域添加链接。 创建图像热点超级链接的方法是： （1）使用图像热点工具绘制热点区域。 （2）在【属性】面板中设置链接地址、目标窗口等。
5.1.2
超级链接的分类
根据源端点的不同，超级链接也可分为3种 类型。
文本超级链接：以文本作为超级链接载体。 图像超级链接：以图像作为超级链接载体。 表单超级链接：选择某个选项后会自动跳 转到目标端点，或需要单击相应按钮会自 动跳转到目标端点。
5.2 普通超级链接
本节主要内容： 文本超级链接及其状态 图像和图像热点超级链接 图像地图 电子邮件超级链接 锚记超级链接
5.3.3 脚本链接
创建JavaScript链接的方法是，首先选定文本或 图像，然后在【属性】面板的【链接】文本框中输入 “JavaScript:”，后面跟一些JavaScript代码或函数调 用即可。
5.3.3 脚本链接
经常用到的脚本链接JavaScript代码。
JavaScript:alert('字符串') JavaScript:history.go(1)：前进 JavaScript:history.go(-1)：后退 JavaScript:history.forward(1)：前进 JavaScript:history.back(1)：后退 JavaScript:history.print()：打印 JavaScript:window.external.AddFavorite(‘htt p://’,‘老虎工作室’)：收藏指 定的网页 JavaScript:window.close()：关闭窗口
中文版Dreamweaver8实用教程
中文版Dreamweaver 8实用教程
8.2.3 创建链接
在Dreamweaver 8中可以创建各种超链接。当在本地站点内移动或重命名 文档或其他链接文件时，Dreamweaver 还可自动更新指向文档的链接。 创建链接的类型和方法 创建网页间超链接 创建网页内的超链接 创建E-Mail链接创 建虚链接及脚本链接 创建图形热点链接
中文版Dreamweaver 8实用教程
在Dreamwe在网页中创建超链接，首先选中要创建链接的对象 。然后在该 对象的属性检查器的“链接”文本框里输入要链接对象的URL或路径即可.
中文版Dreamweaver 8实用教程
中文版Dreamweaver 8实用教程
8.2.2 认识URL和链接路径
URL和链接路径的概念，以及它们之间相互的关系，是用户在设置网页超 链接之前所必须要掌握的基本常识。 URL 绝对路径 相对路径
中文版Dreamweaver 8实用教程
URL(Uniform Resoure Locator，统一资源定位器)指的是Internet文件在网 上的地址，是使用数字和字母按一定顺序排列来确定的Internet地址，由访问 方法、服务器名、端口号，以及文档位置组成。格式为Access-method :// server-name:port / document-location。 比如/dw/index.htm，这是一个典型的URL，它 指出使用http协议访问域名所在服务器下dw这个目录中的 index.htm文件。
中文版Dreamweaver 8实用教程
要创建图形热点链接，首先需要在文档窗口中选中插入的图像，然后使用图 像属性检查器中的“地图名称”文本框和“热点工具”按钮在该图像中绘制热 点区域 。最后,选中所创建的热点区域后,在”热点”的属性检查器的”链接”文 本框中输入链接目标的URL或路径即可.
DW8网页链接与站点导航.
到电子邮箱的超级链接：用于链接到电子邮箱，可直接点击发送邮件。
到执行文件的超级链接：用于链接站点空间里的可执行程序，可用于下载跟再线 运行。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、创建超级链接
超级链接是web存在和发展的基础，正是超级链接的使用，才使普通的 文本成为超文本，这种文本用html语言记录，在基于TCP/IP协议的网 络上使用HTTP协议来传输，从而完成网络信息的交换。使用超级链接 可以充分利用网络中的有用资源，例如：可以使站点资源的展示符合 人们资源查询索取的基本习惯；可以使文本的组织更加有层次，符合 人们的阅读习惯。 在网页中超级链接根据链接目标的不同可分为5类。
(5) 重复步骤(4)（5）分别使“精美图片”、“书香天地”、“开心一笑”和“有 缘即是朋友”字样jmtp.asp、sxtd.asp、kxyx.asp与sxtd.asp文件，建立超级链接，并 设置打开方式为_self。
(6) 按下F12键浏览，单击任意设置超级链接的文字，都可跳转至对应网页，如单击 【精美图片】字样，会自动跳转至【精美图片】网页，如右下图所示。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
第8章 网页中的文本对象
重点内容：
• 对不同载体设置越链接
• 通过CSS样式改变越链接样式 • 添加导航条
Dreamweaver 应用技术——《 Dreamweaver MX
Frontpage之创建网页之间的链接
Frontpage之创建网页之间的链接一、实现不同网页之间的链接1、打开主页，可以随便输入一段文字作为主页的具体内容。
2、打开主页，选中四个关键字，作为链接点。
3、单击右键在插入菜单中选择“超链接”命令或单击“填入”菜单，挑选“超链接”命令，发生“建立超链接”对话框。
4、选择主页文件，或在url框后填入被链接主页的文件名。
5、单击“确认”按钮后，回到编辑窗口。
可以看见选上四个关键字减少了下划线，则表示这里涵盖链接。
6、如果链接的文件在因特网上，就需要在url框后填入文件所在的网址。
二、给主页嵌入e-mail链接1、选中主页最后一行的电子邮件地址。
2、单击工具栏中的“超链接”按钮，在建立超链接对话框中单击“建立电子邮件超链接”按钮，弹头出来“建立电子邮件超链接”对话框。
3、在对话框中核对电子邮件地址。
三、页内链接的使用1、选上网页中的标题，单击“填入”菜单，挑选“书签”命令。
2、在书签对话框中使用刚才选中的文字作为书签名称，单击“确定”。
3、这时选中的标题加了一虚线，按此办法给其他标题加上书签。
4、选上页面已经开始的标题，单击工具栏中的“超链接”按钮，发生建立超链接对话框。
5、选择另外一张网页，单击“书签”按钮，选择另外一个标题，单击“确定”完成，完成第二、第三条标题与具体内容的链接。
四、减少回到至页面顶端的链接1、将光标定位于第一行的末尾，空一格，使用插入“书签”功能。
2、给书签取名为“top”，单击“确定”后返回。
3、选上每一个“<<top”，减少超级链接，链接至本网页的“top”标签。
《Dreamweaver8和Flash8案例教程》第7章 站点与链接PPT课件
（6）单击“确定”按钮后，返回 “管理站点”对话框。在对话框的左 边的列表框中，将列出刚创建的站点 名称。单击“完成”按钮，即可返回 Dreamweaver主窗口。 （7）单击“文件”面板内第一个下 拉列表框中的其他站点名称，可以显 示其他站点的结构和文件。
Page 9
2．“文件”面板和“站点”窗口
7.2.2 操作过程
Page 18
7.2.3 相关知识
1．文字或图像与外部HTML和图像 文件的链接
（1）利用“属性”栏内“链接”文 本框和文件夹按钮 建立链接
Page 19
➢用鼠标拖曳选中源文件中要链接的文字或 选中要链接的图像。
➢单击“属性”面板中的“链接”栏中的文 件夹按钮 ，弹出“选择文件”对话框， 利用该对话框选择要链接的HTML文件或 图像文件（即目标文件）。也可以直接在 文本框内输入要链接的HTML文件或图像 文件的路径与文件名。使用路径时，一定 要注意相对路径与绝对路径的使用方法， 通常最好使用相对路径。
Page 12
（3）单击“站点”窗口内的“站点 地图”按钮 右下角的黑色箭头， 可弹出一个菜单。单击该菜单中的 “仅地图”菜单命令，可使右边的 “本地文件”栏消失。单击该菜单中 的“地图和文件”菜单命令，可使右 边的“本地文件”栏显示，即切换到 “地图和文件”状态。
Page 13
（4）单击“站点”窗口内的“站点 文件”按钮 ，可使“站点”窗口 只显示“本地文件”栏，但左边的栏 不消失，只是没有“地图”视图。
Page 15
图7-2-1 建立各个子页面链接后的“跟我学电脑”网页
Page 16
在该页面中，列出了前面各章中制作 的各个网页实例的名称，单击其中任意一 个名称，即可链接到相应的页面。
Dreamweaver 8.0连接Mysql数据库全攻略
Dreamweaver 8.0连接Mysql数据库全攻略一、所需安装文件清单：1、Dreamweaver8.02、SP2DBFix1.0.2.mxp（Dreamweaver数据库显示插件）3、jdk-1_5_0_02-windows-i586-p.exe (Java 开发组件)4、apache-tomcat-5.5.33.exe (tomcat 5.5)5、mysql-5.1.56-win32.msi （mysql5.1）6、navicat8(mysql图形界面管理工具)7、mysql-connector-java-5.1.15.zip （java至mysql 接口）二、安装步骤：1、Dreamweaver8.0 安装（略）2、SP2DBFix1.0.2.mxp（Dreamweaver数据库显示插件）安装（略）3、安装Java 开发组件jdk-1_5_0_02-windows-i586-p.exe，假设安装路径为：D:\java\ jdk1.5.0_02，安装完成后需要配置java运行环境变量，详细如下：（1）右击“我的电脑”，点击“属性”，选择“高级”选项卡，点击“环境变量”，在“系统变量”中，分别设置3项属性，JA V A_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”，不存在则点击“新建”；（2）JA V A_HOME（变量名）D:\java\ jdk1.5.0_02（变量值）；如图：（3）PATH（变量名），%JA V A_HOME%\bin;%JA V A_HOME%\jre\bin（变量值）（4）CLASSPATH（变量名），.;%JA V A_HOME%\lib\dt.jar;%JA V A_HOME%\lib\tools.jar（变量值）(前面的.;不要漏掉)（5）验证环境变量设置成功与否，可以在“开始”－>;“运行”，键入“cmd”，然后键入命令“java -version”，“java”，“javac”几个命令，出现画面，说明环境变量配置成功；4、安装tomcat 服务器apache-tomcat-5.5.33.exe。
用DW在淘宝店铺装修中添加图片和链接
DW店铺装修之添加图片和链接最近看了很多关于店铺装修的视频，现在我将自己总结的店铺装修时候用代码添加链接的方法分享给大家，与亲们探讨探讨，有不对的地方希望亲们指出，有错误的思路希望各位大神勿喷，2015祝大家淘宝大卖，生意红火，家庭幸福，心想事成。
最开始装修店铺的时候最困扰我的便是链接的设置，进了很多同类的网店，发现他们都做得好好哦，一点击就进入了宝贝界面，很想也自己做出这样的效果，所以我在网上使劲找相关的视频，其中谈论得最多的便是微软的Macromedia Dreamweaver 8软件的应用，首先呢下载地址我就不多说了，在百度上粘贴上MacromediaDreamweaver 8会出来很多的哟亲们。
好了，我就不多说了，直接上菜。
1、我们安装好了软件然后就打开DW了，如果你打开的是这个样子那么恭喜亲，你下载的软件是正确的，在这里我给大家提供三个可以用的序列号：WPD800-59139-91432-25145WPD800-57931-76932-54523、WPD800-59931-32632-81939（如果经济比较富足，请支持购买正版软件）在Macromedia Dreamweaver 8或淘宝店铺装修时，时常需要用在放一张图片后，在这个图片上再放一张小图片或一些文字加链接，怎么实现呢，先看看效果吧： / .下面再把代码复制上，放到代码编辑图里就行了<table width="932" height="284" border="0"background="/imgextra/i4/750287797/T2g DlUXghbXXXXXXXX_!!750287797.gif"><tr><td><p> </p><p> </p><p><br /><ahref="/popup/add_collection.htm?id=685456 83&itemid=68545683&itemtype=0&ownerid=5a55339a 04473981dca16c5c70bf599f&scjjc=2&_tb_token_=9bCoD9 NIQ3/ImMoD9NcQ3/FdNoD9NdQ3/zepoD9NnQ3/ErroD9NpQ3/H6w pD9NfR3/Dv2qD9NuR3/I6tsD9N6U3" target="_blank"><img src="htt p:///imgextra/i4/750287797/T2nDXUXX4cXXX XXXXX_!!750287797.gif" width="137" height="116" border="0" /></ a></p></td></tr></table>说明：上面第一个红色部分为底图，了最后一个红色部分为加上去的小图，中间a href后面的红色部分是小图的链接，把这些都改成你要的就行。
Dreamweaver 8中文版网页制作-教学大纲第5章 创建超级链接-电子教案
6.设置鼠标经过图像和导航条的方法。
7.设置脚本链接的方法。
重点
难点
设置文本超级链接及其状态的方法
设置图像和热点超级链接的方法
设置锚记超级链接的方法
要求掌握
的知识点
文档位置和路径以及超级链接的分类、文本超级链接、文本超级链接的状态、图像超级链接、图像热点超级链接、空链接、电子邮件超级链接、锚记超级链接、鼠标经过图像、导航条、脚本链接
1、教学思路
2、教学手段
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
作业布置
作业：一～三
主要
参考资料
备注
中等职业学校教案
教研室：
课程名称：Dreamweaver 8中文版网页制作
任课教师：
XXXX学校教务处制
中等职业学校教案
第5次课讲授2学时实践2学时
章节
第5章创建超级链接
讲授主
要内容
1.文档位置和路径以及超级链接的分类。
2.设置文本超级链接及其状态的方法。
3.设置图像和热点超级链接的方法。
4.设置电子邮件超级链接的方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver8.0 创建链接关系链接是一个网站的灵魂，一个网站是由多个页面组成的，而这些页面之间依据链接确定相互之间的导航关系。
链接是网页文件与文本文件最主要的区别！
超级链接是指站点内不同网页之间、站点与 Web 之间的链接关系，它可以使站点内的网页成为有机的。
整体，还能够使不同站点之间建立联系。
超级链接由两部分组成：链接载体和链接目标。
许多页面元素可以作为链接载体，如：文本、图像、图像热区、动画等。
而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email 甚至是页面中的某个位置 -- 锚点。
链接的类型:
如果按链接目标分类，可以将超级链接分为以下几种类型：
内部链接：同一网站文档之间的链接。
外部链接：不同网站文档之间的链接。
* 锚点链接：同一网页或不同网页中指定位置的链接。
* E-mail 链接：发送电子邮件的链接。
1、关于链接路径
绝对路径：为文件提供完全的路径，包括适用的协议，例如 http、ftp，rtsp 等。
如：ftp://202.136.254.1/。
相对路径：相对路径最适合网站的内部链接。
如果链接到同一目录下，则只需要输入要链接文件的名称。
要链接到下一级目录中的文
件，只需要输入目录名。
然后输入“/ “，再输入文件名。
如链接到上一级目录中的文件，则先输入”../ “再输入目录名，文件名。
根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头，例如， /fy/maodian.html 就是站点根文件夹下的fy 子文件夹中的一个文件（maodian.html）的根路径。
2、创建外部链接
不论是文字还是图像，都可以创建链接到绝对地址的外部链接。
创建链接的方法可以直接输入地址也可以使用超级链接对话框。
（1）直接输入地址
在属性面板中，“链接”用来设置图像或文字的超链接，“目标”用来设置打开方式。
我们在“链接”文本框直接输入外部绝对地址。
（2 ）使用超级链接对话框
选中文字，单击常用快捷栏中的“超级链接”按钮。
弹出“超级链接”对话框，我们进行以下各项的设置：“文本”文本框用来设置超级链接显示的文本。
“链接”用来设置超链接连接到的路径。
“目标”下拉列表框用来设置超链接的打开方式，有四个选项。
“标题”文本框用来设置超链接的标题。
设置好后，单击“确定”按钮，向网页中插入超链接。
3、创建内部链接
在文档窗口选中文字，单击属性面板“链接”后的按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页。
我们也可以拖动“链接”后的按钮到站点面板上的相应网页文件，则链接将指向这个网页文件。
此外，我们还可以直接将相对地址输入到“链接”文本框里来链接一个页面。
4、创建E－mail 链接
单击常用快捷栏中的“电子邮件链接”按钮，弹出“电子邮件链接”对话框，在对话框的文本框那输入要链接的文本，然后在E－mail 文本框内输入邮箱地址即可。
5、创建锚点链接
所谓锚点链接，是指在同一个页面中的不同位置的链接。
打开一个页面较长的网页，将光标放置于要插入锚点的地方，单击常用快捷栏的“命名锚记”按钮插入锚点。
再选中需要链接锚点的文字，再属性面板中拖动链接后的到锚点上即可。
6、制作图像映射
打开 .html 文件，选中图片，在属性面板中，有不同形状的图像热区按钮，选择一个热区按钮单击。
然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。
此时，选中的部分被称着图像热点。
选中这个图像热点，在属性面板上可以给这个图像热点设置超链接即可。