Ako vytvoriť tlačidlo na stiahnutie

Autor: Bobbie Johnson
Dátum Stvorenia: 6 Apríl 2021
Dátum Aktualizácie: 1 V Júli 2024
Anonim
How to Create Download Button   HTML and CSS
Video: How to Create Download Button HTML and CSS

Obsah

Vďaka tlačidlu na stiahnutie bude váš web vyzerať oveľa profesionálnejšie než jednoduchým prepojením na stiahnutie. Tlačidlo poskytuje čistejšie rozhranie a ak si niečo navrhnete sami, vaše tlačidlá sa môžu stať neoddeliteľnou súčasťou dizajnu stránky. Podľa tohto návodu si vytvorte tlačidlo HTML alebo vlastné tlačidlo.

Kroky

Metóda 1 z 2: Vytvorte tlačidlo HTML

  1. 1 Vytvorte tlačidlo v zdrojovom editore. Jednoduchý textový editor, ako je Poznámkový blok alebo TextEdit, je v poriadku. V textovom editore zadajte nasledujúci kód:
  2. 2 Odošlite súbor na svoj server. Ak chcete ponúknuť súbor na stiahnutie, musíte ho uložiť na server alebo priradiť tlačidlo k nejakému súboru na inom mieste v sieti. Pomocou klienta FTP nahrajte súbor, ktorý chcete sprístupniť svojmu serveru lokality.
  3. 3 Ak sa chcete prepojiť so súborom, ktorý neuložíte, uistite sa, že máte práva správcu webu.
  4. 4 Nahraďte „Umiestnenie sťahovania“ skutočnou adresou sťahovania. Nezabudnite uzavrieť adresu do jednoduchých úvodzoviek a „window.location = 'Miesto sťahovania' 'do dvojitých úvodzoviek. Pridajte predpony, napríklad HTTP: // alebo FTP: //, a pridajte prípony súborov, napríklad .webp alebo .EXE ..
  5. 5 Napíšte na tlačidlo. Nahraďte „Text tlačidla“ slovami, ktoré sa majú objaviť na tlačidle. Nezabudnite zahrnúť text do dvojitých úvodzoviek. Snažte sa, aby bola vaša fráza krátka, aby tlačidlo na obrazovke nepôsobilo neprakticky.
  6. 6 Umiestnite zdrojový kód na svoju stránku. Zdrojový kód tlačidla môžete prilepiť kdekoľvek na stránku a tlačidlo sa zobrazí presne na tomto mieste. Odovzdajte nový kód stránky a vyskúšajte nové tlačidlo.

Metóda 2 z 2: Vytvorte tlačidlo ako obrázok

  1. 1 Nakreslite tlačidlo sťahovania. Použite ľubovoľný editor obrázkov, ktorý sa vám páči, a nakreslite tlačidlo, ktoré zodpovedá štýlu vášho webu. Tlačidlo môžete urobiť veľké (alebo malé), ako sa vám páči.
  2. 2 Odošlite súbor a obrázok pomocou tlačidla na váš server. Ak chcete ponúknuť súbor na stiahnutie, musíte ho uložiť na server alebo priradiť tlačidlo k nejakému súboru niekde inde v sieti. Pomocou klienta FTP nahrajte súbor, ktorý chcete sprístupniť svojmu serveru lokality.
    • Nahrajte obrázok tlačidla na rovnaké miesto na serveri, kde sa nachádza stránka, na ktorú pridáte toto tlačidlo.
  3. 3 Napíšte zdrojový kód na stiahnutie. Tlačidlo sťahovania vykreslené ako obrázok funguje rovnako ako všetky ostatné odkazy v HTML.Skopírujte nasledujúci kód do editora:
  4. 4 Zadajte informácie o súbore a obrázku. Nahraďte „Miesto sťahovania“ skutočnou adresou URL na stiahnutie vrátane akýchkoľvek predpon HTTP: // alebo FTP: //. Nahraďte „Image File“ názvom súboru obrázka tlačidla. Ak sa súbor nachádza na serveri na rovnakom mieste ako stránka, nemusíte zadávať úplnú cestu.
    • „Hover Text“ nahraďte textom, ktorý by sa mal zobraziť, keď používateľ umiestnite kurzor myši na obrázok tlačidla.
    • Nahraďte „X“ a „Y“ šírkou a výškou obrázku v pixeloch.
    • Nezabudnite všetky tieto položky pridať do dvojitých úvodzoviek.
  5. 5 Zadajte zdrojový kód na svoju stránku. Umiestnite kód na miesto, kde by sa malo objaviť tlačidlo. Nahrajte nový kód a potom otvorte webovú stránku, aby ste zistili, či tlačidlo funguje. Skontrolujte, či sa text nápovede zobrazuje pri vznášaní a či má samotný obrázok správnu veľkosť.

Varovania

  • Nikdy nenahrávajte súbory v rozpore s autorskými právami, pretože to môže mať za následok vysokú pokutu alebo dokonca väzenie.
  • Je oveľa lepšie nahrať súbory na svoj vlastný server a zdieľať ich neskôr, než závisieť od iných stránok, na ktorých sú uložené. Ak skopírujete odkaz na umiestnenie súboru z iného webu, tlačidlo na stiahnutie, ktoré vytvoríte, bude fungovať iba vtedy, ak zostane odkaz platný. Budete musieť pravidelne kontrolovať funkčnosť tlačidla alebo odkazu na webe, z ktorého ste ho prevzali, aby ste sa uistili, že si používatelia budú môcť súbor stiahnuť, keď kliknú na tlačidlo, a nekliknú na nefunkčný odkaz z dôvodu skutočnosť, že spis už neexistuje.