10Aug
Nikdy ma neprekvapí, že ľudia musia hľadať odkaz alebo tlačidlo, ktoré hovorí "Tlačiť" na webovej stránke, najmä vzhľadom na to, že existuje zázračná technológia, ktorá robí tento krok zbytočným. Bohužiaľ takmer nikto nepoužíva, aj keď je to. .. 10 rokov.
Nielen že je hlúpe požadovať ďalší krok pre tlač, ale tlačové štýly tlače by ušetrili nejaký atrament pre každého, kto nepoužíva vytlačiteľný odkaz. A samozrejme, existuje veľa ľudí, ktorí používajú tlač-PDF na uloženie článkov na neskôr bez plytvania papierom.
Čo sú tlačové hárky?
Väčšina webových stránok implementuje svoju tlačovú funkciu tým, že sa presunie na inú stránku, ktorá je pre tlačiarne formátovaná inak - ale to naozaj nie je potrebné.Každý prehliadač implementuje jednoduchú technológiu CSS známu ako Print Stylesheets, ktorá nie je nič iného než súbor, ktorý určuje prvky, ktoré sa majú skryť, keď váš prehliadač vytlačí stránku.
Pre tých, ktorí nie sú oboznámení, CSS znamená kaskádové štýly a váš prehliadač vie, ako naformátovať zdrojový kód HTML pre webovú stránku do toho, čo na obrazovke skutočne vidíte. Všetko od písma, farieb, okrajov a dokonca aj pozadia obrázkov je možné špecifikovať v štýle štýlov.
Pridanie tlačového štýlu tlače je tak jednoduché, ako pripojenie tohto jediného riadku do vašej stránky HTML - médium = tlač časť kódu hovorí prehliadač používať tento štýl listu len pri tlači.
& lt; link rel = "stylesheet" href = "print.css" typ = "text / css" media = "tlač" & gt;
Tento súbor spravidla vyzerá takto:
# sidebar, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Áno, je to naozaj jednoduché.Tak ako to funguje? Tu je príklad normálnej webovej stránky na ľavej strane, pričom všetky navigácie, logo a reklamy sú jasne viditeľné spolu s priradeným ID - a vpravo, rovnaká stránka s použitou tlačovou šablónou, ktorá skrýva všetky tieto prvky.
Je zrejmé, že by ste radšej vytlačili jeden z nich nad druhým, nie?
Príklady chýb tlače štýlových stránok
Bohužiaľ, existuje len veľa obrovských webových stránok, ktoré sa neobťažujú, aby to vôbec vykonali. Pozrite sa, čo sa stane, keď sa pokúsite vytlačiť z časopisu New York Times:
Niektoré stránky, ako je sieť lokalít Gawker, sú ešte horšie. Nielen, že nemajú vytiahnuteľný pohľad, keď vyskúšate a tlačíte, podobá sa atramentovej polievke. Pokiaľ môžeme povedať, nie je možné vytlačiť z lokality Gawker bez použitia samostatnej služby, ako je Čitateľnosť, alebo manuálne zvýraznenie obsahu na stránke, čo je takmer nemožné v novom dizajne.
Je to smutné, naozaj. Náplň najväčších stránok úplne nedokáže obťažovať implementáciu tejto funkcie.
Našťastie niektoré stránky ich používajú
Tu je príklad správne formátovaného zobrazenia pre tlač - bez toho, aby sme museli obťažovať nájdenie tlačového odkazu. Stránka BBC News úhľadne formuje články pre tlač, kompletné s vlastnou hlavičkou. Zahŕňajú komentáre v zobrazení tlače, ale je to stále dobre vykonaná práca.
Existuje dosť ďalších webových stránok, ktoré robia to isté, ako ArsTechnica a. .. naše stránky, ale bolo by hlúpe, keby sme im ukázali screenshoty všetkých. V našom výskume stránky, ktoré ich správne implementovali, sú málo a ďaleko.
Takže, aby sa zabalil. .. prosím vykonajte 5 minút potrebných na realizáciu tlačového štýlu pre vaše stránky!