Letöltés gomb létrehozása: 11 lépés (képekkel)

Tartalomjegyzék:

Letöltés gomb létrehozása: 11 lépés (képekkel)
Letöltés gomb létrehozása: 11 lépés (képekkel)

Videó: Letöltés gomb létrehozása: 11 lépés (képekkel)

Videó: Letöltés gomb létrehozása: 11 lépés (képekkel)
Videó: Tartalomjegyzék készítése Word dokumentumhoz 2024, Lehet
Anonim

A letöltés gomb jelentősen professzionálisabb megjelenést kölcsönözhet webhelyének, mint egyszerűen a linkeken keresztül történő letöltés felajánlása. Egy gomb tisztább felületet biztosít, és ha kedve van saját tervezéséhez, akkor a gombok szerves részei lehetnek az oldal kialakításának. Kövesse ezt az útmutatót HTML -gombok létrehozásához vagy saját tervezésű gomb készítéséhez.

Lépések

1 /2 módszer: HTML gomb létrehozása

Letöltés gomb létrehozása 1. lépés
Letöltés gomb létrehozása 1. lépés

1. lépés: Hozza létre a gombot egy kódszerkesztőben

Egy egyszerű szövegszerkesztő, például a Jegyzettömb vagy a TextEdit tökéletesen fog működni. Írja be a következő kódot a szerkesztőbe:

Letöltés gomb létrehozása 2. lépés
Letöltés gomb létrehozása 2. lépés

2. lépés. Töltse fel a fájlt a szerverére

Ha letölteni kívánt fájlt szeretne felajánlani, akkor azt vagy saját szerverén kell tárolnia, vagy a gombbal a fájlra kell mutatnia máshol az interneten. FTP -ügyfél segítségével töltse fel azt a fájlt, amelyet elérhetővé szeretne tenni webhelye szerverén.

Letöltés gomb létrehozása 3. lépés
Letöltés gomb létrehozása 3. lépés

Lépés 3. Győződjön meg arról, hogy rendelkezik a webmester engedélyével, ha olyan fájlhoz szeretne linkelni, amelyet nem maga tárol

Letöltés gomb létrehozása 4. lépés
Letöltés gomb létrehozása 4. lépés

4. lépés. Cserélje le a „Letöltési hely” lehetőséget a letöltés URL -jére. Ügyeljen arra, hogy a cím köré tegye az egyes idézőjeleket, valamint a dupla idézőjeleket a „window.location = 'Letöltési hely" "körül. Tartalmazzon minden olyan előtagot, mint a HTTP: // vagy az FTP: //, valamint a fájlkiterjesztést, például-j.webp" />

Letöltés gomb létrehozása 5. lépés
Letöltés gomb létrehozása 5. lépés

5. lépés. Címkézze meg a gombot

Cserélje ki a „Gomb szövegét” azokkal a szavakkal, amelyeket a gombon szeretne megjeleníteni. Ügyeljen arra, hogy az idézőjelek a szöveg körül maradjanak. Tartsa kicsiben a gomb szövegét, hogy a gomb ne jelenjen meg nagynak és nehézkesnek az oldalon.

Letöltés gomb létrehozása 6. lépés
Letöltés gomb létrehozása 6. lépés

6. lépés. Helyezze be a kódot az oldalára

A gombkódot bárhová beillesztheti a weboldal törzsébe, és a gomb megjelenik ezen a helyen. Töltse fel a módosított weboldal kódját, és tesztelje az új gombot.

2. módszer 2 -ből: Kép gomb létrehozása

Letöltés gomb létrehozása 7. lépés
Letöltés gomb létrehozása 7. lépés

1. lépés: Tervezze meg a letöltés gombot

Használja a kívánt képszerkesztőt, és hozzon létre egy gombot, amely megfelel a webhely stílusának. A gombot tetszés szerint kicsi vagy nagyméretűvé teheti.

Letöltés gomb létrehozása 8. lépés
Letöltés gomb létrehozása 8. lépés

2. lépés. Töltse fel a fájlt a szerverre és a gomb képét

Ha letölteni kívánt fájlt szeretne felajánlani, akkor azt vagy saját szerverén kell tárolnia, vagy a gombbal a fájlra kell mutatnia máshol az interneten. FTP -ügyfél segítségével töltse fel azt a fájlt, amelyet elérhetővé szeretne tenni webhelye szerverén.

Töltse fel a gomb képét ugyanarra a szerverre, ahová az oldalt helyezi

Letöltés gomb létrehozása 9. lépés
Letöltés gomb létrehozása 9. lépés

3. lépés. Hozza létre a letöltési kódot

A képen látható letöltési gomb ugyanúgy működik, mint az összes többi link HTML -ben. Másolja a következő kódot a kívánt szerkesztőbe:

Letöltés gomb létrehozása 10. lépés
Letöltés gomb létrehozása 10. lépés

4. lépés. Írja be a fájl- és képadatokat. Cserélje le a „Letöltési hely” lehetőséget a letöltés teljes URL -jére, beleértve a HTTP: // vagy FTP: // előtagokat. Cserélje le a „Képfájlt a letöltés gomb képének fájlnevével. Ha a fájl ugyanazon a helyen található, mint a szerver oldala, akkor nem kell megadnia a teljes címet.

  • Cserélje le a „Lebegés szövegét” bármilyen szöveggel, amelyet akkor szeretne megjeleníteni, amikor a felhasználó a kurzort a kép fölé viszi.
  • Cserélje ki az „X” és „Y” feliratot a kép szélességére és magasságára pixelben.
  • Ügyeljen arra, hogy az egyes bejegyzések körül maradjon az idézőjel.
Letöltés gomb létrehozása 11. lépés
Letöltés gomb létrehozása 11. lépés

5. lépés. Írja be a kódot az oldalára

Helyezze a kódot oda, ahol szeretné megjeleníteni a gombját. Töltse fel az új kódot, majd töltse be a weboldalt a gomb működésének biztosítása érdekében. Ellenőrizze, hogy betöltődik -e a lebegő szöveg, és hogy a kép megfelelő méretű -e.

Videó - A szolgáltatás használatával bizonyos információk megoszthatók a YouTube -lal

Figyelmeztetések

  • A fájlok saját szerverre való feltöltése jobb módja a fájlok online megosztásának, ahelyett, hogy más webhelyektől függne a fájlok tárolása. Ha másol egy link helyét egy másik webhelyről, a létrehozott letöltés gomb csak addig működik, amíg a link aktív.
  • Soha ne töltsön fel fájlokat a szerzői jogi törvények megsértésével, mert ez súlyos pénzbírsághoz vagy börtönhöz vezethet.
  • Rendszeresen tesztelje a letöltési gombot vagy a letöltési linket azon a webhelyen, ahonnan a hivatkozás helyét kapta, hogy megbizonyosodjon arról, hogy a felhasználók le tudják tölteni a fájlt, amikor rákattintanak a gombra, ahelyett, hogy egy hibás linkre mennének, ahol a fájl már nem létezik.

Ajánlott: