Kako stvoriti dugme za preuzimanje: 11 koraka (sa slikama)

Sadržaj:

Kako stvoriti dugme za preuzimanje: 11 koraka (sa slikama)
Kako stvoriti dugme za preuzimanje: 11 koraka (sa slikama)

Video: Kako stvoriti dugme za preuzimanje: 11 koraka (sa slikama)

Video: Kako stvoriti dugme za preuzimanje: 11 koraka (sa slikama)
Video: Настя и сборник весёлых историй 2024, Maj
Anonim

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

Kreirajte dugme za preuzimanje Korak 1
Kreirajte dugme za preuzimanje Korak 1

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č:

Kreirajte dugme za preuzimanje Korak 2
Kreirajte dugme za preuzimanje Korak 2

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.

Kreirajte dugme za preuzimanje Korak 3
Kreirajte dugme za preuzimanje Korak 3

Korak 3. Provjerite imate li dozvolu webmastera ako se želite povezati s datotekom koju sami ne hostirate

Kreirajte dugme za preuzimanje Korak 4
Kreirajte dugme za preuzimanje Korak 4

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" />

Kreirajte dugme za preuzimanje Korak 5
Kreirajte dugme za preuzimanje Korak 5

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.

Kreirajte dugme za preuzimanje Korak 6
Kreirajte dugme za preuzimanje Korak 6

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

Kreirajte dugme za preuzimanje Korak 7
Kreirajte dugme za preuzimanje Korak 7

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.

Kreirajte dugme za preuzimanje Korak 8
Kreirajte dugme za preuzimanje Korak 8

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

Kreirajte dugme za preuzimanje Korak 9
Kreirajte dugme za preuzimanje Korak 9

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č:

Kreirajte dugme za preuzimanje Korak 10
Kreirajte dugme za preuzimanje Korak 10

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.
Kreirajte dugme za preuzimanje Korak 11
Kreirajte dugme za preuzimanje Korak 11

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.

Preporučuje se: