HTML5 Flipbook: Πώς λειτουργεί, βασικά χαρακτηριστικά και πότε να το χρησιμοποιήσετε

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

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

Τι είναι ένα HTML5 Flipbook;

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

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

Ένα HTML5 flipbook δεν είναι συνήθως ένα νέο έγγραφο που αντικαθιστά το PDF. Το PDF παραμένει η πηγή του περιεχομένου και της διάταξης της σελίδας. Η πλατφόρμα flipbook παρέχει τον αναγνώστη του προγράμματος περιήγησης και τη φιλοξενούμενη διεύθυνση που χρησιμοποιείται για το άνοιγμά του στο διαδίκτυο.

Πώς λειτουργεί ένα HTML5 Flipbook

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

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

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

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

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

HTML5 Flipbook vs. PDF vs. Ιστοσελίδα

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

Σχήμα και διάταξις βιβλίου	Καλύτερη επιλογή όταν	Εμπειρία Ανάγνωσης	Ενημέρωση και Κοινή χρήση
HTML5 flipbook	Η ολοκληρωμένη σχεδίαση της σελίδας θα πρέπει να παραμένει ορατή όσο οι αναγνώστες περιηγούνται στο διαδίκτυο	Οι σελίδες ανοίγουν σε ένα πρόγραμμα περιήγησης με πλοήγηση, ζουμ και άλλα στοιχεία ελέγχου ανάγνωσης	Κοινοποιήστε τον φιλοξενούμενο σύνδεσμο ή τοποθετήστε τον αναγνώστη σε έναν ιστότοπο όταν είναι διαθέσιμη η ενσωμάτωση
PDF	Οι χρήστες χρειάζονται το αρχικό αρχείο για λήψη, εκτύπωση, αρχειοθέτηση ή ανάγνωση εκτός σύνδεσης	Ανοίγει σε ένα πρόγραμμα περιήγησης ή σε μια εφαρμογή PDF και διατηρεί τη σταθερή διάταξη σελίδας	Αντικατάσταση ή εκ νέου αποστολή του αρχείου όταν αλλάξει το έγγραφο
Ιστοσελίδα	Το κείμενο πρέπει να αναδιαμορφώνεται φυσικά σε οθόνες τηλεφώνων, tablet και υπολογιστών	Το περιεχόμενο ακολουθεί μια διάταξη σελίδας που προσαρμόζεται στις ανάγκες σας και μπορεί να διαβαστεί χωρίς ζουμ	Ενημερώστε τη σελίδα στο CMS του ιστότοπου διατηρώντας παράλληλα την ίδια διεύθυνση URL

Ένα flipbook είναι χρήσιμο όταν η παρουσίαση αποτελεί μέρος του περιεχομένου. Οι κατάλογοι προϊόντων, τα lookbooks, τα portfolio, τα προγράμματα εκδηλώσεων και οι οπτικές αναφορές συχνά βασίζονται σε ολοκληρωμένες συνθέσεις σελίδων. Μια κανονική ιστοσελίδα είναι καλύτερη όταν ο κύριος στόχος είναι η γρήγορη ανάγνωση σε οποιαδήποτε οθόνη, οι συχνές ενημερώσεις κειμένου ή η ισχυρή προσβασιμότητα σε επίπεδο σελίδας. Ένα PDF παραμένει η πιο ξεκάθαρη επιλογή όταν οι αναγνώστες πρέπει να κατεβάσουν, να εκτυπώσουν, να σχολιάσουν ή να αποθηκεύσουν το πρωτότυπο έγγραφο.

Δεν χρειάζεται να επιλέξετε μόνο ένα. Ένας εκδότης μπορεί να χρησιμοποιήσει ένα flipbook για ανάγνωση μέσω προγράμματος περιήγησης και να παρέχει το PDF όταν η λήψη είναι σημαντική. Το κλειδί είναι να δώσετε σε κάθε μορφή έναν σαφή σκοπό αντί να τις αντιμετωπίζετε ως εναλλάξιμα αρχεία.

Χαρακτηριστικά που πρέπει να αναζητήσετε σε ένα εργαλείο HTML5 Flipbook

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

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

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

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

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

Δημιουργία ενός HTML5 Flipbook με Ρεκάστια

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

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

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

Όταν ένα HTML5 Flipbook είναι η σωστή επιλογή

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

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

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

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

Παράδειγμα διαδραστικού HTML5 Flipbook που δημιουργήθηκε από την Recastia.

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

Συχνές ερωτήσεις

Σύναψη

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

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