(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 -

