CSS (foi de stil în cascadă) vă oferă un control considerabil asupra modului în care conținutul din paginile dvs. web este afișat pe ecran. Acest control se extinde și la alte suporturi, cum ar fi când se imprimă pagina web.
Este posibil să vă întrebați de ce ați dori să adăugați un caracteristică de imprimare la pagina ta web; la urma urmei, majoritatea oamenilor știu deja sau își pot da seama cu ușurință cum să printeze o pagină web folosind meniurile browserului lor.
Există însă situații în care se adaugă un buton de imprimare sau legătură o pagină nu numai că procesul va fi mai ușor pentru utilizatorii dvs. atunci când trebuie să imprime o pagină dar, poate chiar mai important, vă oferă mai mult control asupra modului în care vor apărea acele tipăriri hârtie.
Iată cum să adăugați fie butoane de imprimare, fie linkuri de imprimare în paginile dvs. și cum să definiți ce piese din conținutul paginii dvs. vor fi tipărite și care nu.
Adăugarea unui buton de imprimare
Puteți adăuga cu ușurință un buton de imprimare pe pagina dvs. web adăugând următorul cod la documentul HTML unde doriți să apară butonul:
onclick = "window.print (); return fals;" />
Butonul va fi etichetat ca fiind Imprimă această pagină când apare pe pagina web. Puteți personaliza acest text la orice doriți, schimbând textul între ghilimele următoare
valoare =în codul de mai sus.
Rețineți că există un singur spațiu gol precedând textul și urmându-l; acest lucru îmbunătățește aspectul butonului prin introducerea unui spațiu între capetele textului și marginile butonului afișat.
Adăugarea unui link de tipărire
Este și mai ușor să adăugați o simplă legătură de imprimare pe pagina dvs. web. Trebuie doar să introduceți următorul cod în documentul dvs. HTML în care doriți să apară linkul:
imprimare
Puteți personaliza textul legăturii modificând „print” în orice alegeți.
Crearea de tipărire a secțiunilor specifice
Puteți configura abilitatea pentru utilizatori de a tipări anumite părți ale paginii dvs. web folosind un buton de imprimare sau un link. Puteți face acest lucru adăugând o print.css fișier pe site-ul dvs., apelându-l în capul documentului HTML și apoi definind acele secțiuni pe care doriți să le imprimați ușor prin definirea unei clase.
Mai întâi, adăugați următorul cod la secțiunea din cap a documentului HTML:
type = "text / css" media = "print" />
Apoi, creați un fișier numit print.css. În acest fișier, adăugați următorul cod:
body {vizibilitate: ascuns;}
.print {vizibilitate: vizibilă;}Acest cod definește toate elementele din corp ca fiind ascunse atunci când sunt tipărite, cu excepția cazului în care elementul are clasa „print” atribuită acestuia.
Acum, tot ce trebuie să faceți este să atribuiți clasa „print” elementelor din pagina dvs. web pe care doriți să le imprimați. De exemplu, pentru a face o secțiune definită într-un element div tipărit, ar trebui să o utilizați
Orice altceva din pagina care nu este atribuită acestei clase nu va fi tipărit.