সিএসএস (ক্যাসকেডিং স্টাইল শীট) স্টাইল এবং লেআউট ওয়েবসাইটের সত্যিকারের উপায় হয়ে উঠেছে। ডিজাইনার স্টাইলশীটগুলি ব্যবহার করে ব্রাউজারকে কীভাবে একটি ওয়েবসাইটকে চেহারা এবং অনুভূতিতে দেখানো উচিত, বর্ণ, স্পেসিং, ফন্ট এবং আরো অনেক কিছু হিসাবে আচ্ছাদন করে।
সিএসএস শৈলী দুটি উপায়ে স্থাপন করা যেতে পারে:
- ইনলাইন - ওয়েব পৃষ্ঠার কোডিংয়ের মধ্যে, স্বতন্ত্র, উপাদান-দ্বারা-উপাদান ভিত্তিতে
- একটি স্বতন্ত্র সিএসএস ডকুমেন্ট, যা ওয়েবসাইট লিঙ্ক করা হয়
সিএসএস জন্য সর্বোত্তম অনুশীলন
"সর্বোত্তম অনুশীলনগুলি" এমন ওয়েবসাইটগুলি ডিজাইন ও বিল্ডিংয়ের পদ্ধতি যা সর্বাধিক কার্যকরী প্রমাণিত এবং জড়িত কাজের জন্য সর্বাধিক ফেরত দিতে প্রমাণিত। ওয়েব ডিজাইনে তাদের সিএসএস অনুসরণ করে ওয়েবসাইটগুলি দেখায় এবং কার্যকরী করে তোলে। তারা অন্যান্য ওয়েব ভাষা এবং প্রযুক্তির পাশাপাশি বছর ধরে উন্নত হয়েছে, এবং একক CSS স্টাইলশীট ব্যবহার করার পছন্দের পদ্ধতি হয়ে উঠেছে।
সিএসএসের জন্য সর্বোত্তম পদ্ধতিগুলি নিম্নলিখিত পদ্ধতিতে আপনার সাইটটি উন্নত করতে পারে:
- নকশা থেকে কন্টেন্ট পৃথক করে।সিএসএসের প্রধান লক্ষ্যে এইচটিএমএল থেকে নকশা উপাদানগুলি সরাতে এবং ডিজাইনারের জন্য অন্য স্থানে তাদের স্থাপন করা হয়। এটি ডেভেলপারদের থেকে ডিজাইনারগুলিকে আলাদা করতে সহায়তা করে যাতে প্রত্যেকে তাদের দক্ষতার ক্ষেত্রগুলিতে ফোকাস করতে পারে। একটি ডিজাইনার একটি ওয়েবসাইট চেহারা বজায় রাখার জন্য একটি বিকাশকারী হতে হবে না।
- রক্ষণাবেক্ষণ সহজ করে তোলে।ওয়েব ডিজাইন সবচেয়ে overlooked উপাদান রক্ষণাবেক্ষণ হয়। মুদ্রণ সামগ্রী ভিন্ন, একটি ওয়েবসাইট "এক এবং সম্পন্ন না।" বিষয়বস্তু, নকশা এবং ফাংশন সময় এবং বিকাশ করা উচিত। ওয়েবসাইট জুড়ে ছিটিয়ে দেওয়ার পরিবর্তে CSS কেন্দ্রীয় স্থানে থাকা, জিনিসগুলিকে বজায় রাখার জন্য অনেক সহজ করে তোলে।
- আপনার সাইট অ্যাক্সেসযোগ্য রাখে।CSS শৈলী ব্যবহার করে সার্চ ইঞ্জিন এবং অক্ষম ব্যক্তিদের আপনার সাইটের সাথে ইন্টারঅ্যাক্ট করতে সহায়তা করে।
- আপনার সাইট বর্তমান দীর্ঘ রাখে।সিএসএসের সাথে সর্বোত্তম অনুশীলনগুলি ব্যবহার করে, আপনি এমন স্ট্যান্ডার্ডগুলি অনুসরণ করছেন যা স্থিতিশীল প্রমাণিত হয়েছে তবে ওয়েব ডিজাইন পরিবেশে পরিবর্তনের জন্য যথেষ্ট নমনীয়।
ইনলাইন শৈলী সেরা অনুশীলন নয়
ইনলাইন শৈলী, যখন তাদের কোন উদ্দেশ্য থাকে, সাধারণত আপনার ওয়েবসাইট বজায় রাখার সেরা উপায় নয়। তারা সর্বোত্তম অনুশীলনগুলির প্রত্যেকের বিরুদ্ধে যায়:
- ইনলাইন শৈলী নকশা থেকে কন্টেন্ট আলাদা না।ইনলাইন শৈলীগুলি এমবেডেড ফন্ট এবং অন্যান্য ছদ্মবেশী ডিজাইন ট্যাগগুলির মতো ঠিক যেগুলি আধুনিক ডেভেলপারগুলির বিরুদ্ধে রেল। শৈলী শুধুমাত্র নির্দিষ্ট, পৃথক উপাদানের প্রয়োগ যা তারা প্রয়োগ করে; যখন এটি আপনাকে আরও তীব্র নিয়ন্ত্রণ দিতে পারে, এটি নকশা এবং বিকাশের অন্যান্য দিকগুলিকেও তোলে - যেমন সামঞ্জস্য - আরো কঠিন।
- ইনলাইন শৈলী রক্ষণাবেক্ষণ মাথা ব্যাথা কারণ।আপনি স্টাইলশীট সঙ্গে কাজ করছেন, একটি শৈলী সেট করা হয় যেখানে figuring কঠিন হতে পারে। যখন আপনি ইনলাইন, এম্বেডেড এবং বহিরাগত শৈলীগুলির মিশ্রণের সাথে ডিল করছেন তখন আপনার কাছে অনেকগুলি অবস্থান চেক করতে হবে। আপনি যদি কোন ওয়েব ডিজাইন টিমতে কাজ করেন বা অন্য কারো দ্বারা নির্মিত সাইটটি পুনরায় ডিজাইন বা বজায় রাখতে চান তবে আপনার আরও বেশি সমস্যা হবে। একবার আপনি শৈলীটি সন্ধান করুন এবং এটি পরিবর্তন করলে, আপনাকে প্রতিটি পৃষ্ঠায় যেখানে এটি স্থাপন করা হয়েছে তার প্রতিটি উপাদানতে এটি করতে হবে। যে সময় এবং কাজ জ্যোতির্বিজ্ঞান বাজেট বৃদ্ধি।
- ইনলাইন শৈলী অ্যাক্সেসযোগ্য নয়।আধুনিক স্ক্রীন রিডার বা অন্যান্য সহায়ক ডিভাইসটি ইনলাইন বৈশিষ্ট্যগুলি এবং ট্যাগগুলিকে কার্যকরীভাবে পরিচালনা করতে সক্ষম হতে পারে তবে কিছু পুরোনো ডিভাইসগুলি এমন কিছু করতে পারে না যা কিছু অদ্ভুতভাবে প্রদর্শিত ওয়েব পৃষ্ঠাগুলির মধ্যে হতে পারে। অতিরিক্ত অক্ষর এবং পাঠটি সার্চ ইঞ্জিন রোবট দ্বারা আপনার পৃষ্ঠাটি কীভাবে দেখা যায় তাও প্রভাবিত করতে পারে, তাই আপনার পৃষ্ঠাটি সার্চ ইঞ্জিন অপ্টিমাইজেশান (এসইও) অনুসারেও হয় না।
- ইনলাইন শৈলী আপনার পৃষ্ঠা বড় করা।আপনি যদি আপনার সাইটে প্রতিটি অনুচ্ছেদের একটি নির্দিষ্ট উপায়ে প্রদর্শিত করতে চান তবে আপনি বাহ্যিক স্টাইলশীটে কোডের ছয়টি লাইন বা কোড দিয়ে একবার এটি করতে পারেন। আপনি যদি ইনলাইন শৈলী দিয়ে এটি করেন, তবে আপনাকে আপনার সাইটের প্রতিটি অনুচ্ছেদে সেই শৈলীগুলি যুক্ত করতে হবে। আপনার যদি সিএসএসের পাঁচটি লাইন থাকে তবে এটি আপনার সাইটের প্রতিটি অনুচ্ছেদের দ্বারা গুণিত হয়। যে ব্যান্ডউইথ এবং লোড সময় একটি তাড়ার মধ্যে যোগ করতে পারেন।
বিকল্প ইনলাইন স্টাইল বিকল্প: বাহ্যিক স্টাইলশীট
ইনলাইন শৈলী ব্যবহার করার পরিবর্তে বাহ্যিক স্টাইলশীট ব্যবহার করুন। তারা আপনাকে সিএসএসের সর্বোত্তম অনুশীলনের সমস্ত সুবিধা দেয় এবং ব্যবহার করা সহজ। এইভাবে কর্মরত, আপনার সাইটে ব্যবহৃত সমস্ত শৈলী একটি পৃথক নথিতে বাস করে যা তখন কোডের একক লাইন সহ একটি ওয়েব দস্তাবেজের সাথে সংযুক্ত হয়। বহিরাগত স্টাইলশীট তারা সংযুক্ত করা হয় কোন নথি প্রভাবিত। এর মানে হল, যদি আপনার 20 পৃষ্ঠার একটি ওয়েবসাইট থাকে যা প্রতিটি পৃষ্ঠা একই স্টাইলশীট ব্যবহার করে - যা সাধারণত এটি কীভাবে করা হয় - আপনি কেবল একবারই সেই শৈলীগুলি সম্পাদনা করে কেবলমাত্র সেই পৃষ্ঠাগুলির প্রতিটিতে পরিবর্তন করতে পারেন। এক জায়গায় পরিবর্তন শৈলী আপনার ওয়েবসাইটের প্রতিটি পৃষ্ঠায় যে কোডিং অনুসন্ধানের চেয়ে অসীম বেশি সুবিধাজনক। এই দীর্ঘমেয়াদী সাইট ম্যানেজমেন্ট অনেক সহজ করে তোলে।
