制作锚点链接实验资料.docVIP

实验1 制作内部链接 1、首先要在首页中为“生活”这个栏目建立相应的链接，在Dreamweaver的“网页编辑窗口”中选择“生活”栏目图象； 2、在属性面板的“链接”文本框中输入已经制作好的目标网页exist.htm，或者单击链接后的按钮，打开“选择文件”对话框，使用“选择文件”对话框选择一个网页文件，则链接到这个页面，或者拖动“链接”后的按钮到站点面板上的这个网页文件，则链接将指向这个网页； 3、打开exist.htm页面，我们希望单击Design studio的图象后能够返回首页，因此使用同样的方法，选中这张图象，然后拖动属性面板中“链接”后的按钮到站点面板上的index.htm网页文件，则链接将指向这个网页； 4、按照同样的方法，为exist.htm页面中的“意象中的生活”图象制作链接，指向exist文件夹下的exist_01.htm页面； 5、在exist_01.htm页面中，我们希望单击“本期首页”文字后，返回exist.htm页面，因此选中这段文字，然后拖动属性面板中“链接”后的按钮到站点面板上的exist.htm页面文件，则链接将指向这个网页。 实验2 制作图象映射 1、打开index_ori.htm页面，选择头部的图象文件； 2、单击属性面板左侧“地图”选项中的“矩形热点工具”； 3、当鼠标指针转变为十字形态的时候，在当前选定的图象上单击鼠标，框选设置链接的部分，这个时候，用透明的兰色显示指定图象热点区域； 4、用同样的办法，使用椭圆形热点工具和多边形热点工具为这张图象指定不同的热点区域； 5、选中图象中的热点，在属性面板上可以给图象热点设置超链接； 6、按下F12键，预览页面。 实验3 制作E-mail链接 1、选择页面下的“联系我们”； 2、在属性面板的“链接”文本框中输入“mailto:”和邮箱地址，例如：mailto:hu_song@126.com； 3、用户设置时还可以替浏览器加入邮件的主题，方法是在输入的电子邮件地址后面加上“?subject=要输入的主题”的语句，实例中主题可以输入“网站的意见与建议”，完整的语句为“mailto:hu_song@126.com?subject=网站的意见与建议”，这样预览页面后，用户单击链接弹出的发信窗口中会有现成的主题； 4、如果希望浏览者发信的时候顺便将邮件抄送到另外一个邮箱，可以继续书写链接地址，完整的语句为“mailto:hu_song@126.com?subject=网站的意见与建议cc=songsong@51”，这样预览页面后，用户单击连接弹出的发信窗口中回有现成的抄送地址。 实验4 制作锚点链接 1、打开index_ori.htm页面，在页面下方输入“返回页首”文字； 2、将光标放在需要插入命名锚记的位置，这里放在页面的最顶端，然后选择“插入”中的“常用”快捷栏，单击左侧第3个“命名锚记”按钮； 3、在弹出的“锚记名称”对话框中，键入锚记的名称，实例中要实现返回页首的效果，因此文本框中键入top； 4、单击“锚记名称”对话框的“确定”按钮，锚记标记已经插入到光标位置上了，这个位置也就是当命名锚记产生链接作用时，网页所要跳转到的地方；如果需要重新编辑命名锚记的话，在属性面板上编辑即可； 5、下面将链接命名锚记选中页面下方的“返回页首”的字样，在属性面板的“链接”文本框键入“#锚记名称”，实例中为“#top”； 6、按下F12键，当在浏览器中单击“返回页首”文本时，页面就会迅速跳转到命名锚记的位置，也就是页面顶端。 实验5 通过转到URL行为添加链接 1、打开index2.htm页面，选择页面上方的广告，我们希望鼠标指向广告的时候，就打开链接页面； 2、选择“窗口/行为”命令，打开行为面板然后单击行为面板中的“+”号，从中选择“转到URL”； 3、在弹出的对话框中的“打开在”项中选择打开链接的窗口，这里使用默认的设置，在URL项输入链接的地址，也可以单击“浏览”按钮在本地硬盘中找到链接的文件，这里输入“” ； 4、设置完毕后，单击“确定“按钮，在行为面板上可以看到添加好的动作； 5、单击行为面板中onload后面的下拉按钮，从弹出菜单中选择AonMouseOver,代表当鼠标指向链接的时候转到URL； 6、按下F12键预览页面，当在浏览器中把鼠标放到广告上方时，就可以打开相关的链接地址了。 实验6 链接网页的实例 1、打开index.htm页面，然后依次选择“简介”，“创业群”，“业务向导”“关于我们”的图象，分别拖动链接后的按钮到站点面板上的main.htm，main2.htm, main3.htm, main4.htm页面文件，则链接指向这几个页面。 2、依次打开main.htm，main2.htm, main3.htm, main4.htm