在网页中建立各种超级链接
实训目标
1．掌握内部、外部超级链接的创建方法；
2．掌握E-mail链接的创建方法；
3．掌握锚点链接的制作方法；
4．掌握链接颜的设置方法；
5．了解图像映射的制作方法；
6．了解跳转菜单、翻转图像实例、导航栏的制作方法。
实训内容
准备工作
本实训所需的网页及图象文件均在实训二课件的“实训\materials”文件夹下。
1、解压文件
解压文件“实训二 在网页中建立各种超级链接.rar”，请将“课堂实训”文件夹中的“materials”文件夹复制到D盘根目录下，并将其重命名为“future”。
2．新建站点
新建网站“畅想未来”，将站点和个人文件夹future建立一一对应的关系。
任务一、在网页中建立各种超级链接
设计目标
在实训一完成的index.htm页面中，制作一个具有超级链接的网页。其浏览效果见“实训\result”文件夹中的index4.html文件所示。当鼠标移到栏目标题文本上时就会变成手形，同时在浏览器下方的状态栏中显示链接地路径，单击时便会跳转到相应的链接内容。
2、页面分析
该页面包含了内部超级链接、外部超级链接、空链接和脚本链接、Email超级链接等。
页面效果请参见实训二课件中“实训\result”文件夹下的index4.html文件。html网页设计超链接
3．制作步骤
说明：请在完成下面操作前，先将所有的素材文件放置在对应的文件夹下；
在Dreamweaver中本地站点future中打开index.html页面，依次按照下述内容在页面中创建各种超级链接。
（1）创建内部超级链接
内部超级链接：就是在同一个站点内的不同页面之间建立超级链接关系；
☞ 为“未来都市”文本创建超级链接
在网页中选定文本“未来都市”，在“属性“面板中单击“浏览文件”，在打开的“选择文件”对话框中选择需要的网页文件（ex4_city.html）；
☞ 在“目标”选择框中选择“_blank”，以确保在新的浏览窗口中打开连接文件；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。