网页设计与制作之超链接 - 图文

更新时间:2023-03-14 10:35:01 阅读量: 教育文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

实验四 在网页中使用超链接

【实验目的】

通过本实验,使学生熟悉如何在网页中通过超链接来使用多媒体的方法。

【实验要求】

[1] 掌握如何创建与各种对象的超级链接; [2] 掌握编辑各种超链接的方法; [3] 掌握利用站点地图管理超链接的方法。

【实验内容】

1、制作一个网页,并设置相应的超链接,如文本超链接、图片热区超链接、电子邮件超链接,如图1“校友录”所示。

2、使用布局表格制作如图2所示网页

图1“校友录”

图2 布局表格 “校友录”页面制作

【实验步骤】

1、 首先在制作出如下所示的表格:

2、页面属性如下:

3、添加相应图片及文本

4、在图片上设置热点链接,如下所示:

并制作相应地特点链接网页,示例如下:

5、设置文本空链接,如下所示:

6、在“联系”字样上设置电子邮件超链接,如下所示:

对“Send”图片设置电子邮件超链接,如下所示:

“布局表格”制作步骤

1、使用布局模式绘制布局表格和布局单元格进行布局,如图所示

2、将未来旅游中的图片设置为“鼠标经过图像”

3、将页面下方的“与我联系”设置为电子邮件超链接

本文来源:https://www.bwwdw.com/article/4pvx.html

Top