页面地图
所谓页面地图，其实是一张图片，画出相应的热点区域，用相应热点区域来指定一个链接！这样做的好处，是美观，我们下面先看一段代码
<img src="1.png" width="584" height="319" border="0" usemap="#Map" />
<map name="Map";>
<area shape="rect" coords="54,55,157,89" href="#1.htm" target="_blank" />
<area shape="circle" coords="191,195,30" href="#2.htm" target="_blank" />
<area shape="poly" coords="330,213,385,219,380,247,361,261,328,257" href="#3.htm" target="_blank" />
</map>
这里，我们来了解一下这是怎么定义的！先来看看width和height，定义了图片的宽和高，其实你也可以不用定义这点！usemap定义这个地图的名字，如map，那么，这里就是<img usemap="#map">，下面<map name="Map">这里定义了下面的地图指定的哪个图片，area在这里定义划分一个热点区域，shape在这里定义划分的方式，有矩形【rect】,圆形【circle】和对边形【poly】，coords则定义的是坐标！href定义目标页面，target属性不用说了吧？前面已经说过了！
其实，大家都会想，这些坐标我怎么知道呢？还要借助绘图工具使用吗？如果你喜欢这个方法也行，要不就用编辑器帮你实现！首先，这里我提到的是dreamweaver这个编辑器，添加一张图片，并定义usemap的名字，然后调到可视化或者拆分的模式下，建议用拆分，然后选中图片，下面会出现一个属性框，可以看到三个图标为矩形，圆形和多边形，然后选择你要的模式，把鼠标在图片中选中热点区域，然后在下面的链接的href选择指定显示的页面地址，目标这里就是选择target属性了！至此你可以去代码看看已经帮你生成了一组代码出来，不需要你去选择坐标了，这个方法我建议用来测试坐标地址，其他代码自己编写，多锻炼才能记住
好，地图的定义也是个重点，大家自己课后练习，下面我们来target属性定义和name的定义，这个是说如何定义分割的页面中，一个连接点击后，另一个分割出来的窗口打开一个页面，比如网站的菜单就是这样做到的
您可以选择一种方式赞助本站
支付宝扫一扫赞助
2012年02月27日 09:51 -9楼
头部logo该换一个啦，好丑~
2012年02月27日 12:14 地下1层
@象牙塔 暂时用的
2012年03月17日 01:06 地下1层
@象牙塔 网站备案好了，现在觉得还是更知鸟强大，我稍稍的修改，现在不卡了
2012年02月29日 10:42 -8楼
博主对web前端开发很精通啊
2012年02月29日 12:00 地下1层
@可可博客 网站方面我是菜鸟啦，过奖了啊
2012年03月17日 01:05 地下1层
@可可博客 网站备案好了，可以的话加个友链如何？
2012年03月16日 20:59 -7楼
前端开发我也比较喜欢~~~
2012年03月17日 01:05 地下1层
@snowinmay 呵呵，我最近都没学html和CSS了，在学C#