Εκτύπωση ενός εγγράφου Web σωστά με CSS Σχεδιασμός ιστοσελίδων και βελτιστοποίηση μηχανών αναζήτησης Εκτυπώσιμη έκδοση σελίδων html

Η λήψη ιδιωτικών δεδομένων δεν σημαίνει πάντα hacking - μερικές φορές δημοσιεύεται σε δημόσιο τομέα. Η γνώση των ρυθμίσεων της Google και λίγη εφευρετικότητα θα σας επιτρέψει να βρείτε πολλά ενδιαφέροντα πράγματα - από αριθμούς πιστωτικών καρτών μέχρι έγγραφα του FBI.

ΠΡΟΕΙΔΟΠΟΙΗΣΗ

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

Τα πάντα είναι συνδεδεμένα στο Διαδίκτυο σήμερα, ελάχιστα νοιάζονται για τον περιορισμό της πρόσβασης. Ως εκ τούτου, πολλά ιδιωτικά δεδομένα γίνονται θήραμα των μηχανών αναζήτησης. Τα ρομπότ Spider δεν περιορίζονται πλέον σε ιστοσελίδες, αλλά ευρετηριάζουν όλο το περιεχόμενο που είναι διαθέσιμο στον Ιστό και προσθέτουν συνεχώς εμπιστευτικές πληροφορίες στις βάσεις δεδομένων τους. Η εκμάθηση αυτών των μυστικών είναι εύκολη - απλά πρέπει να ξέρετε πώς να τα ρωτάτε.

Αναζήτηση αρχείων

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

Υπάρχουν δύο τελεστές που μπορείτε να χρησιμοποιήσετε για να περιορίσετε τις αναζητήσεις Google σε αρχεία συγκεκριμένου τύπου: filetype και ext . Το πρώτο ορίζει τη μορφή που καθορίζει η μηχανή αναζήτησης από την κεφαλίδα του αρχείου, το δεύτερο - την επέκταση αρχείου, ανεξάρτητα από το εσωτερικό του περιεχόμενο. Κατά την αναζήτηση και στις δύο περιπτώσεις, πρέπει να καθορίσετε μόνο την επέκταση. Αρχικά, ο τελεστής ext ήταν βολικός στη χρήση σε περιπτώσεις όπου δεν υπήρχαν συγκεκριμένες δυνατότητες μορφής για το αρχείο (για παράδειγμα, για αναζήτηση αρχείων διαμόρφωσης ini και cfg, τα οποία μπορούν να περιέχουν οτιδήποτε). Τώρα οι αλγόριθμοι της Google έχουν αλλάξει και δεν υπάρχει ορατή διαφορά μεταξύ των χειριστών - τα αποτελέσματα είναι τα ίδια στις περισσότερες περιπτώσεις.


Φιλτράρισμα της εξόδου

Από προεπιλογή, το Google αναζητά λέξεις και γενικά για τυχόν χαρακτήρες που έχουν εισαχθεί σε όλα τα αρχεία σε σελίδες με ευρετήριο. Μπορείτε να περιορίσετε το εύρος αναζήτησης από τον τομέα ανώτατου επιπέδου, έναν συγκεκριμένο ιστότοπο ή από τη θέση της επιθυμητής ακολουθίας στα ίδια τα αρχεία. Για τις δύο πρώτες επιλογές, χρησιμοποιείται η δήλωση τοποθεσίας, ακολουθούμενη από το όνομα του τομέα ή της επιλεγμένης τοποθεσίας. Στην τρίτη περίπτωση, ένα ολόκληρο σύνολο τελεστών σάς επιτρέπει να αναζητήσετε πληροφορίες σε πεδία υπηρεσιών και μεταδεδομένα. Για παράδειγμα, το allinurl θα βρει το καθορισμένο στο σώμα των ίδιων των συνδέσμων, allinanchor - στο κείμενο που παρέχεται με την ετικέτα , allintitle - στις κεφαλίδες σελίδας, allintext - στο σώμα των σελίδων.

Για κάθε χειριστή υπάρχει μια πιο ελαφριά έκδοση με μικρότερο όνομα (χωρίς το πρόθεμα all). Η διαφορά είναι ότι το allinurl θα βρει συνδέσμους με όλες τις λέξεις, ενώ το inurl θα βρει συνδέσμους μόνο με την πρώτη από αυτές. Η δεύτερη και οι επόμενες λέξεις από το ερώτημα μπορούν να εμφανιστούν οπουδήποτε στις ιστοσελίδες. Ο τελεστής inurl διαφέρει επίσης από έναν άλλο παρόμοιο στη σημασία - τοποθεσία . Το πρώτο σάς επιτρέπει επίσης να βρείτε οποιαδήποτε ακολουθία χαρακτήρων στον σύνδεσμο προς το επιθυμητό έγγραφο (για παράδειγμα, /cgi-bin/), το οποίο χρησιμοποιείται ευρέως για την εύρεση στοιχείων με γνωστά τρωτά σημεία.

Ας το δοκιμάσουμε στην πράξη. Παίρνουμε το φίλτρο allintext και κάνουμε το ερώτημα να επιστρέψει μια λίστα με αριθμούς πιστωτικών καρτών και κωδικούς επαλήθευσης, η οποία θα λήξει μόνο μετά από δύο χρόνια (ή όταν οι ιδιοκτήτες τους κουραστούν να ταΐζουν τους πάντες στη σειρά).

Allintext: ημερομηνία λήξης αριθμού κάρτας /2017 cvv

Όταν διαβάζετε στις ειδήσεις ότι ένας νεαρός χάκερ «παραβίασε τους διακομιστές» του Πενταγώνου ή της NASA, κλέβοντας απόρρητες πληροφορίες, τότε στις περισσότερες περιπτώσεις είναι ακριβώς αυτή η στοιχειώδης τεχνική χρήσης της Google. Ας υποθέσουμε ότι μας ενδιαφέρει μια λίστα με τους υπαλλήλους της NASA και τα στοιχεία επικοινωνίας τους. Σίγουρα μια τέτοια λίστα είναι σε ηλεκτρονική μορφή. Για ευκολία ή λόγω παράβλεψης, μπορεί επίσης να βρίσκεται στον ίδιο τον ιστότοπο του οργανισμού. Είναι λογικό ότι σε αυτή την περίπτωση δεν θα υπάρχουν αναφορές σε αυτό, αφού προορίζεται για εσωτερική χρήση. Ποιες λέξεις μπορεί να υπάρχουν σε ένα τέτοιο αρχείο; Τουλάχιστον - το πεδίο "διεύθυνση". Είναι εύκολο να ελέγξουμε όλες αυτές τις υποθέσεις.


inurl:nasa.gov τύπος αρχείου:xlsx "διεύθυνση"


Χρησιμοποιούμε γραφειοκρατία

Τέτοια ευρήματα είναι ένα ευχάριστο ασήμαντο. Η πραγματικά ισχυρή σύλληψη προέρχεται από μια πιο λεπτομερή γνώση του Google Webmaster Operators, του ίδιου του Ιστού και της δομής αυτού που αναζητάτε. Γνωρίζοντας τις λεπτομέρειες, μπορείτε εύκολα να φιλτράρετε την έξοδο και να βελτιώσετε τις ιδιότητες των αρχείων που χρειάζεστε για να λάβετε πραγματικά πολύτιμα δεδομένα στα υπόλοιπα. Είναι αστείο που η γραφειοκρατία έρχεται να σώσει εδώ. Παράγει τυπικές συνθέσεις που διευκολύνουν την αναζήτηση μυστικών πληροφοριών που έχουν διαρρεύσει κατά λάθος στον Ιστό.

Για παράδειγμα, η σφραγίδα δήλωσης διανομής, η οποία είναι υποχρεωτική στο γραφείο του Υπουργείου Άμυνας των ΗΠΑ, σημαίνει τυποποιημένους περιορισμούς στη διανομή ενός εγγράφου. Το γράμμα Α σηματοδοτεί δημόσιες εκδόσεις στις οποίες δεν υπάρχει τίποτα μυστικό. B - προορίζεται μόνο για εσωτερική χρήση, C - αυστηρά εμπιστευτικό, και ούτω καθεξής μέχρι F. Ξεχωριστά, υπάρχει το γράμμα X, το οποίο σηματοδοτεί ιδιαίτερα πολύτιμες πληροφορίες που αντιπροσωπεύουν ένα κρατικό μυστικό ανώτατου επιπέδου. Ας αναζητήσουν τέτοια έγγραφα όσοι υποτίθεται ότι θα το κάνουν εν ώρα υπηρεσίας και θα περιοριστούμε σε αρχεία με το γράμμα C. Σύμφωνα με το DoDI 5230.24, αυτή η σήμανση αποδίδεται σε έγγραφα που περιέχουν περιγραφή κρίσιμων τεχνολογιών που εμπίπτουν στον έλεγχο των εξαγωγών. Μπορείτε να βρείτε τέτοιες προσεκτικά φυλαγμένες πληροφορίες σε ιστότοπους στον τομέα ανώτατου επιπέδου .mil που έχει εκχωρηθεί στον Στρατό των ΗΠΑ.

"ΔΗΛΩΣΗ ΔΙΑΝΟΜΗΣ Γ" inurl:navy.mil

Είναι πολύ βολικό να συλλέγονται στον τομέα .mil μόνο ιστότοποι από το Υπουργείο Άμυνας των ΗΠΑ και τους συμβατικούς οργανισμούς του. Τα αποτελέσματα αναζήτησης με περιορισμό τομέα είναι εξαιρετικά καθαρά και οι τίτλοι μιλούν από μόνοι τους. Είναι πρακτικά άχρηστο να αναζητάς ρωσικά μυστικά με αυτόν τον τρόπο: το χάος επικρατεί στους τομείς .ru και .rf και τα ονόματα πολλών οπλικών συστημάτων ακούγονται σαν βοτανικά (PP "Kiparis", αυτοκινούμενα όπλα "Acacia") ή ακόμα και υπέροχο (TOS "Pinocchio").


Εξετάζοντας προσεκτικά οποιοδήποτε έγγραφο από έναν ιστότοπο στον τομέα .mil, μπορείτε να δείτε άλλους δείκτες για να κάνετε πιο συγκεκριμένη την αναζήτησή σας. Για παράδειγμα, μια αναφορά στους περιορισμούς εξαγωγής "Sec 2751", που είναι επίσης βολικό να αναζητήσετε ενδιαφέρουσες τεχνικές πληροφορίες. Κατά καιρούς, αφαιρείται από τους επίσημους ιστότοπους, όπου εμφανιζόταν κάποτε, επομένως εάν δεν μπορείτε να ακολουθήσετε έναν ενδιαφέρον σύνδεσμο στα αποτελέσματα αναζήτησης, χρησιμοποιήστε την προσωρινή μνήμη Google (χειριστή προσωρινής μνήμης) ή τον ιστότοπο του Internet Archive.

Ανεβαίνουμε στα σύννεφα

Εκτός από τα τυχαία αποχαρακτηρισμένα έγγραφα από κυβερνητικές υπηρεσίες, στην κρυφή μνήμη Google εμφανίζονται περιστασιακά σύνδεσμοι προς προσωπικά αρχεία από το Dropbox και άλλες υπηρεσίες αποθήκευσης δεδομένων που δημιουργούν "ιδιωτικούς" συνδέσμους σε δημόσια δημοσιευμένα δεδομένα. Είναι ακόμα χειρότερο με εναλλακτικές και αυτοδημιούργητες υπηρεσίες. Για παράδειγμα, το ακόλουθο ερώτημα βρίσκει τα δεδομένα όλων των πελατών της Verizon που έχουν εγκατεστημένο διακομιστή FTP και χρησιμοποιούν ενεργά έναν δρομολογητή στο δρομολογητή τους.

Allinurl:ftp://verizon.net

Υπάρχουν τώρα περισσότεροι από σαράντα χιλιάδες τέτοιοι έξυπνοι άνθρωποι και την άνοιξη του 2015 υπήρχαν μια τάξη μεγέθους περισσότεροι. Αντί για το Verizon.net, μπορείτε να αντικαταστήσετε το όνομα οποιουδήποτε γνωστού παρόχου και όσο πιο διάσημο είναι, τόσο μεγαλύτερο μπορεί να είναι το αλίευμα. Μέσω του ενσωματωμένου διακομιστή FTP, μπορείτε να δείτε αρχεία σε μια εξωτερική μονάδα δίσκου που είναι συνδεδεμένη στο δρομολογητή. Συνήθως αυτό είναι ένα NAS για απομακρυσμένη εργασία, ένα προσωπικό σύννεφο ή κάποιο είδος λήψης αρχείων peer-to-peer. Όλο το περιεχόμενο τέτοιων μέσων ευρετηριάζεται από την Google και άλλες μηχανές αναζήτησης, ώστε να μπορείτε να έχετε πρόσβαση σε αρχεία που είναι αποθηκευμένα σε εξωτερικές μονάδες δίσκου μέσω απευθείας συνδέσμου.

Παραμετροποίηση παραμέτρων

Πριν από τη χονδρική μετανάστευση στα σύννεφα, απλοί διακομιστές FTP, οι οποίοι δεν είχαν επίσης τρωτά σημεία, κυριαρχούσαν ως απομακρυσμένοι αποθηκευτικοί χώροι. Πολλά από αυτά εξακολουθούν να είναι επίκαιρα σήμερα. Για παράδειγμα, το δημοφιλές πρόγραμμα WS_FTP Professional αποθηκεύει δεδομένα διαμόρφωσης, λογαριασμούς χρήστη και κωδικούς πρόσβασης στο αρχείο ws_ftp.ini. Είναι εύκολο να βρεθεί και να διαβαστεί επειδή όλες οι καταχωρήσεις αποθηκεύονται σε απλό κείμενο και οι κωδικοί πρόσβασης κρυπτογραφούνται χρησιμοποιώντας τον αλγόριθμο Triple DES μετά από ελάχιστη συσκότιση. Στις περισσότερες εκδόσεις, αρκεί απλώς η απόρριψη του πρώτου byte.

Η αποκρυπτογράφηση τέτοιων κωδικών πρόσβασης είναι εύκολη χρησιμοποιώντας το βοηθητικό πρόγραμμα WS_FTP Password Decryptor ή μια δωρεάν υπηρεσία web.

Όταν μιλάμε για παραβίαση ενός αυθαίρετου ιστότοπου, συνήθως εννοούν τη λήψη κωδικού πρόσβασης από αρχεία καταγραφής και αντίγραφα ασφαλείας του CMS ή των αρχείων διαμόρφωσης εφαρμογών ηλεκτρονικού εμπορίου. Εάν γνωρίζετε την τυπική δομή τους, τότε μπορείτε εύκολα να υποδείξετε τις λέξεις-κλειδιά. Γραμμές όπως αυτές που βρίσκονται στο ws_ftp.ini είναι εξαιρετικά κοινές. Για παράδειγμα, το Drupal και το PrestaShop έχουν πάντα ένα αναγνωριστικό χρήστη (UID) και έναν αντίστοιχο κωδικό πρόσβασης (pwd) και όλες οι πληροφορίες αποθηκεύονται σε αρχεία με την επέκταση .inc. Μπορείτε να τα αναζητήσετε ως εξής:

"pwd=" "UID=" ext:inc

Αποκαλύπτουμε κωδικούς πρόσβασης από το DBMS

Στα αρχεία διαμόρφωσης των διακομιστών SQL, τα ονόματα χρηστών και οι διευθύνσεις ηλεκτρονικού ταχυδρομείου αποθηκεύονται σε καθαρό κείμενο και αντί για κωδικούς πρόσβασης, καταγράφονται οι κατακερματισμοί MD5 τους. Η αποκρυπτογράφηση τους, αυστηρά μιλώντας, είναι αδύνατη, αλλά μπορείτε να βρείτε ένα ταίριασμα μεταξύ γνωστών ζευγών κατακερματισμού-κωδικού πρόσβασης.

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

Intext:DB_PASSWORD τύπος αρχείου:env

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

Τύπος αρχείου:reg HKEY_CURRENT_USER "Κωδικός πρόσβασης"=

Μην ξεχνάτε το προφανές

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

Τύπος αρχείου:xls inurl:password

Από τη μία πλευρά, υπάρχουν πολλά μέσα για την αποτροπή τέτοιων περιστατικών. Είναι απαραίτητο να καθορίσετε επαρκή δικαιώματα πρόσβασης στο htaccess, να επιδιορθώσετε το CMS, να μην χρησιμοποιείτε αριστερά σενάρια και να κλείσετε άλλες τρύπες. Υπάρχει επίσης ένα αρχείο με λίστα εξαιρέσεων robots.txt, το οποίο απαγορεύει στις μηχανές αναζήτησης να ευρετηριάσουν τα αρχεία και τους καταλόγους που καθορίζονται σε αυτό. Από την άλλη, εάν η δομή robots.txt σε κάποιον διακομιστή διαφέρει από την τυπική, τότε γίνεται αμέσως σαφές τι προσπαθούν να κρύψουν σε αυτόν.

Η λίστα των καταλόγων και των αρχείων σε οποιονδήποτε ιστότοπο προηγείται από το τυπικό ευρετήριο επιγραφής του. Εφόσον πρέπει να εμφανίζεται στον τίτλο για λόγους υπηρεσίας, είναι λογικό να περιορίζεται η αναζήτησή του στον τελεστή του τίτλου. Μπορείτε να βρείτε ενδιαφέροντα πράγματα στους καταλόγους /admin/, /personal/, /etc/ ακόμα και /secret/.

Ακολουθήστε τις ενημερώσεις

Η συνάφεια είναι εξαιρετικά σημαντική εδώ: τα παλιά τρωτά σημεία κλείνουν πολύ αργά, αλλά το Google και τα αποτελέσματα αναζήτησής του αλλάζουν συνεχώς. Υπάρχει ακόμη και διαφορά μεταξύ του φίλτρου "τελευταίο δευτερόλεπτο" (&tbs=qdr:s στο τέλος του url του αιτήματος) και του φίλτρου "σε πραγματικό χρόνο" (&tbs=qdr:1).

Το χρονικό διάστημα της τελευταίας ημερομηνίας ενημέρωσης αρχείου από την Google υποδεικνύεται επίσης σιωπηρά. Μέσω της γραφικής διεπαφής web, μπορείτε να επιλέξετε μία από τις τυπικές περιόδους (ώρα, ημέρα, εβδομάδα κ.λπ.) ή να ορίσετε ένα εύρος ημερομηνιών, αλλά αυτή η μέθοδος δεν είναι κατάλληλη για αυτοματοποίηση.

Από την εμφάνιση της γραμμής διευθύνσεων, μπορεί κανείς μόνο να μαντέψει έναν τρόπο περιορισμού της παραγωγής των αποτελεσμάτων χρησιμοποιώντας την κατασκευή &tbs=qdr:. Το γράμμα y μετά από αυτό καθορίζει ένα όριο ενός έτους (&tbs=qdr:y), το m δείχνει τα αποτελέσματα για τον τελευταίο μήνα, w για την εβδομάδα, d για την προηγούμενη ημέρα, h για την τελευταία ώρα, n για το λεπτό, και s για το δώστε μου ένα δευτερόλεπτο. Τα πιο πρόσφατα αποτελέσματα που μόλις έγιναν γνωστά στην Google βρίσκονται χρησιμοποιώντας το φίλτρο &tbs=qdr:1.

Εάν πρέπει να γράψετε ένα δύσκολο σενάριο, θα είναι χρήσιμο να γνωρίζετε ότι το εύρος ημερομηνιών έχει οριστεί στο Google σε Ιουλιανή μορφή μέσω του τελεστή daterange. Για παράδειγμα, με αυτόν τον τρόπο μπορείτε να βρείτε μια λίστα εγγράφων PDF με τη λέξη εμπιστευτική που ανέβηκε μεταξύ 1ης Ιανουαρίου και 1ης Ιουλίου 2015.

Εμπιστευτικός τύπος αρχείου:pdf daterange:2457024-2457205

Το εύρος προσδιορίζεται σε μορφή ημερομηνίας Ιουλιανού χωρίς δεκαδικά ψηφία. Δεν είναι βολικό να τα μεταφράσετε χειροκίνητα από το Γρηγοριανό ημερολόγιο. Είναι πιο εύκολο να χρησιμοποιήσετε έναν μετατροπέα ημερομηνίας.

Στόχευση και φιλτράρισμα ξανά

Εκτός από τον καθορισμό πρόσθετων τελεστών στο ερώτημα αναζήτησης, μπορούν να σταλούν απευθείας στο σώμα του συνδέσμου. Για παράδειγμα, το χαρακτηριστικό filetype:pdf αντιστοιχεί στην κατασκευή as_filetype=pdf. Έτσι, είναι βολικό να ορίσετε τυχόν διευκρινίσεις. Ας πούμε ότι η έξοδος των αποτελεσμάτων μόνο από τη Δημοκρατία της Ονδούρας ορίζεται προσθέτοντας την κατασκευή cr=countryHN στη διεύθυνση URL αναζήτησης, αλλά μόνο από την πόλη Bobruisk - gcs=Bobruisk . Δείτε την ενότητα προγραμματιστών για μια πλήρη λίστα των .

Τα εργαλεία αυτοματισμού της Google έχουν σχεδιαστεί για να κάνουν τη ζωή πιο εύκολη, αλλά συχνά επιβαρύνουν την ταλαιπωρία. Για παράδειγμα, η πόλη ενός χρήστη καθορίζεται από την IP του χρήστη μέσω του WHOIS. Με βάση αυτές τις πληροφορίες, η Google όχι μόνο εξισορροπεί το φορτίο μεταξύ των διακομιστών, αλλά αλλάζει και τα αποτελέσματα αναζήτησης. Ανάλογα με την περιοχή, για το ίδιο ερώτημα, διαφορετικά αποτελέσματα θα φτάνουν στην πρώτη σελίδα και ορισμένα από αυτά μπορεί να αποδειχθούν εντελώς κρυφά. Νιώστε σαν κοσμοπολίτης και η αναζήτηση πληροφοριών από οποιαδήποτε χώρα θα βοηθήσει τον διψήφιο κωδικό της μετά την οδηγία gl=country . Για παράδειγμα, ο κωδικός για την Ολλανδία είναι NL, ενώ το Βατικανό και η Βόρεια Κορέα δεν έχουν δικό τους κωδικό στο Google.

Συχνά τα αποτελέσματα αναζήτησης είναι γεμάτα ακόμα και μετά τη χρήση μερικών προηγμένων φίλτρων. Σε αυτήν την περίπτωση, είναι εύκολο να κάνετε πιο συγκεκριμένο το ερώτημα προσθέτοντας μερικές λέξεις εξαίρεσης σε αυτό (κάθε μία από αυτές προηγείται από ένα σύμβολο μείον). Για παράδειγμα, το banking , τα ονόματα και ο οδηγός χρησιμοποιούνται συχνά με τη λέξη Personal. Επομένως, τα πιο καθαρά αποτελέσματα αναζήτησης δεν θα εμφανίζουν ένα παράδειγμα ενός βιβλίου ερωτήματος, αλλά ένα εκλεπτυσμένο:

Τίτλος:"Ευρετήριο /Personal/" -ονόματα -tutorial -banking

Τελευταίο Παράδειγμα

Ένας εξελιγμένος χάκερ διακρίνεται από το γεγονός ότι παρέχει στον εαυτό του όλα όσα χρειάζεται μόνος του. Για παράδειγμα, ένα VPN είναι ένα βολικό πράγμα, αλλά είτε ακριβό είτε προσωρινό και με περιορισμούς. Το να εγγραφείτε μόνοι σας είναι πολύ ακριβό. Είναι καλό που υπάρχουν ομαδικές συνδρομές και με τη βοήθεια της Google είναι εύκολο να γίνεις μέλος μιας ομάδας. Για να το κάνετε αυτό, απλώς βρείτε το αρχείο διαμόρφωσης Cisco VPN, το οποίο έχει μια μάλλον μη τυπική επέκταση PCF και μια αναγνωρίσιμη διαδρομή: Program Files\Cisco Systems\VPN Client\Profiles . Ένα αίτημα, και γίνετε μέλος, για παράδειγμα, στο φιλικό προσωπικό του Πανεπιστημίου της Βόννης.

Τύπος αρχείου:pcf vpn Ή Ομάδα

ΠΛΗΡΟΦΟΡΙΕΣ

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

Οι κωδικοί πρόσβασης αποθηκεύονται σε κρυπτογραφημένη μορφή, αλλά ο Maurice Massard έχει ήδη γράψει ένα πρόγραμμα για την αποκρυπτογράφηση τους και το παρέχει δωρεάν μέσω του thecampusgeeks.com.

Με τη βοήθεια της Google εκτελούνται εκατοντάδες διαφορετικοί τύποι επιθέσεων και δοκιμές διείσδυσης. Υπάρχουν πολλές επιλογές, που επηρεάζουν δημοφιλή προγράμματα, μεγάλες μορφές βάσης δεδομένων, πολυάριθμα τρωτά σημεία PHP, σύννεφα και ούτω καθεξής. Γνωρίζοντας τι ακριβώς ψάχνετε, είναι πολύ πιο εύκολο να λάβετε τις πληροφορίες που χρειάζεστε (ειδικά τις πληροφορίες που δεν είχατε σκοπό να δημοσιοποιήσετε). Όχι μόνο ο Shodan τροφοδοτεί ενδιαφέρουσες ιδέες, αλλά και οποιαδήποτε βάση δεδομένων ευρετηριασμένων πόρων δικτύου!

Ανάπτυξη, συντήρηση και προώθηση χώρων

Δημιουργήστε μια "εκτυπώσιμη" ιστοσελίδα

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

Φυσικά, κανείς δεν μπαίνει στον κόπο να βγάλει μια εκτύπωση της αρχικής σελίδας απευθείας στο πρόγραμμα περιήγησης με την εντολή Σφραγίδαή συνδυασμός CTRL+PΩστόσο, αυτό θα εκτυπώσει περιττά στοιχεία σελίδας - μενού, κεφαλίδα κ.λπ., που δυσκολεύουν την αντίληψη των απαραίτητων πληροφοριών. Επιπλέον, τα έγχρωμα στοιχεία όταν εκτυπώνονται σε μονόχρωμο εκτυπωτή φαίνονται συνήθως μη ελκυστικά.

Για τη διευκόλυνση των χρηστών, οι προγραμματιστές ιστότοπων συνήθως δημιουργούν μια ξεχωριστή σελίδα - έντυπη έκδοση, το οποίο αφήνει μόνο το απαραίτητο κείμενο, σχέδια σε ασπρόμαυρο (αποχρώσεις του γκρι) και στοιχεία επικοινωνίας για επικοινωνία.

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

Στο κάτω μέρος της σελίδας, είναι επιθυμητό να αναφέρετε τα πλήρη στοιχεία επικοινωνίας: διεύθυνση, τηλέφωνο, e-mail, ICQ, διεύθυνση URL ιστότοπου κ.λπ.

Για να μεταβείτε από την κεντρική σελίδα στο έντυπη έκδοσηΜπορείτε να χρησιμοποιήσετε οποιεσδήποτε κατάλληλες εικόνες και κείμενο, για παράδειγμα, αυτόν τον τύπο:

Στην ίδια τη σελίδα εκτυπώσιμη έκδοσηθεωρείται καλή μορφή να εγκαταστήσετε ένα κουμπί Σφραγίδα,το οποίο, όταν κάνετε κλικ, ανοίγει το παράθυρο ρυθμίσεων εκτυπωτή. Για αυτό, χρησιμοποιείται η μέθοδος JavaScript window.print(); που εκτυπώνει την ιστοσελίδα στο τρέχον παράθυρο του εκτυπωτή. Είναι επίσης καλή ιδέα να δημοσιεύσετε έναν σύνδεσμο για να επιστρέψετε στην κύρια σελίδα.

Τα κουμπιά μπορούν να διακοσμηθούν με απλούς συνδέσμους
Εκτύπωση (κωδικός Εκτύπωση) και, αλλά πιο ενδιαφέρον - χρησιμοποιώντας την ετικέτα :

Ο κώδικας HTML για αυτόν τον συνδυασμό είναι:



διεύθυνση της κύριας σελίδας");" />

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

Τέλος, μην ξεχάσετε να συμπεριλάβετε έναν κωδικό μετρητή στατιστικών στοιχείων στη σελίδα εκτύπωσης για να παρακολουθείτε τον αριθμό των επισκεπτών που έχουν αποθηκεύσει ένα "έντυπο αντίγραφο" της περιγραφής του προϊόντος ή της υπηρεσίας σας, αν και αυτά τα δεδομένα μπορεί να μην σας ευχαριστούν πάντα. Δυστυχώς...

    Χρήσιμα άρθρα με θέμα "Ανάπτυξη, συντήρηση και προώθηση τοποθεσιών"

Στο οποίο επεσήμανε ότι οι σελίδες παραγγελίας λεπτομερειών τους ήταν άχρηστες σε έντυπη μορφή.

Έμεινα έκπληκτος όταν είδα αυτό το tweet - συνειδητοποίησα ότι έχει περάσει πολύς καιρός από τότε που βελτιστοποίησα τα στυλ για εκτύπωση και δεν σκέφτηκα καν να τα ελέγξω.

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

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

Εγκατέλειψα τους οικιακούς εκτυπωτές εδώ και πολύ καιρό, καθώς πάντα πίστευα ότι έσπασαν μετά από 10 λεπτά δουλειάς. Αλλά δεν είναι όλοι σαν εμένα. - Haydon Pickering (Μοτίβα σχεδίασης χωρίς αποκλεισμούς)

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

1. Σύνδεση στυλ για εκτύπωση

Ο καλύτερος τρόπος για να συμπεριλάβετε στυλ εκτύπωσης είναι να δηλώσετε την οδηγία @media στο CSS σας.

Body (μέγεθος γραμματοσειράς: 18 px; ) @media print ( /* τα στυλ εκτύπωσης πηγαίνουν εδώ */ body ( μέγεθος γραμματοσειράς: 28 px; ) )

Εναλλακτικά, μπορείτε να συμπεριλάβετε τα στυλ στο HTML, αλλά αυτό θα απαιτήσει ένα πρόσθετο αίτημα HTTP.

2. Δοκιμές

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

Για τον εντοπισμό σφαλμάτων σε στυλ εκτύπωσης στον Firefox, ανοίξτε τη γραμμή εργαλείων προγραμματιστή (Shift + F2 ή Εργαλεία > Προγραμματιστής Ιστού > Γραμμή εργαλείων προγραμματιστή), πληκτρολογήστε media emulate print στο πλαίσιο εισαγωγής και πατήστε enter . Η ενεργή καρτέλα θα λειτουργεί σαν να εκτυπώνεται ο τύπος μέσου μέχρι να επαναφορτωθεί.

Εξομοίωση στυλ εκτύπωσης στον Firefox

Στο Chrome, ανοίξτε τα εργαλεία προγραμματιστή (CMD + Opt + I (macOS) ή Ctrl + Shift + I (Windows) ή μενού Προβολή > Προγραμματιστής > Εργαλεία προγραμματιστή) και εμφανίστε την κονσόλα, ανοίξτε τον πίνακα απόδοσης και επιλέξτε Εκτύπωση από την Εξομοίωση Μενού CSS Media.

Εξομοίωση στυλ εκτύπωσης στο Chrome

3. Απόλυτες μονάδες μέτρησης

Οι απόλυτες μονάδες είναι κακές στην οθόνη, αλλά ιδανικές για εκτύπωση. Είναι απολύτως ασφαλές να τα χρησιμοποιείτε σε στυλ εκτύπωσης και συνιστάται ακόμη και η χρήση μονάδων όπως cm , mm , in , pt ή pc .

Τομή ( περιθώριο-κάτω: 2 cm; )

4. Ειδικοί κανόνες για σελίδες

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

Εκτύπωση @media ( @page ( περιθώριο: 1cm; ) )

Η οδηγία @page είναι μέρος της προδιαγραφής Paged Media Module, η οποία έχει εξαιρετικά χαρακτηριστικά όπως τη δυνατότητα επιλογής της πρώτης σελίδας για εκτύπωση ή λευκών σελίδων, τοποθέτηση στοιχείων στη γωνία της σελίδας και πολλά άλλα. Αυτό μπορεί να χρησιμοποιηθεί ακόμη και για την εκτύπωση βιβλίων.

5. Διαχειριστείτε αλλαγές σελίδας

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

Αλλαγή σελίδας πριν από το στοιχείο.

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

Ενότητα (διάλειμμα σελίδας-πριν: πάντα; )

Αλλαγή σελίδας μετά από στοιχείο.

Ο κανόνας αλλαγής σελίδας μας επιτρέπει να επιβάλουμε ή να απενεργοποιήσουμε αλλαγές σελίδας μετά από ένα στοιχείο.

H2 (διάλειμμα σελίδας μετά: πάντα; )

Αλλαγή σελίδας σε ένα στοιχείο

Αυτή η ιδιότητα είναι χρήσιμη εάν πρέπει να αποφύγετε αλλαγές σελίδας μέσα σε ένα στοιχείο.

Ul (διάλειμμα σελίδας: αποφυγή; )

Χήρες και ορφανά (κρεμασμένα κορδόνια)

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

P (χήρες: 4;)

Εάν συναντήσουμε την άλλη πλευρά αυτού του προβλήματος και έχουμε μόνο την πρώτη γραμμή μιας παραγράφου στην τρέχουσα σελίδα, τότε ολόκληρη η παράγραφος θα ξεκινήσει στην επόμενη σελίδα. Η ιδιότητα ορφανά είναι υπεύθυνη για αυτό και η προεπιλεγμένη τιμή της είναι 2.

P (ορφανά: 3;)

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

Δεν λειτουργούν όλες αυτές οι ιδιότητες και τιμές σε κάθε πρόγραμμα περιήγησης, θα πρέπει να ελέγξετε τα στυλ εκτύπωσης σε διαφορετικά προγράμματα περιήγησης.

6. Επαναφορά στυλ

Είναι λογικό να επαναφέρετε ορισμένα στυλ όπως το χρώμα φόντου, το πλαίσιο-σκιά και το χρώμα για εκτύπωση.

*, *:before, *:after, *:first-letter, p:first-line, div:first-line, blockquote:first-line, li:first-line ( φόντο: διαφανές !σημαντικό; χρώμα: #000 !important; box-shadow: κανένας !important; text-shadow: κανένας !important; )

Τα στυλ εκτύπωσης είναι μία από τις λίγες εξαιρέσεις όπου η χρήση της λέξης-κλειδιού !important είναι μια χαρά.

7. Αφαίρεση προαιρετικού περιεχομένου

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

Μπορείτε βασικά να εμφανίσετε μόνο το κύριο περιεχόμενο και να αποκρύψετε όλα τα άλλα:

Body > *:not(main) ( display: none; )

8. Εκτύπωση διευθύνσεων συνδέσμων

A:after ( περιεχόμενο: " (" attr(href) ")"; )

Φυσικά, όλα θα εμφανίζονται με αυτόν τον τρόπο: σχετικοί σύνδεσμοι, απόλυτοι σύνδεσμοι, άγκυρες κ.λπ. Η παρακάτω επιλογή θα λειτουργήσει καλύτερα:

A:not():after ( περιεχόμενο: " (" attr(href) ")"; )

Φαίνεται τρελό, το ξέρω. Ο τρόπος με τον οποίο λειτουργούν αυτές οι γραμμές είναι να εμφανίζει την τιμή του χαρακτηριστικού href δίπλα σε οποιονδήποτε σύνδεσμο έχει έναν, εάν ξεκινά με http αλλά δεν οδηγεί στον ιστότοπο mywebsite.com .

9. Εκτύπωση μεταγραφών συντομογραφιών

Οι συντομογραφίες πρέπει να είναι τυλιγμένες σε ένα στοιχείο με περιγραφή στο χαρακτηριστικό τίτλος. Είναι λογικό να το εκτυπώσετε.

Abbr:after ( περιεχόμενο: " (" attr(title) ")"; )

10. Εκτύπωση φόντου

Συνήθως τα προγράμματα περιήγησης δεν εκτυπώνουν χρώμα φόντου και εικόνες φόντου, εκτός και αν τους το δηλώσετε ρητά. Υπάρχει μια μη τυποποιημένη ιδιότητα print-color-adjust που σας επιτρέπει να παρακάμψετε τις προεπιλεγμένες ρυθμίσεις σε ορισμένα προγράμματα περιήγησης.

Κεφαλίδα ( -webkit-print-color-adjust: exact; print-color-adjust: exact; )

11. Ερωτήματα μέσων

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

Οθόνη @media και (ελάχ. πλάτος: 48 εκ.) ( /* μόνο οθόνη */ )

Θα ρωτήσετε γιατί; Επειδή οι κανόνες CSS ισχύουν μόνο όταν πληρούνται και οι δύο προϋποθέσεις: το min-width είναι 48em , ο τύπος μέσου είναι οθόνη . Εάν απαλλαγούμε από τη λέξη-κλειδί οθόνης, τότε το ερώτημα πολυμέσων θα λάβει υπόψη μόνο την τιμή ελάχιστου πλάτους.

@media (ελάχ. πλάτος: 48 εκ.) ( /* όλοι οι τύποι μέσων */ )

12. Εκτύπωση καρτών

Οι τρέχουσες εκδόσεις του Firefox και του Chrome μπορούν να εκτυπώσουν χάρτες, αλλά το Safari δεν είναι. Ορισμένες υπηρεσίες παρέχουν στατικούς χάρτες που μπορούν να εκτυπωθούν αντί για τον πρωτότυπο.

Χάρτης ( πλάτος: 400 εικονοστοιχεία; ύψος: 300 εικονοστοιχεία; εικόνα φόντου: url("http://maps.googleapis.com/maps/api/staticmap?center=Wien+Floridsdorf&zoom=13&scale=false&size=400x300&maptype=rorefshualerut "); -webkit-print-color-adjust: ακριβής; print-color-adjust: ακριβής; )

13. Κωδικοί QR

Addon 2: Gutenberg

Αν ψάχνετε για ένα πλαίσιο, τότε μπορεί να σας αρέσει το Gutenberg, το οποίο κάνει τη βελτιστοποίηση σελίδας λίγο πιο εύκολη.

Addon 3: Hartija

Αυτό είναι ένα άλλο πλαίσιο στυλ εκτύπωσης από

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

Μπορείτε να δείτε την εκτυπώσιμη έκδοση αυτού του άρθρου. Στην πραγματικότητα, τι πρέπει να εμφανίζεται εκεί; Τίτλος άρθρου, ενότητα, κατηγορία, συγγραφέας, κείμενο και ημερομηνία. Όλα αυτά εμφανίζονται σε αυτή τη σελίδα. Χρειάζεστε ένα μενού, μια φόρμα αναζήτησης, διάφορα μπλοκ; Δεν νομίζω ότι γι' αυτό δεν το κάνουν.

Βεβαιωθείτε επίσης ότι το πλάτος της εκτυπωμένης έκδοσης είναι δεν υπερβαίνει τα 650 px, διαφορετικά το πρόγραμμα περιήγησης μπορεί να κόψει τις άκρες.

Άρα, το έχετε ήδη καταλάβει έντυπη έκδοσηΠρέπει να δημιουργήσετε το δικό σας, εμφανίζοντας ακριβώς αυτό που χρειάζεται ο χρήστης. Τώρα για το πώς να το κάνετε.

Υπάρχει 2 επιλογές: δημιουργήστε μια ξεχωριστή σελίδα και δημιουργήστε ένα ξεχωριστό φύλλο στυλ. Η πρώτη επιλογή, νομίζω, είναι ξεκάθαρη. Δημιουργήστε άλλη σελίδα με έντυπη έκδοσηκαι στην κεντρική σελίδα δίνετε έναν σύνδεσμο προς αυτήν την έντυπη έκδοση. Ο χρήστης το ακολουθεί και μέσα "Αρχείο"->"Εκτύπωση"θα το εκτυπώσει.

Η δεύτερη επιλογή περιλαμβάνει τη δημιουργία ενός ξεχωριστού φύλλου στυλ όπου θα κρύβετε όλα τα περιττά μπλοκ (μέσω οθόνη: καμία;) και ορίστε τις κατάλληλες διαστάσεις για το περιεχόμενο εξόδου. Στη συνέχεια, ένα τέτοιο αρχείο στυλ συνδέεται ως εξής:

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

Αυτός είναι ο τρόπος δημιουργείται μια εκτυπώσιμη έκδοσηοποιαδήποτε σελίδα του ιστότοπου.

Φαίνεται ότι είναι δύσκολο να δημιουργήσετε μια σελίδα για εκτύπωση; Απλώς δημιουργούμε το ίδιο έγγραφο με κείμενο αλλά χωρίς κανένα σχέδιο και συνδέσουμε σε αυτό από μια κανονική σελίδα. Ωστόσο, οι μηχανές αναζήτησης έχουν εισαγάγει ένα φίλτρο για διπλό περιεχόμενο και οι webmasters πρέπει να αποκρύπτουν εκτυπώσιμες σελίδες από τη δημιουργία ευρετηρίου. Επιπλέον, οι επισκέπτες του ιστότοπου δεν είναι επίσης πολύ βολικοί, επειδή πρέπει πρώτα να πάνε σε ένα αντίγραφο της σελίδας που χρειάζονται, στο οποίο δεν υπάρχουν στοιχεία σχεδίασης και, στη συνέχεια, να κάνουν κλικ στο κουμπί "Εκτύπωση".

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

Δομή σελίδας

Λοιπόν, ας χρησιμοποιήσουμε πρώτα HTML για να δημιουργήσουμε τη δομή του εγγράφου μας. Για παράδειγμα, αποφάσισα να χρησιμοποιήσω μια διάταξη σε πίνακα για να γίνει πιο κατανοητό:

Τίτλος άρθρου
Πλοήγηση
Κύρια σελίδα
Άρθρα
Επαφές

Τίτλος άρθρου

Αυτή η σελίδα μπορεί να εκτυπωθεί. Θα εκτυπωθεί μόνο το κείμενο του άρθρου.

Η διαφήμισή σας μπορεί να είναι εδώ

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

Προσθήκη CSS

Τώρα, χρησιμοποιώντας το CSS, πρέπει να πείτε στο πρόγραμμα περιήγησης ποια στυλ πρέπει να χρησιμοποιεί για να εμφανίζει στοιχεία σελίδας στην οθόνη και ποια πρέπει να χρησιμοποιεί κατά την εκτύπωση. Δημιουργήστε style.css και γράψτε εκεί τα εξής:

Οθόνη @media ( σώμα (χρώμα φόντου: #0B73BD; γραμματοσειρά-οικογένεια: tahoma; χρώμα: #FFFFFF; ) πίνακας (πλάτος: 600 εικονοστοιχεία; ) #αριστερή στήλη (πλάτος: 140 εικονοστοιχεία; κατακόρυφη στοίχιση: επάνω; μέγεθος γραμματοσειράς: 15 εικονοστοιχεία . ) ) @media print ( body ( χρώμα φόντου: #FFFFFF; γραμματοσειρά-οικογένεια: tahoma; χρώμα: #000000; ) #content (χρώμα φόντου: #FFFFFF; padding: 5px; μέγεθος γραμματοσειράς: 15px; χρώμα: # 000000; πλάτος: 600 εικονοστοιχεία; ) #αριστερή στήλη ( εμφάνιση: καμία; ) #δεξιά στήλη (εμφάνιση: καμία; ) )

Το πρώτο μπλοκ κώδικα CSS περιγράφει πώς πρέπει να εμφανίζονται τα στοιχεία της σελίδας στο πρόγραμμα περιήγησης. Το μπλοκ λήφθηκε σε πρόσθετα σγουρά άγκιστρα πριν από τα οποία προσθέσαμε την οθόνη @media. Αυτό λέει στο πρόγραμμα περιήγησης ότι αυτά τα στυλ πρέπει να εφαρμοστούν για εμφάνιση:


Αυτή είναι η εμφάνιση της σελίδας όταν προβάλλεται σε πρόγραμμα περιήγησης

Το δεύτερο μπλοκ περιγράφει την εμφάνιση των ίδιων στοιχείων σελίδας με το πρώτο, αλλά σε αυτήν την περίπτωση με τη μορφή που θα φαίνεται το έγγραφο κατά την εκτύπωση και υποδεικνύεται από την παράμετρο εκτύπωσης @media. Εφόσον θέλουμε να εκτυπώνεται μόνο χρήσιμο περιεχόμενο, απενεργοποιούμε την εμφάνιση του αριστερού (#leftcolumn) και του δεξιού κελιού (#rightcolumn) ορίζοντας τα να εμφανίζονται: κανένα.


Αυτή είναι η έντυπη έκδοση της σελίδας του ιστότοπου

Ξεχωριστά αρχεία στυλ

Δεν είναι απαραίτητο να συνδυάσετε τα πάντα σε ένα αρχείο στυλ. Αντίθετα, μπορείτε να χρησιμοποιήσετε δύο αρχεία στυλ και, όταν τα συνδέετε με τις σελίδες του ιστότοπου, να πείτε στο πρόγραμμα περιήγησης ποιο αρχείο στυλ να χρησιμοποιήσει κατά την εκτύπωση και ποιο για εμφάνιση στην οθόνη. Το πρώτο (για έξοδο οθόνης) ορίζεται από την παράμετρο media="screen" και το δεύτερο θα χρησιμοποιηθεί για εκτύπωση και ορίζεται από την παράμετρο media="print":

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

Επίσης, κατά την εκτύπωση, μειώνουμε αυστηρά το πλάτος του μπλοκ περιεχομένου στα 600 εικονοστοιχεία, γιατί σε 100% πλάτος, ο εκτυπωτής «κόβει» μια μικρή λωρίδα κειμένου στη δεξιά πλευρά της σελίδας. Προσέξτε επίσης το γεγονός ότι κατά την εκτύπωση από την Opera, η εσοχή κατά μήκος των άκρων του φύλλου είναι ελαφρώς μικρότερη από ό,τι στον Internet Explorer και οι γραμμές κειμένου στο φύλλο χαρτιού είναι ευρύτερες.

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

Απαγορεύεται η αντιγραφή του άρθρου.