Πώς να δημιουργήσει μια ιστοσελίδα στο Photoshop CS3

Adobe Photoshop είναι ένα ιδανικό εργαλείο για τη δημιουργία ενός δικτυακού τόπου και τη διάταξη είναι η βιομηχανία πρότυπο εργαλείο για την επεξεργασία φωτογραφιών και τη δημιουργία εικόνας bitmap . Δημιουργώντας μια διάταξη στο Adobe Photoshop επιτρέπει στο σχεδιαστή τη δυνατότητα να κάνουν γρήγορες αλλαγές χωρίς να χρειάζεται να ρυθμίσετε οποιοδήποτε κώδικα . Μόλις το βλέμμα και την αίσθηση του χώρου τελειώσετε , Adobe Photoshop καθιστά πολύ απλό να τεμαχίζουν και να βελτιστοποιήσει τις εικόνες για χρήση web . Τα πράγματα που θα χρειαστείτε
Adobe Photoshop CS3
Κωδικός compiler ή πρόγραμμα σχεδιασμού ιστοσελίδων

Παρουσίαση Περισσότερες οδηγίες
Η 1

Σχεδιάστε την ιστοσελίδα σε χαρτί . Πλησιάστε τον υπολογιστή σας με ένα σαφές σχέδιο και τη γνώση από αυτό το site θα πρέπει να ανταποκριθεί στις προσδοκίες του έργου . Βρείτε ιδέες για τα χρώματα και στυλ για να αντλήσει. Όσο περισσότερο σχεδιασμό και την οργάνωση που εμφανίζεται σε αυτό το στάδιο , οι λιγότερο δύσκολες επιλογές σχεδιασμού θα πρέπει να φορά εργάζονται με το Adobe Photoshop . 2

Άνοιγμα του Adobe Photoshop CS3 και να αρχίσει ένα νέο έγγραφο . Ρυθμίστε το ύψος του εγγράφου σε 800 pixels και το πλάτος έως 600 pixels . Αυτό είναι ένα τυπικό μέγεθος για το σχεδιασμό διάταξη web και θα εξασφαλίσει ότι η σελίδα μπορεί να θεωρηθεί από τις αναλύσεις οθόνης .
Εικόνων 3

Ρυθμίστε την ανάλυση του εγγράφου σε 72 pixel ανά ίντσα ( PPI ) . Βεβαιωθείτε ότι η λειτουργία χρώματος του εγγράφου έχει οριστεί σε RGB . Ενεργοποιήστε τις μονάδες μέτρησης που εμφανίζονται στο χάρακα pixels για ακριβείς μετρήσεις .
Η 4

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

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

Κάντε μια εικόνα φόντου . Ένα απλό σχέδιο σε ένα τετράγωνο 100 pixel x 100 pixel μπορεί να είναι με πλακάκια και είναι πιο γρήγορα για να φορτώσει από μια μεγαλύτερη εικόνα .
Η 7

φέτα το έγγραφο σε κομμάτια να κωδικοποιηθεί στην ιστοσελίδα . Χρησιμοποιήστε τη " Φέτα " εργαλείο για τον προσδιορισμό των περιοχών που θα αποθηκεύονται ως μεμονωμένα αρχεία εικόνας .
8

Διαλέξτε ένα κομμάτι για να σωθεί χρησιμοποιώντας το " Φέτα Επιλογή ". Επιλέξτε Αρχείο> Αποθήκευση για web & συσκευές για να βελτιστοποιήσει την εικόνα για το web . Οι φέτες εικόνες και το στυλ της σελίδας θα περιλαμβάνει την εμφάνιση και την αίσθηση του δικτυακού τόπου .
Η
εικόνων