কোনও ওয়েবসাইট তৈরি করার সময়, এটি গুরুত্বপূর্ণ যে তথ্যের অ্যাক্সেসের সুবিধার কারণে এর উপাদানগুলির নকশাটি নতুন ব্যবহারকারীদের আকর্ষণ করতে অবদান রাখে। ক্লিকযোগ্য উপাদান - দর্শনার্থীর কাছে লক্ষ্যণীয় এবং বোধগম্য এমন একটি শিলালিপি, অর্থাৎ লিঙ্কটিতে ক্লিক করার জন্য একজন ব্যক্তিকে নিষ্পত্তি করে। রঙিন এবং স্বজ্ঞাত গ্রাফিক সন্নিবেশগুলি দ্বারা এই প্রভাবটি অর্জন করা যেতে পারে।
নির্দেশনা
ধাপ 1
ক্লিকযোগ্য হিসাবে পরিচিত ক্যাপশনটি, ব্যবহারকারীর দৃষ্টি আকর্ষণ করে এবং বাকী পৃষ্ঠা সামগ্রীর থেকে পৃথক হওয়া উচিত। ভুলে যাবেন না যে উপাদানটির অবশ্যই একটি নির্দিষ্ট কার্যকারিতা থাকতে হবে এবং ব্যবহারকারীকে অবশ্যই এই লিঙ্কটিতে ক্লিক করার পরে কোন মেনু আইটেমটিতে যাবেন তা অবশ্যই জানতে হবে।
ধাপ ২
আপনি ক্লিকযোগ্য টেক্সট বাক্স তৈরি করতে গ্রাফিক উপাদান ব্যবহার করতে পারেন। কোনও গ্রাফিক সম্পাদক এ তার শিলালিপি সহ সাইটের রঙিন ডিজাইনের জন্য উপযুক্ত একটি বোতাম আঁকুন। আপনি ওয়েবমাস্টারদের জন্য ছবি আঁকার জন্য উত্সর্গীকৃত সাইটগুলি পরিদর্শন করে ইন্টারনেটে রেডিমেড গ্রাফিক্স সমাধানগুলির সুবিধা নিতে পারেন।
ধাপ 3
ছবিটি আপলোড করার পরে, আপনাকে এটি পৃষ্ঠার এইচটিএমএল-কোডটিতে.োকানো দরকার। এটি করতে, ফাইলটিতে ডান ক্লিক করে এবং "ওপেন সহ খুলুন" বিভাগটি নির্বাচন করে একটি পাঠ্য সম্পাদককে সাইট ডকুমেন্টটি খুলুন। প্রদর্শিত অ্যাপ্লিকেশনগুলির তালিকায়, পৃষ্ঠা সম্পাদনা করতে আপনি যে সম্পাদকটি ব্যবহার করেন তা সুনির্দিষ্ট করুন। আপনি স্ট্যান্ডার্ড উইন্ডোজ নোটপ্যাডও ব্যবহার করতে পারেন।
পদক্ষেপ 4
কোডটির যে অংশে আপনি শিলালিপিটি সন্নিবেশ করতে চান সেখানে যান। তারপরে উপযুক্ত বর্ণনাকারী প্রবেশ করান। উদাহরণ স্বরূপ:
পদক্ষেপ 5
এই কোডটি একটি গ্রাফিক উপাদান আকারে একটি লিঙ্ক তৈরি করবে, যেখানে "ঠিকানা_ টো_ট্রান্সশন" এমন পৃষ্ঠা যেখানে ব্যবহারকারী ক্যাপশনটিতে ক্লিক করার পরে পুনঃনির্দেশিত হবে। "Path_to_Image" হল যেখানে আপনার বোতামের ফাইলটি অবস্থিত। কোনও ছবি খুঁজে পেতে অসুবিধা এড়াতে, এটি পৃষ্ঠা ফাইলের মতো একই ডিরেক্টরিতে রাখুন এবং src প্যারামিটারে সঠিক নামটি নির্দিষ্ট করুন। প্রস্থ এবং উচ্চতার পরামিতি চিত্রের আকার পিক্সেলগুলিতে নির্দেশ করে, উদাহরণস্বরূপ, 100 এবং 50।
পদক্ষেপ 6
ফাইলটিতে পরিবর্তনগুলি সংরক্ষণ করুন এবং "ওপেন উইথ" মেনুটি ব্যবহার করে একটি ব্রাউজারে এটি খুলুন। ক্লিকযোগ্য লেবেল তৈরির কাজ এখন সম্পূর্ণ। যদি ছবিটি প্রদর্শিত না হয়, কোডের সঠিকতা এবং ছবির নির্দিষ্ট পথটি পরীক্ষা করে দেখুন।
