Cum să creați un buton de descărcare: 11 pași (cu imagini)

Cuprins:

Cum să creați un buton de descărcare: 11 pași (cu imagini)
Cum să creați un buton de descărcare: 11 pași (cu imagini)

Video: Cum să creați un buton de descărcare: 11 pași (cu imagini)

Video: Cum să creați un buton de descărcare: 11 pași (cu imagini)
Video: How To Quickly Add New Contacts From Email To Outlook Address Book? #short 2024, Aprilie
Anonim

Un buton de descărcare poate face ca site-ul dvs. web să pară mult mai profesional decât să vă oferiți descărcarea prin linkuri. Un buton oferă o interfață mai curată și, dacă doriți să vă proiectați propriile butoane, acestea pot fi parte integrantă a designului paginii dvs. Urmați acest ghid pentru a crea butoane HTML sau pentru a crea un buton de design propriu.

Pași

Metoda 1 din 2: Crearea unui buton HTML

Creați un buton de descărcare Pasul 1
Creați un buton de descărcare Pasul 1

Pasul 1. Creați butonul într-un editor de cod

Un editor de text simplu, precum Notepad sau TextEdit, va funcționa perfect. Introduceți următorul cod în editor:

Creați un buton de descărcare Pasul 2
Creați un buton de descărcare Pasul 2

Pasul 2. Încărcați fișierul pe serverul dvs

Dacă doriți să oferiți un fișier de descărcat, va trebui fie să îl găzduiți pe propriul server, fie să îndreptați butonul către fișier în altă parte de pe web. Utilizați un client FTP pentru a încărca fișierul pe care doriți să îl puneți la dispoziția serverului site-ului dvs. web.

Creați un buton de descărcare Pasul 3
Creați un buton de descărcare Pasul 3

Pasul 3. Asigurați-vă că aveți permisiunea webmasterului dacă doriți să legați un fișier pe care nu îl găzduiți singur

Creați un buton de descărcare Pasul 4
Creați un buton de descărcare Pasul 4

Pasul 4. Înlocuiți „Descărcați locația” cu adresa URL a descărcării. Asigurați-vă că includeți ghilimelele simple în jurul adresei, precum și ghilimelele duble din jurul „window.location = 'Descărcați locația'". Includeți orice prefixe precum HTTP: // sau FTP: // și includeți și extensia de fișier ca-j.webp" />

Creați un buton de descărcare Pasul 5
Creați un buton de descărcare Pasul 5

Pasul 5. Etichetați butonul

Înlocuiți „Textul butonului” cu cuvintele pe care doriți să le apară pe buton. Asigurați-vă că păstrați ghilimelele în jurul textului. Păstrați textul butonului mic, astfel încât butonul să nu apară mare și dificil pe pagină.

Creați un buton de descărcare Pasul 6
Creați un buton de descărcare Pasul 6

Pasul 6. Plasați codul în pagina dvs

Puteți introduce codul butonului oriunde în corpul paginii dvs. web, iar butonul va apărea în acea locație. Încărcați codul modificat al paginii web și testați noul buton.

Metoda 2 din 2: Crearea unui buton imagine

Creați un buton de descărcare Pasul 7
Creați un buton de descărcare Pasul 7

Pasul 1. Proiectează butonul de descărcare

Utilizați editorul de imagini preferat și creați un buton care să se potrivească stilului site-ului dvs. web. Puteți face butonul atât de mic sau de mare pe cât doriți.

Creați un buton de descărcare Pasul 8
Creați un buton de descărcare Pasul 8

Pasul 2. Încărcați fișierul pe serverul dvs. și imaginea butonului

Dacă doriți să oferiți un fișier de descărcat, va trebui fie să îl găzduiți pe propriul server, fie să îndreptați butonul către fișier în altă parte de pe web. Utilizați un client FTP pentru a încărca fișierul pe care doriți să îl puneți la dispoziția serverului site-ului dvs. web.

Încărcați imaginea butonului în aceeași locație de pe server ca pagina pe care o introduceți

Creați un buton de descărcare Pasul 9
Creați un buton de descărcare Pasul 9

Pasul 3. Creați codul de descărcare

Un buton de descărcare reprezentat de o imagine funcționează în același mod în care toate celelalte linkuri funcționează în HTML. Copiați următorul cod în editorul preferat:

Creați un buton de descărcare Pasul 10
Creați un buton de descărcare Pasul 10

Pasul 4. Introduceți informațiile despre fișier și imagine. Înlocuiți „Descărcați locația” cu adresa URL completă pentru descărcare, inclusiv orice prefix HTTP: // sau FTP: //. Înlocuiți „Fișier imagine cu numele fișierului pentru imaginea butonului de descărcare. Dacă fișierul se află în aceeași locație ca pagina de pe serverul dvs., nu trebuie să includeți întreaga adresă.

  • Înlocuiți „Hover Text” cu orice text care doriți să apară atunci când utilizatorul trece cursorul peste imagine.
  • Înlocuiți „X” și „Y” cu lățimea și respectiv înălțimea imaginii în pixeli.
  • Asigurați-vă că păstrați ghilimelele duble în jurul fiecărei intrări.
Creați un buton de descărcare Pasul 11
Creați un buton de descărcare Pasul 11

Pasul 5. Introduceți codul în pagina dvs

Plasați codul în locul în care doriți să apară butonul. Încărcați noul cod, apoi încărcați pagina web pentru a vă asigura că butonul funcționează. Verificați dacă se încarcă textul și dacă imaginea are dimensiunea potrivită.

Video - Prin utilizarea acestui serviciu, unele informații pot fi partajate cu YouTube

Avertizări

  • Încărcarea fișierelor pe propriul dvs. server este o modalitate mai bună de a partaja fișiere online, în loc să depindeți de alte site-uri web pentru a găzdui fișierele. Dacă copiați o locație de link de pe un alt site web, butonul de descărcare pe care îl creați va funcționa numai atâta timp cât locația link-ului este activă.
  • Nu încărcați niciodată fișiere care încalcă legile drepturilor de autor, deoarece ar putea duce la amenzi grele sau la închisoare.
  • Testați periodic butonul de descărcare sau linkul de descărcare de pe site-ul web de la care ați obținut locația linkului pentru a vă asigura că utilizatorii vor putea descărca fișierul atunci când fac clic pe buton în loc să meargă la un link rupt unde fișierul nu mai există.

Recomandat: