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