Cum se creează un buton de descărcare

Un buton de descărcare poate face ca site-ul dvs. să pară mult mai profesionist decât cei care oferă descărcări pur și simplu prin link-uri. Butoanele oferă interfețe curate, astfel încât proiectarea butonului propriu vă va permite să fie o parte integrantă a designului paginii dvs. În urma acestui ghid, puteți crea butoane HTML sau crea propriile dvs. desene sau modele.

conținut

Pași
Metoda 1creați un buton html
Metoda 2creați un buton cu o imagine
Avertismente

pași

Metoda 1
Creați un buton HTML

Imaginea intitulată Crearea unui buton de descărcare Pasul 1

Creați butonul într-un editor de coduri. Un editor simplu de cod ca "memo pad" sau "TextEdit" acestea sunt alternative care vor funcționa perfect. Introduceți următorul cod în editor:

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

Încărcați fișierul pe serverul dvs. Dacă doriți să ofere un fișier pentru a descărca, va trebui să-l găzduiască pe propriul server sau de a face punctele de buton într-un fișier undeva pe web. utilizare un client FTP pentru a încărca fișierul ceea ce doriți să fie disponibil pentru serverul dvs. de site web.

Imaginea cu titlul Creați un buton de descărcare Pasul 3

Asigurați-vă că solicitați permisiunea de la administratorul site-ului dacă doriți să conectați butonul dvs. la un fișier pe care nu îl dețineți.

Imaginea cu titlul Creați un buton de descărcare Pasul 4

Înlocuiți "Descărcați locația" cu adresa URL a descărcării. Asigurați-vă că includeți citatele simple în jurul adresei, precum și citatele duble în jurul "window.location =" Descărcare locație "". Acesta include orice prefix necesar, cum ar fi http: // sau ftp: // și include numele extensiei fișierului ca .JPG sau .EXE.

Imaginea cu titlul Creați un buton de descărcare Pasul 5

Puneți o etichetă pe buton. înlocuiește "Butonul Text" ("Buton text") pentru cuvintele pe care doriți să apară pe buton. Asigurați-vă că ați lăsat ghilimele duble în jurul textului. Păstrați textul mic astfel încât butonul să nu fie prea mare sau dificil de controlat pe pagină.

Imaginea cu titlul Creați un buton de descărcare Pasul 6

Plasați codul pe pagina dvs. Puteți plasa codul de buton oriunde în corpul paginii dvs. web și butonul va apărea în acea locație. Încărcați codul paginii web modificate și încercați butonul nou.

Metoda 2
Creați un buton cu o imagine

Imaginea cu titlul Creați un buton de descărcare Pasul 7

Proiectați butonul de descărcare. Utilizați editorul dvs. preferat de imagini și creați un buton care are același stil ca și site-ul dvs. Web. Puteți crea un buton atât de mare sau de mic cât doriți.

Imaginea cu titlul Creați un buton de descărcare Pasul 8

Încărcați fișierul și imaginea pe server. Dacă doriți să oferiți un fișier de descărcat, trebuie să îl găzduiți pe server sau să conectați butonul la un fișier care este oriunde altundeva pe web. utilizare un client FTP pentru a încărca fișierul ceea ce doriți să fie disponibil pentru serverul dvs. de site web.

Încărcați imaginea butonului în aceeași locație pe serverul unde este localizată pagina pe care doriți să o găzduiți.

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

Creați codul de descărcare. Un buton de descărcare reprezentat de o imagine funcționează la fel ca orice alt link din HTML. Copiați următorul cod în editorul dvs. preferat:

Imaginea cu titlul Creați un buton de descărcare Pasul 10

Plasați fișierul împreună cu informațiile despre imagine. înlocuiește "Descărcați locația" ("Descărcați locația") cu adresa URL completă a descărcării, inclusiv orice prefix HTTP: // sau FTP: // necesar. înlocuiește "Fișier imagine" ("Fișier imagine") cu numele fișierului pentru imaginea butonului de descărcare. Dacă fișierul se află în aceeași locație ca și pagina din interiorul serverului dvs., nu va fi necesar să includeți adresa completă.

înlocuiește "Plasați textul din hover" cu textul pe care doriți să îl afișați atunci când utilizatorul trage cursorul peste imagine.

înlocuiește "X" și "și" cu lățimea și înălțimea imaginii în pixeli.

Asigurați-vă că păstrați ghilimele duble în jurul fiecărei intrări.

Imaginea cu titlul Creați un buton de descărcare Pasul 11

Introduceți codul în pagina dvs. Web. Plasați codul în care doriți să apară butonul dvs. Încărcați noul cod și apoi încărcați pagina web pentru a vă asigura că butonul funcționează corect. Verificați dacă textul care ar trebui să apară când trageți cursorul apare și imaginea are dimensiunea corectă.

avertismente

Nu încărcați niciodată imagini care încalcă legile privind drepturile de autor, deoarece puteți primi amenzi sau chiar arestări.
Încărcarea fișierelor pe propriul dvs. server este cea mai bună modalitate de a partaja fișierele online, pentru că în acest fel nu va trebui să depindeți de alte site-uri web pentru a găzdui fișierele. Dacă copiați locația unui link dintr-un alt site web, butonul de descărcare pe care l-ați creat va funcționa numai în timp ce locația link-ului este activă. Trebuie să verificați în mod frecvent butonul de descărcare sau link-ul de descărcare de pe site-ul web, moment în care butonul pentru a se asigura că utilizatorii pot descărca fișierul atunci când fac clic pe butonul și să nu fie direcționat către un fișier inexistent folosind un link nu mai funcționează

Distribuiți pe rețelele sociale:

înrudit