চিত্র মানচিত্র ব্যবহার করার জন্য বেনিফিট এবং দুর্নীতি
ওয়েব ডিজাইনের ইতিহাসে একটি বিন্দু ছিল যেখানে অনেকগুলি সাইট "চিত্র মানচিত্র" নামে পরিচিত একটি বৈশিষ্ট্য ব্যবহার করেছিল। এটি একটি পৃষ্ঠায় একটি নির্দিষ্ট ইমেজ সংযুক্ত কুণ্ডলী একটি তালিকা। এই নির্দেশিকাটি সেই চিত্রের হাইপারলিঙ্ক এলাকা তৈরি করে, একটি গ্রাফিকে "হট স্পট" যোগ করা অপরিহার্য, যা প্রতিটিগুলি বিভিন্ন স্থানে লিঙ্ক করতে কোডেড হতে পারে। এটি একটি ইমেজ একটি লিঙ্ক ট্যাগ যোগ তুলনায় অনেক আলাদা, যা সমগ্র গ্রাফিক এক গন্তব্য একটি বড় লিঙ্ক হতে হবে।
উদাহরণ - মার্কিন যুক্তরাষ্ট্রে একটি চিত্রের সঙ্গে একটি গ্রাফিক ফাইল থাকার কল্পনা। আপনি যদি প্রতিটি রাষ্ট্রকে "ক্লিকযোগ্য" বলে মনে করেন তবে তারা সেই নির্দিষ্ট রাষ্ট্রের পৃষ্ঠায় যেতে পারেন, আপনি এটি একটি ইমেজ ম্যাপের সাথে করতে পারেন। একইভাবে, আপনার যদি কোন সঙ্গীত ব্যান্ডের ছবি থাকে, তবে আপনি ব্যান্ড সদস্যের প্রতিটি পৃষ্ঠায় ক্লিক করার জন্য প্রত্যেক সদস্যকে ক্লিক করার জন্য ইমেজ ম্যাপ ব্যবহার করতে পারেন।
ইমেজ মানচিত্র শব্দ দরকারী কি? তারা অবশ্যই ছিল, কিন্তু তারা আজকের ওয়েবে পক্ষপাতী খুঁজে পতিত হয়েছে। এটি কমপক্ষে একটি অংশ, কারণ ইমেজ মানচিত্রগুলি কাজের জন্য নির্দিষ্ট স্থানাঙ্ক প্রয়োজন। আজ স্ক্রিন বা ডিভাইসের আকারের ভিত্তিতে প্রতিক্রিয়াশীল এবং চিত্র স্কেল তৈরির সাইটগুলি আজ তৈরি করা হয়েছে । এর মানে হল যে পূর্বনির্ধারিত স্থানাঙ্কগুলি, যা চিত্রগুলি কিভাবে মানচিত্রের কাজ করে, একটি সাইটের স্কেল এবং চিত্রগুলি আকার পরিবর্তন করে ভিন্ন হয়। এই কারণেই ইমেজ মানচিত্রগুলি আজকের প্রযোজনার সাইটগুলিতে খুব কমই ব্যবহার করা হয়, তবে তারা এখনও ডেমস্ বা দৃষ্টান্তের জন্য সুবিধার আছে যেখানে আপনি একটি পৃষ্ঠার আকার জোরদার করছেন।
কিভাবে একটি ইমেজ মানচিত্র তৈরি করতে জানতে চান, বিশেষ করে ডাইমাইভারের সাথে কীভাবে এটি করবেন? । প্রক্রিয়াটি বিশেষভাবে কঠিন নয়, তবে এটি সহজ নয়, তাই আপনাকে শুরু করার আগে আপনার কিছু অভিজ্ঞতা থাকতে হবে।
শুরু হচ্ছে
চল শুরু করি. আপনার ওয়েব পেজে ইমেজ যুক্ত করার প্রথম পদক্ষেপটি আপনাকে নিতে হবে। তারপর আপনি এটি হাইলাইট ইমেজ ক্লিক করুন। সেখানে থেকে, আপনাকে বৈশিষ্ট্যের মেনুতে যেতে হবে (এবং তিনটি হটস্পট অঙ্কন সরঞ্জামগুলির একটিতে ক্লিক করুন: আয়তক্ষেত্র, বৃত্ত বা বহুভুজ। আপনার ছবিটি ভুলে যাওয়া ভুলবেন না, যা আপনি সম্পত্তি বারে করতে পারেন। আপনি নাম দিতে পারেন এটা আপনি চান কিছু। একটি উদাহরণ হিসাবে "মানচিত্র" ব্যবহার করুন।
এখন, এই টুলগুলির মধ্যে একটি ব্যবহার করে আপনি আপনার ছবিতে যে আকৃতিটি চান তা আঁকুন। যদি আপনি আয়তক্ষেত্রাকার স্থান প্রয়োজন, rectange ব্যবহার। বৃত্ত জন্য একই যদি আপনি আরো জটিল হটস্পট আকৃতি চান, বহুভুজটি ব্যবহার করুন। এটি আপনি মার্কিন মানচিত্রের উদাহরণে সম্ভবত ব্যবহার করবেন, যেহেতু বহুভুজ আপনাকে পয়েন্টগুলি ড্রপ করতে এবং ছবিতে খুব জটিল ও অনিয়মিত আকার তৈরি করতে দেয়
হটস্পটের জন্য প্রোপার্টি উইন্ডোতে, হটস্পটের সাথে সংযোগ করা পৃষ্ঠাটি টাইপ করুন বা ব্রাউজ করুন। এই লিঙ্কযোগ্য এলাকা তৈরি কি তা। আপনার মানচিত্র সম্পূর্ণ না হওয়া পর্যন্ত হটস্পট যোগ করা চালিয়ে যান এবং আপনি যে সমস্ত লিঙ্কগুলি যোগ করতে চান তা যোগ করা হয়েছে।
একবার আপনার কাজ সম্পন্ন হলে, এটি সঠিকভাবে কাজ করে তা নিশ্চিত করার জন্য একটি ব্রাউজারে আপনার চিত্র মানচিত্রটি পুনর্বিবেচনা করুন যথোপযুক্ত সম্পদ বা ওয়েব পৃষ্ঠাতে যায় তা নিশ্চিত করার জন্য প্রতিটি লিঙ্কটি ক্লিক করুন
চিত্র মানচিত্রের অসুবিধাগুলি
আবার, প্রতিক্রিয়াশীল ওয়েবসাইটগুলির সাথে সমর্থনের উপরোক্ত অভাবের বাইরে ইমেজ ম্যাপগুলির বেশ কিছু কনসেনশন রয়েছে তা সচেতন থাকুন। Firs, ছোট বিবরণ একটি ইমেজ ম্যাপে অস্পষ্ট হতে পারে। উদাহরণস্বরূপ, ভৌগোলিক চিত্র মানচিত্র কোনও মহাদেশটি কোনও প্রান্ত থেকে নির্ধারণ করতে পারে, তবে এই মানচিত্রটি ব্যবহারকারীর উত্সের উদ্ভবের জন্য যথেষ্ট পরিমাণে বিস্তারিত নাও হতে পারে। এর অর্থ হল একটি ইমেজ ম্যাপটি এটি নির্ধারণ করতে সাহায্য করতে পারে যে কোনও ব্যবহারকারী এশিয়া থেকে এসেছেন কিন্তু বিশেষ করে কাম্বোডিয়া থেকে নয়।
চিত্র মানচিত্রগুলি ধীরে ধীরে লোড হতে পারে। ওয়েবসাইটের একাধিক বার ব্যবহার করা উচিত নয় কারণ ওয়েব সাইটে প্রতিটি পৃষ্ঠায় ব্যবহারের জন্য তারা খুব বেশি জায়গা দখল করে আছে। একটি একক পৃষ্ঠায় অনেকগুলি চিত্র মানচিত্র একটি মারাত্মক বাধা সৃষ্টি করে এবং সাইট পারফরম্যান্সের উপর ব্যাপক প্রভাব ফেলে।
পরিশেষে, চিত্রের মানচিত্রগুলি দৃশ্যমান সমস্যার সাথে ব্যবহারকারীদের জন্য সহজ হতে পারে না। আপনি যদি চিত্রের মানচিত্রগুলি ব্যবহার করেন তবে বিকল্প হিসেবে আপনার ব্যবহারকারীদের জন্য আরেকটি নেভিগেশনের ব্যবস্থা তৈরি করা উচিত।
শেষের সারি
আমি সময়মতো ইমেজ ম্যাপ ব্যবহার করি যখন আমি একটি নকশা একটি দ্রুত ডেমো একত্রিত করার চেষ্টা করছি এবং এটি কিভাবে কাজ করে। উদাহরণস্বরূপ, আমি একটি মোবাইল অ্যাপ্লিকেশনের জন্য একটি নকশা উপহাস করতে পারে এবং আমি অ্যাপ্লিকেশন এর ইন্টারঅ্যাক্টিভিটি অনুকরণ করতে হটস্পট তৈরি করতে চিত্র মানচিত্র ব্যবহার করতে চাই। এটি কোডটি কোডের চেয়েও সহজতর হবে, অথবা এইচটিএমএল এবং সিএসএল এর সাথে বর্তমান মানের নির্মিত ডামি ওয়েবপৃষ্ঠাগুলি তৈরি করবে। এই নির্দিষ্ট উদাহরণে, এবং কারণ আমি জানেন যে ডিভাইসটি কি ডিজাইনটি ডেমো করবে এবং সেই ডিভাইসে কোডটি স্কেল করতে পারবে, একটি ইমেজ ম্যাপ কাজ করে, কিন্তু একটি উত্পাদন সাইট বা এপ্লিকেশনটি তাদের খুব কঠিন এবং এটি আজকের এড়ানো উচিত ওয়েবসাইট।
জনিফার ক্রাইনিনের মূল রচনা 9/7/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত