Kako napraviti gumb za preuzimanje

Autor: Bobbie Johnson
Datum Stvaranja: 6 Travanj 2021
Datum Ažuriranja: 1 Srpanj 2024
Anonim
Kako napraviti Android Aplikaciju E3 - Gumbi,Activity Switch
Video: Kako napraviti Android Aplikaciju E3 - Gumbi,Activity Switch

Sadržaj

Gumb za preuzimanje pomoći će vašoj web stranici da izgleda mnogo profesionalnije od jednostavnog povezivanja za preuzimanje. Gumb pruža čistije sučelje, a ako sami dizajnirate nešto, vaši gumbi mogu postati sastavni dio dizajna stranice. Slijedite ovaj vodič da biste stvorili HTML gumb ili svoj vlastiti prilagođeni gumb.

Koraci

Metoda 1 od 2: Izradite HTML gumb

  1. 1 Izradite gumb u uređivaču izvora. Jednostavan uređivač teksta poput Notepada ili TextEdita je u redu. U uređivaču teksta unesite sljedeći kôd:
  2. 2 Prenesite datoteku na svoj poslužitelj. Ako želite ponuditi datoteku za preuzimanje, morate je pohraniti na poslužitelj ili povezati gumb s nekom datotekom negdje drugdje na mreži. Pomoću FTP klijenta prenesite datoteku koju želite učiniti dostupnom poslužitelju web lokacije.
  3. 3 Provjerite imate li prava za webmastere ako se želite povezati s datotekom koju niste pohranili.
  4. 4Zamijenite "Preuzimanje lokacije" sa svojim pravim URL -om za preuzimanje. Adresu obavezno stavite u pojedinačne navodnike, a „window.location = 'Preuzmi lokaciju“ u dvostruke navodnike. Dodajte prefikse, poput HTTP: // ili FTP: //, i dodajte nastavke datoteka, poput .webp ili .EXE ..
  5. 5 Napišite na gumb. Zamijenite "Button Text" riječima koje želite prikazati na gumbu. Obavezno uvrstite tekst u dvostruke navodnike. Pokušajte kratiti izraz kako vam gumb na zaslonu ne bi izgledao nezgrapan.
  6. 6 Postavite izvorni kod na svoju stranicu. Izvorni kod gumba možete zalijepiti bilo gdje na stranici, a gumb će se pojaviti točno na tom mjestu. Prenesite novi kôd stranice i testirajte svoj novi gumb.

Metoda 2 od 2: Izradite gumb kao sliku

  1. 1 Nacrtajte gumb za preuzimanje. Koristite bilo koji uređivač slika koji vam se sviđa i nacrtajte gumb koji odgovara stilu vaše web stranice. Gumb možete učiniti velikim (ili malim) koliko želite.
  2. 2 Prenesite datoteku i sliku s gumbom na svoj poslužitelj. Ako želite ponuditi datoteku za preuzimanje, morate je pohraniti na poslužitelj ili povezati gumb s nekom datotekom negdje drugdje na mreži. Pomoću FTP klijenta prenesite datoteku koju želite učiniti dostupnom poslužitelju web lokacije.
    • Prenesite sliku gumba na isto mjesto na poslužitelju gdje se nalazi stranica na koju dodajete ovaj gumb.
  3. 3 Napišite izvorni kod za preuzimanje. Gumb za preuzimanje, prikazan kao slika, radi na isti način kao i sve ostale veze u HTML -u.Kopirajte sljedeći kôd u svoj uređivač:
  4. 4 Unesite podatke o datoteci i slici. Zamijenite "Mjesto preuzimanja" stvarnim URL -om za preuzimanje, uključujući sve HTTP: // ili FTP: // prefikse. Zamijenite “Image File” imenom datoteke slike gumba. Ako se datoteka nalazi na poslužitelju na istom mjestu kao i stranica, ne morate navesti punu putanju.
    • Zamijenite "Hover Text" tekstom koji bi se trebao pojaviti kada korisnik zadrži pokazivač iznad slike gumba.
    • Zamijenite "X" i "Y" širinom i visinom slike u pikselima.
    • Svakako dodajte sve ove unose u dvostruke navodnike.
  5. 5 Unesite izvorni kod na svoju stranicu. Postavite kôd na mjesto na kojem bi se trebao pojaviti gumb. Prenesite novi kôd, a zatim otvorite svoju web stranicu kako biste provjerili radi li gumb. Provjerite prikazuje li se tekst natuknice prilikom miša i je li slika ispravne veličine.

Upozorenja

  • Nikada nemojte prenositi datoteke koje krše zakone o autorskim pravima jer to može rezultirati visokom kaznom ili čak zatvorom.
  • Mnogo je bolje prenijeti datoteke na vlastiti poslužitelj i kasnije ih podijeliti nego ovisiti o drugim web mjestima na kojima su pohranjene. Ako kopirate vezu na lokaciju datoteke s druge web stranice, gumb za preuzimanje koji kreirate funkcionirat će samo dok veza ostane valjana. Morat ćete povremeno provjeravati funkcionalnost gumba ili veze na web mjestu s kojeg ste ga preuzeli kako biste bili sigurni da će korisnici moći preuzeti datoteku kada kliknu na gumb, te da neće kliknuti na neispravnu vezu zbog činjenica da datoteka više ne postoji.