第8讲 为网页添加超链接.pptVIP

如何给滚动字幕、滚动图片添加超链接？ 进阶与提高 marquee? /marquee 思路： 先为文字、图片设置好超链接 再添加滚动字幕特效 a?href=链接的网址 ?/a 字幕内容/图片代码 本讲练习题 1.为超链接添加提示文字应该使用a标记的哪个属性值？ 2.通过a标记的哪个属性值，可以控制链接目标打开的窗口？ 3.创建邮件超链接是，href属性值必须以什么开头？ 4.使用什么标签为图片增加热区？ 本讲实践任务 在“印象师大”的站点中添加网页lianjie.html，外观如下，练习添加本讲中的所有超链接 * 上一讲回顾 网页中表格的使用 2013计本 本讲主要内容 为网页添加超链接 认识超链接 创建超链接 移除与变更超链接 图像热区超链接 创建图像导航条 创建跳转菜单 脚本链接 超链接---实现页面间的导航 链接文本或图像 链接地址（目标） 一、认识超链接 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。 超链接 返回 二、创建超链接 2 选择目标对象路径 1 选中要添加超链接的对象 3 选择目标对象的打开位置 ** 创建超链接详解 ** 1、选中要添加超链接的对象 2、添加超链接 4、选择目标对象的打开位置 3、选择目标对象 文字链接：在文字上添加超链接，这是常见的功能并不会占用太多网页空间且维护容易。 图片链接：在图片上添加超链接，比文字链接更容易传达信息，让人一目了然。 按钮链接：在按钮上添加超链接，大多网页皆使用按钮链接来方便浏览者做内容选择。 ：文字、图片、按钮等 方法1： 在属性面板的“链接”文本框中输入目标对象地址 方法2： 使用菜单“插入/超级链接” ：属性面板、菜单 ：内部、外部、锚点、email、文件等 内部链接：到同个网站中的其他网页（文档） 外部链接：到不同站点或本站点以外的网页（文档） 锚点链接：到网页某一特定位置的超链接 电子邮件链接：到E-mail的超链接 下载链接：将文件以超链接的方式提供下载服务 空连接：用来激活页面中的对象或文本 路径选择注意事项 ：新窗口、本窗口等 _self：在当前网页所在的窗口或框架中打开（默认） _blank:每个链接会创建一个新的窗口 _new：在同一个刚创建的窗口中打开 _parent：如果是嵌套的框架，则在父框架中打开 _top：在完整的浏览器窗口中打开，忽略任何框架 下一节 ***超链接的目标对象的路径表达方式** 对链接路径的正确理解是确保链接有效的先决条件。 相对于站点根目录路径: 所有链接的路径都是从站点的根目录开始的。 绝对路径：在链接中使用完整的URL地址，一般用于链接外部网站或外部文件资源时，例如：/ 返回 根据连接目标对象的不同可以将超链接划分为： 内部链接：到同个网站中的其他网页（文档） 外部链接：到不同站点或本站点以外的网页（文档） 锚点链接：到网页某一特定位置的超链接 电子邮件链接：到E-mail的超链接 下载链接：将文件以超链接的方式提供下载服务 空连接：用来激活页面中的对象或文本 ** 创建不同类型的链接 ** 1、内部链接 选中要添加超链接的对象：页面中的文字或图像等 在属性面板中单击“链接”文本框右侧的文件夹图标 通过浏览本站点内的文件，选择一个文件 设定打开位置 HTML语法解释 …… a href=span.html target=_blank灿坤蒸气电熨斗/a …… a href=链接地址 target=目标窗口位置链接热点文本或图像/a 链接在新窗口中打开 修改文字超链接的样式 在 Dreamweaver 中，默认的链接文字颜色为蓝色，而浏览过的颜色为紫红色 若想改变超链接文字的颜色，请于 属性 面板按 页面属性 钮开启对话方块更改相关设定： 链接颜色：添加了超链接的文字颜色 已访问链接：文字超链接被访问过的颜色 变换图像链接：当鼠标位于文字超链接上时的颜色 活动链接：当鼠标在超链接上点击时的颜色 点小图开大图 因版面的考虑，图片仅能缩小放在一旁。 如何让网站影像变得更大、更清楚？ 外部链接 选中页面中的文字或图像 使用插入菜单插入/超链接，打开超级链接对话框 输入外部的链接地址，如 设定打开位置 锚点链接 若将文字、图片全部设计在同一个网页可能会使该网页变得太过冗长，进而造成阅读上的不易。 锚点链接的目标端点是网页中的命名锚点，利用这种链接，可以跳转到当前网页中的某一指定位置上，也可以跳转到其他网页中的某一指定位置上。 Dreamweaver 中的命名锚点，类似于 Word 中的书签，只需要在几个关键地方插入 命名锚点，当它与连结搭配时就能很快地卷