Kaip sukurti atsisiuntimo mygtuką

Autorius: Bobbie Johnson
Kūrybos Data: 6 Balandis 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
How to Create Download Button   HTML and CSS
Video.: How to Create Download Button HTML and CSS

Turinys

Atsisiuntimo mygtukas padės jūsų svetainei atrodyti daug profesionaliau, nei tiesiog susieti su atsisiuntimu. Mygtukas suteikia švaresnę sąsają, o jei kažką kuriate patys, mygtukai gali tapti neatskiriama puslapio dizaino dalimi. Vadovaukitės šia pamoka, kad sukurtumėte HTML mygtuką arba savo pasirinktinį mygtuką.

Žingsniai

1 būdas iš 2: sukurkite HTML mygtuką

  1. 1 Sukurkite mygtuką šaltinio redaktoriuje. Paprastas teksto redaktorius, pvz., „Notepad“ ar „TextEdit“, yra tinkamas. Teksto redaktoriuje įveskite šį kodą:
  2. 2 Įkelkite failą į savo serverį. Jei norite pasiūlyti failą atsisiųsti, turite jį išsaugoti savo serveryje arba susieti mygtuką su kokiu nors failu kitur tinkle. Naudokite FTP klientą norėdami įkelti failą, kurį norite padaryti prieinamą savo svetainės serveriui.
  3. 3 Įsitikinkite, kad turite žiniatinklio valdytojo teises, jei norite susieti su failu, kurio nesaugote.
  4. 4 Pakeiskite „Atsisiuntimo vietą“ tikru atsisiuntimo URL. Būtinai pridėkite adresą viengubose kabutėse, o „window.location = 'Atsisiuntimo vieta“ - kabutėse. Pridėkite priešdėlių, pvz., HTTP: // arba FTP: //, ir pridėkite failų plėtinių, pvz., .webp arba .EXE ..
  5. 5 Parašykite ant mygtuko. Pakeiskite „Mygtuko tekstą“ žodžiais, kuriuos norite rodyti ant mygtuko. Būtinai įtraukite tekstą į dvigubas kabutes. Stenkitės, kad frazė būtų trumpa, kad ekrano mygtukas neatrodytų sunkus.
  6. 6 Įdėkite šaltinio kodą į savo puslapį. Mygtuko šaltinio kodą galite įklijuoti bet kurioje puslapio vietoje ir mygtukas bus rodomas būtent toje vietoje. Įkelkite naują puslapio kodą ir išbandykite naują mygtuką.

2 metodas iš 2: sukurkite mygtuką kaip paveikslėlį

  1. 1 Nubrėžkite atsisiuntimo mygtuką. Naudokite bet kurį jums patinkantį vaizdo redaktorių ir nupieškite mygtuką, atitinkantį jūsų svetainės stilių. Mygtuką galite padaryti tokį didelį (arba mažą), koks jums patinka.
  2. 2 Įkelkite failą ir vaizdą mygtuku į savo serverį. Jei norite pasiūlyti failą atsisiųsti, turite jį išsaugoti savo serveryje arba susieti mygtuką su kokiu nors failu kitur tinkle. Naudokite FTP klientą norėdami įkelti failą, kurį norite padaryti prieinamą savo svetainės serveriui.
    • Įkelkite mygtuko vaizdą į tą pačią serverio vietą, kurioje yra puslapis, kuriame pridėjote šį mygtuką.
  3. 3 Parašykite atsisiuntimo šaltinio kodą. Atsisiuntimo mygtukas, pateiktas kaip vaizdas, veikia taip pat, kaip ir visos kitos HTML nuorodos.Nukopijuokite šį kodą į savo redaktorių:
  4. 4 Įveskite failo ir vaizdo informaciją. Pakeiskite „Atsisiuntimo vietą“ tikru atsisiuntimo URL, įskaitant bet kokius HTTP: // arba FTP: // priešdėlius. Pakeiskite „Image File“ mygtuko vaizdo failo pavadinimu. Jei failas yra serveryje toje pačioje vietoje kaip ir puslapis, jums nereikia nurodyti viso kelio.
    • „Hover Text“ pakeiskite tekstu, kuris turėtų pasirodyti, kai vartotojas užves pelės žymeklį virš mygtuko vaizdo.
    • Pakeiskite „X“ ir „Y“ atitinkamai vaizdo pločiu ir aukščiu pikseliais.
    • Visus šiuos įrašus būtinai pridėkite dvigubomis kabutėmis.
  5. 5 Įveskite šaltinio kodą savo puslapyje. Įdėkite kodą ten, kur turėtų būti rodomas mygtukas. Įkelkite naują kodą ir atidarykite savo tinklalapį, kad pamatytumėte, ar mygtukas veikia. Patikrinkite, ar užuominos tekstas rodomas užvedus pelės žymeklį ir ar pats paveikslėlis yra tinkamo dydžio.

Įspėjimai

  • Niekada neįkelkite failų, pažeidžiančių autorių teisių įstatymus, nes tai gali užtraukti didelę baudą arba net įkalinti.
  • Daug geriau įkelti failus į savo serverį ir jais pasidalyti vėliau, nei priklausyti nuo kitų svetainių, kuriose jie saugomi. Jei nukopijuosite nuorodą į failo vietą iš kitos svetainės, sukurtas atsisiuntimo mygtukas veiks tik tol, kol nuoroda išliks galiojanti. Turėsite periodiškai tikrinti mygtuko ar nuorodos funkcionalumą svetainėje, iš kurios jį paėmėte, kad įsitikintumėte, jog spustelėję mygtuką vartotojai galės atsisiųsti failą ir nespustelės sugedusios nuorodos dėl tai, kad bylos nebėra.