Jak vytvořit tlačítko pro stažení: 11 kroků (s obrázky)

Obsah:

Jak vytvořit tlačítko pro stažení: 11 kroků (s obrázky)
Jak vytvořit tlačítko pro stažení: 11 kroků (s obrázky)

Video: Jak vytvořit tlačítko pro stažení: 11 kroků (s obrázky)

Video: Jak vytvořit tlačítko pro stažení: 11 kroků (s obrázky)
Video: How To Edit and Update Contacts In Outlook Address Book [Tutorial] 2024, Smět
Anonim

Tlačítko pro stažení může způsobit, že váš web bude vypadat výrazně profesionálněji než pouhé nabízení stahování prostřednictvím odkazů. Tlačítko poskytuje čistší rozhraní, a pokud máte chuť navrhnout si vlastní, mohou být vaše tlačítka nedílnou součástí designu vaší stránky. Podle této příručky můžete vytvořit tlačítka HTML nebo vytvořit tlačítko podle vlastního návrhu.

Kroky

Metoda 1 ze 2: Vytvoření tlačítka HTML

Vytvořit tlačítko Stáhnout Krok 1
Vytvořit tlačítko Stáhnout Krok 1

Krok 1. Vytvořte tlačítko v editoru kódu

Jednoduchý textový editor, jako je Poznámkový blok nebo TextEdit, bude fungovat perfektně. Do editoru zadejte následující kód:

Vytvořit tlačítko Stáhnout Krok 2
Vytvořit tlačítko Stáhnout Krok 2

Krok 2. Nahrajte soubor na váš server

Pokud chcete nabídnout soubor ke stažení, budete jej buď muset hostovat na svém vlastním serveru, nebo přesměrovat tlačítko na soubor někde jinde na webu. Pomocí klienta FTP nahrajte soubor, který chcete zpřístupnit serveru svého webu.

Vytvořit tlačítko Stáhnout Krok 3
Vytvořit tlačítko Stáhnout Krok 3

Krok 3. Ujistěte se, že máte povolení webmastera, pokud chcete propojit soubor, který sami nejste hostitelem

Vytvořit tlačítko Stáhnout Krok 4
Vytvořit tlačítko Stáhnout Krok 4

Krok 4. Nahraďte „Umístění stahování“adresou URL pro stahování. Nezapomeňte zahrnout jednoduché uvozovky kolem adresy a dvojité uvozovky kolem „window.location = 'Download Location'". Zahrňte všechny předpony, jako je HTTP: // nebo FTP: //, a také příponu souboru, jako je jako-j.webp" />

Vytvořit tlačítko Stáhnout Krok 5
Vytvořit tlačítko Stáhnout Krok 5

Krok 5. Označte tlačítko

Nahraďte „Text tlačítka“slovy, která chcete zobrazit na tlačítku. Nezapomeňte ponechat dvojité uvozovky kolem textu. Text tlačítka ponechte malý, aby se tlačítko na stránce nezdálo velké a nepraktické.

Vytvořit tlačítko Stáhnout Krok 6
Vytvořit tlačítko Stáhnout Krok 6

Krok 6. Umístěte kód na svou stránku

Kód tlačítka můžete vložit kamkoli do těla své webové stránky a tlačítko se zobrazí na daném místě. Nahrajte změněný kód webové stránky a vyzkoušejte své nové tlačítko.

Metoda 2 ze 2: Vytvoření tlačítka obrázku

Vytvořit tlačítko Stáhnout Krok 7
Vytvořit tlačítko Stáhnout Krok 7

Krok 1. Navrhněte tlačítko pro stažení

Použijte preferovaný editor obrázků a vytvořte tlačítko, které odpovídá stylu vašeho webu. Tlačítko můžete udělat tak malé nebo velké, jak byste chtěli.

Vytvořte tlačítko pro stažení Krok 8
Vytvořte tlačítko pro stažení Krok 8

Krok 2. Nahrajte soubor na server a obrázek tlačítka

Pokud chcete nabídnout soubor ke stažení, budete jej buď muset hostovat na svém vlastním serveru, nebo přesměrovat tlačítko na soubor někde jinde na webu. Pomocí klienta FTP nahrajte soubor, který chcete zpřístupnit serveru svého webu.

Nahrajte obrázek tlačítka na stejné místo na serveru, jako je stránka, na kterou jej vkládáte

Vytvořit tlačítko Stáhnout Krok 9
Vytvořit tlačítko Stáhnout Krok 9

Krok 3. Vytvořte kód pro stahování

Tlačítko pro stažení reprezentované obrázkem funguje stejným způsobem jako všechny ostatní odkazy v HTML. Zkopírujte následující kód do preferovaného editoru:

Vytvořit tlačítko Stáhnout Krok 10
Vytvořit tlačítko Stáhnout Krok 10

Krok 4. Zadejte informace o svém souboru a obrázku. Nahraďte „Umístění stahování“úplnou adresou URL pro stahování, včetně případných předpon HTTP: // nebo FTP: //. Nahraďte „Soubor obrázku názvem souboru s názvem tlačítka pro stažení. Pokud je soubor na stejném místě jako stránka na vašem serveru, nemusíte uvádět celou adresu.

  • Nahraďte „Hover Text“jakýmkoli textem, který chcete zobrazit, když uživatel umístí kurzor na obrázek.
  • Nahraďte „X“a „Y“šířkou a výškou obrázku v pixelech.
  • Nezapomeňte ponechat dvojité uvozovky kolem každého záznamu.
Vytvořit tlačítko Stáhnout Krok 11
Vytvořit tlačítko Stáhnout Krok 11

Krok 5. Zadejte kód na svou stránku

Umístěte kód na místo, kde se má zobrazit vaše tlačítko. Nahrajte nový kód a poté načtěte webovou stránku, abyste se ujistili, že tlačítko funguje. Zkontrolujte, zda se načte text kurzoru a zda má obrázek správnou velikost.

Video - Používáním této služby mohou být některé informace sdíleny s YouTube

Varování

  • Odesílání souborů na vlastní server je lepší způsob sdílení souborů online, než aby byly soubory hostovány na jiných webech. Pokud zkopírujete umístění odkazu z jiného webu, tlačítko pro stažení, které vytvoříte, bude fungovat pouze tak dlouho, dokud bude umístění odkazu aktivní.
  • Nikdy nenahrávejte soubory v rozporu s autorskými právy, protože by to mohlo vést k vysokým pokutám nebo uvěznění.
  • Pravidelně testujte tlačítko pro stahování nebo odkaz ke stažení na webu, ze kterého jste získali umístění odkazu, abyste se ujistili, že uživatelé budou moci soubor stáhnout, když na něj kliknou, místo aby přešli na nefunkční odkaz, kde soubor již neexistuje.

Doporučuje: