वेबसाइटों में छवियों, टेक्स्ट और विभिन्न दस्तावेजों सहित कई व्यक्तिगत टुकड़े शामिल हैं। इन दस्तावेजों में न केवल उन लोगों को शामिल किया गया है जिन्हें पीडीएफ फाइलों जैसे विभिन्न पृष्ठों से जोड़ा जा सकता है, लेकिन उन पृष्ठों को भी बनाने के लिए उपयोग किया जाता है, जो पेजों और सीएसएस (कैस्केडिंग स्टाइल शीट) दस्तावेजों की संरचना निर्धारित करने के लिए एचटीएमएल दस्तावेजों की तरह हैं। एक पृष्ठ के स्वरूप को निर्देशित करने के लिए। यह आलेख सीएसएस में पहुंचाएगा, जिसमें यह शामिल है और आज इसका उपयोग वेबसाइटों पर किया जाता है।
एक सीएसएस इतिहास सबक
सीएसएस को पहली बार वेब डेवलपर्स के वेब पेजों की दृश्य उपस्थिति को परिभाषित करने के लिए एक तरीका के रूप में विकसित किया गया था जो वे बना रहे थे। इसका उद्देश्य वेब पेशेवरों को दृश्य डिजाइन से किसी वेबसाइट के कोड की सामग्री और संरचना को अलग करने की अनुमति देना था, जो इस समय से पहले संभव नहीं था।
संरचना और शैली को अलग करने से HTML को उस फ़ंक्शन का अधिक प्रदर्शन करने की अनुमति मिलती है जो मूल रूप से - पृष्ठ के डिज़ाइन और लेआउट के बारे में चिंता किए बिना सामग्री के मार्कअप पर आधारित होती है, जिसे आमतौर पर "देखो और महसूस" के रूप में जाना जाता है। पृष्ठ का
सीएसएस को लगभग 2000 तक लोकप्रियता में लाभ नहीं हुआ जब वेब ब्राउज़र ने इस मार्कअप भाषा के मूल फ़ॉन्ट और रंग पहलुओं से अधिक उपयोग करना शुरू किया। आज, सभी आधुनिक ब्राउज़र सीएसएस स्तर 1, सीएसएस स्तर 2 के अधिकांश और सीएसएस स्तर 3 के अधिकांश पहलुओं का समर्थन करते हैं। चूंकि सीएसएस विकसित होता है और नई शैलियों को पेश किया जाता है, वेब ब्राउज़र ने मॉड्यूल को लागू करना शुरू कर दिया है जो नए सीएसएस समर्थन को लाता है उन ब्राउज़रों में और वेब डिज़ाइनर के साथ काम करने के लिए शक्तिशाली नए स्टाइल उपकरण दें।
पिछले कई वर्षों में, चुनिंदा वेब डिज़ाइनर थे जिन्होंने वेबसाइटों के डिजाइन और विकास के लिए सीएसएस का उपयोग करने से इंकार कर दिया था, लेकिन यह अभ्यास आज उद्योग से ही चला गया है। सीएसएस अब वेब डिज़ाइन में व्यापक रूप से उपयोग किया जाने वाला मानक है और आपको उस उद्योग में काम करने वाले किसी भी व्यक्ति को खोजने के लिए कठोर दबाव डाला जाएगा, जिसकी इस भाषा की कम से कम बुनियादी समझ नहीं थी।
सीएसएस एक संक्षिप्त है
जैसा कि पहले से उल्लेख किया गया है, शब्द सीएसएस "कैस्केडिंग स्टाइल शीट" के लिए है। आइए इस वाक्यांश को थोड़ा और अधिक स्पष्ट रूप से समझाएं कि ये दस्तावेज़ क्या करते हैं।
शब्द "स्टाइलशीट" दस्तावेज़ को स्वयं ही संदर्भित करता है (जैसे एचटीएमएल, सीएसएस फाइलें वास्तव में केवल टेक्स्ट दस्तावेज हैं जिन्हें विभिन्न कार्यक्रमों के साथ संपादित किया जा सकता है)। स्टाइल शीट का उपयोग कई वर्षों तक दस्तावेज़ डिजाइन के लिए किया गया है। वे एक लेआउट के लिए तकनीकी विनिर्देश हैं, चाहे प्रिंट या ऑनलाइन हों। प्रिंट डिज़ाइनरों ने यह सुनिश्चित करने के लिए स्टाइल शीट का उपयोग किया है कि उनके डिज़ाइन बिल्कुल उनके विनिर्देशों के लिए मुद्रित होते हैं। किसी वेब पेज के लिए स्टाइल शीट एक ही उद्देश्य प्रदान करता है, लेकिन वेब ब्राउजर को यह भी बताते हुए जोड़ा गया है कि दस्तावेज़ को कैसे प्रस्तुत किया जाए। आज, सीएसएस स्टाइल शीट मीडिया के विभिन्न उपकरणों और स्क्रीन आकारों के तरीके को बदलने के तरीके को बदलने के लिए मीडिया प्रश्नों का भी उपयोग कर सकती है। यह अविश्वसनीय रूप से महत्वपूर्ण है क्योंकि यह उपयोग करने के लिए उपयोग की जा रही स्क्रीन के अनुसार एक HTML दस्तावेज़ को अलग-अलग प्रस्तुत करने की अनुमति देता है।
कैस्केड शब्द "कैस्केडिंग स्टाइल शीट" का वास्तव में विशेष हिस्सा है। एक वेब स्टाइल शीट का उद्देश्य उस शीट में शैलियों की एक श्रृंखला के माध्यम से झरना है, जैसे झरने पर नदी। नदी में पानी झरने में सभी चट्टानों को हिट करता है, लेकिन नीचे के तल पर केवल वही प्रभाव पड़ता है जहां पानी बह जाएगा। वेबसाइट स्टाइल शीट्स में कैस्केड के बारे में भी यही सच है।
प्रत्येक वेब पेज कम से कम एक स्टाइल शीट से प्रभावित होता है, भले ही वेब डिज़ाइनर किसी शैलियों को लागू न करे। यह स्टाइल शीट उपयोगकर्ता एजेंट स्टाइल शीट है - जिसे डिफ़ॉल्ट ब्राउज़र के रूप में भी जाना जाता है जिसे वेब ब्राउज़र किसी पृष्ठ को प्रदर्शित करने के लिए उपयोग करेगा यदि कोई अन्य निर्देश प्रदान नहीं किया जाता है। उदाहरण के लिए, डिफ़ॉल्ट हाइपरलिंक्स द्वारा नीले रंग में स्टाइल किया जाता है और वे रेखांकित होते हैं। वे शैलियों वेब ब्राउज़र की डिफ़ॉल्ट स्टाइल शीट से आती हैं। यदि वेब डिज़ाइनर अन्य निर्देश प्रदान करता है, हालांकि, ब्राउज़र को यह जानने की आवश्यकता होगी कि कौन से निर्देशों की प्राथमिकता है। सभी ब्राउज़रों की अपनी डिफ़ॉल्ट शैलियों होती है, लेकिन उनमें से कई डिफ़ॉल्ट (जैसे नीले रेखांकित टेक्स्ट लिंक) सभी या अधिकांश प्रमुख ब्राउज़रों और संस्करणों में साझा की जाती हैं।
एक ब्राउज़र डिफ़ॉल्ट के एक और उदाहरण के लिए, हमारे वेब ब्राउज़र में, डिफ़ॉल्ट फ़ॉन्ट "टाइम्स न्यू रोमन" आकार 16 पर प्रदर्शित होता है। हालांकि, उस फ़ॉन्ट परिवार और आकार में प्रदर्शित पृष्ठों में से लगभग कोई भी नहीं है। ऐसा इसलिए है क्योंकि कैस्केड परिभाषित करता है कि डिजाइनर द्वारा निर्धारित दूसरी स्टाइल शीट, फ़ॉन्ट आकार और परिवार को फिर से परिभाषित करने के लिए, हमारे वेब ब्राउज़र के डिफ़ॉल्ट को ओवरराइड करते हैं। किसी वेब पेज के लिए आपके द्वारा बनाई गई किसी भी स्टाइल शीट में ब्राउज़र की डिफ़ॉल्ट शैलियों की तुलना में अधिक विशिष्टता होगी, इसलिए वे डिफ़ॉल्ट केवल तभी लागू होंगे जब आपकी स्टाइलशीट उन्हें ओवरराइड न करे। यदि आप लिंक नीले और रेखांकित होने के लिए चाहते हैं, तो आपको कुछ भी करने की आवश्यकता नहीं है क्योंकि यह डिफ़ॉल्ट है, लेकिन यदि आपकी साइट की सीएसएस फ़ाइल कहती है कि लिंक हरे रंग का होना चाहिए, तो वह रंग डिफ़ॉल्ट नीले रंग को ओवरराइड करेगा। अंडरलाइन इस उदाहरण में रहेगी क्योंकि आपने अन्यथा निर्दिष्ट नहीं किया है।
सीएसएस कहां इस्तेमाल किया जाता है?
वेब ब्राउजर की तुलना में अन्य मीडिया में देखे जाने पर वेब पृष्ठों को कैसे दिखाना चाहिए, यह निर्धारित करने के लिए सीएसएस का भी उपयोग किया जा सकता है। उदाहरण के लिए, आप एक प्रिंट स्टाइल शीट बना सकते हैं जो परिभाषित करेगा कि वेब पेज को कैसे प्रिंट करना चाहिए। चूंकि नेविगेशन बटन या वेब फ़ॉर्म जैसे वेब पेज आइटम का मुद्रित पृष्ठ पर कोई उद्देश्य नहीं होगा, इसलिए प्रिंट स्टाइल शीट का उपयोग उन पृष्ठों को "बंद" करने के लिए किया जा सकता है जब कोई पृष्ठ मुद्रित होता है।हालांकि कई साइटों पर वास्तव में एक आम प्रथा नहीं है, प्रिंट स्टाइल शीट बनाने का विकल्प शक्तिशाली और आकर्षक है (हमारे अनुभव में - अधिकांश वेब पेशेवर इसे ऐसा नहीं करते हैं क्योंकि बजट का एक साइट का दायरा इस अतिरिक्त काम को करने के लिए नहीं कहता है )।
सीएसएस महत्वपूर्ण क्यों है?
सीएसएस सबसे शक्तिशाली टूल में से एक है जो वेब डिज़ाइनर सीख सकता है क्योंकि इसके साथ आप किसी वेबसाइट की संपूर्ण दृश्य उपस्थिति को प्रभावित कर सकते हैं। अच्छी तरह लिखित स्टाइल शीट को जल्दी से अपडेट किया जा सकता है और स्क्रीन पर दृश्यमान रूप से प्राथमिकता वाले साइटों को बदलने की अनुमति देता है, जो बदले में अंतर्निहित HTML मार्कअप में किए जाने वाले किसी भी बदलाव के बिना मूल्य दिखाता है और आगंतुकों पर ध्यान केंद्रित करता है।
सीएसएस की मुख्य चुनौती यह है कि सीखने के लिए काफी कुछ है - और ब्राउज़रों के साथ हर दिन बदलते हुए, आज अच्छी तरह से क्या काम करता है, कल समझ में नहीं आ सकता है क्योंकि नई शैलियों का समर्थन हो रहा है और दूसरों को एक कारण या किसी अन्य कारण से छोड़ दिया गया है ।
चूंकि सीएसएस कैस्केड और गठबंधन कर सकता है, और विचार कर सकता है कि विभिन्न ब्राउज़र निर्देशों को अलग-अलग कैसे व्याख्या और कार्यान्वित कर सकते हैं, सीएसएस एचटीएमएल से मास्टर के लिए अधिक कठिन हो सकता है। सीएसएस ब्राउज़र में भी इस तरह से बदलता है कि एचटीएमएल वास्तव में नहीं करता है। एक बार जब आप सीएसएस का उपयोग करना शुरू कर देते हैं, तो आप देखेंगे कि स्टाइल शीट की शक्ति का उपयोग करने से आपको अविश्वसनीय लचीलापन मिलेगा कि आप वेब पृष्ठों को कैसे लेआउट करते हैं और उनके स्वरूप और अनुभव को परिभाषित करते हैं। रास्ते के साथ, आप शैलियों और दृष्टिकोणों के "चाल की थैली" एकत्र करेंगे जो आपके लिए अतीत में काम कर चुके हैं और भविष्य में नए वेब पेज बनाने के बाद आप फिर से चालू कर सकते हैं।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 7/5/17 को संपादित किया गया
