Allalaadimisnupu loomine: 11 sammu (piltidega)

Sisukord:

Allalaadimisnupu loomine: 11 sammu (piltidega)
Allalaadimisnupu loomine: 11 sammu (piltidega)

Video: Allalaadimisnupu loomine: 11 sammu (piltidega)

Video: Allalaadimisnupu loomine: 11 sammu (piltidega)
Video: Начало работы с QLC+ Управление цветомузыкой с компьютера. Как управлять светом. 2024, Mai
Anonim

Allalaadimisnupp võib muuta teie veebisaidi tunduvalt professionaalsemaks kui lihtsalt allalaadimise pakkumine linkide kaudu. Nupp tagab puhtama liidese ja kui soovite oma disaini luua, võivad teie nupud olla teie lehe kujunduse lahutamatud osad. HTML -nuppude loomiseks või oma disainiga nupu tegemiseks järgige seda juhendit.

Sammud

Meetod 1 /2: HTML -nupu loomine

Looge allalaadimisnupp 1. samm
Looge allalaadimisnupp 1. samm

Samm 1. Looge koodiredaktoris nupp

Lihtne tekstiredaktor, näiteks Notepad või TextEdit, töötab suurepäraselt. Sisestage redaktorisse järgmine kood:

Looge allalaadimisnupp 2. samm
Looge allalaadimisnupp 2. samm

Samm 2. Laadige fail oma serverisse üles

Kui soovite faili allalaadimiseks pakkuda, peate selle hostima oma serveris või osutama nupule faili kusagil mujal veebis. Kasutage FTP -klienti, et laadida üles fail, mille soovite oma veebisaidi serverile kättesaadavaks teha.

Looge allalaadimisnupp 3. samm
Looge allalaadimisnupp 3. samm

Samm 3. Veenduge, et teil oleks veebimeistri luba, kui soovite linkida faili, mida te ise ei hostita

Looge allalaadimisnupp 4. samm
Looge allalaadimisnupp 4. samm

4. samm. Asendage „Allalaadimiskoht” allalaaditava URL -iga. Lisage kindlasti üksikud jutumärgid aadressi ümber ja topeltjutumärgid ümber „window.location = 'Laadimiskoht'". Kaasake kõik eesliited, näiteks HTTP: // või FTP: //, ning lisage ka faililaiend nagu-j.webp" />

Looge allalaadimisnupp 5. samm
Looge allalaadimisnupp 5. samm

Samm 5. Märgistage nupp

Asendage „Nupu tekst” sõnadega, mida soovite nupul kuvada. Jätke kindlasti jutumärgid teksti ümber. Hoidke nupu tekst väike, et nupp ei tunduks lehel suur ja raske.

Looge allalaadimisnupp 6. samm
Looge allalaadimisnupp 6. samm

Samm 6. Asetage kood oma lehele

Nupukoodi saate sisestada oma veebisaidi põhiosa suvalisse kohta ja nupp kuvatakse selles kohas. Laadige üles muudetud veebilehe kood ja katsetage oma uut nuppu.

Meetod 2/2: pildinupu loomine

Looge allalaadimisnupp Samm 7
Looge allalaadimisnupp Samm 7

Samm 1. Kujundage allalaadimisnupp

Kasutage oma eelistatud pildiredaktorit ja looge oma veebisaidi stiilile vastav nupp. Nupu saate muuta nii väikeseks või suureks, kui soovite.

Looge allalaadimisnupp 8. samm
Looge allalaadimisnupp 8. samm

Samm 2. Laadige fail oma serverisse ja nupu pilt

Kui soovite faili allalaadimiseks pakkuda, peate selle hostima oma serveris või osutama nupule faili kusagil mujal veebis. Kasutage FTP -klienti, et laadida üles fail, mille soovite oma veebisaidi serverile kättesaadavaks teha.

Laadige nupu pilt serverisse samasse kohta, kuhu see leht paigutati

Looge allalaadimisnupp 9. samm
Looge allalaadimisnupp 9. samm

Samm 3. Looge allalaadimiskood

Pildiga tähistatud allalaadimisnupp töötab samamoodi nagu kõik teised lingid HTML -is. Kopeerige järgmine kood oma eelistatud redaktorisse:

Looge allalaadimisnupp 10. samm
Looge allalaadimisnupp 10. samm

4. samm. Sisestage oma faili- ja pilditeave. Asendage „Allalaadimiskoht” allalaaditava URL -i täieliku URL -iga, sealhulgas mis tahes HTTP: // või FTP: // eesliitega. Asendage „Pildifail allalaadimisnupu pildi failinimega. Kui fail asub teie serveri lehega samas kohas, ei pea te kogu aadressi lisama.

  • Asendage „hõljutustekst” mis tahes tekstiga, mida soovite kuvada, kui kasutaja viib kursori pildi kohale.
  • Asendage “X” ja “Y” vastavalt pildi laiuse ja kõrgusega pikslites.
  • Hoidke kindlasti iga kirje ümber topelt jutumärgid.
Loo allalaadimisnupp 11. samm
Loo allalaadimisnupp 11. samm

Samm 5. Sisestage kood oma lehele

Asetage kood sinna, kuhu soovite oma nuppu kuvada. Laadige üles uus kood ja laadige seejärel veebisait, et nupp töötaks. Kontrollige, kas hõljutustekst laaditakse ja pilt on õige suurusega.

Video - selle teenuse kasutamisel võidakse YouTube'iga jagada teatud teavet

Hoiatused

  • Failide üleslaadimine oma serverisse on parem viis failide veebis jagamiseks, selle asemel, et faile majutada teistel veebisaitidel. Kui kopeerite lingi asukoha mõnelt teiselt veebisaidilt, töötab teie loodud allalaadimisnupp ainult seni, kuni lingi asukoht on aktiivne.
  • Ärge kunagi laadige üles faile, mis rikuvad autoriõiguse seadusi, sest see võib kaasa tuua rahatrahvi või vangistuse.
  • Kontrollige regulaarselt oma allalaadimisnuppu või allalaadimislinki veebisaidil, kust lingi asukoha saite, veendumaks, et kasutajad saavad nupule klõpsates faili alla laadida, selle asemel et minna katkisele lingile, kus faili enam pole.

Soovitan: