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