Πώς να εξαγάγετε CSS Κωδικοποίηση Από Illustrator

Adobe Illustrator είναι ένα πρόγραμμα διανυσματικά γραφικά με ένα ευρύ φάσμα των χαρακτηριστικών για την εξαγωγή εικόνων . Ένα χρήσιμο χαρακτηριστικό είναι η δυνατότητα να φέτα εικόνες και στη συνέχεια να εξαγάγετε τις εικόνες και ένα αρχείο HTML με κώδικα CSS που συγκεντρώνει τις φέτες εικόνες πίσω μαζί . Αυτό είναι χρήσιμο όταν δημιουργείτε διατάξεις έντασης εικόνα για το Web , καθώς οι χρήστες με περιορισμένη σύνδεση στο Internet ( dial-up χρηστών , οι χρήστες του δικτύου κινητής τηλεφωνίας , κ.λπ.) μπορεί να φορτώσει και να εμφανίσει μια σειρά από μικρότερες εικόνες , όπου ένα μεγάλο εικόνα μπορεί να λήξει . Οι ξεχωριστές εικόνες μπορεί επίσης να συνδέονται σε διαφορετικές ιστοσελίδες. Οδηγίες
Η 1

Εκκίνηση Adobe Illustrator και στη συνέχεια κάντε κλικ στο " Αρχείο" και " Open". 2

Κάντε κλικ για να επιλέξετε ένα Adobe Illustrator ( . " AI " ) το αρχείο και , στη συνέχεια, κάντε κλικ στο κουμπί "Άνοιγμα ".
εικόνων 3

Κάντε κλικ για να επιλέξετε το " Φέτα " εργαλείο από τη γραμμή εργαλείων , εάν η εικόνα δεν έχει κοπεί . Κάντε κλικ και σύρετε το εργαλείο slice για να διαχωρίσετε την εικόνα σε πολλά ορθογώνια κομμάτια , όπως απαιτείται .
Η

4 Κάντε κλικ στο "Αρχείο" μενού και στη συνέχεια κάντε κλικ στο κουμπί "Αποθήκευση για web & συσκευές ".

5

Κάντε κλικ στο "Layers " καρτέλα στη δεξιά πλευρά του παραθύρου "Αποθήκευση για web & συσκευές " .
Η 6

Κάντε κλικ για να τοποθετήσετε μια επιταγή στο "Εξαγωγή ως επίπεδο CSS " κουτί .
Η 7

Κάντε κλικ για να επιλέξετε ένα στρώμα από το drop- down μενού και στη συνέχεια κάντε κλικ για να επιλέξετε " Ορατό ", " Κρυφό " ή " Do Not Εξαγωγή " για το στρώμα . Αυτό καθορίζει το κάθε στρώμα εμφανίζεται στη σελίδα Web χρησιμοποιώντας τον κώδικα CSS .
8

Επαναλάβετε το βήμα 7 για κάθε στρώμα .
Η 9

Κάντε κλικ για να τοποθετήσετε μια επιταγή στο "Προεπισκόπηση Μόνο επιλεγμένα Layer " για να δείτε το στρώμα έχει επιλεγεί στο drop-down μενού στο κύριο παράθυρο προεπισκόπησης .
Η

10 Κάντε κλικ στο κουμπί "Αποθήκευση" . Κάντε κλικ για να επιλέξετε " HTML και εικόνες ( * . Html ) " από το drop -down μενού " Αποθήκευση ως τύπου" . Πληκτρολογήστε ένα όνομα αρχείου και επιλέξτε μια θέση αποθήκευσης .
Η

11 Κάντε κλικ στο κουμπί " Αποθήκευση" για να δημιουργήσετε ένα έγγραφο HTML και το φάκελο " Εικόνες " στη θέση σώσει . Το έγγραφο HTML περιέχει τον κώδικα CSS και τις " Εικόνες " φάκελος περιέχει το αρχείο σε φέτες εικόνα (ες ) .
Η
εικόνων