Image map یکی از تکنیکهای ساخت عکس بصورت لینک است که گاهی اوقات به کمک ما میاید. بطور مثال ما نقشه ایران را در صفحه ای قرارداده و میخواهیم که بیننده سایت هرگاه روی یک استان کلیک کرد صفحه مربوط به آن باز شود تا اطلاعات مربوطه را در اختیار کاربر قرار دهد. این حالت حجم عکس را افزایش نخواهد داد و بهتر است از عکسهایی با حجم بالا استفاده نکنیم که در این مورد به قسمت عکسها رجوع کنید.
خب حالا عکس مورد نظر را با استفاده از تگ ![]()
درصفحه قراردهید، سپس خصوصیت usemap=" " را به تگ اضافه کنید که آنرا برابربا یک اسم واحد باید قرار دهیم تا از آن اسم در جای دیگر استفاده شود. این خصوصیت به مرورگر میفهماند که عکس را بصورت Image map میخواهیم بکار بریم.
![]("images/mypic.gif")
به علامت # دقت کنید که باید نوشته شود. در حال حاضر عکس آماده است و باید تگهای نقشه را وارد کنیم.ابتدا تگ
l
l
خب سوالی که حالا پیش میاید، اینست که مختصات این نقاط را چگونه پیدا کنیم؟ دو راه برای آن وجود دارد، یکی استفاده از برنامه های مختلف مانند Photoshop و دیگری که برایتان توضیح خواهم داد بدون استفاده از برنامه جانبی است و داخل همان صفحه ، با کمک مرورگر اینترنت اکسپلورراست. بعد از اینکه یک عکس را در صفحه قرار دادیم و مراحل تشکیل Image map را انجام دادیم یک تگ و یک خصوصیت به این کدها اضافه میکنیم و آنچه را که میخواهیم براحتی بدست میاوریم. ابتدا تگ مخصوص لینک را قبل از![]()
قرار میدهیم تا عکس ما بصورت یک لینک ظاهر شود و سپس خصوصیت ismap را به تگ![]()
اضافه میکنیم و فایل را ذخیره میکنیم. حالا آنرا باز کرده و همانطور که موس را روی عکس حرکت میدهید یک نگاه به نوار وضعیت status bar مرورگر در پایین بیاندازید، اعدادی را که مشاهده میکنید مختصات نقاط میباشند.
l
![]("image.gif")
l
فراموش نکنید که بعد از پیدا کردن مختصات نقاط، تمام مراحلی را که اضافه کردید دوباره بردارید.
نظرات شما عزیزان:
تبادل لینک هوشمند 
