Skip to main content

CSS తో ప్రింటింగ్ నుండి ఒక వెబ్ పేజీ బ్లాక్ ఎలా

Anonim

వెబ్ పేజీలను తెరపై చూడడానికి ఉద్దేశించినవి. సైట్ (డెస్క్టాప్లు, ల్యాప్టాప్లు, టాబ్లెట్లు, ఫోన్లు, దుస్తులు ధరించే సాధనాలు, టీవీలు మొదలైనవి) వీక్షించడానికి ఉపయోగించే అనేక రకాల సాధనాలు అందుబాటులో ఉన్నప్పటికీ, అవి అన్నింటిని ఒక రకమైన స్క్రీన్ కలిగి ఉంటాయి. మీ వెబ్ సైట్ ను ఎవరైనా చూడవచ్చని వేరొక మార్గం ఉంది. మేము మీ వెబ్ పేజీల యొక్క భౌతిక ముద్రణను సూచిస్తున్నాము.

సంవత్సరాల క్రితం, మీరు ప్రజలు ముద్రణ వెబ్సైట్లు అందంగా సాధారణ దృష్టాంతంగా అని కనుగొంటుంది. మేము వెబ్కు కొత్తగా ఉన్న అనేక ఖాతాదారులతో సమావేశమై, సైట్ యొక్క మరింత సౌకర్యవంతమైన సమీక్షించిన ముద్రిత పేజీలను భావించాము. వారు వెబ్సైట్ను చర్చించడానికి తెరపై చూసే బదులు ఆ కాగితం ముక్కలపై మాకు అభిప్రాయాన్ని మరియు సవరణలను ఇచ్చారు. ప్రజలు తమ జీవితాల్లో తెరలతో మరింత సౌకర్యవంతులై ఉంటారు, మరియు ఆ తెరలు చాలా సార్లు మించిపోయాయి, పేపర్కి వెబ్ పేజీలను ముద్రించటానికి ప్రయత్నిస్తున్న తక్కువ మంది మరియు తక్కువ మంది వ్యక్తులు మేము చూశాము, కానీ ఇది ఇంకా జరుగుతుంది. మీరు మీ వెబ్ సైట్ ను ప్లాన్ చేసినప్పుడు ఈ దృగ్విషయాన్ని పరిగణించాలనుకోవచ్చు. మీరు మీ వెబ్ పేజీలను ప్రింట్ చేయాలని అనుకుంటున్నారా? బహుశా మీరు కాదు. అలా అయితే, మీకు కొన్ని ఎంపికలు ఉన్నాయి.

CSS తో ప్రింటింగ్ నుండి ఒక వెబ్ పేజీ బ్లాక్ ఎలా

మీ వెబ్ పేజీలను ముద్రించకుండా ప్రజలు నిరోధించడానికి ఇది CSS ను ఉపయోగించడం సులభం. మీరు కేవలం CSS యొక్క క్రింది పంక్తిని కలిగి ఉన్న "print.css" అనే 1 లైన్ స్టైల్షీట్ను సృష్టించాలి.

శరీరం {ప్రదర్శన: none; }

ఈ శైలి మీ పేజీల యొక్క "బాడీ" మూలకాన్ని ప్రదర్శించబడకుండా చేస్తుంది - మరియు మీ పేజీల్లోని ప్రతిదీ శరీర మూలకం యొక్క బిడ్డగా ఉంటుంది, దీని అర్థం మొత్తం పేజీ / సైట్ ప్రదర్శించబడదు.

ఒకసారి మీరు మీ "print.css" స్టైల్షీట్ను కలిగి ఉంటే, మీ HTML లోకి ముద్రణ స్టైల్షీట్గా మీరు లోడ్ చేస్తారు. ఇక్కడ మీరు ఎలా చేస్తారు - మీ HTML పేజీలలోని "తల" మూలకాన్ని కింది పంక్తిని జోడించండి.

ఈ సమాచారం బ్రౌజరుకు ఈ వెబ్ పేజీ ప్రింట్ చేయడానికి సెట్ చేయబడి ఉంటే, స్క్రీన్పై ప్రదర్శన కోసం పేజీలు ఏ డిఫాల్ట్ స్టైల్ షీట్ బదులుగా ఈ శైలిని ఉపయోగించడానికి. పేజీలు ఈ "print.css" షీట్కు మారినప్పుడు, మొత్తం పేజీ ప్రదర్శించబడని శైలిని వదలిస్తుంది మరియు ప్రింట్ చేస్తుంది అన్ని ఖాళీ పేజీ అవుతుంది.

ఒక సమయంలో ఒక పేజీని బ్లాక్ చేయండి

మీరు మీ సైట్లో చాలా పేజీలను బ్లాక్ చేయనట్లయితే, మీరు మీ HTML యొక్క తలపై అతికించిన క్రింది శైలులతో పేజీ-ద్వారా-పేజీ ఆధారంగా ప్రింటింగ్ను బ్లాక్ చేయవచ్చు.

ఈ పేజీ శైలిలో మీ బాహ్య శైలి షీట్ల్లోని ఏ శైలుల కంటే అధిక ప్రత్యేకతను కలిగి ఉంటుంది, అంటే ఈ పేజీ లేకుండా అన్ని పేజీలు ప్రింట్ చేయలేవు, ఈ లైన్ లేకుండా ఇతర పేజీలు ఇప్పటికీ సాధారణంగా ముద్రిస్తాయి.

మీ బ్లాక్ చేయబడిన పేజీలతో అభిమానిని పొందండి

మీరు ప్రింటింగ్ను బ్లాక్ చేయాలనుకుంటే, మీ వినియోగదారులు విసుగు చెందుతున్నారా? వారు ఒక ఖాళీ పేజీ ప్రింటింగ్ చూడండి ఉంటే, వారు కలత మరియు వారి ప్రింటర్ లేదా కంప్యూటర్ విభజించబడింది మరియు మీరు తప్పనిసరిగా ముద్రణ డిసేబుల్ అని తెలుసుకోవటం లేదు అనుకుంటున్నాను!

మీ నిరుత్సాహాన్ని నివారించడానికి, మీరు కొంచెం ఫ్యాన్సియెర్స్ను పొందవచ్చు మరియు మీ పాఠకులు పేజీని ప్రింట్ చేసినప్పుడు మాత్రమే ప్రదర్శించే సందేశాన్ని ఉంచవచ్చు - ఇతర కంటెంట్ను భర్తీ చేస్తుంది. దీన్ని చేయడానికి, మీ ప్రామాణిక వెబ్ పేజీని మరియు పేజీ ఎగువ భాగంలో, శరీర ట్యాగ్ తర్వాత కుడివైపున నిర్మించండి:

మరియు అన్ని మీ కంటెంట్ తర్వాత ఆ ట్యాగ్ దగ్గరగా పేజీ యొక్క చాలా దిగువన, రాస్తారు:

అప్పుడు, మీరు "noprint" div ను మూసివేసిన తర్వాత, డాక్యుమెంట్ ముద్రించినపుడు ప్రదర్శించదలిచిన సందేశంలో మరొక div ను తెరవండి:

ఈ పేజీని వీక్షించడానికి ఉద్దేశించినది మరియు ముద్రించబడకపోవచ్చు. దయచేసి ఈ పేజీని http://webdesign.about.com/od/advancedcss/qt/block_print.htm లో వీక్షించండి

Print.css అనే మీ ముద్రణ CSS పత్రానికి లింక్ను చేర్చండి:

ఆ పత్రంలో క్రింది శైలులు ఉన్నాయి:

# noprint {display: none; } # ప్రింట్ {display: block; }

చివరగా, మీ ప్రామాణిక శైలిలో (లేదా మీ పత్రం తలలోని అంతర్గత శైలిలో) వ్రాయండి:

# ప్రింట్ {display: none; } # noprint {display: block; }

ఇది ప్రింట్ పేజీలో ముద్రిత పేజీలో మాత్రమే కనిపించేలా చేస్తుంది, వెబ్ పేజీ మాత్రమే ఆన్లైన్ పేజీలో కనిపిస్తుంది.

వినియోగదారు అనుభవాన్ని పరిగణించండి

నేటి సైట్లు తరచుగా ముద్రిత పేజీకి బాగా అనువదించబడవు కాబట్టి వెబ్ పేజీలు ప్రింటింగ్ సాధారణంగా ఒక పేద అనుభవం. మీరు ముద్రణ శైలులను నిర్దేశించడానికి పూర్తిగా వేరొక శైలి షీట్ని సృష్టించకూడదనుకుంటే, ఈ వ్యాసం నుండి దశలను ఉపయోగించి ఒక పేజీలో "ఆపివేయడం" ముద్రణను మీరు పరిగణించవచ్చు. ప్రింటింగ్ వెబ్సైట్లు ఆధారపడే వినియోగదారులపై ఈ ప్రభావాన్ని గురించి తెలుసుకోండి (స్క్రీన్పై వచన చదివి వినిపించే పోరాటం మరియు పోరాటంలో పాల్గొనడం) మరియు మీ సైట్ ప్రేక్షకులకు పని చేసే నిర్ణయాలు తీసుకోవడం.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చే ఎడిట్ చేయబడింది.