Les pàgines web estan destinades a ser vistes en una pantalla. Si bé hi ha una gran varietat de dispositius possibles que es poden utilitzar per visualitzar un lloc (ordinadors portàtils, ordinadors portàtils, tauletes, telèfons, dispositius portàtils, televisors, etc.), tots inclouen una pantalla d'algun tipus. Hi ha una altra manera que algú pot veure el vostre lloc web, una manera que no inclou cap pantalla. Ens referim a una impressió física de les vostres pàgines web.
Fa anys, trobaria que la gent que imprimia llocs web era un escenari bastant comú. Recordem reunir-nos amb molts clients nous a la web i es va sentir més còmode revisant les pàgines impreses del lloc. A continuació, ens van donar comentaris i edicions sobre aquests documents en lloc de mirar la pantalla per parlar sobre el lloc web. Com que les persones s'han tornat més còmodes amb les pantalles de la seva vida, i com aquestes pantalles s'han multiplicat moltes vegades, hem vist menys i menys persones que intenten imprimir pàgines web en paper, però encara passa. És possible que vulgueu considerar aquest fenomen quan planifiqueu el vostre lloc web. Vols que la gent imprimeixi les seves pàgines web? Potser no ho feu. Si aquest és el cas, teniu algunes opcions.
Com bloquejar una pàgina web des de la impressió amb CSS
És fàcil d'usar CSS per evitar que la gent imprimeixi les seves pàgines web. Simplement heu de crear un full d'estil de línia d'1 anomenat "print.css" que inclogui la següent línia de CSS.
cos {display: ningú; }
Aquest estil converteix l'element "body" de les vostres pàgines perquè no es mostri, i com que tot a les vostres pàgines és fill de l'element del cos, això significa que no es mostrarà la pàgina / el lloc sencer. Una vegada que tingui el full d'estils "print.css", el carregarà a l'HTML com a full d'estils d'impressió. A continuació, us indiquem com fer-ho: simplement afegiu la següent línia a l'element "capçalera" de les vostres pàgines HTML.
Aquesta informació indica al navegador que si aquesta pàgina web està configurada per imprimir, per utilitzar aquest full d'estils en comptes del full d'estils per defecte que utilitzen les pàgines per a la visualització en pantalla. A mesura que les pàgines canvien a aquest full "print.css", l'estil que fa que la pàgina sencera no es mostri s'iniciarà i tot el que s'imprimirà seria una pàgina en blanc. Si no necessiteu bloquejar moltes pàgines al vostre lloc, podeu bloquejar la impressió en una pàgina per pàgina amb els estils següents enganxats al capdavant del vostre HTML.
Aquest estil en la pàgina tindria una especificitat més alta que qualsevol estils dins dels fulls d'estils externs, el que significa que la pàgina no s'imprimia, mentre que altres pàgines sense aquesta línia encara s'imprimiran amb normalitat. Què passa si voleu bloquejar la impressió, però no voleu que els vostres clients es frustrin? Si veuen una impressió en pàgina en blanc, poden estar molestos i pensar que la impressora o l'ordinador estan trencats i no s'adonen que teniu una impressió essencialment inhabilitada. Per evitar la frustració dels visitants, podeu fer-vos una mica més atractiu i posar un missatge que només es mostrarà quan els vostres lectors imprimeixin la pàgina, substituint l'altre contingut. Per fer-ho, editeu la vostra pàgina web estàndard i, a la part superior de la pàgina, just després de l'etiqueta del cos, poseu: I tanca aquesta etiqueta després d'escriure tot el contingut, al final de la pàgina: Després, després d'haver tancat el div "noprint", obriu un altre div amb el missatge que voleu mostrar quan s'imprimeix el document: Aquesta pàgina està pensada perquè es vegi en línia i no es pugui imprimir. Consulteu aquesta pàgina a http://webdesign.about.com/od/advancedcss/qt/block_print.htm Incloeu un enllaç al document CSS d'impressió anomenat print.css:
I en aquest document s'inclouen els següents estils: #noprint {display: none; } #print {display: bloc; }
Finalment, en el full d'estils estàndard (o en un estil intern del cap del document), escriviu: #print {display: none; } #noprint {display: bloc; }
Això garantirà que el missatge d'impressió només aparegui a la pàgina impresa, mentre que la pàgina web només apareix a la pàgina en línia. Impressió de pàgines web generalment és una experiència deficient ja que els llocs d'avui sovint no es tradueixen bé a la pàgina impresa. Si no voleu crear un full d'estils completament separat per dictar estils d'impressió, podeu considerar utilitzar els passos d'aquest article per "desactivar" la impressió en una pàgina. Tingueu en compte l'impacte que això podria tenir en els usuaris que confien en llocs web d'impressió (potser perquè tenen una visió deficient i lluiten per llegir el text en pantalla) i prenen decisions que funcionaran per a l'audiència del vostre lloc. Article original de Jennifer Krynin. Editat per Jeremy Girard. Bloca una pàgina alhora
Obteniu avantatges amb les vostres pàgines bloquejades
Tingueu en compte l'experiència de l'usuari
