Comment créer un bouton de téléchargement : 11 étapes (avec photos)

Table des matières:

Comment créer un bouton de téléchargement : 11 étapes (avec photos)
Comment créer un bouton de téléchargement : 11 étapes (avec photos)

Vidéo: Comment créer un bouton de téléchargement : 11 étapes (avec photos)

Vidéo: Comment créer un bouton de téléchargement : 11 étapes (avec photos)
Vidéo: Gérer vos contacts Gmail : ajouter des contacts dans vos carnets d'adresses personnalisés. 2024, Peut
Anonim

Un bouton de téléchargement peut donner à votre site Web un aspect beaucoup plus professionnel que de simplement proposer votre téléchargement via des liens. Un bouton fournit une interface plus propre, et si vous avez envie de concevoir le vôtre, vos boutons peuvent faire partie intégrante de la conception de votre page. Suivez ce guide pour créer des boutons HTML ou créer un bouton de votre propre conception.

Pas

Méthode 1 sur 2: Création d'un bouton HTML

Créer un bouton de téléchargement Étape 1
Créer un bouton de téléchargement Étape 1

Étape 1. Créez le bouton dans un éditeur de code

Un simple éditeur de texte tel que Notepad ou TextEdit fonctionnera parfaitement. Saisissez le code suivant dans l'éditeur:

Créer un bouton de téléchargement Étape 2
Créer un bouton de téléchargement Étape 2

Étape 2. Téléchargez le fichier sur votre serveur

Si vous souhaitez proposer un fichier à télécharger, vous devrez soit l'héberger sur votre propre serveur, soit pointer le bouton vers le fichier ailleurs sur le Web. Utilisez un client FTP pour télécharger le fichier que vous souhaitez rendre disponible sur le serveur de votre site Web.

Créer un bouton de téléchargement Étape 3
Créer un bouton de téléchargement Étape 3

Étape 3. Assurez-vous d'avoir l'autorisation du webmaster si vous souhaitez créer un lien vers un fichier que vous n'hébergez pas vous-même

Créer un bouton de téléchargement Étape 4
Créer un bouton de téléchargement Étape 4

Étape 4. Remplacez « Lieu de téléchargement » par l'URL du téléchargement. Assurez-vous d'inclure les guillemets simples autour de l'adresse, ainsi que les guillemets doubles autour de "window.location='Download Location'". Incluez tous les préfixes tels que HTTP:// ou FTP:// et incluez également l'extension de fichier telle que comme-j.webp" />

Créer un bouton de téléchargement Étape 5
Créer un bouton de téléchargement Étape 5

Étape 5. Étiquetez le bouton

Remplacez « Texte du bouton » par les mots que vous souhaitez voir apparaître sur le bouton. Assurez-vous de garder les guillemets doubles autour du texte. Gardez le texte du bouton petit afin que le bouton n'apparaisse pas volumineux et encombrant sur la page.

Créer un bouton de téléchargement Étape 6
Créer un bouton de téléchargement Étape 6

Étape 6. Placez le code dans votre page

Vous pouvez insérer le code du bouton n'importe où dans le corps de votre page Web et le bouton apparaîtra à cet endroit. Téléchargez votre code de page Web modifié et testez votre nouveau bouton.

Méthode 2 sur 2: Création d'un bouton d'image

Créer un bouton de téléchargement Étape 7
Créer un bouton de téléchargement Étape 7

Étape 1. Concevez votre bouton de téléchargement

Utilisez votre éditeur d'images préféré et créez un bouton qui correspond au style de votre site Web. Vous pouvez rendre le bouton aussi petit ou aussi grand que vous le souhaitez.

Créer un bouton de téléchargement Étape 8
Créer un bouton de téléchargement Étape 8

Étape 2. Téléchargez le fichier sur votre serveur et l'image du bouton

Si vous souhaitez proposer un fichier à télécharger, vous devrez soit l'héberger sur votre propre serveur, soit pointer le bouton vers le fichier ailleurs sur le Web. Utilisez un client FTP pour télécharger le fichier que vous souhaitez rendre disponible sur le serveur de votre site Web.

Téléchargez l'image du bouton au même emplacement sur le serveur que la page dans laquelle vous l'installez

Créer un bouton de téléchargement Étape 9
Créer un bouton de téléchargement Étape 9

Étape 3. Créez votre code de téléchargement

Un bouton de téléchargement représenté par une image fonctionne de la même manière que tous les autres liens fonctionnent en HTML. Copiez le code suivant dans votre éditeur préféré:

Créer un bouton de téléchargement Étape 10
Créer un bouton de téléchargement Étape 10

Étape 4. Entrez dans vos informations de fichier et d'image. Remplacez « Emplacement de téléchargement » par l'URL complète de votre téléchargement, y compris les préfixes HTTP:// ou FTP://. Remplacez Fichier image par le nom de fichier de l'image du bouton de téléchargement. Si le fichier se trouve au même emplacement que la page sur votre serveur, vous n'avez pas besoin d'inclure l'adresse complète.

  • Remplacez "Hover Text" par tout texte que vous souhaitez voir apparaître lorsque l'utilisateur passe le curseur sur l'image.
  • Remplacez "X" et "Y" par la largeur et la hauteur de l'image respectivement en pixels.
  • Assurez-vous de garder les guillemets doubles autour de chaque entrée.
Créer un bouton de téléchargement Étape 11
Créer un bouton de téléchargement Étape 11

Étape 5. Entrez le code dans votre page

Placez le code à l'endroit où vous souhaitez que votre bouton apparaisse. Téléchargez le nouveau code, puis chargez la page Web pour vous assurer que le bouton fonctionne. Vérifiez que le texte de survol se charge et que l'image est de la bonne taille.

Vidéo - En utilisant ce service, certaines informations peuvent être partagées avec YouTube

Mises en garde

  • Le téléchargement de fichiers sur votre propre serveur est un meilleur moyen de partager des fichiers en ligne au lieu de dépendre d'autres sites Web pour héberger les fichiers. Si vous copiez un emplacement de lien à partir d'un autre site Web, le bouton de téléchargement que vous créez ne fonctionnera que tant que l'emplacement du lien est actif.
  • Ne téléchargez jamais de fichiers en violation des lois sur le droit d'auteur, car cela pourrait entraîner de lourdes amendes ou des peines d'emprisonnement.
  • Testez périodiquement votre bouton de téléchargement ou le lien de téléchargement sur le site Web à partir duquel vous avez obtenu l'emplacement du lien pour vous assurer que les utilisateurs pourront télécharger le fichier lorsqu'ils cliqueront sur le bouton au lieu d'aller sur un lien rompu où le fichier n'existe plus..

Conseillé: