静态网页制作上机实验指导 - 图文

2026/4/23 6:15:21

(1)

- 17 -

实验四 使用超级链接

【 实验目的 】熟悉在网页中插入多种形式的超链接。

【 实验器材 】安装有Windows 98/2000/xp;Dreamweaver CS3 ,IE浏览器,NetScape浏览器,IIS5.0 等软件的计算机。 【 实验内容 】

? 添加外部链接。要求:要求站外超链接在新的IE浏览器窗口打开; ? 添加内部链接。要求:使用相对地址在站内添加超链接,;

? 添加Email链接。要求能够直接调用客户端的OutLook向邮件接收人发送邮件。 ? 添加锚标记:要求:能够在同一个页面内或在不同页面内添加锚标记。

? 添加热点链接:要求:在一个地图中能够创建规则或不规则的热点区域,并为热点区域添加超链接。 【 实验步骤 】

实验任务一:为你的个人网站的精彩链接栏目添加站点的外部链接

第1步:在你的个人站点中新建文件夹links,并在links文件夹中创建index.html,如图5-1所示。

图5-1 创建精彩链接的栏目文件

第2步:在index.html文件中创建如图2所示的内容。

- 18 -

图5-2 精彩链接文件中页面内容

第3步:为“浙江树人大学”、“浙江工业大学”、“浙江大学”等大学添加它们的网址。 第4部:设置外部链接的属性,如图5-3所示。

图5-3 设置外部链接的属性

第5步:打开IE浏览器测试外部链接。

实验任务二:为你的个人网站的添加站点的内部链接

第1步:打开你的个人站点的首页文件,如index.html,如图5-4所示。

图5-4 打开首页index.html

第2步:选中“在线歌曲”栏目的标题文字,然后在属性面板中为其添加内部链接,如图5-5、5-6所示。注意在这一步中,你可以使用三种方法为你的“在线歌曲”添加内部链接:直接输入链接地址、

- 19 -

使用文件夹选择对话框、使用指向文件图标功能。

图5-5 首页界面

图5-6 添加内部连接的界面。

实验任务三:为你的个人网站中“与我联系”栏目添加站点的email链接

第1步:在图5-5中的首页文件index.html中,使用鼠标选中“与我联系”栏目标题。 第2步:在属性面板的链接文本框中输入mailto:wangyg@zjut.edu.cn的邮箱地址。

- 20 -


静态网页制作上机实验指导 - 图文.doc 将本文的Word文档下载到电脑
搜索更多关于: 静态网页制作上机实验指导 - 图文 的文档
相关推荐
相关阅读
× 游客快捷下载通道(下载后可以自由复制和排版)

下载本文档需要支付 10

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:xuecool-com QQ:370150219