Πώς να Σχεδιασμός ιστοσελίδων στο InDesign

Μπορείτε να θέσει τις βασικές σελίδες Web με το Adobe InDesign και την εξαγωγή τους σε HTML με το "Εξαγωγή για το Dreamweaver " του InDesign επιλογή . Ωστόσο , λόγω των έντονων διαφορών μεταξύ των InDesign και μορφοποίηση HTML , πολλά στοιχεία της διαμόρφωσης του InDesign , όπως το μέγεθος του κειμένου , τη γραμματοσειρά , στυλ παραγράφου , αναδίπλωση κειμένου , πολλές σελίδες και πολλοί άλλοι , δεν εξάγουν στην ιστοσελίδα Dreamweaver HTML . Συχνά , θα πρέπει να ανοίξετε το έγγραφο HTML στο Dreamweaver , ένα άλλο πρόγραμμα διάταξη σελίδας HTML , ή ένα πρόγραμμα επεξεργασίας κειμένου για να εφαρμόσετε πρόσθετες μορφοποίηση πριν από τη δημοσίευση σε ένα διακομιστή Web . Τα πράγματα που θα χρειαστείτε
Adobe InDesign CS3 ή νεότερη έκδοση
Adobe Dreamweaver , άλλο πρόγραμμα επεξεργασίας HTML , ή ένα πρόγραμμα επεξεργασίας κειμένου , όπως το Σημειωματάριο Microsoft Word ή το Apple Σελίδες
Η Εμφάνιση Περισσότερες οδηγίες
Δημιουργία Web σελίδα στο InDesign
Η 1

Ξεκινήστε με ένα κενό InDesign σελίδα ή να ανοίξετε μια υπάρχουσα σελίδα που θέλετε να εξάγετε σε μορφή HTML . Εάν χρησιμοποιείτε ένα υπάρχον έγγραφο , θα πρέπει να υποθέσουμε ότι ένα μεγάλο μέρος από τα χαρακτηριστικά διάταξης της σελίδας δεν θα μεταφέρει στο έγγραφο HTML . Θα πρέπει να αγγίξει το έγγραφο σε άλλο πρόγραμμα . 2

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

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

Εφαρμογή υπερ-συνδέσεις ( clickable συνδέσεις με άλλες ιστοσελίδες και URLs ) σε κείμενο και τις εικόνες σας . ( Επιλέξτε το κείμενο ή την εικόνα , κάντε κλικ στο μενού "Τύπος " και στη συνέχεια επιλέξτε " Υπερσυνδέσεις & Cross References . " Επιλογή " New Hyperlink " από το μενού fly -out . Αυτό ανοίγει το παράθυρο διαλόγου " Νέα Υπερ-σύνδεση " . ) Κάντε κλικ στο "Σύνδεση για να "drop-down και να επιλέξετε τον τύπο της σύνδεσης που θέλετε να δημιουργήσετε --- URL , Αρχείο , Page , e-mail , κλπ. Πληκτρολογήστε το σύνδεσμο URL ή τη διαδρομή στο " πεδίο της διεύθυνσης URL " . Διαμορφώστε την εμφάνιση σας υπερ-σύνδεση με τις επιλογές στην ενότητα "εμφάνιση" του πλαισίου διαλόγου New Hyperlink . Κάντε κλικ στο " OK".
5

Χρησιμοποιήστε τις επιλογές XHTML Επιλογές εξαγωγής να τροποποιήσετε τον τρόπο τα στοιχεία των εξαγωγών του εγγράφου σας . Οι " Γενικά" επιλογές , για παράδειγμα , σας επιτρέπει να εξαγάγετε ένα τμήμα ή ολόκληρο το έγγραφο . Οι επιλογές στην ενότητα " Εικόνες " σας επιτρέπει να ελέγχετε τη μετατροπή της εικόνας και την ποιότητα της οθόνης . Οι "Advanced " επιλογές ελέγχου Cascading Style Sheets ( CSS ) μορφοποίηση και συνδέσεις με εξωτερικές JavaScripts . Όταν ολοκληρώσετε την επιλογή των επιλογών , κάντε κλικ στο κουμπί " Εξαγωγή" . Το InDesign εξάγει τη σελίδα HTML και τοποθετεί τις εικόνες σε ένα υπο-κατάλογο με το ίδιο όνομα με το έγγραφο . Όλες οι υπερ-σύνδεση εικόνας και μονοπάτια διατηρούνται κατά την εξαγωγή.
Η 6

Ανοίξτε το νέο αρχείο HTML στο Dreamweaver , άλλο πρόγραμμα επεξεργασίας HTML , ή ένα πρόγραμμα επεξεργασίας κειμένου και να αγγίξει έως και τη σελίδα .
Η

Η