वेब पृष्ठ एक स्क्रीन पर देखने के लिए हैं। जबकि संभावित उपकरणों की एक विस्तृत विविधता है जिनका उपयोग किसी साइट को देखने के लिए किया जा सकता है (डेस्कटॉप, लैपटॉप, टैबलेट, फोन, वियरेबल्स, टीवी आदि।), उन सभी में किसी न किसी प्रकार की स्क्रीन शामिल है। एक और तरीका है जिससे कोई आपकी वेबसाइट देख सकता है, एक ऐसा तरीका जिसमें स्क्रीन शामिल नहीं है। हम आपके वेब पेजों के भौतिक प्रिंटआउट की बात कर रहे हैं।
वर्षों पहले, आप पाएंगे कि वेबसाइटों को प्रिंट करने वाले लोग एक बहुत ही सामान्य परिदृश्य थे। हमें याद है कि हम ऐसे कई ग्राहकों से मिले थे जो वेब पर नए थे और साइट के मुद्रित पृष्ठों की समीक्षा करने में अधिक सहज महसूस करते थे। फिर उन्होंने हमें वेबसाइट पर चर्चा करने के लिए स्क्रीन पर देखने के बजाय कागज के उन टुकड़ों पर प्रतिक्रिया और संपादन दिया। जैसे-जैसे लोग अपने जीवन में स्क्रीन के साथ अधिक सहज हो गए हैं, और जैसे-जैसे वे स्क्रीन कई गुना बढ़ी हैं कई बार, हमने कम से कम लोगों को वेब पेजों को कागज पर प्रिंट करने की कोशिश करते देखा है, लेकिन यह अभी भी होता है घटित। जब आप अपनी वेबसाइट की योजना बनाते हैं तो आप इस घटना पर विचार करना चाहेंगे। क्या आप चाहते हैं कि लोग आपके वेब पेजों को प्रिंट करें? शायद तुम नहीं। अगर ऐसा है, तो आपके पास कुछ विकल्प हैं।
CSS के साथ किसी वेब पेज को प्रिंट करने से कैसे रोकें
इसका उपयोग करना आसान है सीएसएस लोगों को आपके वेब पेजों को प्रिंट करने से रोकने के लिए। आपको बस "print.css" नाम की एक 1 लाइन स्टाइलशीट बनाने की जरूरत है जिसमें CSS की निम्नलिखित लाइन शामिल है।
शरीर {प्रदर्शन: कोई नहीं; }
यह एक शैली आपके पृष्ठों के "बॉडी" तत्व को बदल देगी प्रदर्शित नहीं किया जा रहा है — और चूंकि आपके पेज पर सब कुछ बॉडी एलिमेंट का चाइल्ड है, इसका मतलब है कि पूरा पेज/साइट प्रदर्शित नहीं होगा।
एक बार आपके पास आपकी "print.css" स्टाइलशीट हो जाने के बाद, आप इसे अपने में लोड करेंगे एचटीएमएल एक प्रिंट स्टाइलशीट के रूप में। यहां बताया गया है कि आप यह कैसे करेंगे - बस अपने HTML पृष्ठों में "हेड" तत्व में निम्न पंक्ति जोड़ें।
यह जानकारी ब्राउज़र को बताती है कि यदि यह वेब पेज प्रिंट करने के लिए सेट है, तो इस स्टाइलशीट का उपयोग करने के लिए, जो भी डिफ़ॉल्ट स्टाइलशीट पेज ऑन-स्क्रीन डिस्प्ले के लिए उपयोग करते हैं। जैसे ही पृष्ठ इस "print.css" शीट पर स्विच करते हैं, वह शैली जो पूरे पृष्ठ को प्रदर्शित नहीं करती है वह शुरू हो जाएगी और जो प्रिंट होगा वह एक खाली पृष्ठ होगा।
एक बार में एक पेज को ब्लॉक करें
यदि आपको अपनी साइट पर बहुत सारे पृष्ठों को अवरुद्ध करने की आवश्यकता नहीं है, तो आप अपने HTML के शीर्ष में निम्नलिखित शैलियों को चिपकाकर पृष्ठ-दर-पृष्ठ आधार पर मुद्रण को रोक सकते हैं।
इस इन-पेज शैली में आपके अंदर की किसी भी शैली की तुलना में उच्च विशिष्टता होगी बाहरी स्टाइल शीट, जिसका अर्थ है कि वह पृष्ठ बिल्कुल भी मुद्रित नहीं होगा, जबकि इस पंक्ति के बिना अन्य पृष्ठ अभी भी सामान्य रूप से मुद्रित होंगे।
अपने ब्लॉक किए गए पेजों के साथ फैनसीयर प्राप्त करें
क्या होगा यदि आप प्रिंटिंग को ब्लॉक करना चाहते हैं, लेकिन अपने ग्राहकों को निराश नहीं करना चाहते हैं? यदि वे एक खाली पृष्ठ मुद्रण देखते हैं, तो वे परेशान हो सकते हैं और सोच सकते हैं कि उनका प्रिंटर या कंप्यूटर टूट गया है और यह महसूस नहीं करते कि आपने अनिवार्य रूप से मुद्रण अक्षम कर दिया है!
आगंतुक हताशा से बचने के लिए, आप थोड़ा कट्टर हो सकते हैं और एक संदेश डाल सकते हैं जो केवल तभी प्रदर्शित होगा जब आपके पाठक पृष्ठ को प्रिंट करेंगे - अन्य सामग्री की जगह। ऐसा करने के लिए, अपना मानक वेब पेज बनाएं, और पेज के शीर्ष पर, बॉडी टैग के ठीक बाद, डालें:
और आपकी सारी सामग्री लिखे जाने के बाद उस टैग को बंद कर दें, जो पृष्ठ के बिल्कुल नीचे है:
फिर, "नोप्रिंट" डिव को बंद करने के बाद, एक और div. खोलें उस संदेश के साथ जिसे आप दस्तावेज़ के मुद्रित होने पर प्रदर्शित करना चाहते हैं:
इस पृष्ठ को ऑनलाइन देखने का इरादा है और इसे मुद्रित नहीं किया जा सकता है। कृपया इस पृष्ठ को यहां देखें http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm
Print.css नाम के अपने प्रिंट CSS दस्तावेज़ का लिंक शामिल करें:
और उस दस्तावेज़ में निम्नलिखित शैलियाँ शामिल हैं:
#noprint {डिस्प्ले: कोई नहीं; }
#प्रिंट {डिस्प्ले: ब्लॉक; }
अंत में, आपकी मानक स्टाइलशीट में (या किसी में) आंतरिक शैली अपने दस्तावेज़ शीर्ष में), लिखें:
#प्रिंट {डिस्प्ले: कोई नहीं; }
#नोप्रिंट {डिस्प्ले: ब्लॉक; }
यह सुनिश्चित करेगा कि प्रिंट संदेश केवल मुद्रित पृष्ठ पर दिखाई देता है, जबकि वेब पृष्ठ केवल ऑनलाइन पृष्ठ पर दिखाई देता है।
उपयोगकर्ता अनुभव पर विचार करें
वेब पेजों को प्रिंट करना आम तौर पर एक खराब अनुभव है क्योंकि आज की साइटें अक्सर मुद्रित पृष्ठ पर अच्छी तरह से अनुवाद नहीं करती हैं। यदि आप प्रिंट शैलियों को निर्देशित करने के लिए एक पूरी तरह से अलग स्टाइल शीट नहीं बनाना चाहते हैं, तो आप इस लेख के चरणों का उपयोग करके किसी पृष्ठ पर प्रिंटिंग "बंद" करने पर विचार कर सकते हैं। उन उपयोगकर्ताओं पर पड़ने वाले प्रभाव से अवगत रहें जो मुद्रण वेबसाइटों पर भरोसा करते हैं (शायद इसलिए कि उनके पास है खराब दृष्टि और ऑन-स्क्रीन टेक्स्ट पढ़ने में संघर्ष) और ऐसे निर्णय लें जो आपकी साइट के लिए काम करेंगे दर्शक।
जेनिफर क्रिनिन का मूल लेख। जेरेमी गिरार्ड द्वारा संपादित।