Kako ustvariti gumb za prenos: 11 korakov (s slikami)

Kazalo:

Kako ustvariti gumb za prenos: 11 korakov (s slikami)
Kako ustvariti gumb za prenos: 11 korakov (s slikami)

Video: Kako ustvariti gumb za prenos: 11 korakov (s slikami)

Video: Kako ustvariti gumb za prenos: 11 korakov (s slikami)
Video: Как придать Объём волосам Пошагово дома | 4 способа Укладки волос! Как научиться укладывать волосы! 2024, Maj
Anonim

Gumb za prenos lahko naredi vaše spletno mesto bistveno bolj profesionalno, kot pa preprosto ponuja prenos prek povezav. Gumb zagotavlja čistejši vmesnik in če želite oblikovati sami, so lahko vaši gumbi sestavni del zasnove vaše strani. Sledite tem navodilom, da ustvarite gumbe HTML ali naredite gumb po lastni zasnovi.

Koraki

Metoda 1 od 2: Ustvarjanje gumba HTML

Ustvarite gumb za prenos 1. korak
Ustvarite gumb za prenos 1. korak

Korak 1. Ustvarite gumb v urejevalniku kod

Preprost urejevalnik besedil, kot sta Notepad ali TextEdit, bo odlično deloval. V urejevalnik vnesite naslednjo kodo:

Ustvarite gumb za prenos 2. korak
Ustvarite gumb za prenos 2. korak

Korak 2. Naložite datoteko na strežnik

Če želite ponuditi datoteko za prenos, jo boste morali gostiti na svojem strežniku ali pa gumb pritisniti na datoteko nekje drugje v spletu. Z odjemalcem FTP naložite datoteko, ki jo želite dati na voljo strežniku svojega spletnega mesta.

Ustvarite gumb za prenos 3. korak
Ustvarite gumb za prenos 3. korak

Korak 3. Poskrbite, da imate dovoljenje spletnega skrbnika, če želite povezati datoteko, ki je ne gostite sami

Ustvarite gumb za prenos 4. korak
Ustvarite gumb za prenos 4. korak

4. korak. Zamenjajte »Lokacija prenosa« z URL -jem za prenos. Ne pozabite vključiti enojnih narekovajev okoli naslova in dvojnih narekovajev okrog “window.location = 'Location Location'". Vključite vse predpone, kot sta HTTP: // ali FTP: //, in vključite tudi razširitev datoteke, kot je kot-j.webp" />

Ustvarite gumb za prenos 5. korak
Ustvarite gumb za prenos 5. korak

Korak 5. Označite gumb

Zamenjajte besedilo gumba z besedami, ki jih želite prikazati na gumbu. Dvojni narekovaji naj bodo okrog besedila. Besedilo gumba naj bo majhno, da se gumb ne zdi velik in okoren na strani.

Ustvarite gumb za prenos 6. korak
Ustvarite gumb za prenos 6. korak

Korak 6. Postavite kodo na svojo stran

Kodo gumba lahko vstavite kjer koli v telo svoje spletne strani in gumb se bo pojavil na tem mestu. Naložite spremenjeno kodo spletne strani in preizkusite svoj novi gumb.

Metoda 2 od 2: Ustvarjanje slikovnega gumba

Ustvarite gumb za prenos Korak 7
Ustvarite gumb za prenos Korak 7

Korak 1. Oblikujte gumb za prenos

Uporabite želeni urejevalnik slik in ustvarite gumb, ki ustreza slogu vašega spletnega mesta. Gumb lahko naredite tako majhen ali velik, kot želite.

Ustvarite gumb za prenos 8. korak
Ustvarite gumb za prenos 8. korak

Korak 2. Naložite datoteko na strežnik in sliko gumba

Če želite ponuditi datoteko za prenos, jo boste morali gostiti na svojem strežniku ali pa gumb pritisniti na datoteko nekje drugje v spletu. Z odjemalcem FTP naložite datoteko, ki jo želite dati na voljo strežniku svojega spletnega mesta.

Naložite sliko gumba na isto mesto na strežniku kot stran, na katero jo vstavljate

Ustvarite gumb za prenos 9. korak
Ustvarite gumb za prenos 9. korak

Korak 3. Ustvarite kodo za prenos

Gumb za prenos, predstavljen s sliko, deluje na enak način kot vse druge povezave v HTML. Kopirajte naslednjo kodo v želeni urejevalnik:

Ustvarite gumb za prenos 10. korak
Ustvarite gumb za prenos 10. korak

4. korak. Vnesite podatke o datoteki in sliki. Zamenjajte »Lokacija prenosa« s polnim URL -jem za prenos, vključno s predponami HTTP: // ali FTP: //. Zamenjajte slikovno datoteko z imenom datoteke za sliko gumba za prenos. Če je datoteka na istem mestu kot stran na vašem strežniku, vam ni treba vključiti celotnega naslova.

  • “Hover Text” zamenjajte s katerim koli besedilom, ki ga želite prikazati, ko uporabnik premakne kazalec miške nad sliko.
  • Zamenjajte »X« in »Y« s širino in višino slike v pikslih.
  • Poskrbite, da bodo dvojni narekovaji ob vsakem vnosu.
Ustvarite gumb za prenos Korak 11
Ustvarite gumb za prenos Korak 11

Korak 5. Vnesite kodo na svojo stran

Kodo postavite tam, kjer želite, da se prikaže vaš gumb. Naložite novo kodo in nato naložite spletno stran, da zagotovite, da gumb deluje. Preverite, ali se besedilo z miško naloži in ali je slika prave velikosti.

Video - z uporabo te storitve se lahko nekateri podatki delijo z YouTubom

Opozorila

  • Nalaganje datotek na svoj strežnik je boljši način za skupno rabo datotek na spletu, namesto da bi bile odvisne od drugih spletnih mest za gostovanje datotek. Če mesto povezave kopirate z drugega spletnega mesta, bo gumb za prenos, ki ga ustvarite, deloval le, dokler je lokacija povezave aktivna.
  • Nikoli ne nalagajte datotek v nasprotju z avtorskimi pravicami, ker bi to lahko povzročilo velike globe ali zaporno kazen.
  • Občasno preizkusite gumb za prenos ali povezavo za prenos na spletnem mestu, s katerega ste dobili lokacijo povezave, da se prepričate, da bodo uporabniki lahko kliknili datoteko, ko kliknejo gumb, namesto da gredo na prekinjeno povezavo, kjer datoteka ne obstaja več.

Priporočena: