7-1.cfm.htm

最全的asp.net教程,对现在正在学.net的学生有很好的辅助效果

<b>

<p ALIGN="JUSTIFY">注意</p>
</b>

<p ALIGN="JUSTIFY">使用多边形在image map上定义区域时要小心，早版本的Internet 
Information Server不能处理超过100个点组成的多边形（这将会造成禁止进入的错误）。现版的服务器能处理多达160个点的多边形，但多于这些的点就会被忽略。</p>

<p ALIGN="JUSTIFY">你可能已经注意到在上述地图文件中由rect和circle定义的区域是重叠的。在两个区域重叠的情况下，在地图文件中首先定义的区域会起作用，因此在此例中，重叠区域会执行矩形区的功能，news.cfm文件将会与矩形和圆重叠的区域相关联。</p>
<b>

<p ALIGN="JUSTIFY">注意</p>
</b>

<p ALIGN="JUSTIFY">一些作图软件，如Fractal Design Painter，可以自动地为你产生地图文件。另外，许多共享软件和免费软件可以用来建立地图文件，可浏览</font><a
HREF="javascript:if(confirm('http://www.shareware.com/  \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。  \n\n你要从服务器上打开它吗? '))window.location='http://www.shareware.com/'" tppabs="http://www.shareware.com/"><font FACE="宋体" SIZE="3" COLOR="#0000ff"><u>http://www.shareware.com</u></font></a><font
FACE="宋体" SIZE="3">或</font><a HREF="javascript:if(confirm('http://www.tucows.com/  \n\n文件并未按 Teleport Pro 取回, 因为 它的域或路径超过启始网址中设定的范围。  \n\n你要从服务器上打开它吗? '))window.location='http://www.tucows.com/'" tppabs="http://www.tucows.com/"><font FACE="宋体"
SIZE="3" COLOR="#0000ff"><u>http://www.tucows.com</u></font></a><font FACE="宋体"
SIZE="3">。</p>

<p ALIGN="JUSTIFY">当你画好了图象，包含了必需的HTML标识符，并建立了地图文件后，你就有了一个服务器端image 
map，你可以在一个网页上包含任意多的image map，而且你也可以在多个网页上反复使用同一幅图象和地图文件。例如，如果你想在多幅网页上包含同一个导航条时，就可以这样做。</p>
</font><font FACE="宋体" SIZE="5"><b>

<p ALIGN="JUSTIFY">客户端image map</p>
</b></font><font FACE="宋体" SIZE="3">

<p ALIGN="JUSTIFY">客户端image map与服务器端image map的功能完全一样，但客户端image 
map会快许多，它的唯一一个缺点是它在早期到浏览器上不被支持。</p>

<p ALIGN="JUSTIFY">在客户端image map上，用HTML标识符来指定一个地图文件，你可以使用&lt;MAP&gt;和&lt;AREA&gt;标识符来完成这一切，下面是个例子：</p>

<p ALIGN="JUSTIFY">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt; &lt;TITLE&gt; Client-Side Image Map &lt;/TITLE&gt; 
&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;MAP NAME=“mymap”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“rect” COORDINATES=“0,0,100,100” HREF=“/news.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“rect” COORDINATES=“101,0,200,100” HREF=“/chat.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;/MAP&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;MAP&gt;标识符用来包含&lt;AREA&gt;并为地图提供一个名字，每一个&lt;AREA&gt;在图象上定义了一个区域，并与一个地址（URL）相关联。</p>

<p ALIGN="JUSTIFY">在此例中，在图上定义了两个矩形区域，第一个区域从图象的左上角开始，并有100个象素的宽和高，如果用户在这个区域内点击鼠标，就会调入news.cfm文件；第二个矩形从坐标（101，0）开始，并在坐标（200，100）结束，这个区域与HTML文件chat.cfm相关联。</p>
<b>

<p ALIGN="JUSTIFY">注意</p>
</b>

<p ALIGN="JUSTIFY">根据HTML 3.2规范，你可以使用百分数来提供区域的坐标，然而，并不是所有的浏览器都支持这一特性，所以你最好不要用它。</p>

<p ALIGN="JUSTIFY">你也可以在SHAPE属性中指定圆形和多边形，下面的例子使用了三种形状：</p>

<p ALIGN="JUSTIFY">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt; &lt;TITLE&gt; Client-Side Image Map &lt;/TITLE&gt; 
&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;MAP NAME=“mymap”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“rect” COORDINATES=“0,0,100,100” HREF=“/news.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“circle” COORDINATES=“50,50,20” HREF=“/chat.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“poly”</p>

<p ALIGN="JUSTIFY">COORDINATES=“200,0 400,0 400,100 200,100 200,0” HREF=“/help.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“rect” COORDINATES=“0,0,10,10” NOHREF&gt;</p>

<p ALIGN="JUSTIFY">&lt;/MAP&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</p>

<p ALIGN="JUSTIFY">在此例中，通过给出圆心的坐标x、y及圆的半径定义了一个圆形区域，而多边形的定义是通过提供一系列表明多边形顶点的x、y坐标而完成的。</p>

<p ALIGN="JUSTIFY">注意在最后一个&lt;AREA&gt;中出现的NOHREF属性，它用来定义image 
map上的无效区域，如果用户点击了这个区域，将不调入任何文件。在此例中，最后一个&lt;AREA&gt;标识符用来在第一个&lt;AREA&gt;中定义的矩形区中挖出一个洞（当你想要在image 
map上定义一个复杂的形状时，这个属性是很有用的）。</p>

<p ALIGN="JUSTIFY">注意第一个矩形和圆形重叠的区域，第一个&lt;AREA&gt;将有优先权，因此在此例中，如果用户点击了重叠区域，将会读入news.cfm文件。</p>

<p ALIGN="JUSTIFY">在客户端image map中，你不能定义一个缺省文件用来当用户点击在定义区域之外时读入。然而，还有别的办法来实现这一效果，如果你让最后一个&lt;AREA&gt;作用于整个图象，这个标识符就会为整个image 
map指定一个缺省文件。</p>

<p ALIGN="JUSTIFY">这个HTML文件不很复杂，你还要指定一个图象用在你的image 
map中，你可以用&lt;IMG&gt;的USEMAP属性来将一幅图象与一个地图文件相关联，就象下面的例子所示：</p>

<p ALIGN="JUSTIFY">&lt;HTML&gt;</p>

<p ALIGN="JUSTIFY">&lt;HEAD&gt; &lt;TITLE&gt; Client-Side Image Map &lt;/TITLE&gt; 
&lt;/HEAD&gt;</p>

<p ALIGN="JUSTIFY">&lt;BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;MAP NAME=“mymap”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“rect” COORDINATES=“0,0,100,100” HREF=“/news.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;AREA SHAPE=“rect” COORDINATES=“101,0,200,100” HREF=“/chat.cfm”&gt;</p>

<p ALIGN="JUSTIFY">&lt;/MAP&gt;</p>

<p ALIGN="JUSTIFY">&lt;MAP SRC=“myimage.gif” USEMAP=“#mymap”&gt;</p>

<p ALIGN="JUSTIFY">&lt;/BODY&gt;</p>

<p ALIGN="JUSTIFY">&lt;/HTML&gt;</p>

<p ALIGN="JUSTIFY">在此例中，地图mymap与图象myimage.gif相关联，如果你需要，你可以把一个地图文件与同一网页上的多幅图象相关联，这是很有用的。例如，如果你想在一个网页的顶部和底部都加上同一个导航条。</p>

<p ALIGN="JUSTIFY">通常，客户端image map一般使用GIF图象，但你也可以使用JPEG甚至是PNG图象。如果你想在image 
map中使用照片，JPEG图象可能是较好的选择（见第五章“初级HTML”了解何时使用JPEG要比GIF好）。</p>

<p ALIGN="JUSTIFY">你可以使用&lt;IMG&gt;标识符的所有常用属性。例如，你应当指定图象的WIDTH和HEIGHT属性，这样读入图象时会快些。另外，你也可以使用&lt;IMG&gt;的BORDER＝0属性，这样在显示出来的图象的周围没有边框出现。</p>

<p ALIGN="JUSTIFY">当指定地图文件名时要小心，在&lt;IMG&gt;标识符中指定时一定要在地图名前加上＃号，而且，地图文件名是区别大小写的，名为Mymap的地图与名为mymap的是不同的。</p>
</font>
</body>
</html>