点击“指向文件”按钮并拖动到“文件”面板中的某个文件也可以将该文 件设置为链接目标。
创建本地超链接的常用方法
2．使用“超级链接”命令创建超链接 选择要作为链接源的文本或图片，然后打开“插入”菜单，选择“超级链
接”命令，或者单击插入栏中“常用”类别中的“超级链接”按钮，可以打开 “超级链接”对话框，在对话框里进行相应设置以创建超链接。
站点根目录相对路径
超级链接的分类
超链接按链接目标的不同分为五种类型：
超级链接的分类
超链接按链接源的不同分为三种类型：
序号 1 2
3
分类 文本链接 图像链接
链接目标 一个文本，是最基本的链接形式 一个图像
图像映射
图像中包含的各种不同的热点区域，每个热点 区域都能链接到一个单独的链接目标上
创建本地超链接的常用方法
超级链接的目标窗口
当浏览者点击网页上的超级链接后会跳转到链接目标页面。当新页面出现时， 可能会出现三种情况： （1）原有的页面被覆盖； （2）原有的网页不被覆盖，弹出一个新的窗口； （3）原有的网页内部分内容被替换。 这三种情况的出现是由于对超级链接的目标窗口进行了设置。在设置超级链接时会 有一个“目标”下拉菜单，其中可以设置4种目标
电子商务网站的导航设计原则
商务网站链接与导航的设计要点：
（1）对商务网站的导航进行适当的
组织与分类。如图4-20所示，通常以
产品导航为主导航，另外还兼有如联
系方式和意见反馈等关于网站持有方
当前位 置导航
的信息导航，以及购物车和密码登录
等有关购物程序的功能导航。
（2）突出重点链接。
（3）让浏览者可对链接的相互关系
作业标准记得牢，驾轻就熟除烦恼。2 020年1 0月16 日星期 五5时42 分14秒 05:42:1 416 October 2020
•
好的事情马上就会到来，一切都是最 好的安 排。上 午5时42 分14秒 上午5 时42分0 5:42:14 20.10.1 6
•
一马当先，全员举绩，梅开二度，业 绩保底 。20.10. 1620.1 0.1605: 4205:42 :1405:4 2:14Oct-20
电子商务 网页制作
DW
项目四 链接与导航
项目目标
• 举例说明路径的概念； • 列举超链接的分类； • 会设置超链接； • 描述导航的相关知识。
链接和路径
正确描述从链接源所在文档到链接目标之间的文件路径，对创建超链接 至关重要。描述方式有三种：绝对路径、文档相对路径和站点根目录相对路 径。这三种路径各有特点，灵活使用这些路径能起到事半功倍的效果。
•
加强交通建设管理，确保工程建设质 量。05: 42:1405 :42:140 5:42Fri day, October 16, 2020
•
安全在于心细，事故出在麻痹。20.10. 1620.1 0.1605: 42:1405 :42:14 October 16, 2020
•
踏实肯干，努力奋斗。2020年10月16 日上午5 时42分 20.10.1 620.10. 16
（2）在“命名锚记”对话框中输入创建的命名锚记的名称，单击确定。
创建锚记链接
（3）选中需要创建锚记链接的内容，在属性面板的“Байду номын сангаас接”文本框中输入“#”， 后接需要链接到的命名锚记的名字，创建完成。
如需要链接到其他页面中命名锚记，则需要“链接”文本框中先输入其他页 面的地址，然后在地址后输入“#”和命名锚记的名称。
比如，一个篇幅较长的商品介绍网页，需要不断地滚动才能看到下面的信息 ，当浏览者阅读完毕后，希望能快速地回到文章开头，这时可以先在文章开头放 置一个锚记，在文章尾部添加一个链接指向锚记，浏览时点击此链接就能迅速回 到网页开头。亲，你一定注意到了，锚记是在制作超链接前就放置好了的。
创建锚记链接
创建锚记链接的方法如下： （1）选择需要被链接到锚记的位置，在“插入栏”中选择“常用”类别，单击“ 命名锚记”按钮，打开 “命名锚记”命令创建锚记链接。
创建电子邮件超级链接
（2）在“电子邮件链接”对话框中输入需要链接的电子邮件地址，单击确定。
（3）在属性面板中可以看到链接地址中有“mailto：（+邮件地址）”，表示创 建完成。
创建锚记链接
锚记链接又称书签链接，一般用在同一个页面中，用于在文档中设置标记， 这种标记通常放在指定的位置，创建锚记链接后，便可迅速链接到指定的位置。
项目总结
推荐资源
谢谢观赏！
•
树立质量法制观念、提高全员质量意 识。20. 10.1620 .10.16F riday, October 16, 2020
•
人生得意须尽欢，莫使金樽空对月。0 5:42:14 05:42:1 405:42 10/16/2 020 5:42:14 AM
•
安全象只弓，不拉它就松，要想保安 全，常 把弓弦 绷。20. 10.1605 :42:140 5:42Oct-2016-Oct-20
•
追求至善凭技术开拓市场，凭管理增 创效益 ，凭服 务树立 形象。2 020年1 0月16 日星期 五上午5 时42分 14秒05 :42:142 0.10.16
•
严格把控质量关，让生产更加有保障 。2020 年10月 上午5时 42分20 .10.160 5:42October 16, 2020
•
会感到更强的控制感、更舒服，也就有可能浏览更多的页面 来寻找他们所需的信息内容。用行话来说这叫做使“用户对 于网页的粘滞系数增大。”
电子商务网站的导航通常有以下几种类型： （1）网站栏目导航，如图4-14所示。为浏览者提供该网站的主要栏目版块导航。
电子商务网站导航的组织与分类
（2）站内功能服务导航 此导航为浏览者提供电子商务网站的功能服务，如注册、购物、账户信息等。
• 当链接目标在链接源上一级目录中时，可 用“..”符号来表示当前文件的父目录，使 用多个“..”可以表示更高的父级目录，例 如在cloth.html中创建指向index.html的 链接，可使用相对路径： “../index.html”。
站点根目录相对路径
基于站点根目录的相对路径从站点的根目录开始，通常使用“/”表示根目录 ，所有基于站点根目录相对路径均以“/”开始，如：/list/cloth.html。 由此可见，站点根目录相对路径同绝对路径十分相似，只是它略去了绝对路径中 的协议部分。通常在站点规模稍大，需要多个设计者合作建设，并且使用模板和 组件进行设计时，站点根目录相对路径被广泛使用。
1．使用属性面板创建超链接 选择要作为链接源的文本或图片，在属性面板中会有“链接”文本框、“
指向文件”按钮和“浏览文件”按钮。
将链接目标的路径直接输入到链 接文本框中可以创建超链接。
点击“浏览文件”按钮可以打开 “选择文件”对话框，可以浏览并指 定链接目标文档以创建超链接。
创建本地超链接的常用方法
小贴士 路径知识看上去略显枯燥，但却是建立超链接的基础，
许多超链接错误都是因为路径问题导致的，所以请静下心来 认真学习这部分内容！
绝对路径
相对路径
文档相对路径描述了链接源与链接目标之间的相对位置，在网站内部各页面 的链接中使用相对路径最合适，因为相对路径不但描述简洁，而且与站点目录所 在的位置无关，当站点根目录位置发生改变时，不会影响到站点内链接的网页。
•
牢记安全之责，善谋安全之策，力务 安全之 实。202 0年10 月16日 星期五5 时42分 14秒Fr iday, October 16, 2020
•
相信相信得力量。20.10.162020年10月 16日星 期五5 时42分1 4秒20. 10.16
谢谢大家！
以及点击后的效果产生正确的预期。
（4）降低页面的长度或者进行有效
的分类和分页。
网站栏目 导航
网站持有方信息导航
站内服务 功能导航
网站服 务功能
导航
产品介绍 导航
将浏览者引向重要链接的方法
有经验的浏览者已经对链接有了先入为主的认知定式。并且大多数浏览者有 着基本相同的使用习惯。因此，在设计中可以根据浏览者的使用经验，通过强化 重要链接把浏览者引向重要的页面，在这个层面上链接与导航设计的关键是 （1） 清晰明确，有很强的点击感，让浏览者产生点击的欲望。 （2） 尊重浏览者现有的对链接的认识习惯，如有下划线的文字、动画图标、按 钮等。 （3） 必要时对链接进行解释，如在“用户注册”按钮旁边添加“新用户点击此 处注册”的说明文字。
创建电子邮件超级链接
在网页中经常可以看到类似“联系我们”这样的超链接，单击后会弹出本机 所安装的邮件发送程序，而且此时的收件人是已经填写好的，这种链接就是电子 邮件链接。 创建电子邮件超级链接的方法如下： （1）选择需要创建链接的内容，在“插入栏”中选择“常用”类别，单击“电子 邮件链接”按钮，打开 “电子邮件链接”命令创建电子邮件链接。
此导航具有为浏览者提供帮助功能的导航。
电子商务网站导航的组织与分类
（3）产品分类导航，如图4-17所示。这是电子商务网站导航中展示产品和服务的部 分，在网站导航中所占比例较大。
电子商务网站导航的组织与分类
（4）当前位置导航，如图4-18所示，标示浏览者当前所在位置，以避免浏览者迷航。
（5）网站持有方信息导航，如图4-19所示。有关网站持有方信息的链接集群。
电子商务网站的导航设计原则
电子商务网站为用户提供了十分详尽、方便的信息导航，浏览者可以通过各 种途径方便地查找到要购买的商品，这说明网站的结构和导航确定了信息查找方 式，对于每条信息来说，查找的路径越多，它被阅读的可能性就越大，这也是提 高网站浏览量的一种好办法。但对于用户来说，过多的入口容易抓不住重点而忽 略真正重要的链接，甚至可能在网站内部迷失方向。因此，链接数量过多会使用 户混乱，降低重要链接的被点击率。所以要在链接数量的多少上取得平衡，同时 要进行合理组织和规划，一般而言，主要功能和导航链接尽量不要超过10个。找 到一种解决方案。把握链接之中的重点和层次是设计的关键。