Προσθέστε ένα κουμπί εκτύπωσης ή ένα σύνδεσμο προς την ιστοσελίδα σας

Το CSS (cascading style sheets) σας δίνει τον σημαντικό έλεγχο του τρόπου με τον οποίο το περιεχόμενο στις ιστοσελίδες σας εμφανίζεται στην οθόνη. Αυτός ο έλεγχος επεκτείνεται και σε άλλα μέσα, όπως όταν εκτυπώνεται η ιστοσελίδα.

Μπορεί να αναρωτιέστε γιατί θα θέλατε να προσθέσετε ένα εκτύπωσης στην ιστοσελίδα σας. μετά από όλα, οι περισσότεροι άνθρωποι ήδη γνωρίζουν ή μπορούν εύκολα να καταλάβουν πώς να εκτυπώσετε μια ιστοσελίδα χρησιμοποιώντας τα μενού του προγράμματος περιήγησης.

Αλλά υπάρχουν καταστάσεις όπου προσθέτουμε ένα κουμπί εκτύπωσης ή Σύνδεσμος σε μια σελίδα όχι μόνο θα κάνει τη διαδικασία πιο εύκολη για τους χρήστες σας όταν χρειαστεί να εκτυπώσουν μια σελίδα αλλά, ίσως ακόμα πιο σημαντικό, θα σας δώσει περισσότερο έλεγχο για το πώς θα εμφανίζονται αυτές οι εκτυπώσεις χαρτί.

Δείτε πώς μπορείτε να προσθέσετε είτε κουμπιά εκτύπωσης είτε συνδέσμους εκτύπωσης στις σελίδες σας και πώς να ορίσετε ποια κομμάτια του περιεχομένου της σελίδας σας θα εκτυπωθούν και ποια όχι.

Μπορείτε να προσθέσετε εύκολα ένα κουμπί εκτύπωσης στην ιστοσελίδα σας προσθέτοντας τον ακόλουθο κώδικα στο έγγραφο HTML όπου θέλετε να εμφανίζεται το κουμπί:

onclick = "window.print (); επιστροφή ψευδούς ·" />

Το κουμπί θα επισημανθεί ως Εκτύπωση αυτής της σελίδας όταν εμφανίζεται στην ιστοσελίδα. Μπορείτε να προσαρμόσετε αυτό το κείμενο σε ό, τι θέλετε, αλλάζοντας το κείμενο ανάμεσα στα εισαγωγικά

τιμή =

Είναι ακόμα πιο εύκολο να προσθέσετε έναν απλό σύνδεσμο εκτύπωσης στην ιστοσελίδα σας. Απλά εισάγετε τον ακόλουθο κώδικα στο έγγραφο HTML, όπου θέλετε να εμφανίζεται ο σύνδεσμος:

Τυπώνω

Μπορείτε να προσαρμόσετε το κείμενο του συνδέσμου αλλάζοντας "print" σε ό, τι επιλέγετε.

Μπορείτε να ρυθμίσετε τη δυνατότητα των χρηστών να εκτυπώνουν συγκεκριμένα τμήματα της ιστοσελίδας σας χρησιμοποιώντας ένα κουμπί ή σύνδεσμο εκτύπωσης. Μπορείτε να το κάνετε προσθέτοντας ένα print.css αρχείο στον ιστότοπό σας, καλώντας το στο κεφάλι του εγγράφου HTML και στη συνέχεια καθορίζοντας εκείνα τα τμήματα που θέλετε να εκτυπώσετε εύκολα, καθορίζοντας μια κλάση.

Καταρχήν, προσθέστε τον ακόλουθο κώδικα στην ενότητα κεφαλής του εγγράφου HTML:

πληκτρολογήστε = "text / css" media = "print" />

Στη συνέχεια, δημιουργήστε ένα αρχείο που ονομάζεται print.css. Σε αυτό το αρχείο, προσθέστε τον ακόλουθο κώδικα:

σώμα {ορατότητα: κρυφό ·}
.print {ορατότητα: ορατή ·}

Αυτός ο κώδικας ορίζει όλα τα στοιχεία του σώματος ως κρυμμένα όταν εκτυπώνονται, εκτός αν το στοιχείο έχει την κατηγορία εκτύπωσης που του έχει εκχωρηθεί.

Τώρα, το μόνο που χρειάζεται να κάνετε είναι να ορίσετε την κλάση "print" στα στοιχεία της ιστοσελίδας που θέλετε να εκτυπώσετε. Για παράδειγμα, για να δημιουργήσετε μια ενότητα που ορίζεται σε ένα στοιχείο div εκτυπώσιμη, θα χρησιμοποιούσατε

Οτιδήποτε άλλο στη σελίδα δεν έχει εκχωρηθεί σε αυτήν την κλάση δεν θα εκτυπωθεί.