第8课：制作网站链接 珠海市广播电视大学
第8课:制作网站链接 珠海市广播电视大学
888。 ●●●●● ●0●0 889 ·对于一个完整的网站，各个页面之间应该有一定的从属或 者链接关系，这就需要在页面文件之间建立超级链接。 ·超级链接是构成网站最为重要的部分之一。 ·Dreamweaver提供了多种创建超链接的方法，可创建到文 档、图像、多媒体文件或可下载软件的链接，可以建立到 文档内任意位置的任何文本或图像（包括标题、列表、表、 曾或框架中的文本或图像)的链接等
⚫ 对于一个完整的网站，各个页面之间应该有一定的从属或 者链接关系，这就需要在页面文件之间建立超级链接。 ⚫ 超级链接是构成网站最为重要的部分之一。 ⚫ Dreamweaver提供了多种创建超链接的方法，可创建到文 档、图像、多媒体文件或可下载软件的链接，可以建立到 文档内任意位置的任何文本或图像（包括标题、列表、表、 曾或框架中的文本或图像）的链接等
888 主要内容 8 一、制作基本链接 二、制作锚点链接 三、制作图像映射 四、超链接的管理
主要内容 一、制作基本链接 二、制作锚点链接 三、制作图像映射 四、超链接的管理
●● ●● 一、制作基本链接 ● 。1.1制作外部网站链接 。[操作钉 。选中超链接对象 blank::在一个新的未命名浏览器窗口中打开网页 .parent::如果是嵌套的框架，链接会在父框架中打开， ●} 输入绝对路径 如果不是嵌套框架，就等于top,在整个浏览器窗口中 显示 。设置“目标”选项 sef:浏览器默认值，在当前页面所在的窗口或框架 中打开网页 。保存预览 top:在完整的浏览器窗口中打开网页 new:会在同一个刚创建的窗口中打开。 【实例操作】 注意：绝对路径要使用完整URL地址
一、制作基本链接 ⚫ 1.1 制作外部网站链接 ⚫ [操作] ⚫ 选中超链接对象 ⚫ 输入绝对路径 ⚫ 设置“目标”选项 ⚫ 保存预览 _blank：在一个新的未命名浏览器窗口中打开网页 _parent：如果是嵌套的框架，链接会在父框架中打开， 如果不是嵌套框架，就等于_top，在整个浏览器窗口中 显示 _self：浏览器默认值，在当前页面所在的窗口或框架 中打开网页 _top：在完整的浏览器窗口中打开网页 _new：会在同一个刚创建的窗口中打开。 【实例操作】 注意：绝对路径要使用完整URL地址
888 一、制作基本链接 ● 。1.1制作外部网站链接 ·链接颜色：指定应用于链接文字的颜色 ·已访问链接：指定链接被访问过的颜色 ·变换图像链接：指定当鼠标位于链接上时的颜色。 ●活动链接：指定但鼠标在链接上点击时的颜色
一、制作基本链接 ⚫ 1.1 制作外部网站链接 ⚫ 链接颜色：指定应用于链接文字的颜色 ⚫ 已访问链接：指定链接被访问过的颜色 ⚫ 变换图像链接：指定当鼠标位于链接上时的颜色。 ⚫ 活动链接：指定但鼠标在链接上点击时的颜色
888 ●●●●● 一、制作基本链接 ·1.2制作内部页面链接 。内部页面链接—一指的是站点内部的文件 ·[操作] ·选择链接对象 ·输入相对路径/选择文件/直接指向 。设置“目标”选项 ·保存预览 【实例操作】创建首页、我与足球、足球明星、足球新闻、资源下载等HTML页面 并创建超链接
一、制作基本链接 ⚫ 1.2 制作内部页面链接 ⚫ 内部页面链接——指的是站点内部的文件 ⚫ [操作] ⚫ 选择链接对象 ⚫ 输入相对路径/选择文件/直接指向 ⚫ 设置“目标”选项 ⚫ 保存预览 【实例操作】创建首页、我与足球、足球明星、足球新闻、资源下载等HTML页面 并创建超链接
●● 一、制作基本链接 ●●： ●● 。1.3制作邮件链接 。[操作们 。选择链接对象 ·输入mai lto:邮箱地址（如 mailto:zuyuanma@foxmail..com)/插入栏-常用-电子邮 件链接-输入邮件地址 。保存预览 【实例操作】为“联系我们”创建邮件链接
一、制作基本链接 ⚫ 1.3 制作邮件链接 ⚫ [操作] ⚫ 选择链接对象 ⚫ 输入mailto:邮箱地址（如 mailto:zuyuanma@foxmail.com）/插入栏-常用-电子邮 件链接-输入邮件地址 ⚫ 保存预览 【实例操作】为“联系我们”创建邮件链接
888。 一、制作基本链接 ·1.3制作邮件链接 ·加入邮件主题 mailto::邮箱地址？subject=要输入的主题 ● 实现抄送 mailto:邮箱地址？subject=要输入的主题&cc=邮箱地址2
一、制作基本链接 ⚫ 1.3 制作邮件链接 ⚫ 加入邮件主题 ⚫ 实现抄送 mailto:邮箱地址?subject=要输入的主题 mailto:邮箱地址?subject=要输入的主题&cc=邮箱地址2
888 ●●●●● 一、制作基本链接 。1.4制作空链接 。空链接一用于激活页面中的对象或文本，而后添加行为。 ·[范例]“设为首页”效果 。[操作们 ·选择链接对象 【实例操作】为“设为首页”创建空链接， 并添加相应行为 。输入“# 。修改空链接代码 设为首页
一、制作基本链接 ⚫ 1.4 制作空链接 ⚫ 空链接——用于激活页面中的对象或文本，而后添加行为。 ⚫ [范例]“设为首页”效果 ⚫ [操作] ⚫ 选择链接对象 ⚫ 输入“#” ⚫ 修改空链接代码 设为首页 【实例操作】为“设为首页”创建空链接， 并添加相应行为
●●● 一、制作基本链接 88888 ●● ● ·1.5制作脚本链接 ·[范例]“关闭窗口”效果 ·[操作] 。选中链接对象 。输入JavaScript代码 。保存预览 Javascript:window.close(
一、制作基本链接 ⚫ 1.5 制作脚本链接 ⚫ [范例]“关闭窗口”效果 ⚫ [操作] ⚫ 选中链接对象 ⚫ 输入JavaScript代码 ⚫ 保存预览 Javascript:window.close()