Latauspainikkeen luominen: 11 vaihetta (kuvilla)

Sisällysluettelo:

Latauspainikkeen luominen: 11 vaihetta (kuvilla)
Latauspainikkeen luominen: 11 vaihetta (kuvilla)

Video: Latauspainikkeen luominen: 11 vaihetta (kuvilla)

Video: Latauspainikkeen luominen: 11 vaihetta (kuvilla)
Video: Turvallisesti netissä - ENTER ry:n tietoisku 2024, Saattaa
Anonim

Latauspainike voi tehdä verkkosivustostasi huomattavasti ammattimaisemman kuin vain tarjota latauksesi linkkien kautta. Painike tarjoaa puhtaamman käyttöliittymän, ja jos haluat suunnitella oman, painikkeet voivat olla olennainen osa sivusi suunnittelua. Seuraa tätä opasta luodaksesi HTML -painikkeita tai tehdäksesi oman suunnittelemasi painikkeen.

Askeleet

Tapa 1 /2: HTML -painikkeen luominen

Luo latauspainike Vaihe 1
Luo latauspainike Vaihe 1

Vaihe 1. Luo painike koodieditorissa

Yksinkertainen tekstieditori, kuten Notepad tai TextEdit, toimii täydellisesti. Kirjoita editoriin seuraava koodi:

Luo latauspainike Vaihe 2
Luo latauspainike Vaihe 2

Vaihe 2. Lataa tiedosto palvelimellesi

Jos haluat tarjota ladattavan tiedoston, sinun on joko isännöidä sitä omalla palvelimellasi tai osoitettava painike tiedostoon muualla verkossa. Lataa FTP -asiakasohjelmalla tiedosto, jonka haluat asettaa saataville verkkosivustosi palvelimelle.

Luo latauspainike Vaihe 3
Luo latauspainike Vaihe 3

Vaihe 3. Varmista, että sinulla on verkkovastaavan lupa, jos haluat linkittää tiedostoon, jota et itse ylläpidä

Luo latauspainike Vaihe 4
Luo latauspainike Vaihe 4

Vaihe 4. Korvaa 'Latauspaikka' latauksen URL -osoitteella. Muista sisällyttää yksittäiset lainausmerkit osoitteen ympärille sekä lainausmerkit "window.location = 'Lataussijainti" "-kenttään. Sisällytä etuliitteet, kuten HTTP: // tai FTP: //, ja sisällytä myös tiedostopääte, kuten kuten-j.webp" />

Luo latauspainike Vaihe 5
Luo latauspainike Vaihe 5

Vaihe 5. Merkitse painike

Korvaa “Button Text” sanoilla, jotka haluat näkyvän painikkeessa. Muista säilyttää lainausmerkit tekstin ympärillä. Pidä painikkeen teksti pienenä, jotta painike ei näytä suurelta ja hankalalta sivulla.

Luo latauspainike Vaihe 6
Luo latauspainike Vaihe 6

Vaihe 6. Aseta koodi sivullesi

Voit lisätä painikekoodin mihin tahansa verkkosivun runkoon, ja painike näkyy kyseisessä paikassa. Lataa muutettu verkkosivun koodi ja testaa uusi painike.

Tapa 2/2: Kuvan painikkeen luominen

Luo latauspainike Vaihe 7
Luo latauspainike Vaihe 7

Vaihe 1. Suunnittele latauspainike

Käytä haluamaasi kuvankäsittelyohjelmaa ja luo verkkosivustosi tyyliä vastaava painike. Voit tehdä painikkeesta niin pienen tai suuren kuin haluat.

Luo latauspainike Vaihe 8
Luo latauspainike Vaihe 8

Vaihe 2. Lataa tiedosto palvelimellesi ja painikekuva

Jos haluat tarjota ladattavan tiedoston, sinun on joko isännöidä sitä omalla palvelimellasi tai osoitettava painike tiedostoon muualla verkossa. Lataa FTP -asiakasohjelmalla tiedosto, jonka haluat asettaa saataville verkkosivustosi palvelimelle.

Lataa painikekuva samaan paikkaan palvelimella kuin sivu, jolle laitat sen

Luo latauspainike Vaihe 9
Luo latauspainike Vaihe 9

Vaihe 3. Luo latauskoodi

Kuvan esittämä latauspainike toimii samalla tavalla kuin kaikki muut linkit toimivat HTML -muodossa. Kopioi seuraava koodi haluamaasi editoriin:

Luo latauspainike Vaihe 10
Luo latauspainike Vaihe 10

Vaihe 4. Anna tiedosto- ja kuvatietosi. Korvaa "Lataussijainti" latauksesi täydellä URL -osoitteella, mukaan lukien mahdolliset HTTP: // tai FTP: // -etuliitteet. Korvaa”Kuvatiedosto latauspainikkeen kuvan tiedostonimellä. Jos tiedosto on samassa paikassa kuin palvelimesi sivu, sinun ei tarvitse lisätä koko osoitetta.

  • Korvaa”Hover Text” tekstillä, jonka haluat näkyvän, kun käyttäjä vie kohdistimen kuvan päälle.
  • Korvaa”X” ja “Y” kuvan leveydellä ja korkeudella pikseleinä.
  • Muista säilyttää lainausmerkit jokaisen merkinnän ympärillä.
Luo latauspainike Vaihe 11
Luo latauspainike Vaihe 11

Vaihe 5. Anna koodi sivullesi

Aseta koodi kohtaan, jossa haluat painikkeen näkyvän. Lataa uusi koodi ja lataa sitten verkkosivu varmistaaksesi, että painike toimii. Tarkista, että hiiren teksti latautuu ja että kuva on oikean kokoinen.

Video - Käyttämällä tätä palvelua joitakin tietoja voidaan jakaa YouTuben kanssa

Varoitukset

  • Tiedostojen lataaminen omalle palvelimellesi on parempi tapa jakaa tiedostoja verkossa sen sijaan, että olisit riippuvainen muista verkkosivustoista. Jos kopioit linkin sijainnin toiselta verkkosivustolta, luomasi latauspainike toimii vain niin kauan kuin linkin sijainti on aktiivinen.
  • Älä koskaan lataa tiedostoja tekijänoikeuslakien vastaisesti, koska se voi johtaa ankariin sakkoihin tai vankeuteen.
  • Testaa säännöllisesti latauspainike tai latauslinkki verkkosivustolla, jolta sait linkin sijainnin, varmistaaksesi, että käyttäjät voivat ladata tiedoston napsauttamalla painiketta sen sijaan, että he menevät rikki linkkiin, jossa tiedostoa ei enää ole.

Suositeltava: