Πώς να δημιουργήσετε ένα κουμπί λήψης: 11 βήματα (με εικόνες)

Πίνακας περιεχομένων:

Πώς να δημιουργήσετε ένα κουμπί λήψης: 11 βήματα (με εικόνες)
Πώς να δημιουργήσετε ένα κουμπί λήψης: 11 βήματα (με εικόνες)

Βίντεο: Πώς να δημιουργήσετε ένα κουμπί λήψης: 11 βήματα (με εικόνες)

Βίντεο: Πώς να δημιουργήσετε ένα κουμπί λήψης: 11 βήματα (με εικόνες)
Βίντεο: Outlook - Δημιουργία αυτόματης υπογραφής για τα email που στέλνουμε 2024, Απρίλιος
Anonim

Ένα κουμπί λήψης μπορεί να κάνει τον ιστότοπό σας να φαίνεται σημαντικά πιο επαγγελματικός από την απλή προσφορά λήψης μέσω συνδέσμων. Ένα κουμπί παρέχει μια πιο καθαρή διεπαφή και αν θέλετε να σχεδιάσετε τη δική σας, τα κουμπιά σας μπορούν να αποτελέσουν αναπόσπαστο μέρος του σχεδιασμού της σελίδας σας. Ακολουθήστε αυτόν τον οδηγό για να δημιουργήσετε κουμπιά HTML ή να δημιουργήσετε ένα κουμπί του δικού σας σχεδίου.

Βήματα

Μέθοδος 1 από 2: Δημιουργία ενός κουμπιού HTML

Δημιουργήστε ένα κουμπί λήψης Βήμα 1
Δημιουργήστε ένα κουμπί λήψης Βήμα 1

Βήμα 1. Δημιουργήστε το κουμπί σε έναν επεξεργαστή κώδικα

Ένας απλός επεξεργαστής κειμένου όπως το Σημειωματάριο ή το TextEdit θα λειτουργήσει τέλεια. Εισαγάγετε τον ακόλουθο κώδικα στον επεξεργαστή:

Δημιουργήστε ένα κουμπί λήψης Βήμα 2
Δημιουργήστε ένα κουμπί λήψης Βήμα 2

Βήμα 2. Ανεβάστε το αρχείο στον διακομιστή σας

Εάν θέλετε να προσφέρετε ένα αρχείο για λήψη, θα πρέπει είτε να το φιλοξενήσετε στον δικό σας διακομιστή είτε να δείξετε το κουμπί στο αρχείο κάπου αλλού στον ιστό. Χρησιμοποιήστε ένα πρόγραμμα -πελάτη FTP για να ανεβάσετε το αρχείο που θέλετε να κάνετε διαθέσιμο στον διακομιστή του ιστότοπού σας.

Δημιουργήστε ένα κουμπί λήψης Βήμα 3
Δημιουργήστε ένα κουμπί λήψης Βήμα 3

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

Δημιουργήστε ένα κουμπί λήψης Βήμα 4
Δημιουργήστε ένα κουμπί λήψης Βήμα 4

Βήμα 4. Αντικαταστήστε τη "Λήψη τοποθεσίας" με τη διεύθυνση URL για τη λήψη. Φροντίστε να συμπεριλάβετε τα μεμονωμένα εισαγωγικά γύρω από τη διεύθυνση, καθώς και τα διπλά εισαγωγικά γύρω από το "window.location = 'Λήψη τοποθεσίας'". Συμπεριλάβετε τυχόν προθέματα όπως HTTP: // ή FTP: // και συμπεριλάβετε επίσης την επέκταση αρχείου, όπως ως-j.webp" />

Δημιουργήστε ένα κουμπί λήψης Βήμα 5
Δημιουργήστε ένα κουμπί λήψης Βήμα 5

Βήμα 5. Προσθέστε ετικέτα στο κουμπί

Αντικαταστήστε το "Κείμενο κουμπιού" με τις λέξεις που θέλετε να εμφανίζονται στο κουμπί. Φροντίστε να διατηρείτε τα διπλά εισαγωγικά γύρω από το κείμενο. Διατηρήστε το κείμενο του κουμπιού μικρό ώστε το κουμπί να μην φαίνεται μεγάλο και δυσκίνητο στη σελίδα.

Δημιουργήστε ένα κουμπί λήψης Βήμα 6
Δημιουργήστε ένα κουμπί λήψης Βήμα 6

Βήμα 6. Τοποθετήστε τον κωδικό στη σελίδα σας

Μπορείτε να εισαγάγετε τον κωδικό κουμπιού οπουδήποτε στο σώμα της ιστοσελίδας σας και το κουμπί θα εμφανιστεί σε αυτήν τη θέση. Ανεβάστε τον αλλαγμένο κώδικα της ιστοσελίδας σας και δοκιμάστε το νέο σας κουμπί.

Μέθοδος 2 από 2: Δημιουργία κουμπιού εικόνας

Δημιουργήστε ένα κουμπί λήψης Βήμα 7
Δημιουργήστε ένα κουμπί λήψης Βήμα 7

Βήμα 1. Σχεδιάστε το κουμπί λήψης

Χρησιμοποιήστε τον επεξεργαστή εικόνας που προτιμάτε και δημιουργήστε ένα κουμπί που ταιριάζει με το στυλ του ιστότοπού σας. Μπορείτε να κάνετε το κουμπί τόσο μικρό ή όσο μεγάλο θέλετε.

Δημιουργήστε ένα κουμπί λήψης Βήμα 8
Δημιουργήστε ένα κουμπί λήψης Βήμα 8

Βήμα 2. Ανεβάστε το αρχείο στον διακομιστή σας και την εικόνα κουμπιού

Εάν θέλετε να προσφέρετε ένα αρχείο για λήψη, θα πρέπει είτε να το φιλοξενήσετε στον δικό σας διακομιστή είτε να δείξετε το κουμπί στο αρχείο κάπου αλλού στον ιστό. Χρησιμοποιήστε ένα πρόγραμμα -πελάτη FTP για να ανεβάσετε το αρχείο που θέλετε να κάνετε διαθέσιμο στον διακομιστή του ιστότοπού σας.

Ανεβάστε την εικόνα του κουμπιού στην ίδια θέση του διακομιστή με τη σελίδα στην οποία την τοποθετείτε

Δημιουργήστε ένα κουμπί λήψης Βήμα 9
Δημιουργήστε ένα κουμπί λήψης Βήμα 9

Βήμα 3. Δημιουργήστε τον κωδικό λήψης

Ένα κουμπί λήψης που αντιπροσωπεύεται από μια εικόνα λειτουργεί με τον ίδιο τρόπο όπως όλοι οι άλλοι σύνδεσμοι λειτουργούν σε HTML. Αντιγράψτε τον ακόλουθο κώδικα στο πρόγραμμα επεξεργασίας που προτιμάτε:

Δημιουργήστε ένα κουμπί λήψης Βήμα 10
Δημιουργήστε ένα κουμπί λήψης Βήμα 10

Βήμα 4. Εισαγάγετε τις πληροφορίες αρχείου και εικόνας. Αντικαταστήστε το "Λήψη τοποθεσίας" με το πλήρες URL στη λήψη σας, συμπεριλαμβανομένων τυχόν προθέσεων HTTP: // ή FTP: //. Αντικαταστήστε το "Αρχείο εικόνας με το όνομα αρχείου για την εικόνα του κουμπιού λήψης. Εάν το αρχείο βρίσκεται στην ίδια θέση με τη σελίδα στον διακομιστή σας, δεν χρειάζεται να συμπεριλάβετε ολόκληρη τη διεύθυνση.

  • Αντικαταστήστε το "Hover Text" με οποιοδήποτε κείμενο θέλετε να εμφανίζεται όταν ο χρήστης τοποθετεί τον κέρσορα πάνω από την εικόνα.
  • Αντικαταστήστε τα "X" και "Y" με το πλάτος και το ύψος της εικόνας αντίστοιχα σε pixel.
  • Φροντίστε να διατηρείτε τα διπλά εισαγωγικά γύρω από κάθε καταχώριση.
Δημιουργήστε ένα κουμπί λήψης Βήμα 11
Δημιουργήστε ένα κουμπί λήψης Βήμα 11

Βήμα 5. Εισαγάγετε τον κωδικό στη σελίδα σας

Τοποθετήστε τον κωδικό εκεί που θέλετε να εμφανίζεται το κουμπί σας. Ανεβάστε τον νέο κώδικα και, στη συνέχεια, φορτώστε την ιστοσελίδα για να βεβαιωθείτε ότι λειτουργεί το κουμπί. Βεβαιωθείτε ότι το κείμενο τοποθετεί το δείκτη του ποντικιού και ότι η εικόνα έχει το σωστό μέγεθος.

Βίντεο - Χρησιμοποιώντας αυτήν την υπηρεσία, ορισμένες πληροφορίες ενδέχεται να κοινοποιηθούν στο YouTube

Προειδοποιήσεις

  • Η μεταφόρτωση αρχείων στον δικό σας διακομιστή είναι ένας καλύτερος τρόπος για κοινή χρήση αρχείων στο διαδίκτυο αντί να εξαρτάται από άλλους ιστότοπους για τη φιλοξενία των αρχείων. Αν αντιγράψετε μια τοποθεσία συνδέσμου από έναν άλλο ιστότοπο, το κουμπί λήψης που δημιουργείτε θα λειτουργεί μόνο εφόσον η τοποθεσία του συνδέσμου είναι ενεργή.
  • Ποτέ μην ανεβάζετε αρχεία κατά παράβαση των νόμων περί πνευματικών δικαιωμάτων γιατί μπορεί να οδηγήσει σε βαριά πρόστιμα ή φυλάκιση.
  • Ελέγχετε περιοδικά το κουμπί λήψης ή τον σύνδεσμο λήψης στον ιστότοπο από τον οποίο έχετε λάβει τη θέση του συνδέσμου για να βεβαιωθείτε ότι οι χρήστες θα μπορούν να κατεβάσουν το αρχείο όταν κάνουν κλικ στο κουμπί αντί να μεταβούν σε κατεστραμμένο σύνδεσμο όπου το αρχείο δεν υπάρχει πλέον Το

Συνιστάται: