वेबसाइटचे स्वरूप आणि अनुभव, किंवा "शैली" सीएसएस द्वारा नियंत्रित आहे (कॅस्केडिंग शैली पत्रके). ही एक फाइल आहे जी आपण आपल्या वेबसाइटच्या निर्देशिकेत जोडू शकता ज्यामध्ये विविध CSS नियम असतील ज्या आपल्या पृष्ठांची व्हिज्युअल डिझाईन आणि लेआउट तयार करतील.
साइट वापरु शकतात, आणि अनेकदा ते वापरतात, एकाधिक शैली पत्रक वापरतात, तसे करणे आवश्यक नाही आपण आपल्या सर्व सीएसएस नियम एका फाईलमध्ये ठेवू शकता, आणि असे केल्याने प्रत्यक्षात फायदे होतात, ज्यात जलद लोड वेळ आणि पृष्ठांची कार्यक्षमता यांचा समावेश आहे कारण त्यांना एकाधिक फाइल्स प्राप्त करण्याची आवश्यकता नाही. खूप मोठ्या असताना, एंटरप्राइझ साइटना वेगळ्या शैली पत्रकाची आवश्यकता असू शकते, अनेक लहान ते मध्यम साइट फक्त एका फाइलसह उत्कृष्टपणे छान करू शकतात. माझ्या वेब डिज़ाइनच्या बहुतेक कामासाठी मी हे वापरत आहे - माझ्या पृष्ठांची गरज असलेल्या सर्व नियमांवरील एक सीएसएस फाइल्स. तर आता प्रश्न बनतो - या सीएसएस फाईलला आपण काय नाव द्यावे?
कन्व्हेन्शन मूलभूत नामकरण
जेव्हा आपण आपल्या वेब पृष्ठांसाठी एक बाह्य शैली पत्रक तयार करता तेव्हा आपण आपल्या HTML फायलींकरिता तत्सम नामांकन संमेलनांचे खालील फाइल नाव द्यावे:
विशेष वर्ण वापरू नका
आपण केवळ आपल्या सीएसएस फाइल नावांमध्ये अक्षरे az, numbers 0- 9, अंडरस्कोर (_) आणि हायफन (-) वापरू. आपल्या फाईल सिस्टीम आपल्याला इतर वर्णांसह फायली तयार करण्याची अनुमती देत असताना, आपल्या सर्व्हर OS मध्ये विशेष वर्णांबरोबर समस्या असू शकते. येथे वर्णित वर्णांचा वापर करून आपण अधिक सुरक्षित आहात. अखेरीस, जरी आपल्या सर्व्हरने विशिष्ट वर्णांना परवानगी दिली असली तरीही, आपण भविष्यात होस्टिंग प्रदाते हलवण्याचा निर्णय घेतल्यास असे होऊ शकत नाही.
कोणतीही स्पेस वापरू नका
विशेष वर्णांप्रमाणेच, आपल्या वेब सर्व्हरवर स्पेसमुळे समस्या निर्माण होऊ शकतात. आपल्या फाईल नावांमध्ये ते टाळण्यासाठी ही एक चांगली कल्पना आहे. मी त्याच पध्दतींचा वापर करून पीडीएफ़सारख्या फाईल्सना नामित करण्याचा एक मुद्दा बनवतो, फक्त एकदाच मला ते एखाद्या वेबसाइटवर जोडणे आवश्यक आहे. जर तुम्हाला वाटत असेल की तुम्हाला फाइलचे नाव वाचण्यास सोपे बनविण्याकरिता जागा हवी असेल तर हायफन किंवा अंडरस्कोअरची निवड करा. उदाहरणार्थ, "ही फाइल.pdf आहे" वापरण्याऐवजी मी "हे-फाईल-फाईल पीडीएफ" वापरेल.
फाइलचे नाव पत्र सह प्रारंभ करा
हे एक अत्यावश्यक गरज नसले तरी काही प्रणालींना फाइल नावांसह समस्या आहे जे अक्षराने सुरू होत नाही उदाहरणार्थ, जर आपण आपल्या फाइलची संख्या अक्षरे घेऊन सुरू केली, तर यामुळे समस्या उद्भवू शकतात.
सर्व लोअर केस वापरा
हे एखाद्या फाइलनामसाठी आवश्यक नसले तरी, काही वेबसर्व्हर केस संवेदी आहेत आणि आपण जर एखाद्या फाईलमध्ये वेगळ्या प्रकरणात विसरलो आणि त्याचा संदर्भ घेतला तर हे लोड होत नाही. माझ्या स्वत: च्या कामामध्ये मी प्रत्येक फाइल नावासाठी लोअर केस अक्षरे वापरतो. मी हे असे काहीतरी शोधले आहे जे अनेक नवीन वेब डिझाइनरांना लक्षात ठेवण्यासाठी संघर्ष करतात. नावाचे पहिले अक्षर कॅपिटल करण्यासाठी फाइल नामांकन करताना त्यांची डीफॉल्ट कारवाई हे टाळा आणि केवळ लोअरकेस वर्णांची सवय होऊ द्या.
शक्य तितके लहान फाइल नाव ठेवा
बर्याच ऑपरेटींग सिस्टिमवरील फाईलच्या नावाची मर्यादा असताना, सीएसएस फाइल नावासाठी तो वाजवीपेक्षा जास्त मोठा असतो. विस्तारास समाविष्ट नसलेल्या फाइल नावासाठी थांबाचा एक चांगला नियम 20 वर्णांपेक्षा अधिक नाही. वास्तविकपणे, त्यापेक्षा कितीतरी जास्त काळ काम करणे आणि तरीही कशाशी तरी जोडणे अशक्य आहे!
आपल्या सीएसएस फाइल नाव सर्वात महत्वाचा भाग
सीएसएस फाईलचे सर्वात महत्त्वाचे भाग फाईलचे नावच नव्हे तर विस्तार आहे. मॅकिन्टोश आणि लिनक्स सिस्टीममध्ये विस्तारांची आवश्यकता नाही, परंतु सीएसएस फाईल लिहिताना एकाचा समावेश करणे ही एक चांगली कल्पना आहे. अशा प्रकारे आपल्याला नेहमी माहित येईल की हे एक शैली पत्रक आहे आणि ते भविष्यात काय आहे हे निर्धारित करण्यासाठी फाईल उघडण्याची आवश्यकता नाही.
कदाचित हे मोठे आश्चर्यकारक नाही, परंतु आपल्या सीएसएस फाईलवरील विस्तार असावा:
.cssसीएसएस फाइल नामांकन अधिवेशने
आपण साइटवर केवळ एक सीएसएस फाइल असेल तर, आपण जे काही ते पसंत करू शकता. मी एकतर पसंत करतो:
styles.css किंवा default.cssमी ज्या साईट्स वर कार्य करतो त्यात बहुतेक साइट्सवर एकच सीएसएस फाईल्स समाविष्ट आहेत, हे नावे माझ्यासाठी चांगले कार्य करतात
जर आपली वेबसाइट एकाधिक CSS फाईल्स वापरेल, त्यांच्या फंक्शन नंतर स्टाइलशीट्सचे नाव द्या म्हणजे प्रत्येक फाईलचा उद्देश काय आहे हे स्पष्ट आहे. एखाद्या वेब पृष्ठावर एकाधिक शैली पत्रक जोडले असल्यास ते त्या शीटच्या फंक्शन आणि त्यातील शैलींवर अवलंबून राहून आपली शैली वेगवेगळ्या शीटमध्ये विभाजित करण्यास मदत करते. उदाहरणार्थ:
- लेआउट वि डिझाइन layout.css design.css
- पृष्ठ विभाग मुख्य css nav.css
- उप-विभाग मुख्य शैलीसह सीएसएस उपपृष्ठ.css
जर तुमची वेबसाइट काही प्रकारचे चौकट वापरत असेल, तर तुम्हाला ते लक्षात येईल की तो एकाधिक सीएसएस फाईल्स वापरतो, प्रत्येक पृष्ठास विविध भागांच्या किंवा साइटच्या पैलूंसाठी (टायपोग्राफी, रंग, लेआउट, वगैरे) समर्पित आहेत.
जेनिफर क्रिनिन द्वारे मूळ लेख. 9/5/17 रोजी जेरेमी गिरर्ड द्वारा संपादित