A CSS (lépcsőzetes stíluslapok) jelentős ellenőrzést gyakorol a weboldalak tartalmának a képernyőn történő megjelenítésén keresztül. Ez a vezérlés más adathordozókra is kiterjed, például amikor a weblapot kinyomtatják.
Gondolkodhat azon, hogy miért szeretne hozzáadni a nyomtatási szolgáltatás a weboldalára; elvégre a legtöbb ember már tudja vagy könnyen kitalálhatja, hogyan kell nyomtatni egy weboldalt a böngészője menüivel.
De vannak olyan helyzetek, amikor nyomtatógomb hozzáadása vagy link nemcsak megkönnyíti a folyamatot a felhasználók számára, amikor egy oldal kinyomtatása szükséges de talán még ennél is fontosabb, hogy jobban ellenőrizze, hogyan jelennek meg ezek a nyomatok papír.
Így adhat hozzá nyomtatási gombokat vagy linkeket az oldalakhoz, és meghatározhatja, hogy az oldalak mely részei kerülnek kinyomtatásra, és melyek nem.
Nyomtatási gomb hozzáadása
Könnyedén hozzáadhat nyomtatási gombot a weboldalához, ha hozzáadja a következő kódot a HTML-dokumentumhoz, ahol a gombot meg szeretné jeleníteni:
onclick = "window.print (); false false;" />
A gomb jelölése: Az oldal kinyomtatása amikor megjelenik a weboldalon. A szöveget bármilyen módon testreszabhatja, ha a szöveget a következő idézőjelek között változtatja
value =a fenti kódban.
Vegye figyelembe, hogy a szöveg elõtt és után egy üres hely van; ez javítja a gomb megjelenését azáltal, hogy egy kis helyet hagy a szöveg vége és a megjelenített gomb szélei között.
Nyomtatási link hozzáadása
Még könnyebb hozzáadni egy egyszerű nyomtatási linket a weboldalához. Csak helyezze be a következő kódot a HTML-dokumentumba, ahová a link megjelenni szeretne:
nyomtatás
A link szövegét testreszabhatja úgy, hogy a "nyomtatást" bármilyen módon megváltoztatja.
Bizonyos szakaszok nyomtathatóvá tétele
Beállíthatja azt a képességet, hogy a felhasználók nyomtatási gomb vagy link segítségével nyomtassák ki az Ön weboldalának bizonyos részeit. Ezt megteheti a print.css fájlt a webhelyére, felhívva a HTML dokumentum fejébe, majd az osztály meghatározásával meghatározza azokat a szakaszokat, amelyeket könnyen nyomtathatóvá szeretne tenni.
Először adja hozzá a következő kódot a HTML-dokumentum fejrészéhez:
type = "text / css" media = "print" />
Ezután hozzon létre egy nevű fájlt print.css. Ehhez a fájlhoz adja hozzá a következő kódot:
test {láthatóság: rejtett;}
.print {láthatóság: látható;}Ez a kód a test minden elemét rejtettként definiálja nyomtatáskor, hacsak az elemhez nem tartozik hozzá a "nyomtatási" osztály.
Most csak annyit kell tennie, hogy hozzárendeli a „nyomtatás” osztályt a weblap azon elemeihez, amelyeket nyomtatni szeretne. Például, ha egy div elemben definiált szakasz nyomtathatóvá válik, akkor azt használná
Az oldalon bármi más, amely nem tartozik ehhez az osztályhoz, nem kerül nyomtatásra.