10Aug
Ποτέ δεν παύει να με εκπλήσσει ότι οι άνθρωποι πρέπει να ψάξουν για ένα σύνδεσμο ή ένα κουμπί που λέει "Εκτύπωση" σε μια ιστοσελίδα, ειδικά λαμβάνοντας υπόψη ότι υπάρχει μια τεχνολογία θαύματος που κάνει αυτό το βήμα περιττό.Δυστυχώς σχεδόν κανείς δεν το χρησιμοποιεί, παρόλο που είναι. .. 10 ετών.
Δεν είναι μόνο ανόητο να απαιτεί ένα επιπλέον βήμα για εκτύπωση, αλλά χρησιμοποιώντας τα φύλλα στυλ εκτύπωσης θα εξοικονομήσει μελάνι για όποιον δεν χρησιμοποιεί τον εκτυπώσιμο σύνδεσμο.Και φυσικά, υπάρχουν πολλά άτομα που χρησιμοποιούν το print-to-PDF για να αποθηκεύουν άρθρα αργότερα χωρίς να χάνουν χαρτί.
Τι είναι τα φύλλα στυλ εκτύπωσης;
Οι περισσότεροι ιστότοποι εφαρμόζουν τη λειτουργία εκτύπωσης, μεταβαίνοντας σε μια άλλη σελίδα, η οποία είναι διαμορφωμένη διαφορετικά για τους εκτυπωτές - αλλά αυτό δεν είναι πραγματικά απαραίτητο.Κάθε πρόγραμμα περιήγησης υλοποιεί μια απλή τεχνολογία CSS γνωστή ως φύλλα εκτύπωσης, η οποία δεν είναι τίποτε άλλο από ένα αρχείο που καθορίζει στοιχεία που πρέπει να κρύβονται όταν το πρόγραμμα περιήγησής σας εκτυπώνει τη σελίδα.
Για όσους δεν είναι εξοικειωμένοι, το CSS σημαίνει Cascading Style Sheets και είναι το πώς το πρόγραμμα περιήγησης σας γνωρίζει πώς να μορφοποιήσει τον πηγαίο κώδικα HTML για μια ιστοσελίδα σε αυτό που πραγματικά βλέπετε στην οθόνη.Τα πάντα από τις γραμματοσειρές, τα χρώματα, τα σύνορα και ακόμα και τις εικόνες φόντου μπορούν να καθοριστούν στο φύλλο στυλ.
Η προσθήκη ενός φύλλου στυλ εκτύπωσης είναι τόσο απλή όσο η σύνδεση αυτής της μιας μόνο γραμμής στη σελίδα σας HTML - το μέσο εκτύπωσης = το τμήμα εκτύπωσης του κώδικα λέει στο πρόγραμμα περιήγησης να χρησιμοποιεί μόνο αυτό το φύλλο στυλ όταν εκτυπώνει.
& lt; link rel = "stylesheet" href = "print.css" τύπος = "κείμενο / css" media = "print" & gt;
Αυτό το αρχείο φαίνεται γενικά σαν εξής:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments{ display: none}
Ναι, είναι πραγματικά τόσο απλό.Πως λειτουργεί, λοιπόν?Ακολουθεί ένα παράδειγμα μιας κανονικής ιστοσελίδας στα αριστερά, με όλα τα στοιχεία πλοήγησης, το λογότυπο και τις διαφημίσεις να είναι ορατά με το σχετικό αναγνωριστικό - και στα δεξιά, την ίδια σελίδα με το φύλλο στυλ εκτύπωσης που εφαρμόστηκε, που κρύβει όλα αυτά τα στοιχεία.
Προφανώς θα προτιμούσατε να εκτυπώσετε ένα από αυτά πάνω από το άλλο, σωστά;
Παραδείγματα αποτυχίας φύλλου εκτύπωσης
Δυστυχώς, υπάρχουν μόνο φορτία τεράστιων ιστότοπων που δεν έχουν ενοχλήσει να το υλοποιήσουν καθόλου.Ρίξτε μια ματιά στο τι συμβαίνει όταν προσπαθείτε να εκτυπώσετε από τους New York Times:
Ορισμένοι ιστότοποι, όπως το δίκτυο τοποθεσιών Gawker, είναι ακόμη χειρότεροι.Όχι μόνο δεν έχουν μια εκτυπώσιμη άποψη, όταν προσπαθείτε να εκτυπώσετε, μοιάζει με σούπα μελάνης.Από όσο μπορούμε να πούμε, δεν υπάρχει τρόπος να εκτυπώσετε από έναν ιστότοπο Gawker χωρίς να χρησιμοποιήσετε ξεχωριστή υπηρεσία όπως Readability ή μη αυτόματη προβολή του περιεχομένου της σελίδας, κάτι που είναι σχεδόν αδύνατο για το νέο σχεδιασμό τους.
Είναι λυπηρό, πραγματικά.Τα φορτία των μεγαλύτερων ιστότοπων αποτυγχάνουν εντελώς να ασχοληθούν με την εφαρμογή αυτού του χαρακτηριστικού.
Ευτυχώς, μερικοί ιστότοποι κάνουν χρήση τους
Ακολουθεί ένα παράδειγμα μιας κατάλληλα μορφοποιημένης εκτυπώσιμης προβολής - χωρίς να χρειάζεται να ενοχλεί κανείς να βρει κάποια σύνδεση εκτύπωσης.Η τοποθεσία του BBC News διαμορφώνει με προσοχή τα άρθρα για εκτύπωση, με μια προσαρμοσμένη κεφαλίδα.Περιλαμβάνουν σχόλια στην προβολή εκτύπωσης, αλλά εξακολουθεί να είναι μια καλή δουλειά.
Υπάρχουν αρκετοί άλλοι ιστότοποι που κάνουν το ίδιο, όπως το ArsTechnica και. .. το site μας, αλλά θα ήταν ανόητο να προβάλλουμε στιγμιότυπα όλων αυτών.Στην έρευνά μας, οι ιστότοποι που τις έχουν υλοποιήσει σωστά είναι λίγοι και πολύ μακριά.
Για να ολοκληρώσετε. .. παρακαλώ πάρτε τα 5 λεπτά που απαιτούνται για την υλοποίηση ενός φύλλου στυλ εκτύπωσης για το site σας!