10Aug
Se ei koskaan lakkaa hämmästyttää minua, että ihmisten on etsittävä linkkiä tai painiketta, joka sanoo "Tulosta" verkkosivulla, varsinkin kun otetaan huomioon, että on olemassa ihme tekniikka, joka tekee siitä askeleen tarpeettomaksi. Valitettavasti lähes kukaan ei käytä sitä, vaikka se on. .. 10 vuotta vanha.
Ei ole vain typerää vaatia ylimääräistä askelta tulostusta varten, mutta tulosteiden tyylien tallentaminen säästää musteen kenellekään, joka ei käytä tulostettavaa linkkiä.Ja tietenkin on runsaasti ihmisiä, jotka käyttävät tulosteita PDF-tiedostoihin, jotta ne säästettäisiin myöhemmin ilman tuhlaamatta paperia.
Mitä ovat tulostustyylitasot?
Useimmat verkkosivustot toteuttavat tulostustoimintaan siirtymällä toiseen sivuun, joka on muotoiltu eri tavalla tulostimille - mutta tämä ei todellakaan ole välttämätöntä.Jokainen selain toteuttaa yksinkertaisen CSS-tekniikan, joka tunnetaan nimellä Print Stylesheets, joka on vain tiedosto, joka määrittää piilotettavat elementit, kun selaimesi tulostaa sivun.
Niille, jotka eivät tunne, CSS tarkoittaa Cascading-tyyppisiä arkkia, ja selaimesi osaa muotoilla HTML-lähdekoodin verkkosivulle siihen, mitä itse asiassa näet näytöllä.Kaikki kirjasimet, värit, reunat ja jopa taustakuvat voidaan määrittää tyyliarkilla.
Tulostustyylilistan lisääminen on yhtä helppoa kuin tämän yhden rivin liittäminen sivullesi. HTML-media = tulostuksen osa koodista kertoo selaimelle, että tämä tyyliarkki käyttää vain tulostettaessa.
& lt; link rel = "tyylitaulukko" href = "print.css" type = "text / css" media = "print" & gt;
Tämä tiedosto näyttää yleensä tältä:
#palkki, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Kyllä, se on todella yksinkertaista. Niin miten se toimii? Seuraavassa on esimerkki tavallisesta verkkosivusta vasemmalla, kun kaikki navigointi, logo ja mainokset näkyvät selvästi ID-tunnuksella - ja oikealla puolella, samalla sivulla, jossa käytetään tulostustyylitasoa, joka piilottaa kaikki nämä elementit.
Ilmeisesti haluat tulostaa yhden näistä toisistaan, eikö?
Esimerkkejä tulostuskuvion epäonnistumisesta
Valitettavasti on vain runsaasti valtavia verkkosivustoja, jotka eivät ole vaivautuneet toteuttamaan tätä lainkaan. Katsokaa, mitä tapahtuu, kun yrität tulostaa New York Timesista:
Jotkut sivustot, kuten Gawker-verkosto, ovat vieläkin pahemmat. Sen lisäksi, että niillä ei ole tulostettavia näkymiä, kun yrität tulostaa, se muistuttaa mustekalaa. Siltä osin kuin voimme sanoa, ei ole mahdollista tulostaa Gawker-sivustolta ilman erillistä palvelua, kuten Readability, tai manuaalisesti korostamalla sivun sisältöä, mikä on lähes mahdotonta uudessa mallissaan.
Se on surullinen, todella. Kuormat suurimmista sivustoista eivät vain häiritse tämän ominaisuuden toteuttamista.
Onneksi jotkut sivustot käyttävät niitä
Seuraavassa on esimerkki oikein muotoiltuista tulostettavasta näkymästä - ilman että tarvitset jotain tulostuslinkkiä.BBC News -sivustolla on kätevästi muotoiltu artikkelit tulosta varten ja täydennetty mukautetulla otsakkeella. Ne sisältävät kommentteja tulostusnäkymässä, mutta se on silti hyvä työ.
On olemassa muutamia muita sivustoja, jotka tekevät samoin, kuten ArsTechnica ja. .. sivustomme, mutta olisi typerää näyttää kuvakaappauksia kaikista niistä.Tutkimuksessamme sivustoja, jotka ovat asianmukaisesti toteuttaneet ne, ovat harvoja ja kaukana toisistaan.
Jotta päästäisiin loppuun. .. ota viiden minuutin välein käyttöön tulostustyylisivu sivustollesi!