Kaip sukurti atsisiuntimo mygtuką: 11 žingsnių (su paveikslėliais)

Turinys:

Kaip sukurti atsisiuntimo mygtuką: 11 žingsnių (su paveikslėliais)
Kaip sukurti atsisiuntimo mygtuką: 11 žingsnių (su paveikslėliais)

Video: Kaip sukurti atsisiuntimo mygtuką: 11 žingsnių (su paveikslėliais)

Video: Kaip sukurti atsisiuntimo mygtuką: 11 žingsnių (su paveikslėliais)
Video: The END of Photography - Use AI to Make Your Own Studio Photos, FREE Via DreamBooth Training 2024, Gegužė
Anonim

Atsisiuntimo mygtukas gali padaryti jūsų svetainę žymiai profesionalesnę nei tiesiog pasiūlyti atsisiųsti per nuorodas. Mygtukas suteikia švaresnę sąsają, o jei norite sukurti savo, mygtukai gali būti neatskiriama jūsų puslapio dizaino dalis. Vadovaukitės šiuo vadovu, kad sukurtumėte HTML mygtukus arba sukurtumėte savo dizaino mygtuką.

Žingsniai

1 būdas iš 2: HTML mygtuko kūrimas

Sukurkite atsisiuntimo mygtuką 1 veiksmas
Sukurkite atsisiuntimo mygtuką 1 veiksmas

Žingsnis 1. Sukurkite mygtuką kodų rengyklėje

Paprastas teksto redaktorius, pvz., „Notepad“ar „TextEdit“, veiks puikiai. Į redaktorių įveskite šį kodą:

Sukurkite atsisiuntimo mygtuką 2 veiksmas
Sukurkite atsisiuntimo mygtuką 2 veiksmas

2 veiksmas. Įkelkite failą į savo serverį

Jei norite pasiūlyti atsisiųsti failą, turėsite jį priglobti savo serveryje arba nukreipti mygtuką į failą kitur žiniatinklyje. Naudodami FTP klientą įkelkite failą, kurį norite padaryti prieinamą savo svetainės serveriui.

Sukurkite atsisiuntimo mygtuką 3 veiksmas
Sukurkite atsisiuntimo mygtuką 3 veiksmas

Žingsnis 3. Įsitikinkite, kad turite žiniatinklio valdytojo leidimą, jei norite susieti failą, kurio patys nepriglobiate

Sukurkite atsisiuntimo mygtuką 4 veiksmas
Sukurkite atsisiuntimo mygtuką 4 veiksmas

4 žingsnis. „Atsisiuntimo vietą“pakeiskite atsisiunčiamo URL adresu. Būtinai įtraukite pavienes kabutes aplink adresą ir dvigubas kabutes aplink „window.location = 'Atsisiuntimo vieta“". Įtraukite visus priešdėlius, tokius kaip HTTP: // arba FTP: //, taip pat įtraukite failo plėtinį kaip-j.webp" />

Sukurkite atsisiuntimo mygtuką 5 veiksmas
Sukurkite atsisiuntimo mygtuką 5 veiksmas

Žingsnis 5. Pažymėkite mygtuką

Pakeiskite „Mygtuko tekstą“žodžiais, kuriuos norite rodyti ant mygtuko. Būtinai palikite dvigubas kabutes aplink tekstą. Mygtuko tekstą laikykite mažą, kad mygtukas neatrodytų didelis ir sunkus puslapyje.

Sukurkite atsisiuntimo mygtuką 6 veiksmas
Sukurkite atsisiuntimo mygtuką 6 veiksmas

Žingsnis 6. Įdėkite kodą į savo puslapį

Mygtuko kodą galite įterpti bet kur į savo tinklalapio turinį ir mygtukas bus rodomas toje vietoje. Įkelkite pakeistą tinklalapio kodą ir išbandykite naują mygtuką.

2 metodas iš 2: vaizdo mygtuko kūrimas

Sukurkite atsisiuntimo mygtuką 7 veiksmas
Sukurkite atsisiuntimo mygtuką 7 veiksmas

Žingsnis 1. Sukurkite atsisiuntimo mygtuką

Naudokite pageidaujamą vaizdo redaktorių ir sukurkite mygtuką, atitinkantį jūsų svetainės stilių. Mygtuką galite padaryti tokį mažą arba didelį, kokio norite.

Sukurkite atsisiuntimo mygtuką 8 veiksmas
Sukurkite atsisiuntimo mygtuką 8 veiksmas

2 veiksmas. Įkelkite failą į savo serverį ir mygtuko vaizdą

Jei norite pasiūlyti atsisiųsti failą, turėsite jį priglobti savo serveryje arba nukreipti mygtuką į failą kitur žiniatinklyje. Naudodami FTP klientą įkelkite failą, kurį norite padaryti prieinamą savo svetainės serveriui.

Įkelkite mygtuko vaizdą į tą pačią serverio vietą, kaip ir puslapis, į kurį jį įdedate

Sukurkite atsisiuntimo mygtuką 9 veiksmas
Sukurkite atsisiuntimo mygtuką 9 veiksmas

Žingsnis 3. Sukurkite atsisiuntimo kodą

Atsisiuntimo mygtukas, vaizduojamas vaizdu, veikia taip pat, kaip visos kitos nuorodos veikia HTML. Nukopijuokite šį kodą į pageidaujamą redaktorių:

Sukurkite atsisiuntimo mygtuką 10 veiksmas
Sukurkite atsisiuntimo mygtuką 10 veiksmas

4 žingsnis. Įveskite failo ir vaizdo informaciją. Pakeiskite „Atsisiuntimo vietą“visu atsisiunčiamo URL adresu, įskaitant bet kokius HTTP: // arba FTP: // priešdėlius. Pakeiskite „Vaizdo failą atsisiuntimo mygtuko vaizdo failo pavadinimu. Jei failas yra toje pačioje vietoje kaip ir jūsų serverio puslapis, nebūtina įtraukti viso adreso.

  • „Hover Text“pakeiskite bet kokiu tekstu, kurį norite rodyti, kai vartotojas užves pelės žymeklį ant paveikslėlio.
  • Pakeiskite „X“ir „Y“atitinkamai vaizdo pločiu ir aukščiu pikseliais.
  • Prie kiekvieno įrašo būtinai palikite dvigubas kabutes.
Sukurkite atsisiuntimo mygtuką 11 veiksmas
Sukurkite atsisiuntimo mygtuką 11 veiksmas

Žingsnis 5. Įveskite kodą į savo puslapį

Įdėkite kodą ten, kur norite, kad būtų rodomas mygtukas. Įkelkite naują kodą ir įkelkite tinklalapį, kad įsitikintumėte, jog mygtukas veikia. Patikrinkite, ar įkeliamas žymeklio tekstas ir ar tinkamo dydžio paveikslėlis.

Vaizdo įrašas - naudojant šią paslaugą kai kuri informacija gali būti bendrinama su „YouTube“

Įspėjimai

  • Failų įkėlimas į savo serverį yra geresnis būdas dalytis failais internete, o ne priklausyti nuo kitų svetainių, kuriose yra failai. Jei nukopijuosite nuorodos vietą iš kitos svetainės, sukurtas atsisiuntimo mygtukas veiks tik tol, kol bus aktyvi nuorodos vieta.
  • Niekada nekelkite failų, pažeidžiančių autorių teisių įstatymus, nes tai gali užtraukti dideles baudas arba įkalinti.
  • Periodiškai patikrinkite atsisiuntimo mygtuką arba atsisiuntimo nuorodą svetainėje, iš kurios gavote nuorodos vietą, kad įsitikintumėte, jog vartotojai galės atsisiųsti failą spustelėję mygtuką, o ne pereiti prie sugedusios nuorodos, kurioje failo nebėra.

Rekomenduojamas: