10Aug
Nu inceta niciodata sa ma uimeasca ca oamenii trebuie sa caute un link sau un buton care spune "Imprimare" pe o pagina web, mai ales avand in vedere ca exista o tehnologie minunata care face acest pas inutil. Din păcate aproape nimeni nu o folosește, deși este. .. 10 ani.
Nu este doar prostește să ceară un pas suplimentar pentru imprimare, dar folosirea foilor de stil pentru imprimare ar economisi cerneală pentru oricine care nu utilizează linkul imprimabil.Și, bineînțeles, există o mulțime de oameni care folosesc tipărirea în format PDF pentru a salva articole mai târziu fără a pierde hârtia.
Ce sunt stilurile de imprimare?
Majoritatea site-urilor web implementează funcția de tipărire prin trecerea la o altă pagină, care este formatat diferit pentru imprimante - dar acest lucru nu este necesar. Fiecare browser implementează o tehnologie CSS simplă, cunoscută sub numele de Print Stylesheets, care nu este altceva decât un fișier care specifică elementele care să se ascundă atunci când browserul imprimă pagina.
Pentru cei care nu sunt familiarizați, CSS înseamnă Sheets of Style Cascading și browserul dvs. știe cum să formateze codul sursă HTML pentru o pagină web în ceea ce vedeți de fapt pe ecran. Totul din fonturi, culori, margini și chiar imagini de fundal pot fi specificate în foaia de stil.
Adăugarea unei foi de stiluri de imprimare este la fel de simplă ca și conectarea acestei singure linii în pagina dvs. HTML-media = piesa de imprimare a codului indică browserului să utilizeze numai această foaie de stil atunci când imprimă.
& lt; link rel = "foaie de stil" href = "print.css" tip = "text / css" media = "print" & gt;
În general, acest fișier arată astfel:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Da, este într-adevăr la fel de simplu. Deci, cum funcționează?Iată un exemplu de pagină web obișnuită din stânga, cu toate navigarea, logo-ul și anunțurile vizibile în mod clar cu identificatorul asociat - și în partea dreaptă, aceeași pagină cu foaia de stil de imprimare aplicată, ascunzând toate aceste elemente.
Evident, preferați să imprimați unul deasupra celuilalt, nu?
Exemple de eșec tipărire tipărire
Din păcate, există doar o mulțime de site-uri imense care nu au deranjat să pună în aplicare acest lucru deloc. Aruncați o privire la ceea ce se întâmplă atunci când încercați să imprimați din New York Times:
Unele site-uri, cum ar fi rețeaua de site-uri Gawker, sunt chiar mai rele. Nu numai că nu au o viziune printabilă, când încercați și imprimați, seamănă cu supa de cerneală.În măsura în care putem spune, nu există nici o modalitate de a imprima de pe un site Gawker fără a utiliza un serviciu separat, cum ar fi Readability, sau evidențierea manuală a conținutului de pe pagină, ceea ce este aproape imposibil pentru noul lor design.
Este trist, într-adevăr.Încărcările celor mai mari site-uri nu reușesc să deranjeze implementarea acestei caracteristici.
Din fericire, unele site-uri nu le folosesc
Iată un exemplu de vizualizare printabilă formatată corect - fără a fi nevoită să deranjeze găsirea unui link de tipărire. Site-ul BBC News formează cu ușurință articolele tipărite, completate cu un antet personalizat. Acestea includ comentarii în vederea tipăririi, dar este totuși un loc de muncă bine făcut.
Există destul de multe alte site-uri care fac același lucru, precum ArsTechnica și. .. site-ul nostru, dar ar fi prost să arătăm capturi de ecran ale tuturor.În cercetarea noastră, site-urile care le-au pus în aplicare în mod corespunzător sunt puține și sunt departe.
Deci, pentru a încheia. .. vă rugăm să luați cele 5 minute necesare pentru a implementa o foaie de stiluri de imprimare pentru site-ul dvs.!