制作网站链接.ppt

制作网站链接 主要内容 练习思考 实验操作 主要内容 制作外部网站链接 制作内部页面链接 制作电子邮件链接 制作空链接 制作脚本链接 制作同页面或不同页面之间的锚点链接 制作图像映射 制作外部网站链接 超级链接是构成网站最为重要的部分之一。 单击网页中的超级链接，可跳转至相应的位置，可以非常方便地从一个位置到达另一个位置。 一个完整的网站往往包含了相当多的链接。 制作外部网站链接 使用“绝对路径”： 制作外部网站链接，可在“链接”文本框中直接用键盘键入该网页在Internet上的“绝对路径”，并且包括所使用的协议（如对于Web页，通常使用http://，超文本传输协议）。 制作外部网站链接 制作外部网站链接 属性面板中的“目标”选项： _blank:在一个新的未命名的浏览器窗口中打开链接的目标网页。 _parent:如果是嵌套的框架，链接会在副框架或窗口中打开，如果不是嵌套的框架，就等于_top，在整个浏览器中显示目标网页。 制作外部网站链接 _self:在当前网页所在的窗口或框架中打开链接的目标网页。该项为浏览器的默认值。 _top:在完整的浏览器窗口中打开目标网页。 制作内部页面链接 “内部页面链接”指的是链接站点内部的文件。 制作内部页面链接 相对路径： 在“链接”文本框中输入文档的“相对路径”，一般使用“选择文件”的方法来创建。 制作邮件链接 mailto： 在“链接”文本框中输入mailto:ddc@ 制作邮件链接 加入邮件主题： 在“链接”文本框中输入mailto:ddc@?subject=网站的意见和建议 制作邮件链接 抄送另一个邮箱： 在“链接”文本框中输入mailto:ddc@?subject=网站的意见和建议cc=happyhelen@263.net 制作空链接 空链接用来激活页面中的对象或文本。 在“链接”文本框中输入# 制作脚本链接 脚本链接可给浏览者提供某个方面的额外信息。 在“链接”文本框中输入“javascript:window.close()” 制作锚点链接 锚点链接，是指同一个页面中的不同位置链接。 制作同页面锚点链接 步骤： 创建命名锚点 创建到命名锚点的链接 制作不同页面锚点链接 步骤： 在原始页面创建命名锚点 进入目标页面 创建到命名锚点的链接 下图是一个例子 制作图像映射 在单个图像内，可以设置多个不同的链接。这是一个非常实用的功能。图像映射是将整张图片作为链接的载体，将图片的整个部分或某一部分设置为链接。 制作热点链接 热点链接的原理就是利用HTML语言在图片上定义一定形状的区域，然后给这些区域加上链接，这些区域被称之为热点。 练习思考 选择题： 制作外部链接，使用（A）； 制作内部链接，使用（B）。 A 绝对路径 B 相对路径 练习思考 要求：为某网页中的文字设置邮件链接，并链接“bingbing@163.com”。 操作： 选中文字； 在“属性”面板的“链接”文本框中输入“mailto:bingbing@163.com” 练习思考 要求：为某网页中的文字设置邮件链接，并链接bingbing@163.com，同时自动填写主题“咨询问题”。 操作： 选中文字； 在“属性”面板的“链接”文本框中输入“mailto:bingbing@163.com?subject=咨询问题” 练习思考 问：创建不同锚点链接的步骤是什么： 答： 在原始页面创建命名锚点 进入目标页面 创建到命名锚点的链接 实训操作一 练习对网页中的元素设置外部链接 练习对网页中的元素设置内部链接 练习设置邮件链接 练习设置空链接 练习设置脚本链接 实训操作二 练习制作锚点链接 练习制作图像映射 * * *