Πώς να κάνετε ένα κουμπί λήψης

Συγγραφέας: Bobbie Johnson
Ημερομηνία Δημιουργίας: 6 Απρίλιος 2021
Ημερομηνία Ενημέρωσης: 1 Ιούλιος 2024
Anonim
Πως να μετατρέψω σελίδα ή άρθρο σε PDF χωρίς λογισμικό
Βίντεο: Πως να μετατρέψω σελίδα ή άρθρο σε PDF χωρίς λογισμικό

Περιεχόμενο

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

Βήματα

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

  1. 1 Δημιουργήστε ένα κουμπί στον επεξεργαστή πηγής. Ένας απλός επεξεργαστής κειμένου όπως το Σημειωματάριο ή το TextEdit είναι εντάξει. Σε έναν επεξεργαστή κειμένου, εισαγάγετε τον ακόλουθο κώδικα:
  2. 2 Ανεβάστε το αρχείο στον διακομιστή σας. Εάν θέλετε να προσφέρετε ένα αρχείο για λήψη, πρέπει είτε να το αποθηκεύσετε στον διακομιστή σας είτε να συσχετίσετε το κουμπί με κάποιο αρχείο κάπου αλλού στο δίκτυο. Χρησιμοποιήστε ένα πρόγραμμα -πελάτη FTP για να ανεβάσετε το αρχείο που θέλετε να κάνετε διαθέσιμο στον διακομιστή του ιστότοπού σας.
  3. 3 Βεβαιωθείτε ότι έχετε δικαιώματα webmaster εάν θέλετε να συνδέσετε ένα αρχείο που δεν είναι αποθηκευμένο από εσάς.
  4. 4 Αντικαταστήστε την "Λήψη τοποθεσίας" με το πραγματικό URL λήψης. Βεβαιωθείτε ότι έχετε συμπεριλάβει τη διεύθυνση σε μεμονωμένα εισαγωγικά και "window.location = 'Θέση λήψης" σε διπλά εισαγωγικά. Προσθέστε προθέματα, όπως HTTP: // ή FTP: //, και προσθέστε επεκτάσεις αρχείων, όπως .webp ή .EXE ..
  5. 5 Γράψτε στο κουμπί. Αντικαταστήστε το "Κείμενο κουμπιού" με τις λέξεις που θέλετε να εμφανίζονται στο κουμπί. Φροντίστε να συμπεριλάβετε κείμενο σε διπλά εισαγωγικά. Προσπαθήστε να κρατήσετε τη φράση σας σύντομη, έτσι ώστε το κουμπί στην οθόνη να μην φαίνεται δυσκίνητο.
  6. 6 Τοποθετήστε τον πηγαίο κώδικα στη σελίδα σας. Μπορείτε να επικολλήσετε τον πηγαίο κώδικα για το κουμπί οπουδήποτε στη σελίδα και το κουμπί θα εμφανιστεί ακριβώς σε αυτό το μέρος. Ανεβάστε τον νέο κώδικα της σελίδας σας και δοκιμάστε το νέο σας κουμπί.

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

  1. 1 Σχεδιάστε το κουμπί λήψης. Χρησιμοποιήστε οποιοδήποτε πρόγραμμα επεξεργασίας εικόνας σας αρέσει και σχεδιάστε ένα κουμπί που ταιριάζει με το στυλ του ιστότοπού σας. Μπορείτε να κάνετε το κουμπί όσο μεγάλο (ή μικρό) θέλετε.
  2. 2 Ανεβάστε το αρχείο και την εικόνα με το κουμπί στον διακομιστή σας. Εάν θέλετε να προσφέρετε ένα αρχείο για λήψη, πρέπει είτε να το αποθηκεύσετε στον διακομιστή σας είτε να συσχετίσετε το κουμπί με κάποιο αρχείο κάπου αλλού στο δίκτυο. Χρησιμοποιήστε ένα πρόγραμμα -πελάτη FTP για να ανεβάσετε το αρχείο που θέλετε να κάνετε διαθέσιμο στον διακομιστή του ιστότοπού σας.
    • Ανεβάστε την εικόνα του κουμπιού στην ίδια τοποθεσία στον διακομιστή όπου βρίσκεται η σελίδα όπου προσθέτετε αυτό το κουμπί.
  3. 3 Γράψτε τον πηγαίο κώδικα για λήψη. Το κουμπί λήψης, που αποδίδεται ως εικόνα, λειτουργεί με τον ίδιο τρόπο όπως όλοι οι άλλοι σύνδεσμοι σε HTML.Αντιγράψτε τον ακόλουθο κώδικα στον επεξεργαστή σας:
  4. 4 Εισαγάγετε τις πληροφορίες αρχείου και εικόνας. Αντικαταστήστε το "Λήψη τοποθεσίας" με ένα πραγματικό URL λήψης, συμπεριλαμβανομένων τυχόν προθέσεων HTTP: // ή FTP: //. Αντικαταστήστε το "Αρχείο εικόνας" με το όνομα αρχείου της εικόνας του κουμπιού. Εάν το αρχείο βρίσκεται στον διακομιστή στο ίδιο σημείο με τη σελίδα, δεν χρειάζεται να καθορίσετε την πλήρη διαδρομή.
    • Αντικαταστήστε το "Hover Text" με το κείμενο που πρέπει να εμφανίζεται όταν ο χρήστης τοποθετεί τον δείκτη του ποντικιού πάνω στην εικόνα του κουμπιού.
    • Αντικαταστήστε τα "X" και "Y" με το πλάτος και το ύψος της εικόνας σε pixel, αντίστοιχα.
    • Φροντίστε να προσθέσετε όλες αυτές τις καταχωρήσεις σε διπλά εισαγωγικά.
  5. 5 Εισαγάγετε τον πηγαίο κώδικα στη σελίδα σας. Τοποθετήστε τον κωδικό εκεί που πρέπει να εμφανίζεται το κουμπί. Ανεβάστε νέο κώδικα και, στη συνέχεια, ανοίξτε την ιστοσελίδα σας για να δείτε αν το κουμπί λειτουργεί. Βεβαιωθείτε ότι το κείμενο υπόδειξης εμφανίζεται στο δείκτη του ποντικιού και ότι η ίδια η εικόνα είναι το σωστό μέγεθος.

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

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