Πώς να κάνει μια απλή Διάταξη Web με το Adobe Photoshop CS

Προσωπικά ιστοσελίδες δεν είναι πλέον ασυνήθιστο στο World Wide Web . Οι άνθρωποι δημιουργούν και να διαχειρίζονται τις δικές τους ιστοσελίδες για ακριβώς για τίποτα? Επιχειρήσεων , τα χόμπι , έργα τέχνης , κλπ. Ένα μεγάλο εργαλείο που χρησιμοποιείται για το σχεδιασμό προσαρμοσμένες ιστοσελίδες είναι το Adobe Photoshop . Οι χρήστες είναι σε θέση να δημιουργήσει μια εικόνα που μπορεί να χρησιμοποιηθεί ως διάταξη υπόβαθρο για την ιστοσελίδα τους και εύκολα να μετατρέψετε μια εικόνα σε μια ιστοσελίδα σε ένα πλήρως λειτουργικό σελίδα HTML . Το Photoshop είναι ένα εργαλείο επιλογής ανάμεσα σε σχεδιαστές ιστοσελίδων , και με μερικά απλά βήματα που μπορείτε να μάθετε να αξιοποιήσει κάποιες ισχυρές δυνατότητες για να σχεδιάσετε το δικό σας ιστοσελίδες . Τα πράγματα που θα χρειαστείτε
Υπολογιστών
Adobe Photoshop ( έκδοση 7.0 ή μεγαλύτερη )
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Ανοίξτε το Adobe Photoshop και να δημιουργήσετε ένα κενό έγγραφο με ανάλυση τουλάχιστον 800 pixels x 600 pixels . Εισάγετε 72 Pixels /Inch ως τιμή για το ψήφισμα . 2

Σχεδιάστε τη διάταξη web σας . Χρησιμοποιήστε τη φαντασία σας , ή να εμπνευστούν από μια ιστοσελίδα που μπορείτε να θαυμάσετε . Ξεκινήστε επιλέγοντας ένα χρώμα φόντου και την πλήρωση σε καμβά σας με το εργαλείο κάδου γεμίσματος ( συντόμευση πληκτρολογίου G ) . Τοποθετήστε τις φωτογραφίες και σχέδια για να προσαρμόσετε τη σελίδα σας με μια προσαρμοσμένη εμφάνιση .

Λάβετε υπόψη τα βασικά συστατικά μιας ιστοσελίδας λειτουργία . Να είστε βέβαιος να περιλαμβάνει χώρους για μια γραμμή πλοήγησης , έναν κεντρικό χώρο για το κείμενό σας , καθώς και ένα είδος από ένα πανό τίτλου στην ιστοσελίδα σας . Αν σκοπεύετε να τοποθετήσετε widgets ενσωματωμένες στις σελίδες σας , να είστε βέβαιος να αφήσει χώρο και γι 'αυτό .
Εικόνων 3

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

Εξαγωγή σχεδιασμένη σελίδα σας από το Photoshop . Όταν τελειώσετε με τη δημιουργία φέτες για να βελτιστοποιήσετε την ιστοσελίδα σας , είστε έτοιμοι να εξάγουν την εικόνα από το Photoshop για να εργαστούν στο αρχείο σε ένα πρόγραμμα επεξεργασίας HTML . Εξαγωγή στο σχεδιάγραμμα ιστοσελίδας σας επιλέγοντας "Αρχείο , " τότε " Αποθήκευση για web & συσκευές ... " από την κορυφή γραμμή μενού . Ένα πλαίσιο διαλόγου θα εμφανιστεί ζητώντας για τη μορφή αρχείου στην οποία θα θέλατε να εξάγουν την εικόνα σας . Οποιαδήποτε μορφή αρχείου θα το κάνει , και αυτό είναι ένα θέμα προσωπικής προτίμησης . Επιλέξτε JPEG ή BMP ως τη μορφή , πατήστε " ΟΚ " και να αποθηκεύσετε το αρχείο σας . Έχετε τώρα εξάγονται στο σχεδιάγραμμα ιστοσελίδας σας από το Photoshop ως html αρχείο με τις εικόνες . , Και είναι έτοιμοι να δημοσιεύσει την ιστοσελίδα ή να συνεχίσουν να το τσίμπημα με ένα πρόγραμμα επεξεργασίας HTML .
Η
εικόνων