વેબ પાનાંઓ સ્ક્રીન પર જોઈ શકાય છે. સંભવિત ઉપકરણોની વિશાળ વિવિધતા છે કે જે સાઇટ (ડેસ્કટોપ્સ, લેપટોપ્સ, ટેબ્લેટ્સ, ફોન, વેરેબલ, ટીવી, વગેરે) જોવા માટે ઉપયોગમાં લઇ શકાય છે, તે બધામાં કોઈ પ્રકારની સ્ક્રીન શામેલ છે. કોઈ અન્ય વ્યક્તિ તમારી વેબસાઇટને જોઈ શકે છે, જે એક સ્ક્રીન શામેલ નથી. અમે તમારા વેબ પૃષ્ઠોની ભૌતિક પ્રિંટનો ઉલ્લેખ કરી રહ્યા છીએ.
વર્ષો પહેલા, તમે શોધી કાઢશો કે લોકો પ્રિન્ટીંગ વેબસાઇટ્સ એક ખૂબ સામાન્ય સ્થિતિ છે. અમે ઘણા ગ્રાહકો સાથે મીટિંગ યાદ રાખીએ છીએ જે વેબ પર નવા હતા અને સાઇટના પ્રિન્ટેડ પૃષ્ઠોની વધુ આરામદાયક સમીક્ષા કરતા હતા. પછી તેઓએ વેબસાઇટ પર ચર્ચા કરવા માટે સ્ક્રીન પર નજર રાખવાને બદલે કાગળનાં તે ટુકડા પર પ્રતિસાદ અને સંપાદનો આપ્યો. જેમ જેમ લોકો તેમના જીવનમાં સ્ક્રીનો સાથે વધુ આરામદાયક બની ગયા છે, અને તે સ્ક્રીનો ઘણીવાર ગુણાકાર કરે છે તેમ, અમે ઓછા અને ઓછા લોકો પેજને વેબ પેજીસ છાપવાનો પ્રયાસ કરતા હતા, પરંતુ તે હજુ પણ થાય છે. જ્યારે તમે તમારી વેબસાઇટની રચના કરો છો ત્યારે તમે આ ઘટનાને ધ્યાનમાં લઇ શકો છો. શું તમે ઇચ્છો છો કે લોકો તમારા વેબ પૃષ્ઠોને છાપશે? કદાચ તમે નથી. જો આ કેસ છે, તો તમારી પાસે કેટલાક વિકલ્પો છે.
CSS સાથે છાપવાથી વેબ પૃષ્ઠને કેવી રીતે અવરોધિત કરવું
લોકોને તમારા વેબ પૃષ્ઠો છાપવાથી અટકાવવા માટે CSS નો ઉપયોગ કરવો સરળ છે. તમે ફક્ત "print.css" નામના 1 લીટી સ્ટાઇલશીટ બનાવવાની જરૂર છે જેમાં CSS ની નીચેની લીટી શામેલ છે.
શરીર {પ્રદર્શન: કંઈ નહીં; }આ એક શૈલી તમારા પૃષ્ઠોની "બોડી" ઘટકને પ્રદર્શિત થતી નથી - અને તમારા પૃષ્ઠો પરની દરેક વસ્તુ બોડી તત્વનું બાળક છે, એટલે આનો અર્થ એ કે સમગ્ર પૃષ્ઠ / સાઇટ પ્રદર્શિત થશે નહીં.
એકવાર તમારી પાસે "print.css" સ્ટાઇલશીટ હોય, તો તમે તેને તમારા HTML માં પ્રિન્ટ સ્ટાઇલશીટ તરીકે લોડ કરો છો. અહીં તે તમે કેવી રીતે કરો છો - ફક્ત તમારા HTML પૃષ્ઠોમાં "હેડ" ઘટકમાં નીચેની લીટી ઉમેરો.
ઉપરના રેખાના મહત્વપૂર્ણ ભાગને બોલ્ડમાં દર્શાવાયું છે - આ પ્રિન્ટ સ્ટાઇલશીટ છે. આ માહિતી બ્રાઉઝરને જણાવે છે કે જો આ વેબ પેજ પ્રિન્ટ કરવા માટે સુયોજિત છે, તો આ સ્ટાઇલશીટનો ઉપયોગ કરવાને બદલે ડિફોલ્ટ સ્ટાઇલશીટનો ઉપયોગ પૃષ્ઠો ઑન-સ્ક્રીન ડિસ્પ્લે માટે કરે છે. પૃષ્ઠો આ "print.css" શીટ પર સ્વિચ કરે છે, તે સ્ટાઇલ, જે સમગ્ર પૃષ્ઠને પ્રદર્શિત થતું નથી, તે લાત લગાડે છે અને જે તે છાપે છે તે એક ખાલી પૃષ્ઠ હશે.
એક સમયે એક પેજમાં બ્લોક કરો
જો તમને તમારી સાઇટ પર ઘણા બધા પૃષ્ઠોને અવરોધિત કરવાની જરૂર નથી, તો તમે તમારા HTML ના માથામાં પેસ્ટ કરેલી નીચેની શૈલીઓ સાથે પૃષ્ઠ-બાય-પેજના આધારે પ્રિંટિંગને અવરોધિત કરી શકો છો.