Πώς να κάνω μια σελίδα στο Photoshop Με Links

Συνήθως , θα πρέπει να χρησιμοποιήσετε τη σελίδα Web λογισμικό σχεδιασμού , όπως το Dreamweaver , τη δημιουργία ιστοσελίδων HTML με τις συνδέσεις με άλλες σελίδες ή διευθύνσεις URL . Το Photoshop είναι ένα πρόγραμμα επεξεργασίας κυρίως γραφικά και φωτογραφία ρετούς πρόγραμμα . Ωστόσο , μπορείτε να δημιουργήσετε συνδέσεις στο Photoshop PSD εικόνες με το "Εργαλείο Φέτα " και , στη συνέχεια, εξάγει το PSD σε μια σελίδα HTML στο Web . Το εργαλείο Κόβουμε δημιουργεί « φέτες », ή ξεχωριστές εικόνες , που λειτουργούν ως κουμπιά στην HTHL ιστοσελίδα σας. Τα πράγματα που θα χρειαστείτε
Adobe Photoshop CS3 ή νεότερη έκδοση
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Ξεκινήστε ένα νέο PSD εικόνα ή να ανοίξετε μια υπάρχουσα εικόνα στο Photoshop .

2

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

Επιλέξτε το "Slice Tool " (πέμπτη στην εργαλειοθήκη ) . Εάν δεν έχετε χρησιμοποιήσει το εργαλείο Κόβουμε πριν , ένα άλλο εργαλείο μπορεί να είναι ενεργό το κουμπί . Αν ναι , κάντε κλικ και κρατήστε πατημένο το κουμπί και , στη συνέχεια, επιλέξτε " Tool φέτα " από το fly- out .
Η

4 Κάντε δεξί κλικ στην περιοχή που σε φέτες και επιλέξτε " Επεξεργασία επιλογών φέτα " από το αναδυόμενο μενού . Αυτό εμφανίζει το παράθυρο διαλόγου Επιλογές φέτα . Υπάρχουν πολλές επιλογές σε αυτό το παράθυρο διαλόγου για τη δημιουργία δεσμών . Πληκτρολογήστε το όνομα της σελίδας στόχου αρχείο ή ένα URL για τη σύνδεση στο πεδίο "URL " . Για παράδειγμα : . " Http://mydomain.com/services.html " ( χωρίς τα εισαγωγικά )

Εισάγετε τον στόχο συμπεριφορά του προγράμματος περιήγησης στο πεδίο " Target" . Για παράδειγμα , για να ανοίξετε τη σύνδεση σε μια νέα σελίδα , πληκτρολογήστε " _blank ". Για να ανοίξετε το σύνδεσμο στόχου στην ίδια σελίδα , πληκτρολογήστε " _self . " ( Χωρίς εισαγωγικά για την εισαγωγή τους . )
5

Κάντε κλικ στο " OK" για να εφαρμόσει το σύνδεσμο .
Η 6

Συνεχίστε τη δημιουργία φέτες και εφαρμογή συνδέσεις έως ότου έχετε δημιουργήσει όλες τις συνδέσεις που χρειάζεστε .
Η 7

Κάντε κλικ στο " Αρχείο" για τη γραμμή μενού και επιλέξτε "Αποθήκευση για web & συσκευές ". εμφανίζεται το παράθυρο διαλόγου Αποθήκευση Web & Devices για . Αυτό το παράθυρο διαλόγου σας επιτρέπει να ελέγχετε διάφορες επιλογές διαμόρφωσης για τη σελίδα HTML σας , όπως το χρώμα του φόντου , την ποιότητα της εικόνας , συμπίεση , ετικετών μεταδεδομένων ( για τις μηχανές αναζήτησης ) και ούτω καθεξής .
8

Κάντε κλικ στο " Save" κουμπί για να αναφέρουμε και την εξαγωγή της ιστοσελίδας ? . Εκτός αν την αλλάξετε , Photoshop αποθηκεύει το αρχείο HTML στο ίδιο κατάλογο με το PSD . Κάντε διπλό κλικ στο αρχείο HTML για να ανοίξετε τη σελίδα σε ένα πρόγραμμα περιήγησης και ελέγξτε τις συνδέσεις . Εάν οι συνδέσεις σας δεν λειτουργούν σωστά , ελέγξτε τους στο Edit Options Φέτα να βεβαιωθείτε ότι είναι δακτυλογραφημένες και να ρυθμιστεί σωστά .
Η
εικόνων