Kuinka tehdä latauspainike

Kirjoittaja: Bobbie Johnson
Luomispäivä: 6 Huhtikuu 2021
Päivityspäivä: 1 Heinäkuu 2024
Anonim
Life hack! Replacement of Ricotta, which is 2 times cheaper! HEALTHY recipes for WEIGHT loss!
Video: Life hack! Replacement of Ricotta, which is 2 times cheaper! HEALTHY recipes for WEIGHT loss!

Sisältö

Latauspainike auttaa sivustoasi näyttämään paljon ammattimaisemmalta kuin vain lataaminen. Painike tarjoaa puhtaamman käyttöliittymän, ja jos suunnittelet jotain itse, painikkeistasi voi tulla olennainen osa sivun suunnittelua. Luo HTML -painike tai oma mukautettu painike noudattamalla tätä opetusohjelmaa.

Askeleet

Tapa 1 /2: Luo HTML -painike

  1. 1 Luo painike lähdeeditorissa. Yksinkertainen tekstieditori, kuten Notepad tai TextEdit, on hieno. Kirjoita tekstieditorissa seuraava koodi:
  2. 2 Lataa tiedosto palvelimellesi. Jos haluat tarjota tiedoston ladattavaksi, sinun on joko tallennettava se palvelimellesi tai liitettävä painike johonkin tiedostoon muualla verkossa. Lataa FTP -asiakasohjelmalla tiedosto, jonka haluat asettaa saataville sivustosi palvelimelle.
  3. 3 Varmista, että sinulla on verkkovastaavan oikeudet, jos haluat linkittää tiedostoon, jota et ole tallentanut.
  4. 4 Korvaa "Lataussijainti" oikealla latauksen URL -osoitteella. Muista liittää osoite lainausmerkkeihin ja "window.location = 'Lataussijainti" lainausmerkkeihin. Lisää etuliitteitä, kuten HTTP: // tai FTP: //, ja lisää tiedostotunnisteita, kuten .webp tai .EXE ..
  5. 5 Kirjoita painikkeeseen. Korvaa “Button Text” sanoilla, jotka haluat näkyvän painikkeessa. Muista lisätä teksti lainausmerkkeihin. Yritä pitää lauseesi lyhyenä, jotta kuvaruutunäppäin ei vaikuta raskaalta.
  6. 6 Aseta lähdekoodi sivullesi. Voit liittää painikkeen lähdekoodin mihin tahansa sivulle, ja painike näkyy täsmälleen siinä paikassa. Lataa uusi sivukoodisi ja testaa uusi painike.

Tapa 2/2: Luo painike kuvana

  1. 1 Piirrä latauspainike. Käytä mitä tahansa haluamaasi kuvankäsittelyohjelmaa ja piirrä sivustosi tyyliä vastaava painike. Voit tehdä painikkeesta niin suuren (tai pienen) kuin haluat.
  2. 2 Lataa tiedosto ja kuva -painikkeella palvelimellesi. Jos haluat tarjota tiedoston ladattavaksi, sinun on joko tallennettava se palvelimellesi tai liitettävä painike johonkin tiedostoon muualla verkossa. Lataa FTP -asiakasohjelmalla tiedosto, jonka haluat asettaa saataville sivustosi palvelimelle.
    • Lataa painikekuva samaan paikkaan palvelimella, jossa on sivu, jolle olet lisännyt tämän painikkeen.
  3. 3 Kirjoita lähdekoodi ladattavaksi. Latauspainike, joka on kuvattu kuvana, toimii samalla tavalla kuin kaikki muut HTML -linkit.Kopioi seuraava koodi editoriisi:
  4. 4 Anna tiedosto- ja kuvatiedot. Korvaa "Lataussijainti" oikealla lataus -URL -osoitteella, mukaan lukien mahdolliset HTTP: // - tai FTP: // -etuliitteet. Korvaa ”Kuvatiedosto” painikekuvan tiedostonimellä. Jos tiedosto sijaitsee palvelimella samassa paikassa kuin sivu, sinun ei tarvitse määrittää koko polkua.
    • Korvaa ”Hover Text” tekstillä, jonka pitäisi näkyä, kun käyttäjä vie hiiren painikekuvan päälle.
    • Korvaa ”X” ja “Y” kuvan leveydellä ja korkeudella pikseleinä.
    • Muista lisätä kaikki nämä merkinnät lainausmerkkeihin.
  5. 5 Anna lähdekoodi sivullesi. Aseta koodi kohtaan, jossa painikkeen pitäisi näkyä. Lataa uusi koodi ja avaa sitten verkkosivusi nähdäksesi, toimiiko painike. Tarkista, että vihjeen teksti näkyy hiirellä ja että itse kuva on oikean kokoinen.

Varoitukset

  • Älä koskaan lataa tiedostoja, jotka rikkovat tekijänoikeuslakeja, koska tämä voi johtaa rangaistukseen tai jopa vankilaan.
  • On paljon parempi ladata tiedostoja omalle palvelimellesi ja jakaa ne myöhemmin kuin riippua muista sivustoista, joihin ne on tallennettu. Jos kopioit linkin tiedoston sijaintiin toiselta sivustolta, luomasi latauspainike toimii vain niin kauan kuin linkki pysyy voimassa. Sinun on säännöllisesti tarkistettava painikkeen tai linkin toimivuus sivustolla, josta otit sen, varmistaaksesi, että käyttäjät voivat ladata tiedoston, kun he napsauttavat painiketta, eivätkä napsauta rikkoutunutta linkkiä, koska että tiedostoa ei ole enää olemassa.