Δημιουργήστε ένα έγγραφο του Illustrator που είναι 960 pixels πλάτος με ύψος επιλογής σας , ανάλογα με το περιεχόμενο και ο σχεδιασμός που έχετε στο μυαλό . Ένα site 960 px συμμορφώνεται μεγάλη στην πιο δημοφιλή πλάτος ανάλυση οθόνης 1024 px μόλις ληφθεί η γραμμή κύλισης και τα άκρα των παραθύρων υπόψη . 2
Δημιουργήστε ένα χέρι που σκίτσο του βασικού οπτική διάταξη την ιστοσελίδα σας αν δεν το έχετε κάνει ήδη . Αυτό θα σας δώσει ένα πρακτικό αναφοράς για τη δημιουργία εντός Illustrator .
Εικόνων 3
Δημιουργήστε διάταξή σας , χρησιμοποιώντας την εικόνα και τα εργαλεία κειμένου για ένα τυποποιημένο μπάλα. Εάν το σχέδιό σας περιλαμβάνει χώρο για κείμενο , όπως blog θέσεις , αφήστε το χώρο στον τομέα αυτό κενό ή να δημιουργήσετε ένα περίγραμμα γύρω από αυτό για την εύκολη οριοθέτηση .
Η 4
Προσθήκη οδηγοί για το σχεδιασμό σας για να οριοθετήσει τα διάφορα τμήματα του η διάταξη . Αυτό είναι πολύ σημαντικό γιατί θα χρησιμοποιήσει αυτούς τους οδηγούς για να κάνει φέτες , τα οποία καθορίζουν τα σύνορα των στοιχείων στην ιστοσελίδα σας . Οδηγοί μπορούν να σας βοηθήσουν να παρατάξει αντικείμενα με ακρίβεια . Κάντε κλικ στο κάθετο ή οριζόντιο χάρακα και σύρετε το ποντίκι στο σημείο όπου θέλετε ο οδηγός πρέπει να βρίσκεται.
5
Διπλο-ελέγξτε την τοποθέτηση των οδηγών σας για την ακρίβεια και την ακρίβεια . Ισοπαλία περισσότερο αν χρειαστεί για να διαχωρίσετε κάθε στοιχείο , όπως εικόνες πλοήγησης που θα πρέπει να συνδέσεις στο δικτυακό σας τόπο .
Εικόνων Δημιουργία κώδικα
6
Επιλέξτε " Αντικείμενο " από το μενού , και στη συνέχεια επιλέξτε " Φέτα " και επιλέξτε " Δημιουργία από οδηγούς . " Όταν δημιουργούνται οι φέτες θα δείτε λίγο μαύρα κουτιά μέσα σε κάθε φέτα με ένα αντίστοιχο αριθμό . Επιλέξτε " Αρχείο" από το μενού και επιλέξτε "Αποθήκευση για το Web και συσκευές . " Επιλέξτε τη φέτα επιλέξτε εργαλείο, το οποίο είναι το δεύτερο εικονίδιο στο μενού του εργαλείου στα δεξιά της οθόνης κάτω από το εικονίδιο χεριού . Επιλέξτε όλα τα κομμάτια .
Η 7
Επιλέξτε τις ρυθμίσεις βελτιστοποίησης από τις επιλογές στη δεξιά πλευρά της οθόνης . Μπορείτε να επιλέξετε προκαθορισμένες ρυθμίσεις ή να δημιουργήσετε ένα προσαρμοσμένο προφίλ , ανάλογα με το αν θέλετε οι εικόνες σας να είναι JPEG, GIF με ή PNG . Μπορείτε επίσης να ρυθμίσετε την ποιότητα των εικόνων .
8
Preview διαφορετικές ρυθμίσεις κάνοντας κλικ στο " 2 - up" και " 4 - up" καρτέλες . Στην κάτω γωνία της κάθε εικόνα μπορείτε να δείτε τις πληροφορίες βελτιστοποίησης, όπως το μέγεθος του αρχείου και ο χρόνος απόδοσης του προγράμματος περιήγησης . Κάντε κλικ στο κουμπί "Αποθήκευση" . Αποφασίστε όπου θέλετε τις εικόνες και τον κωδικό σας για να σωθούν και να πλοηγηθείτε σε αυτήν την περιοχή χρησιμοποιώντας το "Where : " κουμπί
Η 9
Επιλέξτε τη μορφή για την εργασία σας . . Αν είστε ικανοί σε HTML και θέλουν μόνο τις εικόνες γιατί θα προσθέσετε κώδικα για τους αργότερα , επιλέξτε " Μόνο εικόνες ". Εάν είστε αρχάριος ή προτιμούν να έχουν το HTML που έχει δημιουργηθεί για σας , επιλέξτε το " HTML και εικόνες " επιλογή . Αν προτιμάτε για την τοποθέτηση των στοιχείων που πρέπει να οργανώνεται με επικαλυπτόμενα φύλλα στυλ αντί για πίνακες , επιλέξτε το κουμπί " Default Settings " και επιλέξτε " Εξαγωγή ως CSS Layers" στο " Layers" καρτέλα .
Η 10
Ανοίξτε το αρχείο μέσα από ένα πρόγραμμα περιήγησης για να δείτε την εργασία σας . Επεξεργαστείτε τα αρχεία με ένα πρόγραμμα σχεδιασμού ιστοσελίδων .
Η
εικόνων
Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα