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