تصویری نقشہ جات صرف سادہ HTML ٹیگز ہیں
تصویری نقشے اپنی ویب سائٹ کو ان کے ساتھ لے جانے کے لئے ایک دلچسپ اور دلچسپ طریقہ ہے، آپ تصاویر اپ لوڈ کرسکتے ہیں اور ان تصاویر کے حصوں کو دوسرے آن لائن اثاثوں پر کلک کر سکتے ہیں. اگر آپ ایک چوٹکی میں ہیں اور ایک نقشہ ایڈیٹر ڈاؤن لوڈ نہیں کرنا چاہتے ہیں تو، HTML ٹیگ کا استعمال کرتے ہوئے ایک نقشہ براہ راست ہے.
آپ کو ایک تصویر، ایک تصویر ایڈیٹر اور کسی قسم کے HTML ایڈیٹر یا متن ایڈیٹر کی ضرورت ہوگی. جب آپ تصویر میں اشارہ کرتے ہیں تو زیادہ سے زیادہ تصویر ایڈیٹرز آپ کو آپ کے ماؤس کے موافقت دکھائے گی. یہ سمنوی ڈیٹا آپ کو نقشہ نقشوں کے ساتھ شروع کرنے کی ضرورت ہے.
تصویر کا نقشہ تخلیق کرنا
تصویر کا نقشہ بنانے کے لئے، سب سے پہلے ایک ایسی تصویر منتخب کریں جو نقشہ کی بنیاد پر کام کرے گا. تصویر "عام سائز" ہونا چاہئے - یہ ہے، آپ کو اس تصویر کو اتنا بڑا استعمال نہیں کرنا چاہئے کہ براؤزر اس کی پیمائش کرے گا.
جب آپ تصویر داخل کرتے ہیں، تو آپ ایک اضافی خاصیت شامل کریں گے جو نقشہ کے معاہدے کی شناخت کرتا ہے:
جب آپ تصویر کا نقشہ تخلیق کرتے ہیں تو، آپ اس تصویر کو تخلیق کررہے ہیں جس پر تصویر پر کلک کی جا سکتی ہے، لہذا نقشو کا نقطہ نظر آپ کے منتخب کردہ تصویر کی اونچائی اور چوڑائی کے ساتھ اپنائیں. Maps تین مختلف قسم کے سائز کی حمایت کرتے ہیں:
- آئتاکار آئتاکار یا چار رخا اعداد و شمار
- پالتو ایک کثیر قوون یا کثیر رخا شخص
- دائرے - ایک دائرے
علاقوں کو تخلیق کرنے کے لئے، آپ کو مخصوص نقاط کو الگ کرنا ضروری ہے جسے آپ نقشے کا ارادہ رکھتے ہیں. تصویر پر ایک یا زیادہ سے زیادہ وضاحت شدہ علاقوں پر مشتمل ہوسکتا ہے، جب کلک کیا جاتا ہے تو، ایک نیا ہائپر لنک کھولیں.
ایک آئتاکار کے لئے ، آپ صرف اوپر بائیں اور دائیں دائیں کناروں کو نقشہ دیتے ہیں. تمام سمتوں کو x، y (اوپر، اوپر) کے طور پر درج کیا جاتا ہے. لہذا، اوپری بائیں کو 0،0 اور نچلے دائیں کونے کے لئے 15،15 آپ 0،0،10،15 ٹائپ کریں گے. آپ اس میں نقشے میں شامل ہیں:
<نقشہ کا نام = "babycats"> <علاقے کی شکل = "ریچر" کوارڈ = "0،0،10،15" href = "morris.htm" alt = "موریس">ایک کثیر قزاقوں کے لئے ، آپ ہر ایکس کا نقشہ کرتے ہیں، آپ علیحدہ علیحدگی کو منظم کرتے ہیں. ویب براؤزر خود کار طریقے سے پہلے کے ساتھ ہم آہنگی کے آخری سیٹ کو جوڑتا ہے؛ ان سمتوں کے اندر کچھ بھی نقشہ کا حصہ ہے.
<نقشہ کا نام = "babycats"> <علاقہ شکل = "پولی" coords = "17،34،41،96،110،121" href = "garfield.htm" alt = "garfield">حلقے کے سائز صرف دو نواحقین کی ضرورت ہوتی ہے، مثلا آئتاکار کی طرح، لیکن دوسرا نفاذ کے لئے، آپ حلقے کے مرکز سے ریڈیو یا فاصلے کی وضاحت کرتے ہیں. لہذا، 122،122 پر مرکز کے ساتھ ایک دائرے کے لۓ اور ایک ریڈیو کو 5، آپ 122،122،5 لکھ لیں گے:
<نقشہ کا نام = "babycats"> <علاقے کی شکل = "سرکس" coords = "122،122،5" href = "catbert.htm" alt = "catbert">تمام نقشوں اور شکلوں کو ایک ہی نقشہ ٹیگ میں شامل کیا جا سکتا ہے:
<علاقہ کا نام = "babycats"> <علاقے کی شکل = "رییکٹ" کوارڈ = "0،0،10،15" href = "morris.htm" alt = "موریس"> <علاقہ شکل = "پولی" coords = "17 ، 34،41،96،110،121 "href =" garfield.htm "alt =" گارفیلڈ "> <علاقہ شکل =" سرکس "کوارڈ =" 122،122،5 "href =" catbert.htm "alt =" catbert ">خیالات
تصویر کے نقشے 1990 کے 1990 کے دور میں ویب 1.0 کے دور میں بہت زیادہ عام تھے. ابتدائی 2000 کے نقشے میں، نقشے نے اکثر ویب سائٹ کی نیویگیشن کی بنیاد بنائی. ایک ڈیزائنر مینو چیزوں کی نشاندہی کرنے کے لئے کچھ قسم کی تصویر بنائے گا، پھر نقشہ مقرر کریں گے.
جدید نقطہ نظر ذمہ دار ڈیزائن کی حوصلہ افزائی کرتا ہے اور ایک صفحے پر تصاویر اور ہائپر لنکس کی جگہ کو کنٹرول کرنے کے لئے سنجیدگی سے متعلق طرز چادروں کا استعمال کرتے ہیں.
اگرچہ نقشہ ٹیگ اب بھی HTML معیاری میں معاون ہے، چھوٹے فارم عوامل کے ساتھ موبائل آلات کا استعمال تصویر نقشے کے ساتھ غیر متوقع کارکردگی کے مسائل کی وجہ سے ہو سکتا ہے. اس کے علاوہ، بینڈوڈتھ کے مسائل یا ٹوٹے ہوئے تصاویر تصویر نقشہ کی قدر کو مسترد کرتے ہیں.
لہذا، اس مستحکم، اچھی طرح سے سمجھتی ہوئی ٹیکنالوجی کا استعمال کرتے ہوئے برقرار رکھنے کے لئے آزاد محسوس کریں- یہ معلوم ہے کہ فی الحال ویب ڈیزائنرز کے ساتھ موجودہ موثر متبادل موجود ہیں.