Πώς να δημιουργήσει ένα Web Download Button

Το Διαδίκτυο έχει μια ποικιλία των πόρων που προσφέρουν δωρεάν εικόνες κουμπί για χρήση στην ιστοσελίδα σας . Χρησιμοποιώντας το λογισμικό γραφικών σχέδια όπως το Adobe Photoshop , μπορείτε να προσαρμόσετε το δικό σας κείμενο για να τοποθετήσετε πάνω από το γραφικό κουμπί , στη συνέχεια, χρησιμοποιήστε το λογισμικό σχεδιασμού Web , όπως το Macromedia Dreamweaver 8 για να δημιουργήσετε τη σύνδεση . Για αυτό το σεμινάριο , θα πρέπει να έχετε ήδη βασικές ιστοσελίδα σας έχει ρυθμιστεί με το Adobe Dreamweaver 8 . Τα πράγματα που θα χρειαστείτε
Adobe Photoshop
Macromedia Dreamweaver 8
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Εντοπίστε επιθυμητό γραφικό κουμπί σας πηγαίνοντας στο σύνδεσμο στο Πόρων .

2

Κατεβάστε την εικόνα κουμπί που έχετε επιλέξει και να το αποθηκεύσετε σε ένα φάκελο στο σκληρό σας δίσκο .
εικόνων 3

Χρησιμοποιήστε το Adobe Photoshop για να ανοίξετε το αρχείο γραφικού κουμπί που κατεβάσατε .
Η

4 Επιλέξτε το " Horizontal Type Tool " στο Photoshop . Επιλέξτε την προτιμώμενη γραμματοσειρά σας , έχοντας κατά νου το μέγεθος της εικόνας κουμπιού . Κανονικά, ένα μέγεθος γραμματοσειράς από 12 έως 14 βαθμούς θα είναι κατάλληλες .
5

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

Αποθηκεύστε την τροποποιημένη κουμπί . Enter " Download_button " για το όνομα του αρχείου και επιλέξτε " CompuServe GIF " για τη μορφή . Κάντε κλικ στο " OK " για να ισοπεδώσετε τα επίπεδα και να επιλέξετε "Web" για Παλέτα , στη συνέχεια, πατήστε το κουμπί " OK". Εμείς θα κρατήσει αυτό το μη - interlaced αρχείο, έτσι ώστε το πλήκτρο " OK " και πάλι για το επόμενο παράθυρο διαλόγου . Τοποθετήστε το αρχείο στο φάκελο εικόνων ρίζα Dreamweaver σας .
Η 7

Χρησιμοποιήστε το Adobe Dreamweaver 8 για να εισάγετε το αποθηκευμένο γραφικό κουμπί στο υπάρχον έγγραφο HTML σας . Ανοίξτε το αρχείο που θέλετε να προσθέσετε το κουμπί για να . Επιλέξτε το " Εικόνες " εικονίδιο από το μενού και , στη συνέχεια, επιλέξτε το αρχείο που αποθηκεύσατε από το προηγούμενο βήμα , χρησιμοποιώντας την " Επιλογή πηγής εικόνας " παράθυρο διαλόγου . Μπορείτε επίσης να χρησιμοποιήσετε το ποντίκι σας απλά να σύρετε το επιλεγμένο αρχείο από το φάκελο Εικόνες σας στην καρτέλα "Files" πάνω στο έγγραφο HTML σας .
8

Δημιουργήστε έναν σύνδεσμο για το κουμπί λήψης στο έγγραφο HTML σας . Κάντε κλικ στο κουμπί , στη συνέχεια, εντοπίστε το πεδίο "Σύνδεση " στην καρτέλα Ιδιότητες . Πληκτρολογήστε την πλήρη διαδρομή προς το αρχείο που θέλετε οι χρήστες να κατεβάσετε από το διακομιστή Web σας . Η διαδρομή θα πρέπει να αρχίζουν με http://.
Η 9

Αποθηκεύστε το έγγραφό σας HTML και στη συνέχεια εντοπίστε το αρχείο στην ενότητα Dreamweaver αρχεία για την ιστοσελίδα σας . Κάντε δεξί κλικ και επιλέξτε " Βάλτε " για να ανεβάσετε το αναθεωρημένο αρχείο HTML και το κουμπί γραφικών στο διακομιστή Web σας .
Η
εικόνων