ইমেজ মানচিত্রগুলি আপনার ওয়েব সাইটকে জীবিত করার জন্য একটি উত্তেজনাপূর্ণ এবং আকর্ষণীয় উপায়, আপনি ছবি আপলোড করতে এবং সেই সমস্ত ছবির অংশগুলিকে অন্যান্য অনলাইন সম্পদগুলিতে ক্লিকযোগ্য করতে পারেন। আপনি যদি একটি চিমটিতে থাকেন এবং একটি চিত্র মানচিত্র সম্পাদক ডাউনলোড করতে না চান তবে HTML ট্যাগগুলি ব্যবহার করে একটি মানচিত্র তৈরি করা সহজতর।
আপনাকে একটি চিত্র, একটি চিত্র সম্পাদক এবং কিছু ধরণের HTML সম্পাদক বা পাঠ্য সম্পাদক প্রয়োজন। যখন আপনি চিত্রটিতে ইঙ্গিত করবেন তখন বেশিরভাগ চিত্র সম্পাদক আপনাকে আপনার মাউসের সমন্বয়গুলি দেখাবে। এই সমন্বয় তথ্য আপনি ইমেজ মানচিত্র সঙ্গে শুরু করতে হবে।
একটি চিত্র মানচিত্র তৈরি করা
একটি চিত্র মানচিত্র তৈরি করতে, প্রথমে একটি চিত্র নির্বাচন করুন যা মানচিত্রের ভিত্তিতে পরিবেশন করবে। চিত্রটি "স্বাভাবিক আকার" হওয়া উচিত - এটি হল, আপনি এমন একটি চিত্র ব্যবহার করতে পারবেন না যা ব্রাউজারটি স্কেল করবে।
আপনি যখন চিত্রটি সন্নিবেশ করেন, তখন আপনি একটি অতিরিক্ত বৈশিষ্ট্য যুক্ত করবেন যা মানচিত্রের সমন্বয়কে চিহ্নিত করে:
যখন আপনি একটি চিত্র মানচিত্র তৈরি করেন, তখন আপনি এমন একটি ক্ষেত্র তৈরি করছেন যা চিত্রের উপর ক্লিকযোগ্য, তাই মানচিত্রের স্থানাঙ্কগুলি আপনার নির্বাচিত চিত্রের উচ্চতা এবং প্রস্থের সাথে লাইন আপ করতে হবে। মানচিত্র তিন ধরণের বিভিন্ন আকার সমর্থন করে:
- আয়তক্ষেত্র - একটি আয়তক্ষেত্র বা চারপাশে চিত্র
- বহু-বহুভুজ বা বহু-পার্শ্বযুক্ত চিত্র
- বৃত্ত-একটি বৃত্ত
এলাকাগুলি তৈরি করতে, আপনাকে অবশ্যই মানচিত্রের নির্দিষ্ট নির্দেশিকাগুলি আলাদা করতে হবে। একটি মানচিত্রে চিত্রের এক বা একাধিক সংজ্ঞায়িত এলাকা থাকতে পারে যা ক্লিক করলে, একটি নতুন হাইপারলিঙ্ক খুলুন।
একটি জন্য আয়তক্ষেত্র , আপনি উপরের বাম এবং নীচে ডান কোণের মানচিত্র। সমস্ত সমন্বয় এক্স, Y (ওভার, আপ) হিসাবে তালিকাভুক্ত করা হয়। সুতরাং, উপরের বাম কোণের জন্য 0,0 এবং নিচের ডানদিকে 10,15 টি টাইপ করুন 0,0,10,15। আপনি তারপর মানচিত্রে এটি অন্তর্ভুক্ত করুন:
একটি জন্য বহুভুজ , আপনি প্রতিটি মানচিত্র X, Y আলাদাভাবে সমন্বয়। ওয়েব ব্রাউজার স্বয়ংক্রিয়ভাবে প্রথম সঙ্গে সমন্বয় শেষ সেট সংযোগ করে; এই coordinates ভিতরে কিছু মানচিত্র অংশ।
বৃত্ত আকৃতিগুলির জন্য শুধুমাত্র আয়তক্ষেত্রের মতো দুটি সমন্বয় প্রয়োজন, তবে দ্বিতীয় সমন্বয়ের জন্য আপনি বৃত্তের কেন্দ্র থেকে ব্যাসার্ধ বা দূরত্ব নির্দিষ্ট করুন। সুতরাং, 1২২,২২২ সেন্টারে একটি বৃত্তের জন্য এবং 5 এর ব্যাসার্ধের জন্য আপনি 12২,12২,5,5 লিখবেন:
সমস্ত এলাকায় এবং আকার একই মানচিত্র ট্যাগ অন্তর্ভুক্ত করা যেতে পারে:
বিবেচ্য বিষয়
1990-এর দশকের প্রথম দিকে ২000-এর দশকে ওয়েব মানচিত্রে ইমেজ মানচিত্রগুলি আরও সাধারণ ছিল-ইমেজ মানচিত্রগুলি প্রায়ই ওয়েবসাইটের নেভিগেশনের ভিত্তি তৈরি করে। একটি ডিজাইনার মেনু আইটেম নির্দেশ করার জন্য কিছু ধরণের ছবি তৈরি করবে, তারপরে একটি মানচিত্র সেট করবে।
আধুনিক পন্থাগুলি প্রতিক্রিয়াশীল ডিজাইনকে উত্সাহ দেয় এবং একটি পৃষ্ঠাতে চিত্র এবং হাইপারলিঙ্কগুলি বসানোর জন্য ক্যাসকেডিং স্টাইল শীটগুলি ব্যবহার করে।
যদিও মানচিত্রের ট্যাগটি এইচটিএমএল মানদণ্ডে এখনও সমর্থিত, ছোট ফর্ম ফ্যাক্টরগুলির সাথে মোবাইল ডিভাইসগুলির ব্যবহার ইমেজ মানচিত্রগুলির সাথে অপ্রত্যাশিত কর্মক্ষমতা সমস্যা হতে পারে। উপরন্তু, ব্যান্ডউইথ সমস্যা বা ভাঙ্গা ইমেজ একটি ইমেজ মানচিত্র মূল্য moot।
সুতরাং, এই স্থিতিশীল, সুপরিচিত প্রযুক্তির ব্যবহার চালিয়ে যেতে বিনা দ্বিধায় থাকুন-বুদ্ধিমান যে বর্তমানে আরও দক্ষ বিকল্প রয়েছে এন ভিগ ওয়েব ডিজাইনারদের সাথে।