当前位置:首页 >> IT/计算机 >> 网页制作-超链接

网页制作-超链接


在网页里,我们把这种点击后会进行页面切换的 网页界面元素叫超链接。
用文本和图形建立链接
选择你要制作超链接的文字和图片,然后选择“插入”菜 单的“超链接”命令。出来对话框: 在文件列表框内选择“页面 1.htm”文件,注意在URL文本 框中显示了该文件的地址单 击“确定”按钮.超链接就 制作成功了。

在网页里,我们把这种点击后会进行页面切换的 网页界面元素叫超链接。
用文本和图形建立链接
选择你要制作超链接的文字和图片,然后选择“插入”菜 单的“超链接”命令。出来对话框: 也可以将超链接指向其他站点 的网页。选中作为超链接的文 本,单击“常用”工具栏的 “超链接”按钮 ,这和选择 插入菜单的超链接命令是一样 的。改变已经设置好的超链接。 首先确认是普通模式,在要改 变的超链接下单击鼠标右键, 选择“超链接属性”命令,输 入新的URL地址就可以了。要想 取消超链接,删除所有URL地址 框里的内容就可以了。

还有一种超链接,可以链接电子邮件。这样可以使你 的网上朋友通过Email及时与你联系,这是一个网站站长 和网友交流的重要手段。 首先选中要作为超链接的文本和图片,一般文本 就是你的邮箱地址,单击“超链接”按钮,单击“信 封”按钮 ,输入你的邮箱地址:

不仅可以用超链接的方法在多个网页之间进行跳转, 也可以在同一个页面里跳转。它的最大优点是可以使我们 迅速跳到网页的某部分。首先要定义书签,然后就直接把 超链接指向书签就可以了 。

定义书签
书签可以是字符串,也可以 是光标所在位置。我们选中“默 认名称”四个字,选择“插入” 菜单“书签”命令,书签名称就 是选择的文本名称。我们可以直 接修改书签名称 。当你的书签 名为空时,你还要自己输入一个 名称。现在我们单击“确定”按 钮,在普通视图里“默认名称” 被加了下划虚线,表示这儿有一 个书签。

建立到书签的链接
选中文字或图片,把它作为超链接标志,单击“常用”工具栏 “超链接”按钮,在可选组框里书签下拉列表中选择相应的书签,单 击“确定”。“书签名称”就变为超链接了。 修改书签:选择“插入”菜单的“书签”命令,在对话框中选中 你要修改的书签,选择“转到”,跳到相应位置,这时可以直接修改 书签名称,也可以单击“清除”按钮删除书签。

在默认情况下,超链接是蓝色的,以与未访问已经 访问过的超链接一般用不同的颜色过的相区别。 我们可以改变这些颜色。首先在网页上单击鼠标右 键,选择“网页属性”,进入“网页属性”对话框,选 择“背景”选项卡,你可以改变一般的、已访问的和当 前的超链接的颜色,这里我们单击“超链接”下拉列表 框,选择绿色,单击“确定”按钮,超链接的颜色就改 变了。

建立图形地图,使一个图形指向多个链接目标 。单击 图片的不同部分时,就可以跳到页面的不同部分 。 首先,要在图形上绘制热点: 绘图工具栏有按钮可以添加热点。 这个可以添加矩形热点,我们用的就是它。 这个用来添加圆形热点, 这个可以添加不规则热点。 接下来 我们按下“矩形热点”按钮,在图片的某一部分 上拖一个框,接着就会弹出“创建超链接”对话框。还 可以拖动热点框调整位置,也可以拖动热点框的小黑点 改变框的大小。

单击图形中没有热点覆盖的地方,在默认情况下 不会发生跳转,有时我们也可以设置一个默认跳转位 置,这样单击图形的任何地方都会跳转。
单击图形,选中OFFICE图片,单击鼠标右键,选择 “图片属性”命令,在“常规”选项卡中单击“默认超链 接”中的“浏览”按钮。


赞助商链接
更多相关文档:

10.7网页超链接的制作

网页超链接制作 教学目标: 1.知识与技能 (1)了解超级链接的含义及链接源和链接目标的含义,掌握同一站点内以及不同 站点间网页超级链接的创建方法。 (2)掌握...

《Dreamweaver中超链接的应用》教案_图文

《Dreamweaver中超链接的应用》教案 - 公开课教案 课程名称课题名称: 授课班级: 任课教师: 授课时间: 《网页制作》教程 Dreamweaver...

教科版信息技术基础必修《制作网站——网页超链接的制...

教科版信息技术基础必修《制作网站——网页超链接制作》1课时教案附教学反思 - 制作网站——网页超链接制作(第 8 课时) 教学目标: 1.知识与技能 (1)了解...

在网页中建立各种超级链接_图文

网页中建立各种超级链接实训目标 1.掌握内部、外部超级链接的创建方法; 2.掌握 E-mail 链接的创建方法; 3.掌握锚点链接的制作方法; 4.掌握链接颜色的设置方法...

《网页超链接》教学设计

《网页超链接》教学设计_其它课程_小学教育_教育专区。《网页的超链接》教学设计 教材分析 ?创建超链接这部分内容在《网页制作》这一章中起到了画龙点 睛的作用...

《网页设计与制作中的普通超级链接》教学设计

网页设计与制作中的普通超级链接》教学设计 《网页设计与制作中的普通超级链接》教学设计江门市新会冈州职业技术学校学校:江门市新会冈州职业技术学校 姓名:曾文辉 ...

《网页设计---用CSS设置丰富的超链接特效》公开课教案

网页设计---用CSS设置丰富的超链接特效》公开课教案_其它课程_初中教育_教育专区。通过这节课的学习,在前面所学的用CSS设置文字效果、CSS设置图片效果和CSS设置...

DreamWeaver网页制作公开课教案

DreamWeaver网页制作公开课教案 - 公开课教案 授课章节 名称 课题 序号 第四单元 《DreamWeaver 网页制作——超链接的使用》 授课 时间 2006-4-4 星期二 第三节...

网页设计DW 超链接、锚点链接、邮件链接

网页设计DW 超链接、锚点链接、邮件链接 - 第 4 课 三种链接 1、 超链接 a 标签

建立超链接教学设计

建立超链接教学设计_其它课程_初中教育_教育专区。八年级上 设置超链接望道中学...通过设置超链接属性来管理超链接网页; 情感目标:通过本课的学习,让学生明白...

更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com