آموزش تصویری لینک دادن به قسمتی از یک عکس

برای لینک دار کردن قسمتی از یک عکس باید از خصوصیت image-map استفاده کرد. به مثال زیر دقت کنید:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

مشکل اصلی یافتن مقدار coords است. که در حقیقت مختصات قسمتی از تصویر است که می خواهید لینک دار گردد. بهترین روش برای یافتن مختصات این نقاط استفاده از برنامه فرانت پیج یا دریمویور است. در اینجا مراحل انجام روش فوق در نرم افزار فرانت پیج به صورت تصویری نمایش داده شده است.

آموزش لینک دادن به قسمتی از یک عکس