Gumb za preuzimanje može učiniti da vaša web stranica izgleda znatno profesionalnije od jednostavnog nuđenja preuzimanja putem veza. Gumb pruža čistije sučelje, a ako vam se sviđa da sami dizajnirate, vaši gumbi mogu biti sastavni dio dizajna vaše stranice. Slijedite ovaj vodič za stvaranje HTML gumba ili napravite gumb vlastitog dizajna.
Koraci
Metoda 1 od 2: Stvaranje HTML gumba
Korak 1. Stvorite gumb u uređivaču koda
Jednostavan uređivač teksta, poput Notepada ili TextEdita, savršeno će raditi. Unesite sljedeći kôd u uređivač:
Korak 2. Prenesite datoteku na svoj poslužitelj
Ako želite ponuditi datoteku za preuzimanje, morat ćete je ugostiti na vlastitom poslužitelju ili usmjeriti gumb na datoteku negdje drugdje na webu. Pomoću FTP klijenta prenesite datoteku koju želite učiniti dostupnom poslužitelju vaše web stranice.
Korak 3. Provjerite imate li dopuštenje webmastera ako se želite povezati s datotekom koju sami ne hostirate
Korak 4. Zamijenite "Preuzimanje lokacije" URL -om za preuzimanje. Uključite pojedinačne navodnike oko adrese, kao i dvostruke navodnike oko “window.location = 'Preuzmi lokaciju'". Uključite sve prefikse kao što su HTTP: // ili FTP: // te uključite i datotečni nastavak, npr. kao-j.webp" />
Korak 5. Označite gumb
Zamijenite "Button Text" riječima koje želite prikazati na gumbu. Držite dvostruke navodnike oko teksta. Tekst gumba neka bude mali kako gumb ne bi izgledao velik i glomazan na stranici.
Korak 6. Postavite kôd na svoju stranicu
Kôd gumba možete umetnuti bilo gdje u tijelo svoje web stranice, a gumb će se pojaviti na tom mjestu. Prenesite promijenjeni kôd web stranice i testirajte svoj novi gumb.
Metoda 2 od 2: Stvaranje gumba za sliku
Korak 1. Dizajnirajte gumb za preuzimanje
Upotrijebite željeni uređivač slika i stvorite gumb koji odgovara stilu vaše web stranice. Gumb možete učiniti malim ili velikim koliko želite.
Korak 2. Prenesite datoteku na poslužitelj i sliku gumba
Ako želite ponuditi datoteku za preuzimanje, morat ćete je ugostiti na vlastitom poslužitelju ili usmjeriti gumb na datoteku negdje drugdje na webu. Pomoću FTP klijenta prenesite datoteku koju želite učiniti dostupnom poslužitelju vaše web stranice.
Prenesite sliku gumba na isto mjesto na poslužitelju kao i stranica na koju je postavljate
Korak 3. Kreirajte svoj kod za preuzimanje
Gumb za preuzimanje predstavljen slikom radi na isti način na koji sve ostale veze rade u HTML -u. Kopirajte sljedeći kôd u željeni uređivač:
Korak 4. Unesite podatke o datoteci i slici. Zamijenite "Mjesto preuzimanja" punim URL -om vašeg preuzimanja, uključujući sve HTTP: // ili FTP: // prefikse. Zamijenite “slikovnu datoteku imenom datoteke za sliku gumba za preuzimanje. Ako se datoteka nalazi na istom mjestu kao i stranica na vašem poslužitelju, ne morate uključiti cijelu adresu.
- Zamijenite "Hover Text" bilo kojim tekstom koji želite prikazati kada korisnik zadrži pokazivač miša iznad slike.
- Zamijenite "X" i "Y" širinom i visinom slike u pikselima.
- Držite dvostruke navodnike oko svakog unosa.
Korak 5. Unesite kôd na svoju stranicu
Postavite kôd na mjesto na kojem želite da se pojavi vaš gumb. Prenesite novi kôd, a zatim učitajte web stranicu kako biste bili sigurni da gumb radi. Provjerite učitava li se tekst hover -a i je li slika odgovarajuće veličine.
Video - Korištenjem ove usluge neki se podaci mogu podijeliti s YouTubeom
Upozorenja
- Prijenos datoteka na vlastiti poslužitelj bolji je način dijeljenja datoteka na mreži umjesto da ovisi o drugim web stranicama za hostovanje datoteka. Ako kopirate lokaciju veze s druge web stranice, gumb za preuzimanje koji kreirate funkcionirat će samo dok je mjesto veze aktivno.
- Nikada nemojte postavljati datoteke koje krše zakone o autorskim pravima jer bi to moglo dovesti do velikih kazni ili zatvora.
- Povremeno testirajte svoj gumb za preuzimanje ili vezu za preuzimanje na web stranici s koje ste dobili lokaciju veze kako biste bili sigurni da će korisnici moći preuzeti datoteku kada kliknu gumb umjesto da idu na neispravnu vezu na kojoj datoteka više ne postoji.