网页设计4超级链接汇编.pptVIP

创建图像热点超级链接 要在一幅比较大的图片中添加许多超级链接时，应该将图片化整为零，分割成较小的图片，然后分别为这些小图像上建立超级链接来达到目的，但这时整幅图片就不能对齐，利用Dreamweaver 8的图像热点超级链接功能就能避免这个问题。 map name=“aaa area shape=poly coords=81,37,63,91,143,182,192,82,142,21 href=“URL /map 课后作业 建立一自选主题的网站，实现站内多个页面的链接（至少3个页面），链接类型包括今天所学的各类链接 内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途 网页设计（四） ——超级链接 知识技能目标 通过实训项目熟练掌握用HTML在网页中设置页面间的超链接。 实训内容 在网页中设置以下超链接 （1）站外的链接 （2）站内的链接 （3）图片链接 （4）电子邮件链接 （5）文件的链接 （6）热区链接 （7）锚链接 实训项目 设置页面效果如图 课堂实训 1.创建带文本的网页 （1）在学生盘文件夹10IT下的文件夹“website”中新建文件夹“shixun4” （2）在文件夹“shixun4”中新建网页，文件名为index.htm。 （3）给网页添加图片 img src=images/top_pic.jpg width=750 height=94 border=0 （4）在网页中添加下列文本。 课堂实训 首页||收藏||故事||朋友||理想 欢迎大家光临我的个人主页！ 我叫汤姆，今年9岁，这是我的第一个个人主页，希望大家能与我成为朋友，并多给我一些意见和建议。 我非常喜欢与全世界各地的人相识，与大家一起聊天，这样可以知道许多有趣的事情。不过大家可不要笑话我的个人主页幼稚，因为我刚刚开始学习制作网页，我使用的是Dreamweaver，不知大家使用什么工具来制作网页，是不是有更好的工具，那请你告诉我。 我非常爱好打棒球，长大了准备当一名职业棒球手，我收集许多我喜欢的棒球手的资料，我会向他们学习的，早晚有一天，你们会在球场上发现我——一名出色的投球手。 这里有我一些好东西，是我的个人收藏，提供给大家下载，希望能给你们带来欢乐。如果大家有什么好东西，希望能够提供给我。 课堂实训 2.给网页添加基本超链接 （1）站外的链接 a href=/cn/index.asp我的个人主页！/a （2）站内的链接 a href=collection.htm收藏/a （3）图片链接 a href=collection.htm img src=images/left_pic.jpg width=222 height=306 border=0 align=left/a 思考： 课堂实训 3.给网页添加其他的超链接 （1）电子邮件链接 a href=mailto:tom369@tom369@/a （2）文件的链接 a href=download/pingpang.rar下载/a 课堂实训 3.给网页添加其他的超链接 （3）热区链接 img src=images/top_pic.jpg width=750 height=94 border=0 usemap=#Map map name=Map area shape=circle coords=288,59,20 href=collection.htm area shape=circle coords=378,39,22 href= area shape=circle coords=493,32,31 href=friend.htm area shape=circle coords=641,45,44 href=ideal.htm area shape=rect coords=29,23,244,63 href=/ area shape=poly coords=266,26 href=# area shape=poly coords=269,29 href=# area shape=poly coords=269,29 href=# /map 课堂实训 3.给网页添加其他的超链接 （4）锚链接 锚的定义：a name= □ /a Ex：a name=1/a一、谁的网 锚的引用： a href=# □ /a