এইচটিএমএল ব্যবহার করে আপনার সাইট এর ব্যবস্থাপনা সহজতর করতে পারে
কোনও ওয়েবসাইটে যান এবং পৃষ্ঠা থেকে পৃষ্ঠাতে নেভিগেট করুন এবং আপনি দ্রুত তা উপলব্ধি করবেন যে, এই পৃষ্ঠাগুলির প্রত্যেকটি অনেক উপায়ে আলাদা হতে পারে, তবে তারা অন্যান্যদের মধ্যেও সমান। প্রায় সব ওয়েবসাইটই সাইটটির প্রতিটি পৃষ্ঠায় পুনরাবৃত্তির নকশাগুলির উপাদান অন্তর্ভুক্ত করে। সাইটের পৃষ্ঠার কিছু উদাহরণ যেগুলি পৃষ্ঠায় পাওয়া যাবে সেটি হেডার এলাকা হবে যেখানে লোগোটি স্থায়ী হবে, ন্যাভিগেশন এবং পাদচরণের এলাকা।
একটি সাইটে পুনরাবৃত্তি উপাদান ব্যবহারকারী অভিজ্ঞতার মধ্যে সামঞ্জস্যের জন্য অনুমতি দেয়। একটি পরিদর্শক প্রতিটি পৃষ্ঠা নেভিগেশন নেভিগেশন গৌণ সনাক্ত করার প্রয়োজন হয় না কারণ একবার তারা এটি পাওয়া যায়, তারা যেখানে তারা যান সাইটের অন্য পৃষ্ঠায় হতে হবে তারা জানেন।
ওয়েব নকশা আরও কার্যকরী করুন অন্তর্ভুক্ত করুন
যেহেতু কেউ ওয়েবসাইট পরিচালনার দায়িত্ব পালন করে, এই পুনরাবৃত্তি এলাকায় একটি চ্যালেঞ্জ প্রস্তাব। আপনি কি সেই এলাকার কিছু পরিবর্তন করতে চান? উদাহরণস্বরূপ, যদি আপনার পাদচরণ (সাইটের প্রতিটি পৃষ্ঠায় থাকে) একটি বছরের সাথে একটি কপিরাইট বিবৃতি অন্তর্ভুক্ত করে, তখন সেই বছর কী পরিবর্তন হবে এবং আপনার তারিখটি সম্পাদনা করতে হবে? যে বিভাগটি প্রতিটি পৃষ্ঠায় আছে, আপনি এখন যে পরিবর্তন করতে পৃথকভাবে আপনার সাইটের প্রতিটি পাতা সম্পাদনা করতে হবে - বা আপনি?
অন্তর্ভুক্ত কন্টেন্ট এই পুনরাবৃত্তি বিষয়বস্তু জন্য আপনার সাইটের প্রতিটি পৃষ্ঠার সম্পাদনা করতে প্রয়োজন নিষ্কাশন করতে পারেন। পরিবর্তে, আপনি কেবল একটি ফাইল এবং আপনার সম্পূর্ণ সাইট সম্পাদনা করুন এবং প্রতিটি পাতা আপডেট পায়!
আসুন কয়েকটি উপায়ে আপনি আপনার কার্যকারিতাটি আপনার সাইটে যুক্ত করতে পারেন এবং অন্য একটি সংখ্যায় একটি HTML ফাইল অন্তর্ভুক্ত করতে পারেন।
কনটেন্ট ম্যানেজমেন্ট সিস্টেমের মধ্যে পুনরাবৃত্তি বিষয়বস্তু
যদি আপনার সাইট একটি সিএমএস ব্যবহার করে , তাহলে এটি সম্ভবত নির্দিষ্ট টেমপ্লেট বা থিম ব্যবহার করে যে সফটওয়্যারের অংশ। এমনকি যদি আপনি এই টেমপ্লেটগুলি স্ক্র্যাচ থেকে তৈরি করেন, তবে পৃষ্ঠাটি এখনও পৃষ্ঠাগুলির জন্য এই কাঠামোটি তুলে ধরে।
যেমন, যে সমস্ত সিএমএস টেমপ্লেটগুলি প্রতিটি পৃষ্ঠায় পুনরাবৃত্তি করা হয় সেই সাইটের এলাকার অন্তর্ভুক্ত হবে। আপনি কেবল সিএমএস এর ব্যাক-এ লগিন করুন এবং প্রয়োজনীয় টেমপ্লেটগুলি সম্পাদনা করুন। এই টেমপ্লেটটি ব্যবহার করে যে সমস্ত পৃষ্ঠাগুলি আপডেট করা হবে।
এমনকি যদি আপনার সাইটের জন্য কোন কন্টেন্ট ম্যানেজমেন্ট সিস্টেম না থাকে, তবে আপনি এখনও অন্তর্ভুক্ত ফাইলগুলির সুবিধা গ্রহণ করতে পারেন। এইচটিএমএল-এর মধ্যে রয়েছে যেগুলি আপনার সাইটগুলির এই টেমপ্লেটড এলাকাসমূহকে আরও সহজে পরিচালনা করতে সহায়তা করে।
এইচটিএমএল কি অন্তর্ভুক্ত?
একটি অন্তর্ভুক্ত HTML এর একটি অংশ যা নিজেই সম্পূর্ণ এইচটিএমএল নথি নয়। পরিবর্তে, এটি অন্য পৃষ্ঠার একটি অংশ যা একটি সম্পূর্ণ ওয়েব পৃষ্ঠাগুলিতে প্রোগ্রামিং এ সন্নিবেশ করা যেতে পারে। বেশিরভাগ ফাইলগুলিই সেইসব অগ্রবর্তী আইটেমগুলি যা একটি ওয়েবসাইটের একাধিক পৃষ্ঠাগুলিতে পুনরাবৃত্তি করা হয়। উদাহরণ স্বরূপ:
- ন্যাভিগেশন
- কপিরাইট তথ্য
- শিরোনাম এলাকা
- পাদটীকা এলাকা
এই পুনরাবৃত্তি এলাকায় পেজ অন্তর্ভুক্ত ছিল একটি সুবিধা আছে। দুর্ভাগ্যবশত, একটি ফাইল সন্নিবেশ করার প্রক্রিয়া এমন কিছু নয় যা HTML এর মাধ্যমে ঘটতে পারে, তাই আপনার এমন কিছু প্রোগ্রাম বা স্ক্রিপ্ট থাকতে হবে যা আপনার অন্তর্ভুক্ত করা ফাইলগুলিকে আপনার ওয়েব পৃষ্ঠাগুলিতে যুক্ত করবে।
সার্ভার সাইড ব্যবহার করে ব্যবহার করে
এসএসআই নামেও পরিচিত সার্ভার সাইড রয়েছে, যেটি ওয়েব ডেভেলপারদের অন্য পৃষ্ঠাগুলির মধ্যে "অন্তর্ভুক্ত" এইচটিএমএল ডকুমেন্টসকে অনুমোদন করার জন্য উন্নত করা হয়েছিল।
মূলত, একটি স্নিপেট যা একটি নথিতে পাওয়া যায় সেটি অন্যের মধ্যে অন্তর্ভুক্ত করা হয় যখন পৃষ্ঠা সার্ভারে চালানো হয় এবং ওয়েব ব্রাউজারে পাঠানো হয়।
এসএসআই সবচেয়ে ওয়েব সার্ভারে অন্তর্ভুক্ত করা হয়, কিন্তু এটি কাজ করার জন্য এটি সক্রিয় করতে পারেন। আপনার সার্ভার SSI সমর্থন করে যদি আপনি না জানেন, আপনার হোস্টিং প্রদানকারী সাথে যোগাযোগ করুন
আপনার সমস্ত ওয়েব পৃষ্ঠাগুলিতে HTML এর একটি স্নিপেট অন্তর্ভুক্ত করার জন্য আপনি SSI কীভাবে ব্যবহার করতে পারেন তার একটি উদাহরণ এখানে রয়েছে:
- আপনার সাইটে সাধারণ উপাদানগুলির জন্য আলাদা ফাইল হিসাবে HTML সংরক্ষণ করুন। উদাহরণস্বরূপ, আপনার ন্যাভিগেশন বিভাগ Navigation.html বা navigation.ssi হিসাবে সংরক্ষণ করা হতে পারে ।
- প্রতিটি পৃষ্ঠায় যে HTML ডকুমেন্টের কোড অন্তর্ভুক্ত করার জন্য নিম্নোক্ত SSI কোডটি ব্যবহার করুন ( উদ্ধৃতি চিহ্নগুলির মধ্যে আপনার ফাইলের পাথ এবং ফাইলের নাম পরিবর্তন করে )। {সি}
- আপনি যে ফাইলটি অন্তর্ভুক্ত করতে চান তা প্রতিটি পৃষ্ঠায় এই কোডটি যোগ করুন।
পিএইচপি ব্যবহার করে অন্তর্ভুক্ত
পিএইচপি একটি সার্ভার লেভেল স্ক্রিপ্টিং ভাষা। এটা অনেক কিছু করতে পারে, কিন্তু এক সাধারণ ব্যবহার হল আপনার পৃষ্ঠাগুলির মধ্যে এইচটিএমএল ডকুমেন্টগুলি অন্তর্ভুক্ত করা, যেমন আমরা একটি এসএসআইয়ের সাথে সামঞ্জস্যপূর্ণ।
এসএসআই মত, পিএইচপি একটি সার্ভার লেভেল প্রযুক্তি। যদি আপনি নিশ্চিত না হন আপনার পিএইচপি কার্যকারিতা আপনার ওয়েবসাইটে আছে, আপনার হোস্টিং প্রদানকারীর সাথে যোগাযোগ করুন।
এখানে একটি পিএইচপি স্ক্রিপ্ট যা আপনি পিএইচপি-সক্রিয় ওয়েব পেজে এইচটিএমএল এর একটি স্নিপেট অন্তর্ভুক্ত করতে পারেন:
- ফাইলগুলিকে পৃথক করার জন্য আপনার সাইটের সাধারণ উপাদানগুলির জন্য HTML সংরক্ষণ করুন, যেমন নেভিগেশান। উদাহরণস্বরূপ, আপনার ন্যাভিগেশন বিভাগ Navigation.html বা navigation.ssi হিসাবে সংরক্ষণ করা হতে পারে ।
- প্রতিটি পৃষ্ঠায় যে এইচটিএমএল ( উদ্ধৃতি চিহ্নের মধ্যে আপনার ফাইলের পাথ এবং ফাইলের নাম প্রতিস্থাপন) নিম্নলিখিত পিএইচপি কোড ব্যবহার করুন। ন্যাভিগেশন.php ");?>
- আপনি এই ফাইল অন্তর্ভুক্ত করতে চান যে প্রতিটি পৃষ্ঠায় এই একই কোড যোগ করুন।
জাভাস্ক্রিপ্ট অন্তর্ভুক্ত
জাভাস্ক্রিপ্ট আপনার সাইটের পেজের মধ্যে HTML অন্তর্ভুক্ত করার অন্য উপায়। এটি সার্ভারের স্তরের প্রোগ্রামিং এর প্রয়োজন না থাকার সুবিধা রয়েছে, কিন্তু এটি একটু বেশি জটিল - এবং এটি ব্রাউজারের জন্য কাজ করে যা জাভাস্ক্রিপ্টের জন্য অনুমোদন করে, যা ব্যবহারকারীরা এটি নিষ্ক্রিয় করার সিদ্ধান্ত নেয় না।
এখানে আপনি জাভাস্ক্রিপ্ট ব্যবহার করে HTML এর একটি স্নিপেট অন্তর্ভুক্ত করতে পারেন:
- একটি জাভাস্ক্রিপ্ট ফাইল আপনার সাইটের সাধারণ উপাদান জন্য এইচটিএমএল সংরক্ষণ করুন। এই ফাইলটিতে লিখিত এইচটিএমএল, ডকুমেন্টের সাথে স্ক্রিনে প্রিন্ট করা উচিত। লিখন ফাংশন
- আপনার ওয়েবসাইট যে ফাইল আপলোড করুন।
- আপনার পৃষ্ঠায় জাভাস্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করার জন্য একটি