Πώς να μετατρέψετε ένα Photoshop Πρότυπο για να Frontpage

Για ένα ευχάριστο γραφικά ιστοσελίδα , πολλοί σχεδιαστές βρίσκουν πιο εύκολο να δημιουργήσουν ένα σχέδιο χρησιμοποιώντας Photoshop και στη συνέχεια να μετατρέψετε το σχεδιασμό σε html για το FrontPage . Photoshop CS3 ή νεότερη έκδοση έχει τη λειτουργικότητα που απαιτείται για τη δημιουργία ιστοσελίδας πρότυπα από αρχεία PSD . Με τα πρότυπα Photoshop , είναι δυνατόν να δημιουργηθούν σχέδια που δεν μπορούν να επιτύχουν με html και μόνο . Τα πράγματα που θα χρειαστείτε
Photoshop CS3 ή νεότερη έκδοση λογισμικού
λογισμικό FrontPage

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

1 Ανοίξτε ένα κενό αρχείο εικόνας . Όταν ολοκληρωθεί , το αρχείο εικόνας θα γίνει Photoshop πρότυπο ιστοσελίδας σας . Ονομάστε το αρχείο και να ορίσετε ιδιότητες για να καθορίσετε το ύψος της εικόνας , το πλάτος και το ψήφισμα . 2

Επιλέξτε ένα χρώμα φόντου και να εφαρμοστεί σε αρχείο PSD template σας .
Εικόνων 3

Σύρετε μια ψηφιακή εικόνα στην επιθυμητή θέση στο πρότυπο psd αρχείο σας . Αλλάξτε το μέγεθος της ψηφιακής εικόνας όπως επιθυμείτε .
Η 4

Προσθήκη άλλα στοιχεία σχεδίασης της επιλογής . Να ορίσουν περιοχές πλήκτρο πλοήγησης χρησιμοποιώντας το Marquee Tool Ορθογώνια . Κάντε κλικ στο εργαλείο , στη συνέχεια, τοποθετήστε το εργαλείο στην επιθυμητή θέση στην εικόνα . Κάντε κλικ και σύρετε μέχρι να αποκτήσει το επιθυμητό μέγεθος . Προσθήκη κεφαλίδων και υποσέλιδων , εάν είναι επιθυμητό , με τον ίδιο τρόπο .
5

Κοίτα το πρότυπό σας ως ομάδα ορθογώνια .
Η 6

Κόβουμε psd πρότυπο ιστοσελίδας σας σε ορθογώνια χρησιμοποιώντας το εργαλείο slice Photoshop . Επιλέξτε το εργαλείο φέτα και το σημείο στη γωνία του πρώτου ορθογωνίου που θέλετε να δημιουργήσετε . Κάντε κλικ και σύρετε μέχρι να σκιαγραφήσει την ενότητα που θέλετε . Συνεχίστε με αυτό τον τρόπο έως ότου όλα τα τμήματα του δικτυακού τόπου πρότυπο έχουν γίνει σε τμήματα .
Η

7 Κάντε κλικ στο Φέτα Select Tool και το σημείο σε ένα κομμάτι . Κάντε δεξί κλικ στο ποντίκι σας, έτσι ώστε το παράθυρο ιδιοτήτων θα εμφανιστεί . Θα τη θεραπεία κάθε φέτα ως ξεχωριστή εικόνα , μετά τη μετατροπή psd αρχείο σας σε ένα πρότυπο , γι 'αυτό είναι σημαντικό να αναφέρουμε κάθε φέτα με τρόπο που θα αναγνωρίσει εύκολα όταν επεξεργάζεστε html σας . Αν σκοπεύετε το κομμάτι να γίνει ένα πλήκτρο πλοήγησης , καθορίστε τη διεύθυνση URL της ιστοσελίδας στην οποία θα συνδέσει αυτό το κουμπί .
8

Εξάγετε το αρχείο PSD σε ImageReady . Βελτιστοποιήσει τα αρχεία για γρήγορη ταχύτητα φόρτωσης . Αποθήκευση στερεά χρώματα όπως gif ή png αρχεία για γρήγορο χρόνο φόρτωσης . Αποθήκευση ψηφιακών φωτογραφιών ως αρχεία jpeg για την ευκρίνεια .
Η 9

Αποθηκεύστε το βελτιστοποιημένο psd σας ως html . Όταν επιλέγετε " εκτός βελτιστοποιηθεί , " ένα παράθυρο θα εμφανιστεί που σας επιτρέπει να αποθηκεύσετε html πρότυπο στον υπολογιστή σας . Αν προτιμάτε , μπορείτε να επιλέξετε " Jump to " και πηγαίνετε κατευθείαν στο FrontPage για την επεξεργασία και την αποθήκευση στην ιστοσελίδα σας .
Η
εικόνων