किसी वेबसाइट का रंग-रूप, या "शैली", किसके द्वारा निर्धारित होता है सीएसएस (कैस्केडिंग स्टाइल शीट्स). यह एक फाइल है जिसे आप अपनी वेबसाइट की निर्देशिका में जोड़ेंगे जिसमें विभिन्न सीएसएस नियम शामिल होंगे जो आपके पृष्ठों के दृश्य डिजाइन और लेआउट का निर्माण करते हैं।
जबकि साइटें कई स्टाइल शीट का उपयोग कर सकती हैं, और अक्सर करती हैं, ऐसा करना आवश्यक नहीं है। आप अपने सभी सीएसएस नियमों को एक फ़ाइल में रख सकते हैं, और ऐसा करने के वास्तव में लाभ हैं, जिनमें तेज़ शामिल हैं लोड होने का समय और पृष्ठों का प्रदर्शन क्योंकि उन्हें एकाधिक फ़ाइलें लाने की आवश्यकता नहीं होती है। हालांकि बहुत बड़ी, एंटरप्राइज़ साइटों को कभी-कभी अलग स्टाइल शीट की आवश्यकता हो सकती है, कई छोटी से मध्यम साइटें आपके पृष्ठों के लिए आवश्यक सभी नियमों के साथ केवल एक फ़ाइल के साथ पूरी तरह से ठीक कर सकती हैं। यह सवाल पूछता है "मुझे इस सीएसएस फ़ाइल को क्या नाम देना चाहिए"?
नामकरण सम्मेलन मूल बातें
जब आप एक बनाते हैं बाहरी स्टाइल शीट अपने वेब पेजों के लिए, आपको अपनी एचटीएमएल फाइलों के लिए समान नामकरण परंपराओं का पालन करते हुए फ़ाइल का नाम देना चाहिए।
विशेष वर्णों का प्रयोग न करें
आपको अपने CSS फ़ाइल नामों में केवल अक्षरों a-z, संख्या 0-9, अंडरस्कोर (_), और हाइफ़न (-) का उपयोग करना चाहिए। जबकि आपका फ़ाइल सिस्टम आपको अन्य वर्णों के साथ फ़ाइलें बनाने की अनुमति दे सकता है, आपके सर्वर OS में विशेष वर्णों के साथ समस्याएँ हो सकती हैं। आप केवल यहाँ वर्णित वर्णों का उपयोग करके सुरक्षित हैं। आखिरकार, भले ही आपका सर्वर विशेष वर्णों की अनुमति देता हो, यदि आप भविष्य में विभिन्न होस्ट प्रदाताओं के पास जाने का निर्णय लेते हैं तो ऐसा नहीं हो सकता है।
किसी भी स्थान का प्रयोग न करें
विशेष वर्णों की तरह ही, रिक्त स्थान आपके वेब सर्वर पर समस्याएँ उत्पन्न कर सकते हैं। अपने फ़ाइल नामों में उनसे बचना एक अच्छा विचार है; यदि आपको कभी भी उन्हें किसी वेबसाइट पर जोड़ने की आवश्यकता हो, तो आपको इन्हीं सम्मेलनों का उपयोग करते हुए PDF जैसी फ़ाइलों को नाम देना भी एक बिंदु बनाना चाहिए। यदि आप दृढ़ता से महसूस करते हैं कि फ़ाइल नाम को पढ़ने में आसान बनाने के लिए आपको एक स्थान की आवश्यकता है, तो इसके बजाय हाइफ़न या अंडरस्कोर का विकल्प चुनें। उदाहरण के लिए, "this is the file.pdf" के बजाय "this-is-the-file.pdf" का प्रयोग करें।
फ़ाइल नाम एक अक्षर से शुरू होना चाहिए
हालांकि यह एक पूर्ण आवश्यकता नहीं है, कुछ सिस्टम को उन फ़ाइल नामों में समस्या है जो एक अक्षर से शुरू नहीं होते हैं। उदाहरण के लिए, यदि आप अपनी फ़ाइल को एक संख्या वर्ण से प्रारंभ करना चुनते हैं, तो यह समस्या का कारण बन सकता है।
सभी लोअर केस का प्रयोग करें
हालांकि फ़ाइल नाम के लिए इसकी आवश्यकता नहीं है, यह एक अच्छा विचार है, क्योंकि कुछ वेब सर्वर केस संवेदी होते हैं, और यदि आप फ़ाइल को किसी भिन्न मामले में भूल जाते हैं और संदर्भित करते हैं, तो यह लोड नहीं होगा। प्रत्येक फ़ाइल नाम के लिए लोअर केस वर्णों का उपयोग करना हमेशा एक स्मार्ट तरीका होता है। वास्तव में, कई नए वेब डिज़ाइनर ऐसा करने के लिए याद रखने के लिए संघर्ष करते हैं, फ़ाइल का नामकरण करते समय उनकी डिफ़ॉल्ट क्रिया नाम के पहले वर्ण को कैपिटल करना है। इससे बचें और केवल छोटे अक्षरों की आदत डालें।
फ़ाइल नाम को यथासंभव छोटा रखें
जबकि अधिकांश पर फ़ाइल नाम आकार की सीमा होती है ऑपरेटिंग सिस्टम, यह एक CSS फ़ाइल नाम के लिए उचित से अधिक लंबा है। विस्तार सहित फ़ाइल नाम के लिए अंगूठे का एक अच्छा नियम 20 वर्णों से अधिक नहीं है। वास्तविक रूप से, इससे अधिक लंबा कुछ भी काम करने और किसी भी तरह से लिंक करने के लिए बोझिल नहीं है।
आपके सीएसएस फ़ाइल नाम का सबसे महत्वपूर्ण हिस्सा
CSS फ़ाइल नाम का सबसे महत्वपूर्ण हिस्सा फ़ाइल नाम ही नहीं है, बल्कि एक्सटेंशन है। Macintosh पर एक्सटेंशन की आवश्यकता नहीं है और लिनक्स सिस्टम, लेकिन सीएसएस फ़ाइल लिखते समय किसी एक को शामिल करना एक अच्छा विचार है। इस तरह आपको हमेशा पता चलेगा कि यह एक स्टाइल शीट है और भविष्य में यह क्या है यह निर्धारित करने के लिए फ़ाइल को खोलने की आवश्यकता नहीं है।
यह शायद कोई बड़ा आश्चर्य नहीं है, लेकिन आपकी CSS फ़ाइल का एक्सटेंशन होना चाहिए:
सीएसएस
सीएसएस फ़ाइल-नामकरण सम्मेलन
यदि आपके पास साइट पर केवल एक सीएसएस फ़ाइल होगी, तो आप इसे जो चाहें नाम दे सकते हैं। निम्नलिखित में से एक बेहतर है:
स्टाइल.सीएसएस
Standard.css
डिफ़ॉल्ट.सीएसएस
यदि आपकी वेबसाइट कई सीएसएस फाइलों का उपयोग करेगी, तो स्टाइल शीट को उनके कार्य के बाद नाम दें ताकि यह स्पष्ट हो कि प्रत्येक फाइल का उद्देश्य क्या है। चूंकि एक वेबपेज में कई स्टाइल शीट जुड़ी हो सकती हैं, यह उस शीट के कार्य और उसके भीतर की शैलियों के आधार पर आपकी शैलियों को अलग-अलग शीट में विभाजित करने में मदद करता है। उदाहरण के लिए:
-
लेआउट बनाम। डिज़ाइन
लेआउट.सीएसएस डिजाइन.सीएसएस
-
पृष्ठ अनुभाग
main.css nav.css
-
उप-अनुभागों के साथ पूरी साइट
mainstyles.css उपपृष्ठ.css
यदि आपकी वेबसाइट किसी प्रकार के ढांचे का उपयोग करती है, तो आप देखेंगे कि यह कई सीएसएस फाइलों का उपयोग करती है, प्रत्येक पृष्ठ के विभिन्न भागों या साइट के पहलुओं (टाइपोग्राफी, रंग, लेआउट, आदि।)।