A weboldalakat a képernyőn kell megtekinteni. Bár számos olyan eszköz létezik, amelyek megtekinthetik a webhelyet (asztali számítógépek, laptopok, táblagépek, telefonok, hordozható készülékek, televíziók stb.), Mindegyikük tartalmaz valamilyen képernyőt. Van egy másik módja annak, hogy valaki megtekinthesse webhelyét, olyan módon, amely nem tartalmaz egy képernyőt. A weblapok fizikai kinyomtatására utalunk.
Évekkel ezelőtt azt találta, hogy az emberek weboldalak nyomtatása meglehetősen gyakori forgatókönyv. Emlékszünk arra, hogy találkoztunk sok olyan ügyféllel, akik újak voltak az interneten, és kényelmesebbnek éreztük a webhely nyomtatott oldalainak áttekintését. Aztán visszajelzést adtak nekik és szerkesztették ezeket a papírdarabokat, ahelyett, hogy a képernyőt a weboldalról megvitatnák. Ahogy az emberek kényelmesebben érezték magukat az életük képernyőjén, és mivel ezek a képernyők sokszor többször szaporodtak, kevesebb embert láttunk, akik nyomtatják a weboldalakat papírra, de ez még mindig megtörténik. Ezt a jelenséget akkor érdemes megfontolni, amikor tervezi a webhelyet. Szeretné, hogy az emberek kinyomtathassák weboldalaikat? Talán nem. Ha ez a helyzet, akkor van néhány lehetőséged.
Hogyan lehet blokkolni egy weboldalt a CSS nyomtatással?
Könnyű használni a CSS-t, hogy megakadályozzák az embereknek a weboldalak nyomtatását. Egyszerűen létre kell hoznia egy 1 soros "print.css" stíluslapot, amely tartalmazza a következő CSS sort.
body {display: none; }
Ez az egyik stílus az oldalaink "test" elemét jeleníti meg, hogy nem jelenjenek meg - és mivel az oldalain található összes elem a testelem gyermeke, ez azt jelenti, hogy az egész oldal / webhely nem jelenik meg. Miután megvan a "print.css" stíluslapja, betöltened a HTML formátumba nyomtatási stíluslapként. Íme, hogy ezt tenned kell - csak adja hozzá a következő sort a "fej" elemhez a HTML oldalakon.
Ez az információ azt mondja a böngészőnek, hogy ha ez a weboldal nyomtatásra van beállítva, akkor ezt a stíluslapot használhatja az alapértelmezett stíluslap helyett, amelyet az oldalak a képernyőn megjelenítenek. Ahogy az oldalak átkerülnek erre a "print.css" lapra, a stílus, amely az egész oldalt nem jeleníti meg, rúgni fog, és minden, ami nyomtatni fog, üres oldal lesz. Ha nem kell blokkolni sok oldalt a webhelyén, blokkolhatja a nyomtatást oldalanként, és a következő stílusokat illesztheti a HTML fejlécébe.
Ez az oldalas stílus jobban specifikus lenne, mint a külső stíluslapok bármelyik stílusa, ami azt jelenti, hogy az oldal egyáltalán nem nyomtat, az egyéb soron kívüli oldalak pedig továbbra is normálisan fognak nyomtatni. Mi van, ha meg akarja tiltani a nyomtatást, de nem akarja, hogy ügyfelei csalódást okozzanak? Ha üres lapot nyomtatnak ki, akkor felborulhat, és úgy gondolja, hogy a nyomtató vagy a számítógép sérült, és nem veszi észre, hogy lényegében letiltotta a nyomtatást! A látogató csalódottságának elkerülése érdekében egy kicsit kedvelő embert szerezhet, és üzenetet küldhet, amely csak akkor jelenik meg, ha az olvasók nyomtatják az oldalt - a másik tartalom helyett. Ehhez készítsd el a szokásos weboldalt, és az oldal tetején, közvetlenül a testcímke után tedd fel: És zárja be ezt a címkét, miután az összes tartalmad meg van írva, az oldal alján: Ezután, miután lezárta a "noprint" div-ot, nyisson meg egy másik div-ot a dokumentum nyomtatásakor megjeleníteni kívánt üzenettel: Ezt az oldalt úgy tervezték, hogy online megtekinthető, és nem nyomtatható ki. Kérjük, tekintse meg ezt az oldalt: http://webdesign.about.com/od/advancedcss/qt/block_print.htm Adjon meg egy linket a print.css nevű nyomtatott CSS-dokumentumhoz:
Ebben a dokumentumban a következő stílusok szerepelnek: #noprint {display: none; } #print {display: block; }
Végül, a szabványos stíluslapon (vagy belső stílusában a dokumentumfejben) írja: #print {display: none; } #noprint {display: blokk; }
Ez biztosítja, hogy a nyomtatott üzenet csak a nyomtatott oldalon jelenjen meg, míg a weboldal csak az online oldalon jelenik meg. A weboldalak nyomtatása általában gyenge tapasztalat, mivel a mai webhelyek gyakran nem fordítanak jól a nyomtatott oldalra. Ha nem kíván teljesen külön stíluslapot létrehozni a nyomtatási stílusok diktálására, fontolja meg a cikkből származó lépések használatát a "kikapcsolása" nyomtatáshoz. Legyen tisztában azzal, hogy milyen hatást gyakorolhat a weboldalak nyomtatására támaszkodó felhasználókra (talán azért, mert rosszul látják és küzdenek a képernyőn megjelenő szöveggel), és döntéseket hoznak a webhely közönségéhez. Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard. Egy blokk egy oldal egy időben
Get Fancier a blokkolt oldalakkal
Tekintsük a felhasználói élményt
