एक वेबसाइट को देखो र महसुस, वा "शैली" सीएसएस (क्यास्केडिङ स्टाइल पाना) द्वारा निर्धारित गरिएको छ। यो एउटा फाईल हो जुन तपाइँले तपाइँको वेबसाइटको डाइरेक्टरीमा थपिनेछ जुन तपाइँको पृष्ठहरूको भिजुअल डिजाइन र लेआउट सिर्जना गर्ने विभिन्न CSS नियमहरू समावेश गर्दछ।
जब साइटहरू प्रयोग गर्न सक्दछ र प्राय: प्रयोग गर्दछ, धेरै शैली पानाहरू प्रयोग गर्दछन्, त्यसो गर्न आवश्यक छैन। तपाईं आफ्नो सबै सीएसएस नियम एक फाइलमा राख्न सक्नुहुन्छ, र त्यसो गर्दा वास्तवमा त्यहाँ फायदाहरू छन्, पृष्ठहरूको छिटो लोड समय र प्रदर्शन सहित उनीहरूले बहुविध फाइलहरू ल्याउन आवश्यक छैन। जबकि धेरै ठूलो, इन्टरप्राइज साइटहरूले कहिलेकाहीं अलग-अलग शैली पानाहरूको हुन सक्छ, धेरै सानो र मध्यम साइटहरू केवल एक फाइलको साथ राम्रोसँग गर्न सक्छन्। यो मेरो वेब डिजाईन कार्य को लागी को लागी प्रयोग हो - एक पृष्ठहरु को एक सीएसएस फाइलहरु जसमा मेरो पृष्ठहरु को आवश्यकता हो सबै नियमहरु संग। त्यसोभए प्रश्न अब हुन्छ - तपाईले यो CSS फाइललाई कुन नाम दिनुपर्छ?
नामकरण सम्मेलन आधारभूत
जब तपाइँ आफ्नो वेब पृष्ठहरूको लागि बाह्य शैली पाना सिर्जना गर्नुहुन्छ, तपाइँले तपाइँको एचटीएमएल फाईलहरूको लागि त्यहि नामकरण कन्वेंशनहरूको फाइल नाम दिनुपर्छ:
विशेष क्यारेक्टर प्रयोग नगर्नुहोस्
तपाईले केवल अक्षर अङ्क, अंकहरू 0-9, अन्डरकोर (_), र हाइफन (-) तपाईंको CSS फाइल नामहरूमा मात्र प्रयोग गर्नुपर्दछ। जब तपाईंको फाईल प्रणालीले तपाईंलाई अन्य क्यारेक्टरहरूमा फाइलहरू सिर्जना गर्न अनुमति दिन्छ, तपाईंको सर्भर ओएसले विशेष क्यारेक्टरसँग समस्या हुन सक्छ। तपाईं यहाँ उल्लेख गरिएका क्यारेक्टरहरू मात्र सुरक्षित हुनुहुन्छ। आखिर, यदि तपाईंको सर्भर विशेष क्यारेक्टरहरूको लागि अनुमति दिन्छ भने, यदि तपाई भविष्यमा होस्टिंग प्रदायकहरू सार्न निर्णय गर्नुहुन्छ भने यो स्थिति नहुन सक्छ।
कुनै पनि स्पेस प्रयोग नगर्नुहोस्
केवल विशेष क्यारेक्टरहरू जस्तै, रिक्त स्थानहरू तपाइँको वेब सर्भरमा समस्या हुन सक्छ। तपाईंको फाईल नामहरूमा तिनीहरूलाई टाँस्न यो राम्रो विचार हो। म यसलाई त्यहि कन्वेंशनहरू प्रयोग गरेर PDF हरू फाइलहरू नाम गर्न एउटा बिन्दु बनाउँछ, भर्खरै मलाई उनीहरूलाई वेबसाइटमा थप्न आवश्यक पर्दछ। यदि तपाईंलाई लाग्छ तपाईंलाई फाइलको नाम पढ्न सजिलो बनाउन ठाउँ चाहिन्छ भने यसको सट्टा हाइफन वा अपरस्क्रिन छनौट गर्नुहोस्। उदाहरणका लागि, "यो फाइल.pdf हो" को सट्टामा म "यो-is-the-file.pdf" प्रयोग गर्नेछ।
फाइल नामले पत्रको साथ सुरू गर्नु पर्छ
जब यो निरपेक्ष आवश्यकता होइन, केही प्रणालीले फाईल नामहरूसँग समस्या छ जुन पत्रको साथ सुरु हुँदैन। उदाहरणको लागि, यदि तपाईले तपाइँको फाइल नम्बर क्यारेक्टर सुरू गर्न रोज्नुहुन्छ भने, यो समस्याहरू हुन सक्छ।
सबै लोअर केस प्रयोग गर्नुहोस्
जब यो फाईलनामको लागि आवश्यक छैन, यो राम्रो विचार हो, केहि वेब सर्भरहरू केस संवेदनशील छन् र यदि तपाइँ फरक बिन्दुमा बिर्सनु भएको छ र फाइललाई सन्दर्भ गर्दछ, यसले लोड गर्दैन। मेरो आफ्नै काममा, म प्रत्येक फाईल नामको लागि न्यून क्यारेक्टर क्यारेक्टरहरू प्रयोग गर्दछु। मैले वास्तवमा यो कुरा फेला पारेको छ कि धेरै नयाँ वेब डिजाइनरहरूले सम्झनका लागि संघर्ष गर्ने। फाइलको नाम दर्ता गर्दा उनीहरूको पूर्वनिर्धारित कार्य नामको पहिलो क्यारेक्टरलाई पूंजीकरण गर्न हो। यसलाई नछोड्नुहोस् र केवल साना क्यारेक्टरहरूको आदतमा जानुहोस्।
सम्भव रूपमा फाइल नाम राख्नुहोस्
जबकि अधिकांश अपरेटिङ सिस्टमहरूमा फाईल नाम साइजको सीमा हो, यो सीएसएस फाइल नामको लागि उचित भन्दा बढी छ। फलामको एक राम्रो नियम फाइल नामको लागि एक्सटेन्सन सहित 20 वर्ण भन्दा बढी क्यारेक्टर छैन। वास्तवमा, केहि भन्दा बढी त्यो भन्दा काम संग अनि काम गर्न अनि वैसे पनि लिङ्क!
तपाईंको सीएसएस फाइल नामको सबैभन्दा महत्त्वपूर्ण भाग
सीएसएस फाइल नामको सबैभन्दा महत्त्वपूर्ण भाग फाइल नाम होईन, तर एक्सटेन्सन। एक्सटेन्सनहरू Macintosh र लिनक्स प्रणालीहरूमा आवश्यक छैन, तर यो एक सीएसभी फाइल फाइल लेख्दा एक राम्रो विचार हो। त्यस तरिकाले तपाई सधैँ थाहा पाउनुहुनेछ कि यो शैली पाना हो र भविष्यमा के छ भनेर निर्धारण गर्न फाईल खोल्न छैन।
यो सम्भवतया ठूलो अचम्म छैन, तर तपाईंको CSS फाइलमा विस्तार हुनुपर्छ:
.cssसीएसएस फाइल नामकरण कन्वेंशन
यदि तपाइँसँग साइटमा केवल एक CSS फाइल हुनेछ भने, तपाईले जे पनि मनपराउन सक्नुहुन्छ। म पनि मनपर्छ:
styles.css वा default.cssमैले धेरै काम गर्ने साइटहरू एक एकल CSS फाईलहरू समावेश गर्दछु, यी नामहरू मेरो लागि राम्रो काम गर्दछ।
यदि तपाइँको वेबसाइटले धेरै सीएसएस फाईलहरू प्रयोग गर्नेछ भने, उनीहरूको प्रकार्य पछि शैली पानाहरूको नाम राख्नुहोस्, यो स्पष्ट छ कि प्रत्येक फाइलको उद्देश्य भनेको हो। एक वेब पृष्ठले उनीहरूको बहुविध शैली पानाहरूसँग संलग्न हुन सक्दछ, यसले तपाईंको शैलीहरूलाई पानाको पानामा विभाजित गर्न मद्दत गर्दछ। उदाहरणका लागि:
- लेआउट बनाम डिजाइन layout.css design.css
- पृष्ठ खण्ड मुख्य.css nav.css
- उप-वर्ग mainstyles.css subpage.css साथ सम्पूर्ण साइट
यदि तपाईंको वेबसाइटले कुनै किसिमको ढाँचा प्रयोग गर्दछ भने, तपाईंलाई सम्भावित हुनेछ कि यसले धेरै CSS हरु प्रयोग गर्दछ जुन प्रत्येक पृष्ठ वा आकृति (टाइपोग्राफी, रंग, लेआउट, आदि) को विभिन्न भागहरूमा समर्पित गर्दछ।
जेनिफर क्रिनिन द्वारा मूल लेख। 9/17/17 मा जेरेमी गिरर्ड द्वारा सम्पादित