CSS (kaskādes stila lapas) sniedz jums ievērojamu kontroli pār to, kā jūsu tīmekļa lapu saturs tiek parādīts ekrānā. Šī vadīkla attiecas arī uz citiem datu nesējiem, piemēram, kad tiek drukāta Web lapa.
Jums varētu rasties jautājums, kāpēc jūs vēlaties pievienot drukas funkcija uz jūsu vietni; galu galā vairums cilvēku jau zina vai var viegli izdomāt, kā izdrukāt Web lapu, izmantojot pārlūka izvēlnes.
Bet ir situācijas, kad drukas pogas pievienošana vai saite uz lapu ne tikai atvieglos procesu lietotājiem, kad viņiem būs jāizdrukā lapa bet, iespējams, vēl svarīgāk, dodiet jums lielāku kontroli pār to, kā šīs izdrukas parādīsies papīrs.
Tālāk ir norādīts, kā lapām pievienot vai nu drukāšanas pogas, vai saites, kā arī noteikt, kuri lapas satura gabali tiks izdrukāti un kuri netiks.
Drukas pogas pievienošana
Jūs varat viegli pievienot drukāšanas pogu savai tīmekļa lapai, HTML dokumentam pievienojot šādu kodu, kur vēlaties, lai poga parādītos:
onclick = "window.print (); return false;" />
Poga tiks apzīmēta kā
Izdrukājiet šo lapu kad tas parādās tīmekļa lapā. Varat pielāgot šo tekstu sev tīkamajam, mainot tekstu starp pēdiņāmvērtība =iepriekš norādītajā kodā.
Ņemiet vērā, ka pirms teksta un pēc tā ir viena tukša vieta; tas uzlabo pogas izskatu, ievietojot nelielu atstarpi starp teksta galiem un parādītās pogas malām.
Drukas saites pievienošana
Vēl vienkāršāk ir pievienot savai tīmekļa lapai vienkāršu drukas saiti. Vienkārši ievietojiet šo kodu savā HTML dokumentā, kur vēlaties parādīt saiti:
drukāt
Saites tekstu varat pielāgot, mainot “print” uz jebkuru, ko izvēlaties.
Konkrētu sadaļu izgatavošana
Jūs varat iestatīt iespēju lietotājiem drukāt noteiktas tīmekļa lapas daļas, izmantojot drukāšanas pogu vai saiti. To var izdarīt, pievienojot print.css failu savā vietnē, iesaucot to HTML dokumenta galvā un pēc tam definējot tās sadaļas, kuras vēlaties padarīt viegli izdrukājamas, nosakot klasi.
Vispirms pievienojiet šādu kodu sava HTML dokumenta galvenai sadaļai:
type = "text / css" media = "print" />
Pēc tam izveidojiet failu ar nosaukumu print.css. Šajā failā pievienojiet šādu kodu:
korpuss {redzamība: paslēpts;}
.print {redzamība: redzama;}Šis kods visus korpusa elementus definē kā paslēptus drukāšanas laikā, ja vien elementam nav piešķirta "drukas" klase.
Tagad viss, kas jums jādara, ir jāpiešķir klase "drukāt" tiem tīmekļa lapas elementiem, kuriem vēlaties būt izdrukātiem. Piemēram, lai padarītu div elementā definētu sadaļu izdrukājamu, jūs to izmantosit
Viss cits lapā, kas nav piešķirts šai klasei, netiks drukāts.