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 čišće 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: Kreiranje HTML dugmeta
Korak 1. Kreirajte dugme u uređivaču koda
Jednostavan uređivač teksta, poput Notepada ili TextEdita, savršeno će funkcionirati. Unesite sljedeći kôd u uređivač:
Korak 2. Otpremite datoteku na svoj server
Ako želite ponuditi datoteku za preuzimanje, morat ćete je ugostiti na svom poslužitelju ili usmjeriti dugme 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 dozvolu webmastera ako se želite povezati s datotekom koju sami ne hostirate
Korak 4. Zamijenite "Lokacija preuzimanja" URL -om za preuzimanje. Obavezno uključite pojedinačne navodnike oko adrese, kao i dvostruke navodnike oko „window.location = 'Preuzmi lokaciju'". Uključite sve prefikse poput HTTP: // ili FTP: //, kao i ekstenziju datoteke, npr. kao-j.webp" />
Korak 5. Označite dugme
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 vaše web stranice, a gumb će se pojaviti na toj lokaciji. Otpremite promijenjeni kôd web stranice i testirajte novo dugme.
Metoda 2 od 2: Kreiranje dugmeta za sliku
Korak 1. Dizajnirajte dugme za preuzimanje
Koristite željeni uređivač slika i stvorite dugme koje odgovara stilu vaše web stranice. Gumb možete učiniti malim ili velikim koliko želite.
Korak 2. Otpremite datoteku na server i sliku dugmeta
Ako želite ponuditi datoteku za preuzimanje, morat ćete je ugostiti na svom poslužitelju ili usmjeriti dugme na datoteku negdje drugdje na webu. Pomoću FTP klijenta prenesite datoteku koju želite učiniti dostupnom poslužitelju vaše web stranice.
Postavite sliku dugmeta na isto mesto na serveru kao i stranica na koju je postavljate
Korak 3. Kreirajte svoj kod za preuzimanje
Gumb za preuzimanje predstavljen slikom funkcionira 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 "Lokacija preuzimanja" punim URL -om vašeg preuzimanja, uključujući sve HTTP: // ili FTP: // prefikse. Zamijenite “Image File imenom datoteke za sliku dugmeta za preuzimanje. Ako se datoteka nalazi na istoj lokaciji kao i stranica na vašem serveru, ne morate uključiti cijelu adresu.
- Zamijenite "Hover Text" bilo kojim tekstom koji želite prikazati kada korisnik zadrži kursor iznad slike.
- Zamijenite “X” i “Y” širinom i visinom slike u pikselima.
- Obavezno zadrž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še dugme. Otpremite novi kôd, a zatim učitajte web stranicu kako biste bili sigurni da dugme radi. Provjerite učitava li se tekst hover -a i je li slika odgovarajuće veličine.
Video - Korištenjem ove usluge neke se informacije mogu podijeliti s YouTubeom
Upozorenja
- Otpremanje datoteka na vaš vlastiti server bolji je način dijeljenja datoteka na mreži, umjesto da ovisite o drugim web stranicama za hostovanje datoteka. Ako kopirate lokaciju veze s druge web stranice, dugme za preuzimanje koje kreirate funkcionirat će samo dok je lokacija veze aktivna.
- Nikada nemojte postavljati datoteke koje krše zakone o autorskim pravima jer bi to moglo dovesti do velikih kazni ili zatvora.
- Povremeno testirajte svoje dugme za preuzimanje ili vezu za preuzimanje na web lokaciji sa koje ste dobili lokaciju veze kako biste bili sigurni da će korisnici moći preuzeti datoteku kada kliknu na dugme umjesto da idu na neispravnu vezu na kojoj datoteka više ne postoji.