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