একটি ওয়েবসাইটের চেহারা এবং অনুভূতি, বা "শৈলী" CSS (ক্যাসকেডিং স্টাইল শীট) দ্বারা প্রভাবিত হয়। এটি একটি ফাইল যা আপনি আপনার ওয়েবসাইটের ডিরেক্টরীতে যোগ করবেন যা বিভিন্ন CSS নিয়মগুলি ধারণ করবে যা আপনার পৃষ্ঠাগুলির দৃশ্যমান নকশা এবং লেআউট তৈরি করবে।
যখন সাইটগুলি ব্যবহার করতে পারে, এবং প্রায়ই, একাধিক স্টাইল শীট ব্যবহার করে, এটি করার জন্য প্রয়োজনীয় নয়। আপনি আপনার সমস্ত সিএসএস নিয়ম এক ফাইলে রাখতে পারেন, এবং এগুলি করার জন্য আসলে বেনিফিট রয়েছে, দ্রুত লোড টাইম এবং পেজের পারফরম্যান্স সহ তাদের একাধিক ফাইল আনতে হবে না। যদিও খুব বড়, এন্টারপ্রাইজ সাইটগুলিকে বিভিন্ন সময়ে স্টাইল শীটগুলির প্রয়োজন হতে পারে, অনেকগুলি ছোট থেকে মাঝারি সাইট ঠিক এক ফাইলের সাথে পুরোপুরি জরিমানা করতে পারে। আমার ওয়েব ডিজাইন কাজের বেশিরভাগ ক্ষেত্রে এটিই আমি ব্যবহার করি - সমস্ত পৃষ্ঠাগুলির সাথে একক CSS ফাইলগুলি আমার পৃষ্ঠার প্রয়োজন। তাই প্রশ্ন এখন হয়ে যায় - আপনি এই CSS ফাইল নাম কি করা উচিত?
নামকরণ কনভেনশন মূলধন
যখন আপনি আপনার ওয়েব পৃষ্ঠাগুলির জন্য একটি বহিঃস্থ স্টাইলশীট তৈরি করবেন, তখন আপনার HTML ফাইলের অনুরূপ নামের কনফিগারেশনের নিম্নলিখিত ফাইলটি নাম উচিত:
বিশেষ অক্ষর ব্যবহার করবেন না
আপনি শুধুমাত্র আপনার সিএসএস ফাইলের নামগুলিতে অক্ষর az, সংখ্যা 0-9, আন্ডারস্কোর (_), এবং হাইফেন (-) ব্যবহার করতে হবে। আপনার ফাইল সিস্টেমে আপনি তাদের মধ্যে অন্য অক্ষরের সাথে ফাইল তৈরি করতে অনুমতি দিতে পারে, আপনার সার্ভার ওএস বিশেষ অক্ষর সঙ্গে সমস্যা হতে পারে। আপনি এখানে বর্ণিত অক্ষর ব্যবহার করে নিরাপদ। সব পরে, আপনার সার্ভার বিশেষ অক্ষর জন্য অনুমতি দেয়, এমনকি যদি, আপনি ভবিষ্যতে হোস্টিং প্রদানকারীর সরাতে সিদ্ধান্ত নিতে হলে যে ক্ষেত্রে নাও হতে পারে।
কোন স্পেস ব্যবহার করবেন না
বিশেষ অক্ষরের মতই, স্পেস আপনার ওয়েব সার্ভারে সমস্যা সৃষ্টি করতে পারে। আপনার ফাইলের নামগুলি এড়াতে এটি একটি ভাল ধারণা। আমি এমনকি এটি একই কনভেনশন ব্যবহার পিডিএফ মত ফাইল নামক একটি বিন্দু করা, শুধু যদি আমি একটি ওয়েবসাইট তাদের যোগ করার প্রয়োজন যদি আপনি মনে করেন আপনি ফাইলের নামটি সহজে পড়ার জন্য একটি স্থান প্রয়োজন, হাইফেন বা আন্ডারস্কোরের জন্য বেছে নিন। উদাহরণস্বরূপ, "This is file.pdf" ব্যবহার করার পরিবর্তে আমি "এই-টু-ফাইল-পিডিএফ" ব্যবহার করব।
ফাইলের নাম একটি অক্ষর দিয়ে শুরু করা উচিত
যদিও এটি একটি নিখরচায় নয়, কিছু সিস্টেম ফাইলের নামগুলির সাথে সমস্যায় আছে যা একটি অক্ষর দিয়ে শুরু হয় না। উদাহরণস্বরূপ, যদি আপনি সংখ্যাটি অক্ষরের সাথে আপনার ফাইলটি শুরু করতে চান তবে এটি সমস্যাগুলি সৃষ্টি করতে পারে।
সব নীচের কেস ব্যবহার করুন
যদিও এটি একটি ফাইলের নাম জন্য প্রয়োজনীয় নয়, এটি একটি ভাল ধারণা, যেমন কিছু ওয়েব সার্ভার কেস সংবেদনশীল, এবং যদি আপনি ভুলে যান এবং একটি ভিন্ন ক্ষেত্রে ফাইল রেফারেন্স, এটি লোড হবে না। আমার নিজের কাজের ক্ষেত্রে, আমি প্রতিটি ফাইলের নামের জন্য ছোট হাতের অক্ষর ব্যবহার করি। আমি আসলে এটি কিছু যে অনেক নতুন ওয়েব ডিজাইনার করতে ভুলবেন মনে হয়। একটি নামকরণ করার সময় তাদের ডিফল্ট ক্রিয়াটি নামটির প্রথম অক্ষরকে ক্যাপিটালাইজ করা হয়। এই এড়িয়ে চলুন এবং শুধুমাত্র ছোট হাতের অক্ষরের অভ্যাস মধ্যে পেতে
সম্ভব হিসাবে ফাইল নাম হিসাবে সংক্ষিপ্ত রাখুন
বেশিরভাগ অপারেটিং সিস্টেমের ফাইলের আকারের সীমা থাকলেও এটি একটি CSS ফাইলের নামের জন্য যুক্তিসংগত কারণের চেয়ে অনেক বেশি। থাম্বের একটি ভাল নিয়ম এক্সটেনশন অন্তর্ভুক্ত না ফাইলের নামের জন্য 20 অক্ষরের বেশী নয়। বাস্তবিকই, এর চেয়ে বেশি কিছু কিছু সঙ্গে কাজ এবং যাই হোক না কেন লিঙ্ক অস্পষ্ট!
আপনার CSS ফাইলের নামের সবচেয়ে গুরুত্বপূর্ণ অংশ
সিএসএস ফাইলের নামের সবচেয়ে গুরুত্বপূর্ণ অংশটি ফাইলের নাম নয়, তবে এক্সটেনশন। ম্যাকিনটোশ এবং লিনাক্স সিস্টেমে এক্সটেনশানগুলির প্রয়োজন হয় না, তবে CSS ফাইলে লেখার সময় এটি অন্তর্ভুক্ত করার জন্য একটি ভাল ধারণা। এই ভাবে আপনি সর্বদা জানেন যে এটি একটি শৈলী শীট এবং ভবিষ্যতে এটি কি নির্ধারণ করতে ফাইল খুলতে হবে না।
এটি সম্ভবত একটি বড় বিস্ময় নয়, তবে আপনার CSS ফাইলে এক্সটেনশনটি হওয়া উচিত:
সিএসএসসিএসএস ফাইল নেমিং সম্মেলন
আপনি কেবল সাইটে একবার একটি সিএসএস ফাইলে থাকবে, আপনি যা পছন্দ করেন তা নাম দিতে পারেন। আমি পছন্দ করি:
styles.css বা default.cssযেহেতু বেশিরভাগ সাইটগুলিতে আমি কাজ করি সেগুলির মধ্যে একটি সিএসএস ফাইল রয়েছে, এই নামগুলি আমার জন্য ভাল কাজ করে।
যদি আপনার ওয়েবসাইট একাধিক সিএসএস ফাইল ব্যবহার করে, তাদের ফাংশনের পরে স্টাইল শীটগুলি নামিয়ে দিন, তাই এটি স্পষ্ট হয় যে প্রতিটি ফাইলের উদ্দেশ্য কী। যেহেতু একটি ওয়েব পৃষ্ঠা তাদের সাথে সংযুক্ত একাধিক স্টাইল শীট থাকতে পারে, এটি আপনার শীটটির ফাংশন এবং তার মধ্যে থাকা শৈলীগুলির উপর ভিত্তি করে আপনার শৈলীগুলিকে বিভিন্ন শিটগুলিতে বিভক্ত করতে সহায়তা করে। উদাহরণ স্বরূপ:
- বিন্যাস বিন্যাস নকশা layout.css design.css
- পৃষ্ঠা বিভাগের মূল.css nav.css
- সাব-সেকশন প্রধান স্টাইল সিএসডি subpage.css সহ সমগ্র সাইট
যদি আপনার ওয়েবসাইট কোন ধরনের কাঠামো ব্যবহার করে তবে আপনি সম্ভবত এটি একাধিক সিএসএস ফাইল ব্যবহার করে দেখতে পারবেন, প্রতিটি পৃষ্ঠাগুলির বিভিন্ন অংশ বা সাইটের প্রেক্ষাপটে (টাইপোগ্রাফি, রঙ, লেআউট ইত্যাদি)।
জনিফার ক্রাইনিনের মূল রচনা 9/5/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত