একটি ইমেজ মানচিত্র সম্পাদক ছাড়া ইমেজ মানচিত্র নির্মাণ কিভাবে

চিত্র মানচিত্র শুধু সহজ এইচটিএমএল ট্যাগ হয়

চিত্রের মানচিত্রগুলি আপনার ওয়েব সাইটকে উত্সাহিত করার জন্য একটি আকর্ষণীয় এবং আকর্ষণীয় উপায় - তাদের সাথে আপনি ছবি আপলোড করতে পারেন এবং অন্যান্য অনলাইন সম্পদগুলির জন্য ক্লিকযোগ্য ছবিগুলি তৈরি করতে পারেন। যদি আপনি একটি চিপে থাকেন এবং একটি ইমেজ ম্যাপ সম্পাদক ডাউনলোড করতে চান না, এইচটিএমএল ট্যাগ ব্যবহার করে একটি মানচিত্র তৈরি সহজবোধ্য হয়।

আপনার একটি ইমেজ, একটি ইমেজ এডিটর এবং কিছু সাজানোর এইচটিএমএল এডিটর বা টেক্সট এডিটর দরকার হবে। আপনি ছবিতে নির্দেশ করলে অধিকাংশ চিত্র সম্পাদক আপনাকে আপনার মাউসের কোঅর্ডিনেট দেখাবে। ইমেজ মানচিত্রগুলির সাথে শুরু করার জন্য এই সমন্বয় ডেটাটি আপনাকে প্রয়োজন।

একটি চিত্র মানচিত্র তৈরি করা

একটি চিত্র মানচিত্র তৈরি করতে, প্রথমে একটি চিত্র নির্বাচন করুন যা মানচিত্রের ভিত্তি হিসাবে পরিবেশন করবে। ইমেজটি "স্বাভাবিক আকার" হওয়া উচিৎ - এটি এমন একটি চিত্র ব্যবহার করা উচিত যাতে ব্রাউজারটি এটি স্কেল করবে না।

যখন আপনি ছবিটি সন্নিবেশ করবেন, তখন আপনি একটি অতিরিক্ত বৈশিষ্ট্য যোগ করবেন যা মানচিত্রের স্থানাঙ্ক সনাক্ত করবে:

যখন আপনি একটি ছবির মানচিত্র তৈরি করেন, তখন আপনি একটি এমন এলাকা তৈরি করছেন যা চিত্রের উপর ক্লিকযোগ্য হয়, তাই মানচিত্রের স্থানাঙ্কটি আপনার নির্বাচিত ইমেজটির উচ্চতা ও প্রস্থের সাথে লাইন আপ করতে হবে। মানচিত্র তিনটি ভিন্ন ধরনের আকার সমর্থন করে:

এলাকার তৈরি করতে, আপনার নির্দিষ্ট মানচিত্রটি ম্যাপ করার জন্য আপনাকে অবশ্যই পৃথক করা উচিত। একটি মানচিত্রটি ইমেজটির এক বা একাধিক সংজ্ঞায়িত এলাকার অন্তর্ভুক্ত হতে পারে, যেটি যখন ক্লিক করা হয় তখন একটি নতুন হাইপারলিঙ্ক খুলুন।

একটি আয়তক্ষেত্রের জন্য , আপনি শুধু উপরে বাম এবং নিচের ডান কোণে ম্যাপ করেন। সমস্ত স্থানাঙ্ক এক্স, y (ওভার, আপ) হিসাবে তালিকাভুক্ত করা হয়। তাই উপরের বাঁদিকের কোণায় 0,0 এবং নিচের ডানদিকের কোণে 10,15 আপনি 0,0,10,15 টাইপ করবেন । আপনি তারপর এটি মানচিত্র মধ্যে অন্তর্ভুক্ত:

"মরিস"

একটি বহুভুজের জন্য , আপনি প্রতিটি এক্স, মানচিত্রকে পৃথকভাবে মেনে চলেন। ওয়েব ব্রাউজার স্বয়ংক্রিয়ভাবে প্রথমটির সাথে সমন্বয়সাধনের শেষ সেটটি সংযোগ করে; এই কোঅর্ডিনেটরের ভিতরে কিছুটা মানচিত্রের অংশ।

"গারফিল্ড"

বৃত্তের আকৃতিগুলি শুধুমাত্র দুটি কোঅর্ডিনেটরের প্রয়োজন, আয়তক্ষেত্রের মত, কিন্তু দ্বিতীয় স্থানাঙ্কের জন্য আপনি বৃত্তের কেন্দ্র থেকে ব্যাসার্ধ অথবা দূরত্ব নির্দিষ্ট করুন। সুতরাং, কেন্দ্রে একটি বৃত্তের জন্য 122,122 এবং একটি ব্যাসার্ধ 5 আপনি 122,122,5 লিখতে হবে:

"Catbert"

সমস্ত মানচিত্র এবং আকার একই ম্যাপ ট্যাগে অন্তর্ভুক্ত করা যেতে পারে:

"মরিস"

বিবেচ্য বিষয়

1990-এর দশকের প্রথম দিকে খুব সহজেই চিত্র মানচিত্রগুলি 1 99 0-এর দশকের প্রথম দিকে খুব বেশি সাধারণ ছিল- চিত্রের মানচিত্রগুলি প্রায়ই ওয়েবসাইটের নেভিগেশনের ভিত্তিতে গঠিত হয় একটি ডিজাইনার মেনু আইটেম নির্দেশ করতে ছবির কিছু সাজানোর তৈরি করবে, তারপর একটি মানচিত্র সেট।

আধুনিক দৃষ্টিভঙ্গি প্রতিক্রিয়াশীল নকশাকে উৎসাহিত করে এবং একটি পৃষ্ঠায় ছবিগুলি এবং হাইপারলিঙ্কগুলি বসানোর জন্য ক্যাসকেডিং স্টাইল শীটগুলি ব্যবহার করে।

যদিও মানচিত্র ট্যাগ এখনও এইচটিএমএল মান সমর্থিত, ছোট আকারের উপাদানগুলির সাথে মোবাইল ডিভাইসের ব্যবহার চিত্র মানচিত্রগুলির সাথে অপ্রত্যাশিত পারফরম্যান্স সমস্যা হতে পারে। উপরন্তু, ব্যান্ডউইথ সমস্যা বা ভাঙা ছবি একটি ইমেজ ম্যাপের মূল্য বিবাদ করা।

সুতরাং, এই স্থিতিশীল, সুশৃঙ্খল প্রযুক্তি ব্যবহার করে মুক্ত থাকুন- বুদ্ধিমান যে বর্তমানে ওয়েব ডিজাইনারদের সাথে আরো কার্যকর বিকল্পগুলি রয়েছে।