Ako vytvoriť tlačidlo sťahovania: 11 krokov (s obrázkami)

Obsah:

Ako vytvoriť tlačidlo sťahovania: 11 krokov (s obrázkami)
Ako vytvoriť tlačidlo sťahovania: 11 krokov (s obrázkami)

Video: Ako vytvoriť tlačidlo sťahovania: 11 krokov (s obrázkami)

Video: Ako vytvoriť tlačidlo sťahovania: 11 krokov (s obrázkami)
Video: First Ever SDXL Training With Kohya LoRA - Stable Diffusion XL Training Will Replace Older Models 2024, Smieť
Anonim

Vďaka tlačidlu na stiahnutie môže váš web pôsobiť oveľa profesionálnejšie, ako keby ste ho ponúkali jednoducho prostredníctvom odkazov. Tlačidlo ponúka čistejšie rozhranie a ak máte chuť navrhnúť si vlastné, vaše tlačidlá môžu byť neoddeliteľnou súčasťou dizajnu vašej stránky. Podľa tohto sprievodcu vytvorte tlačidlá HTML alebo si vytvorte tlačidlo podľa vlastného návrhu.

Kroky

Metóda 1 z 2: Vytvorenie tlačidla HTML

Vytvorenie tlačidla sťahovania Krok 1
Vytvorenie tlačidla sťahovania Krok 1

Krok 1. Vytvorte tlačidlo v editore kódu

Jednoduchý textový editor, ako napríklad Poznámkový blok alebo TextEdit, bude perfektne fungovať. Do editora zadajte nasledujúci kód:

Vytvorenie tlačidla na stiahnutie Krok 2
Vytvorenie tlačidla na stiahnutie Krok 2

Krok 2. Odošlite súbor na váš server

Ak chcete ponúknuť súbor na stiahnutie, budete ho musieť buď hosťovať na vlastnom serveri, alebo nasmerovať tlačidlo na súbor na inom mieste na webe. Pomocou klienta FTP nahrajte súbor, ktorý chcete sprístupniť serveru svojho webu.

Vytvorenie tlačidla na stiahnutie Krok 3
Vytvorenie tlačidla na stiahnutie Krok 3

Krok 3. Uistite sa, že máte povolenie správcu webu, ak chcete prepojiť súbor, ktorý sami nehostíte

Vytvorte tlačidlo sťahovania Krok 4
Vytvorte tlačidlo sťahovania Krok 4

Krok 4. Nahraďte „Umiestnenie sťahovania“webovou adresou sťahovaného súboru. Nezabudnite zahrnúť jednoduché úvodzovky okolo adresy, ako aj dvojité úvodzovky okolo „window.location = 'Download Location'". Zahrňte všetky predpony, ako napríklad HTTP: // alebo FTP: //, a tiež príponu súboru, ako napríklad ako-j.webp" />

Vytvorenie tlačidla sťahovania Krok 5
Vytvorenie tlačidla sťahovania Krok 5

Krok 5. Označte tlačidlo

Nahraďte „Text tlačidla“slovami, ktoré chcete zobraziť na tlačidle. Uistite sa, že okolo textu zostanú dvojité úvodzovky. Text tlačidla ponechajte malý, aby sa tlačidlo na stránke nezdalo veľké a nepraktické.

Vytvorenie tlačidla na stiahnutie Krok 6
Vytvorenie tlačidla na stiahnutie Krok 6

Krok 6. Umiestnite kód na svoju stránku

Kód tlačidla môžete vložiť kdekoľvek do tela svojej webovej stránky a tlačidlo sa zobrazí na tomto mieste. Nahrajte zmenený kód webovej stránky a vyskúšajte nové tlačidlo.

Metóda 2 z 2: Vytvorenie obrázkového tlačidla

Vytvorenie tlačidla na stiahnutie Krok 7
Vytvorenie tlačidla na stiahnutie Krok 7

Krok 1. Navrhnite tlačidlo sťahovania

Použite vami preferovaný editor obrázkov a vytvorte tlačidlo, ktoré zodpovedá štýlu vášho webu. Tlačidlo môžete urobiť tak malé, ako aj veľké, ako by ste chceli.

Vytvorte tlačidlo sťahovania, krok 8
Vytvorte tlačidlo sťahovania, krok 8

Krok 2. Odošlite súbor na server a obrázok tlačidla

Ak chcete ponúknuť súbor na stiahnutie, budete ho musieť buď hosťovať na vlastnom serveri, alebo nasmerovať tlačidlo na súbor na inom mieste na webe. Pomocou klienta FTP nahrajte súbor, ktorý chcete sprístupniť serveru svojho webu.

Nahrajte obrázok tlačidla na rovnaké miesto na serveri ako stránka, na ktorú ho vkladáte

Vytvorenie tlačidla na stiahnutie Krok 9
Vytvorenie tlačidla na stiahnutie Krok 9

Krok 3. Vytvorte si kód na stiahnutie

Tlačidlo sťahovania reprezentované obrázkom funguje rovnako ako všetky ostatné odkazy v jazyku HTML. Skopírujte nasledujúci kód do preferovaného editora:

Vytvorenie tlačidla na stiahnutie Krok 10
Vytvorenie tlačidla na stiahnutie Krok 10

Krok 4. Zadajte informácie o svojom súbore a obrázku. Nahraďte „Umiestnenie sťahovania“úplnou adresou URL pre sťahovanie vrátane akýchkoľvek predpon HTTP: // alebo FTP: //. Nahraďte „súbor obrázka názvom súboru s obrázkom tlačidla sťahovania. Ak je súbor na rovnakom mieste ako stránka na vašom serveri, nemusíte uvádzať celú adresu.

  • Nahraďte „Hover Text“akýmkoľvek textom, ktorý sa má zobraziť, keď používateľ umiestni kurzor na obrázok.
  • Nahraďte „X“a „Y“šírkou a výškou obrázku v pixeloch.
  • Uistite sa, že okolo každého záznamu budete držať dvojité úvodzovky.
Vytvorenie tlačidla na stiahnutie Krok 11
Vytvorenie tlačidla na stiahnutie Krok 11

Krok 5. Zadajte kód na svoju stránku

Umiestnite kód na miesto, kde sa má objaviť vaše tlačidlo. Nahrajte nový kód a potom načítajte webovú stránku, aby ste sa presvedčili, že tlačidlo funguje. Skontrolujte, či sa načítava text a či má obrázok správnu veľkosť.

Video - Používaním tejto služby môžu byť niektoré informácie zdieľané so službou YouTube

Varovania

  • Odovzdávanie súborov na vlastný server je lepší spôsob zdieľania súborov online, než aby boli súbory hostené na iných webových stránkach. Ak skopírujete umiestnenie odkazu z iného webu, tlačidlo na stiahnutie, ktoré vytvoríte, bude fungovať iba vtedy, ak je umiestnenie odkazu aktívne.
  • Nikdy nenahrávajte súbory v rozpore s autorskými právami, pretože by to mohlo viesť k vysokým pokutám alebo uväzneniu.
  • Pravidelne testujte svoje tlačidlo sťahovania alebo odkaz na stiahnutie na webe, z ktorého ste získali umiestnenie odkazu, aby ste sa uistili, že používatelia si budú môcť súbor stiahnuť, keď naň kliknú, namiesto toho, aby sa dostali na nefunkčný odkaz, kde už súbor neexistuje..

Odporúča: