Πώς να κάνει Div Διατάξεις στο Photoshop CS2

Αν εργάζεστε για τη δημιουργία ενός δικτυακού τόπου , τότε θα θέλετε να χρησιμοποιήσετε divs να χωρίσουμε τη σελίδα σας . Divs είναι html κώδικα για ένα συγκεκριμένο τμήμα ενός εγγράφου , που σας επιτρέπει να ορίσετε διαφορετικές λειτουργίες ( όπως hyperlinks) σε αυτό το τμήμα . Ευτυχώς , δεν χρειάζεται να είναι ειδικός html για να δημιουργήσετε divs σε γραφικά ιστοσελίδα σας . Μπορείτε να χρησιμοποιήσετε το Photoshop CS2 να δημιουργήσετε το σχεδιασμό για τη σελίδα σας , και στη συνέχεια να εξαγάγετε το σχεδιασμό για το πρόγραμμα σύντροφος του Photoshop , ImageReady . Οδηγίες
Η 1

Ανοίξτε Photoshop . Επιλέξτε " Αρχείο" και κάντε κλικ στο " Νέο ". Στο πλαίσιο διαλόγου που εμφανίζεται , επιλέξτε ένα από τα μεγέθη web πρότυπο . Είναι συνήθως καλύτερο να πάει με ανάλυση 800 x 600 , δεδομένου ότι αυτό είναι ο ελάχιστος κοινός παρονομαστής είναι πιθανότερο να εργαστούν για τις ρυθμίσεις της οθόνης του καθενός . 2

Δημιουργήστε το site σας σχεδιασμό με όλα τα γραφικά σας και τα κουμπιά πλοήγησης . Μπορείτε να συμπεριλάβετε το κείμενο εφ 'όσον δεν έχετε ραστεροποιηθούν στο Photoshop ( αν ραστεροποιήσετε το κείμενο στο Photoshop , θα είναι ασαφής ) . Εργασία σε στρώματα , έτσι ώστε να μπορείτε εύκολα να κάνετε αλλαγές στο σχεδιασμό .
Εικόνων 3

Κάντε κλικ στο κουμπί ImageReady Εξαγωγή στο κάτω μέρος της γραμμής εργαλείων . Αυτό θα ανοίξει το σχέδιό σας σε ImageReady . Επιλέξτε το " Εργαλείο κοπής σε φέτες » και αρχίστε να δημιουργείτε φέτες για το σχεδιασμό σας . Κόβουμε την εικόνα έτσι ώστε να δημιουργηθούν ξεχωριστά τμήματα ( divs ) που συμμορφώνονται με το σχέδιό σας . Για παράδειγμα , οι επιμέρους κουμπιά πλοήγησης στη σελίδα σας θα πρέπει να είναι δική τους div . Και αν , όπως τα κουμπιά πλοήγησης , το div θα υπερσύνδεση , θα πρέπει να προσθέσετε το σύνδεσμο στο " Φέτα " πάνελ.
Η 4

Πηγαίνετε στο " Βελτιστοποίηση " πίνακα και επιλέξτε ποιον τύπο της εικόνας που θέλετε κάθε φέτα να είναι . Λεπτομερείς εικόνες ή φωτογραφίες είναι καλύτερα αποθηκεύονται ως αρχεία JPEG .
5

Επιλέξτε "Αρχείο " και στη συνέχεια "Save As Optimized " και επιλέξτε " HTML και εικόνες . " Εισαγάγετε το html σελίδα που δημιουργήθηκε στο συντάκτη της ιστοσελίδας σας ( μαζί με το σχετικό φάκελο της εικόνας ) . Είστε έτοιμοι να δημοσιεύσετε .
Η
εικόνων