डिजाइन से सामग्री को अलग करना साइट प्रबंधन को आसान बनाता है
सीएसएस (कैस्केडिंग स्टाइल शीट्स) शैली बनाने और वेबसाइटों को बाहर रखने का एक वास्तविक तरीका बन गया है। डिजाइनर स्टाइलशीट का उपयोग ब्राउज़र को बताने के लिए करते हैं कि कैसे दिखने और महसूस के मामले में वेबसाइट को प्रदर्शित किया जाना चाहिए, रंग, रिक्ति, फोंट और बहुत कुछ जैसे कारकों को कवर करना।
सीएसएस शैलियों को दो तरीकों से तैनात किया जा सकता है:
- इनलाइन - वेब पेज के कोडिंग के भीतर, एक व्यक्ति पर, तत्व-दर-तत्व आधार पर
- एक स्टैंडअलोन सीएसएस दस्तावेज़ में, जिस पर वेबसाइट जुड़ी हुई है
सीएसएस के लिए सर्वोत्तम अभ्यास
"सर्वोत्तम प्रथाओं" उन वेबसाइटों को डिजाइन और निर्माण करने के तरीके हैं जो सबसे प्रभावी साबित हुए हैं और शामिल कार्यों के लिए सबसे अधिक रिटर्न देने के लिए हैं। वेब डिज़ाइन में सीएसएस में उनके बाद वेबसाइटों को देखने और काम करने में मदद मिलती है। वे वर्षों से अन्य वेब भाषाओं और प्रौद्योगिकियों के साथ विकसित हुए हैं, और स्टैंडअलोन सीएसएस स्टाइलशीट उपयोग की पसंदीदा विधि बन गई है।
सीएसएस के लिए सर्वोत्तम प्रथाओं के बाद निम्नलिखित तरीकों से आपकी साइट को बेहतर बना सकते हैं:
- डिज़ाइन से सामग्री को अलग करता है। सीएसएस के मुख्य लक्ष्यों में से एक HTML से डिज़ाइन तत्वों को निकालना है और डिज़ाइनर को बनाए रखने के लिए उन्हें किसी अन्य स्थान पर रखना है। यह डेवलपर्स से डिजाइनरों को अलग करने में भी काम करता है ताकि प्रत्येक विशेषज्ञता के अपने क्षेत्रों पर ध्यान केंद्रित कर सकें। किसी वेबसाइट के स्वरूप को बनाए रखने के लिए एक डिजाइनर को डेवलपर नहीं होना चाहिए।
- रखरखाव आसान बनाता है। वेब डिज़ाइन के सबसे अनदेखी तत्वों में से एक रखरखाव है। प्रिंट सामग्री के विपरीत, एक वेबसाइट कभी "एक और नहीं होती है।" सामग्री, डिज़ाइन और फ़ंक्शन समय के साथ विकसित हो सकता है और विकसित होना चाहिए। सीएसएस को एक केंद्रीय स्थान पर रखने के बजाय, पूरे वेबसाइट पर छिड़कने के बजाय चीजों को बनाए रखने के लिए बहुत आसान बनाता है।
- आपकी साइट को सुलभ रखता है। सीएसएस शैलियों का उपयोग खोज इंजन और विकलांग व्यक्तियों को आपकी साइट से सहभागिता करने में मदद करता है।
- आपकी साइट को लंबे समय तक रखता है। सीएसएस के साथ सर्वोत्तम प्रथाओं का उपयोग करके, आप मानकों का पालन कर रहे हैं जो स्थिर साबित हुए हैं लेकिन वेब डिज़ाइन वातावरण में परिवर्तन को समायोजित करने के लिए पर्याप्त लचीला है।
इनलाइन शैलियां सर्वश्रेष्ठ अभ्यास नहीं हैं
इनलाइन शैलियों, जबकि उनके पास एक उद्देश्य है, आमतौर पर आपकी वेबसाइट को बनाए रखने का सबसे अच्छा तरीका नहीं है। वे सर्वोत्तम प्रथाओं में से हर एक के खिलाफ जाते हैं:
- इनलाइन शैलियों डिज़ाइन से सामग्री को अलग नहीं करते हैं। इनलाइन शैलियों बिल्कुल एम्बेडेड फ़ॉन्ट और अन्य क्लंकी डिज़ाइन टैग के समान हैं जो आधुनिक डेवलपर्स रेल के खिलाफ हैं। शैलियों केवल विशेष, व्यक्तिगत तत्वों को प्रभावित करती हैं जिन पर वे लागू होते हैं; जबकि इससे आपको अधिक बारीक नियंत्रण मिल सकता है, यह डिजाइन और विकास के अन्य पहलुओं को भी बनाता है - जैसे स्थिरता - अधिक कठिन।
- इनलाइन शैलियों रखरखाव सिरदर्द का कारण बनता है। जब आप स्टाइलशीट के साथ काम कर रहे हों, यह पता लगाना कि शैली कहां सेट की जा रही है तो मुश्किल हो सकती है। जब आप इनलाइन, एम्बेडेड और बाहरी शैलियों के मिश्रण से निपट रहे हैं, तो आपके पास जांच करने के लिए कई स्थान हैं। यदि आप किसी वेब डिज़ाइन टीम पर काम करते हैं या किसी अन्य व्यक्ति द्वारा बनाई गई साइट को फिर से डिजाइन या बनाए रखना है, तो आपको और भी परेशानी होगी। एक बार जब आप शैली ढूंढें और इसे बदल दें, तो आपको प्रत्येक पृष्ठ पर हर तत्व पर ऐसा करना होगा जहां इसे रखा गया है। इससे खगोलीय समय और कार्य बजट बढ़ जाता है।
- इनलाइन शैलियों के रूप में सुलभ नहीं हैं। जबकि एक आधुनिक स्क्रीन रीडर या अन्य सहायक डिवाइस प्रभावी रूप से इनलाइन विशेषताओं और टैग को संभालने में सक्षम हो सकता है, कुछ पुराने डिवाइस नहीं कर सकते हैं, जिसके परिणामस्वरूप कुछ अजीब रूप से प्रदर्शित वेब पेज हो सकते हैं। अतिरिक्त वर्ण और टेक्स्ट इस बात को प्रभावित कर सकते हैं कि आपके पृष्ठ को एक खोज इंजन रोबोट द्वारा कैसे देखा जाता है, इसलिए आपका पृष्ठ खोज इंजन अनुकूलन (एसईओ) के संदर्भ में भी नहीं करता है।
- इनलाइन शैलियों आपके पृष्ठों को बड़ा बनाते हैं। यदि आप अपनी साइट पर प्रत्येक पैराग्राफ को एक निश्चित तरीके से दिखाना चाहते हैं, तो आप इसे बाहरी स्टाइलशीट में छह पंक्तियों या कोड के साथ एक बार कर सकते हैं। यदि आप इनलाइन शैलियों के साथ करते हैं, तो आपको अपनी साइट के प्रत्येक पैराग्राफ में उन शैलियों को जोड़ना होगा। यदि आपके पास सीएसएस की पांच पंक्तियां हैं, तो आपकी साइट पर प्रत्येक अनुच्छेद द्वारा पांच पंक्तियां गुणा हो गई हैं। वह बैंडविड्थ और लोड समय जल्दबाजी में जोड़ सकता है।
इनलाइन शैलियों के लिए वैकल्पिक: बाहरी स्टाइलशीट्स
इनलाइन शैलियों का उपयोग करने के बजाय, बाहरी स्टाइलशीट का उपयोग करें। वे आपको सीएसएस सर्वोत्तम प्रथाओं के सभी लाभ देते हैं और उपयोग करने में आसान हैं। इस तरह से नियोजित, आपकी साइट पर उपयोग की जाने वाली सभी शैलियों एक अलग दस्तावेज़ में रहती हैं जिसे तब कोड की एक पंक्ति के साथ एक वेब दस्तावेज़ से जोड़ा जाता है। बाहरी स्टाइलशीट उन दस्तावेज़ों को प्रभावित करते हैं जिन्हें वे संलग्न करते हैं। इसका मतलब है कि, यदि आपके पास 20-पेज वाली वेबसाइट है जिसमें प्रत्येक पृष्ठ एक ही स्टाइलशीट का उपयोग करता है - जो आम तौर पर यह किया जाता है - आप एक ही स्थान पर एक बार उन शैलियों को संपादित करके उन पृष्ठों में से प्रत्येक में परिवर्तन कर सकते हैं। एक स्थान पर शैलियों को बदलना आपकी वेबसाइट के प्रत्येक पृष्ठ पर उस कोडिंग की खोज करने से असीम रूप से अधिक सुविधाजनक है। इससे दीर्घकालिक साइट प्रबंधन बहुत आसान हो जाता है।