ওয়েব পৃষ্ঠা লেআউটগুলির জন্য কেন আপনি টেবিলগুলি এড়িয়ে চলবেন?

CSS ওয়েব পেজ ডিজাইন তৈরির সেরা উপায়

CSS লেআউট লিখতে শিখতে শিখুন, বিশেষ করে যদি আপনি ফ্যানজিনি ওয়েব পৃষ্ঠার লেআউট তৈরি করার জন্য টেবিল ব্যবহার করে পরিচিত হন। কিন্তু HTML5 যখন লেআউটের জন্য টেবিলের অনুমতি দেয়, এটি একটি ভাল ধারণা নয়।

টেবিল অ্যাক্সেসযোগ্য নয়

শুধু সার্চ ইঞ্জিনের মতোই, অধিকাংশ স্ক্রিন পাঠকেরা এইচটিএমএল-এ প্রদর্শিত হয় এমন ক্রম অনুসারে ওয়েব পেজগুলি পাঠ করে। পর্দার পাঠকদের প্যাডের জন্য এবং টেবিলগুলি খুব কঠিন হতে পারে। এটি কারণ একটি টেবিলের লেআউটের বিষয়বস্তু, রৈখিক, যখন সর্বদা বাম থেকে ডান এবং উপরে-থেকে-নিচে পড়ার সময় বোঝায় না। প্লাস, নেস্টেড টেবিলের সাথে এবং টেবিলের কোষগুলিতে বিভিন্ন স্প্যানগুলি পৃষ্ঠাকে খুব জটিল করে তুলতে পারে।

এই কারণটি হল HTML5 স্পেসিফিকেশন লেআউটের টেবিলের বিরুদ্ধে পরামর্শ দেয় এবং কেন এইচটিএমএল 4.01 এটি অনুমোদন করে না। অ্যাক্সেসযোগ্য ওয়েব পেজগুলি আরো বেশি লোককে তাদের ব্যবহার করতে দেয় এবং এটি একটি পেশাদারী ডিজাইনারের চিহ্ন।

সিএসএস এর সাথে, আপনি একটি অংশকে পৃষ্ঠার বাম দিকের অংশ হিসেবে সংজ্ঞায়িত করতে পারেন কিন্তু এটি এইচটিএমএল-এ শেষ করে রাখুন। তারপর পর্দা পাঠক এবং সার্চ ইঞ্জিন একইভাবে গুরুত্বপূর্ণ অংশ (বিষয়বস্তু) প্রথম এবং কম গুরুত্বপূর্ণ অংশ (ন্যাভিগেশন) পড়তে হবে।

টেবিলগুলি চতুর

এমনকি যদি আপনি একটি ওয়েব এডিটর দিয়ে একটি টেবিল তৈরি করেন, তবে আপনার ওয়েব পৃষ্ঠাগুলি এখনও খুব জটিল এবং বজায় রাখা কঠিন হবে। সর্বাধিক সহজ ওয়েব পৃষ্ঠা ডিজাইনার ছাড়া, বেশিরভাগ লেআউট টেবিলগুলিতে অনেকগুলি এবং অ্যাট্রিবিউটস এবং নেস্টেড টেবিলের ব্যবহার প্রয়োজন।

টেবিলটি নির্মাণ করা সহজ মনে হতে পারে যখন আপনি এটি করছেন, কিন্তু তারপর আপনাকে এটি বজায় রাখতে হবে। লাইন নিচে ছয় মাস আপনি এটি টেবিলের nested বা একটি সারিতে কত কোষ এবং তাই এ কেন মনে রাখা হিসাবে সহজ হতে পারে না। প্লাস, যদি আপনি একজন ওয়েবমাস্টারকে দলের সদস্য হিসাবে বজায় রাখেন, তাহলে আপনাকে প্রত্যেক ব্যক্তিকে ব্যাখ্যা করতে হবে কিভাবে সারণি কাজ করে বা পরিবর্তন করতে হলে তাদের অতিরিক্ত সময় নিতে হবে।

সিএসএস পাশাপাশি জটিল হতে পারে, তবে এটি এইচটিএমএল থেকে পৃথক উপস্থাপনা রাখে এবং দীর্ঘমেয়াদী বজায় রাখার জন্য এটি অনেক সহজ করে তোলে। প্লাস, সিএসএস লেআউট সহ আপনি একটি সিএসএস ফাইল লিখতে পারেন, এবং আপনার পছন্দের স্টাইলকে সেই ভাবে দেখতে পারেন। এবং যখন আপনি আপনার সাইটের লেআউট পরিবর্তন করতে চান, তখন আপনি কেবল একটি সিএসএস ফাইল এবং পুরো সাইট চেঞ্জ-এর পরিবর্তে লেআউটটি আপডেট করার জন্য টেবিলের আপডেট করার জন্য প্রতিটি পৃষ্ঠার মধ্য দিয়ে যেতে পারবেন না।

টেবিলগুলি অস্পষ্ট

যদিও শতাংশ প্রস্থের সাথে টেবিল লেআউটগুলি তৈরি করা সম্ভব, তবে লোকে লোড করতে প্রায়ই ধীর হয় এবং আপনার লেআউটটি কীভাবে দেখায় তা নাটকীয় ভাবে পরিবর্তন করতে পারে। কিন্তু যদি আপনি আপনার টেবিলের জন্য নির্দিষ্ট প্রস্থ ব্যবহার করেন, আপনি একটি খুব কঠোর সজ্জা শেষ যে আপনার নিজের থেকে আলাদাভাবে মাপের মনিটর ভাল না দেখাবে

অনেক মনিটর, ব্রাউজার এবং রেজোলিউশনে ভাল দেখায় নমনীয় লেআউট তৈরি করা অপেক্ষাকৃত সহজ। আসলে, CSS মিডিয়া প্রশ্নগুলির সাথে, আপনি বিভিন্ন আকার স্ক্রিনের জন্য পৃথক ডিজাইন তৈরি করতে পারেন।

নেস্টেড টেবিল একই নকশা জন্য CSS চেয়ে আরও ধীরে বেশী লোড

সারণির সাথে ফ্যানিয়াস লেআউট তৈরির সবচেয়ে সাধারণ উপায় হচ্ছে "নেস্ট" টেবিল। এর মানে হল যে এক (বা আরও বেশি) সারণী অন্যের ভিতরে স্থাপন করা হয়। আরও টেবিল যা নেস্টেড আছে, আর ওয়েব ব্রাউজারের জন্য পৃষ্ঠাটিকে রেন্ডার করার জন্য এটি বেশি সময় লাগবে।

বেশিরভাগ ক্ষেত্রে, একটি CSS লেআউটের চেয়ে একটি টেবিল লেআউট আরও অক্ষর ব্যবহার করে। এবং কম অক্ষর ডাউনলোড কম মানে।

ট্যাবলেট সার্চ ইঞ্জিন অপ্টিমাইজেশান আঘাত করতে পারে

সর্বাধিক সাধারণ টেবিল তৈরি লেআউটটি পৃষ্ঠার বাম দিকে একটি ন্যাভিগেশন বার এবং ডানদিকে প্রধান সামগ্রী রয়েছে। সারণি ব্যবহার করার সময়, এটি (সাধারণত) এইচটিএমএল-এ প্রদর্শিত প্রথম কন্টেন্ট বাম হাতের ন্যাভিগেশন বার প্রয়োজন। সার্চ ইঞ্জিনগুলি বিষয়বস্তুর উপর ভিত্তি করে পৃষ্ঠাগুলিকে শ্রেণীভুক্ত করে, এবং অনেক ইঞ্জিন এই পৃষ্ঠাটির শীর্ষে প্রদর্শিত সামগ্রী অন্যান্য সামগ্রীগুলির তুলনায় আরো গুরুত্বপূর্ণ বলে নির্ধারণ করে। তাই, প্রথমবারের মতো বাম হাতে ন্যাভিগেশন সহ একটি পৃষ্ঠাটিতে এমন সামগ্রী থাকবে যা ন্যাভিগেশনের চেয়ে কম গুরুত্বপূর্ণ।

সিএসএস ব্যবহার করে, আপনি প্রথমে আপনার এইচটিএমএল এ গুরুত্বপূর্ণ কন্টেন্টটি রাখতে পারেন এবং তারপর সিএসএস ব্যবহার করতে পারেন যাতে এটি ডিজাইনের মধ্যে স্থাপন করা উচিত। এর মানে হল যে সার্চ ইঞ্জিনগুলি প্রথমে গুরুত্বপূর্ণ সামগ্রীটি দেখতে পাবে, এমনকি যদি নকশাটি পৃষ্ঠাটিতে কমিয়ে দেয় তবে

সারণিগুলি সবসময় সর্বদা প্রিন্ট করুন না

অনেক টেবিল ডিজাইন ভাল মুদ্রণ করবেন না কারণ তারা প্রিন্টারের জন্য খুব বেশি বিস্তৃত। তাই, তাদের মাপসই করা, ব্রাউজারগুলি টেবিলে কাটা হবে এবং নিম্নভাগে বিভাগগুলি মুদ্রণ করবে যা খুব বিভক্ত পৃষ্ঠাগুলির ফলে। কখনও কখনও আপনি ঠিক আছে চেহারা যে পৃষ্ঠাগুলির সাথে শেষ, কিন্তু পুরো ডান দিকে অনুপস্থিত অন্যান্য পাতায় বিভিন্ন শিটের অংশগুলি ছাপা হবে।

সিএসএস এর মাধ্যমে আপনি পাতা প্রিন্ট করার জন্য একটি পৃথক স্টাইল শীট তৈরি করতে পারেন।

লেআউটের জন্য টেবিল HTML 4.01 তে অবৈধ

এইচটিএমএল 4 স্পেসিফিকেশন বলে: "টেবিলগুলি কেবল নথির বিষয়বস্তু বহন করার একটি মাধ্যম হিসাবে ব্যবহার করা উচিত না কারণ এটি অ-ভিউড মিডিয়াতে উপস্থাপনের সময় সমস্যা দেখাতে পারে।"

সুতরাং, যদি আপনি বৈধ এইচটিএমএল 4.01 লিখতে চান, আপনি লেআউটের জন্য টেবিলের ব্যবহার করতে পারবেন না। আপনি শুধুমাত্র ট্যাবুলার ডেটার জন্য টেবিলগুলি ব্যবহার করতে হবে। এবং ট্যাবুলার ডেটা সাধারণত আপনি একটি স্প্রেডশীট বা সম্ভবত একটি ডাটাবেস প্রদর্শিত হতে পারে কিছু মত দেখাচ্ছে।

কিন্তু HTML5 লেআউটের নিয়মগুলি পরিবর্তন করে এবং লেআউটের জন্য এখন সারণিগুলি, প্রস্তাবিত না হলে, এখন বৈধ HTML। HTML5 স্পেসিফিকেশন বলে: "টেবিলগুলি লেআউট এড হিসাবে ব্যবহার করা উচিত নয়।"

কারন লেআউটের টেবিলের জন্য পর্দার পাঠকদের পার্থক্য করা কঠিন, কারণ আমি উপরে উল্লিখিত।

সিএসএস ব্যবহার করে আপনার পৃষ্ঠাগুলির অবস্থান এবং কাঠামোটি একমাত্র বৈধ এইচটিএমএল 4.01 উপায় যা আপনি তৈরি করার জন্য টেবিলগুলি ব্যবহার করতে ব্যবহৃত ডিজাইনগুলি পেতে পারেন। এবং HTML5 দৃঢ়ভাবে এই পদ্ধতি হিসাবে সুপারিশ হিসাবে ভাল।

লেআউটের জন্য টেবিলগুলি আপনার কাজের সম্ভাব্যতাগুলি প্রভাবিত করতে পারে

যত বেশি নতুন ডিজাইনার এইচটিএমএল এবং সিএসএস শিখবেন, টেবিল লেআউট নির্মাণের ক্ষেত্রে আপনার দক্ষতা কম এবং কম চাহিদা হবে। হ্যাঁ, এটি সত্য যে গ্রাহকরা সাধারণত তাদের ওয়েব পেজগুলি তৈরি করার জন্য আপনাকে সঠিক প্রযুক্তি ব্যবহার করতে বলবেন না। কিন্তু তারা আপনাকে এরকম কিছু জিজ্ঞেস করে:

যদি আপনি ক্লায়েন্টদের কাছে যা চান তা প্রদান করতে না পারেন, তাহলে তারা আপনাকে ডিজাইনের জন্য আসতে পারে না, সম্ভবত আজ নয়, কিন্তু পরের বছর বা বছর পরেও। আপনি কি সত্যিই আপনার ব্যবসা ক্ষতিগ্রস্ত করতে পারছেন কারণ আপনি একটি কৌশল যে 1990 সালে দেরী থেকে ব্যবহার করা হয়েছে শেখার শুরু করতে ইচ্ছুক না?

নৈতিক: সিএসএস ব্যবহার করতে শিখুন

সিএসএস শিখতে কঠিন হতে পারে, তবে উপযুক্ত কিছু অবশ্যই প্রচেষ্টার মূল্য। আপনার দক্ষতা stagnating থেকে রাখা না সিএসএস শিখুন এবং আপনার ওয়েব পৃষ্ঠাগুলিকে বিল্ট-ইন করার জন্য তৈরি করা হয়েছে, যেমন- বিন্যাসের জন্য CSS