সম্ভবত এমন একটি নথিতে একটি লিঙ্ক তৈরি করার ক্ষমতা যা আপনাকে অন্য কোনও দস্তাবেজে নিয়ে যেতে পারে, সম্ভবত বিশ্বব্যাপী প্রায় অর্ধেক নেটওয়ার্কে, এটি বিশ্বব্যাপী ওয়েব ওয়াইড ওয়েব আবিষ্কারের একমাত্র গুরুত্বপূর্ণ কারণ। এই লিঙ্কগুলিকে হাইপারলিঙ্ক বলা হয় এইচটিএমএল (হাইপারটেক্সট মার্কআপ ভাষা) "এইচ"। হাইপারলিঙ্ক ছাড়া, ওয়েব খুব দরকারী হবে না। সেখানে কোনো সার্চ ইঞ্জিন, সোশ্যাল মিডিয়া বা ব্যানার বিজ্ঞাপন থাকবে না (ঠিক আছে, আমাদের মধ্যে অনেকেই সেগুলি দেখতে যেতে পারে)।
যখন আপনি নিজের ওয়েব পৃষ্ঠাগুলি তৈরি করছেন, তখন আপনি হাইপারলিঙ্ক তৈরি করতে চান এবং কমপজারের এমন সরঞ্জাম রয়েছে যা কোনও ধরণের লিঙ্ক যুক্ত করা সহজ করে। এই টিউটোরিয়ালটিতে চিত্রিত নমুনা পৃষ্ঠাটি একই ওয়েব পৃষ্ঠার অন্যান্য অংশে, অন্য বিভাগগুলির লিঙ্কগুলিতে, এবং একটি ইমেল বার্তা শুরু করতে থাকবে। আমি একটি শিরোনাম এবং চার সঙ্গে শুরু করব
এইচ 3 প্রতিটি বিভাগের শিরোনাম। পরের পৃষ্ঠায় আমরা কিছু লিঙ্ক যুক্ত করব। 05 এর 01
KompoZer সঙ্গে একটি হাইপারলিঙ্ক তৈরি
কমপজারের হাইপারলিঙ্ক সরঞ্জামগুলি সরঞ্জামদণ্ডের লিঙ্ক বোতামে ক্লিক করে অ্যাক্সেস করা হয়। একটি হাইপারলিঙ্ক তৈরি করতে:
- আপনার কার্সারটি সেই পৃষ্ঠায় রাখুন যেখানে আপনি আপনার হাইপারলিঙ্ক প্রদর্শিত করতে চান।
- টুলবারে লিঙ্ক বোতামে ক্লিক করুন। লিঙ্ক বৈশিষ্ট্য ডায়ালগ বক্স প্রদর্শিত হবে।
- আপনি পূরণ করতে হবে প্রথম ক্ষেত্র লিঙ্ক টেক্সট বক্স। আপনি আপনার হাইপারলিঙ্কের জন্য পৃষ্ঠাটিতে যে পাঠ্যটি দেখতে চান তা টাইপ করুন।
- দ্বিতীয় ক্ষেত্রটি আপনাকে পূরণ করতে হবে লিঙ্ক অবস্থান বাক্স। পৃষ্ঠাটির URL টি টাইপ করুন যা আপনার হাইপারলিংকটি ক্লিক করার সময় ব্যবহারকারীকে গ্রহণ করবে। আপনার ব্রাউজারের ঠিকানার বার থেকে URL টি অনুলিপি এবং আটকানো একটি ভাল ধারণা। আপনি এই ভাবে ভুল করার সম্ভাবনা কম এবং আপনি জানেন যে অন্তত আপনার লিঙ্ক তৈরির সময় পৃষ্ঠাটি জীবিত এবং লিঙ্কটি ভাঙা হয় না।
- ঠিক আছে ক্লিক করুন এবং লিংক প্রোপার্টি ডায়ালগ বক্স বন্ধ হবে। আপনার লিঙ্ক এখন আপনার পৃষ্ঠায় প্রদর্শিত হবে।
বেশিরভাগ ব্রাউজারে, হাইপারলিঙ্ক ডিফল্টরূপে নীল আন্ডারলাইনে লেখা প্রদর্শিত হবে। আপনি KompoZer এর সাথে হাইপারলিঙ্কগুলিতে নিজের শৈলী প্রয়োগ করতে পারেন, তবে এখনকার জন্য আমরা মৌলিক হাইপারলিঙ্কের সাথে থাকব। ওয়েব ব্রাউজারে আপনার পৃষ্ঠাটির পূর্বরূপ দেখতে এবং এটি কাজ করার জন্য লিঙ্কগুলিতে ক্লিক করার জন্য এটি একটি ভাল ধারণা।
05 এর 02KompoZer সঙ্গে একটি নোঙ্গর লিঙ্ক তৈরি করা
আরেকটি হাইপারলিঙ্ক রয়েছে যা ক্লিক করলে একই ওয়েব পৃষ্ঠাটির অন্য অংশে আপনাকে নিয়ে যায়। এই ধরনের হাইপারলিঙ্কটিকে একটি অ্যাঙ্কর লিঙ্ক বলা হয় এবং আপনি যে লিঙ্কটি ক্লিক করেন সেটির পৃষ্ঠার ক্ষেত্রটি অ্যাঙ্কর বলা হয়। আপনি যদি কোনও ওয়েব পৃষ্ঠার নীচে "শীর্ষে ফিরে" লিঙ্কটি ব্যবহার করেন তবে আপনি একটি নোঙ্গরের লিঙ্কটিতে ক্লিক করছেন।
KompoZer আপনাকে টুলবারে অ্যাঙ্কর টুল ব্যবহার করে অ্যাঙ্কার তৈরি করতে দেয়।
- আপনার পৃষ্ঠার এলাকায় ক্লিক করুন যেখানে আপনি একটি নোঙ্গর চান। যে যেখানে আপনি একটি অ্যাঙ্গার লিঙ্ক ক্লিক করা হয় যখন পৃষ্ঠা দর্শক নিতে চান। এই উদাহরণের জন্য, আমি প্রিয় সঙ্গীত হেডারের "F" এর ঠিক আগে ক্লিক করেছি।
- টুলবারের অ্যাঙ্কর বাটনে ক্লিক করুন। নামযুক্ত অ্যাঙ্কর প্রোপার্টি ডায়লগ বক্স প্রদর্শিত হবে।
- একটি পৃষ্ঠায় প্রতিটি নোঙ্গর একটি অনন্য নাম প্রয়োজন। এই নোঙ্গর জন্য, আমি নাম "সঙ্গীত" ব্যবহৃত।
- ঠিক আছে ক্লিক করুন, এবং আপনি দেখতে হবে, এবং নোঙ্গর চিহ্ন স্পট যে আপনি নোঙ্গর চেয়েছিলেন প্রদর্শিত হবে। এই প্রতীকটি আপনার ওয়েব পৃষ্ঠায় উপস্থিত হবে না, এটি কেবলমাত্র কমপজার আপনাকে যেখানে আপনার নোঙ্গর দেখাবে তা দেখায়।
- পৃষ্ঠার যে কোনও অঞ্চলের জন্য পদ্ধতিটি পুনরাবৃত্তি করুন যেখানে আপনি ব্যবহারকারীদের লাফ দিতে সক্ষম হবেন। শিরোনাম বা কিছু অন্যান্য লজিক্যাল ডিভাইডার দ্বারা আলাদা পৃষ্ঠায় আপনার অনেক পাঠ্য থাকলে, অ্যাঙ্কারগুলি পৃষ্ঠাটিকে নেভিগেট করার একটি সহজ উপায়।
পরবর্তী, আমরা লিঙ্ক তৈরি করব যা পাঠককে আপনার তৈরি নোঙ্গরগুলিতে নিয়ে যাবে।
05 এর 03KompoZer সঙ্গে পাতা ন্যাভিগেশন তৈরি
এখন আপনার পৃষ্ঠায় নোঙ্গর আছে, এরকম লিঙ্ক তৈরি করুন যা সেই নোঙ্গরগুলির শর্টকাট হিসাবে ব্যবহার করা হবে। এই টিউটোরিয়ালের জন্য, আমি পৃষ্ঠার উপরের শিরোনামের নীচে একটি সারি, 4 কলাম টেবিল তৈরি করেছি। প্রতিটি টেবিলের ঘরটিতে পৃষ্ঠাটির লিঙ্কগুলি আলাদা করার জন্য ব্যবহৃত বিভাগ শিরোনামের একটির মতো একই পাঠ্য রয়েছে। আমরা এই টেবিলের প্রতিটি কোষে পাঠ্যটিকে সংশ্লিষ্ট নোঙ্গরের একটি লিঙ্ক তৈরি করব।
05 এর 05KompoZer সঙ্গে অ্যাঙ্কর হাইপারলিঙ্ক তৈরি
এখন আমাদের কাছে আমাদের অ্যাংকার রয়েছে এবং যে পৃষ্ঠাটি আমরা পৃষ্ঠা পরিভ্রমনের জন্য ব্যবহার করবো, আমরা সেই প্লেইন পাঠ অংশগুলিকে লিঙ্কগুলিতে পরিণত করতে পারি। আমরা আবার লিংক বোতাম ব্যবহার করব, কিন্তু এই সময় এটি একটু ভিন্নভাবে কাজ করবে।
- আপনি একটি লিঙ্ক চালু করতে চান যে টেক্সট নির্বাচন করুন। এই উদাহরণে, আমি "পছন্দের সংগীত" পাঠ্যটি নির্বাচন করেছি যা পৃষ্ঠার শীর্ষে থাকা প্রথম টেবিলের ঘরটিতে রয়েছে।
- টুলবারে লিঙ্ক বোতামে ক্লিক করুন। লিঙ্ক বৈশিষ্ট্য ডায়ালগ বাক্স খুলবে।
- এই ক্ষেত্রে, আমরা লিঙ্ক বোতামটি ক্লিক করার আগে পাঠ্যটি নির্বাচন করেছি, তাই উইন্ডোটির লিংক পাঠ্য বিভাগ ইতিমধ্যে ভরাট হয়েছে এবং সম্পাদনা করা যাবে না। লিঙ্ক অবস্থান বিভাগে নিচের তীরটি ক্লিক করুন। আপনি পূর্ববর্তী ধাপে তৈরি নোঙ্গরগুলির একটি তালিকা দেখতে পাবেন। এই উদাহরণের জন্য, আমি # সঙ্গীত অ্যানচার নির্বাচন করি।
- ঠিক আছে ক্লিক করুন। ন্যাভিগেশন বারের "প্রিয় সঙ্গীত" পাঠ্যটি একটি লিঙ্কে পরিণত হয় যা প্রদর্শকটিকে ক্লিক করার সময় পৃষ্ঠাটিতে সেই বিভাগে যেতে বাধ্য করবে।
আপনি লক্ষ্য করবেন যে ড্রপ ডাউন মেনুতে প্রতিটি নামযুক্ত নোঙ্গরটির সামনে একটি "#" চিহ্ন রয়েছে। এইভাবে আপনি এইচটিএমএল একটি নোঙ্গর একটি লিঙ্ক তৈরি করবে। নোঙ্গর নামের সামনে "#" ব্রাউজারকে বলে যে এই লিঙ্কটি আপনাকে একই পৃষ্ঠায় অন্য জায়গায় নিয়ে যাবে।
05 এর 05KompoZer সঙ্গে একটি ইমেজ থেকে একটি হাইপারলিঙ্ক তৈরি
আপনি কি জানেন যে আপনি ইমেজ এবং টেক্সট থেকে একটি লিঙ্ক তৈরি করতে পারেন? KompoZer আপনি শুধুমাত্র কয়েক ক্লিক ব্যবহার করে এই কাজ করতে পারবেন। এখানে আমি একটি ছোট আইকন চিত্র সন্নিবেশ করলাম যা উপরের দিকে নির্দেশক তীর এবং পৃষ্ঠার নীচে "TOP" লেখাটি দেখিয়েছে। আমি এই ছবিটি উপরের পৃষ্ঠায় ফিরে যাওয়ার জন্য একটি লিঙ্ক হিসাবে ব্যবহার করতে যাচ্ছি।
- একটি ছবিতে রাইট ক্লিক করুন এবং প্রসঙ্গ লেবেল থেকে চিত্র এবং লিঙ্ক বৈশিষ্ট্যাবলী নির্বাচন করুন। ইমেজ প্রোপার্টি ডায়লগ বাক্স খোলা হবে।
- অবস্থান ট্যাবে, আপনি চিত্রের ফাইল নাম এবং ইতিমধ্যে একটি ভরাট থাম্বনেইল ভিউ দেখতে পাবেন। আপনি বিকল্প টেক্সট বাক্সে কিছু পাঠ্য প্রবেশ করান। যখন আপনি ছবিতে আপনার মাউস সরাতে চান এবং এটি একটি পর্দার পাঠক দ্বারা পড়তে হয় তখন এটি প্রদর্শিত হয় যখন একটি দৃষ্টিশক্তিহীন ব্যক্তি ওয়েব পৃষ্ঠাটি পড়েন।
- লিঙ্ক ট্যাবে ক্লিক করুন। এখানে আপনি মঞ্চ থেকে একটি নোঙ্গর চয়ন করতে পারেন, ঠিক যেমন আমরা নোঙ্গর লিঙ্ক দিয়েছিলাম। আসলে, এই ছবিটি একটি নোঙ্গর লিঙ্ক হিসাবে ব্যবহার করা হচ্ছে। আমি # লিংক_অফ_ইনরিচ অ্যাঙ্কর নির্বাচন করেছি যা আমাদেরকে উপরে নিয়ে যাবে।
- ঠিক আছে ক্লিক করুন। ক্লিক করার সময় ছবিটি উপরের শীর্ষে লিঙ্ক করে।
