Kuvien lisääminen Web-sivuille

Kuvien tuominen näyttöön

Kaikki kuvat, jotka haluat linkittää verkkosivustosi HTML-muodossa, pitäisi ensin ladata samaan paikkaan, jossa lähetät HTML-sivun verkkosivulle, onko sivusto isännöity FTP- palvelimella saavuttamillasi verkkopalvelimella tai käytät web-hosting-palvelua. Jos käytät web-hosting-palvelua, luultavasti käyttää palvelun tarjoamaa lähetyslomaketta. Nämä lomakkeet ovat tyypillisesti hosting-tilisi hallinnassa.

Kuvasi lataaminen hosting-palveluun on vasta ensimmäinen askel. Sen jälkeen sinun on lisättävä HTML-tunniste tunnistettavaksi.

Kuvien lähettäminen samaan hakemistoon kuin HTML

Valokuvasi voivat sijaita samassa hakemistossa kuin HTML. Jos näin on,

  1. Lataa kuva sivustosi juurelle.
  2. Lisää HTML-kuvatietokuvake ja osoita kuva.
  3. Lataa HTML-tiedosto verkkosivustosi juurille.
  4. Testaa tiedosto avaamalla selaimesi sivu.

Kuvan tunniste on seuraavanlainen:

Olettaen, että lähetät kuun kuun, jonka nimi on "lunar.jpg", kuvamoodilla on seuraava muoto:

Korkeus ja leveys ovat valinnaisia, mutta suositellaan. Huomaa, että kuva-tunniste ei vaadi sulkevaa tunnistetta.

Jos linkit toiseen asiakirjaan kuuluvalle kuvalle, käytä ankkurileikkeitä ja pistä kuva-anturi sisään.

Kuvien lataaminen alihakemistossa

Yleisempää on tallentaa kuvia alihakemistoon, jota kutsutaan yleensä nimellä Kuvat . Jotta voisit osoittaa hakemiston kyseisessä hakemistossa, sinun on tiedettävä, missä se on suhteessa sivustosi juureen.

Web-sivustosi juuret ovat silloin, kun URL-osoite näkyy näytöllä ilman minkäänlaisia ​​hakemistoja. Esimerkiksi sivustolla, jonka nimi on "MyWebpage.com", root seuraa tätä lomaketta: http://MyWebpage.com/. Huomaa, että viiva on lopussa. Näin hakemiston juuren tavallisesti ilmoitetaan. Alihakemistoihin sisältyy kyseinen viiva, jotta voidaan näyttää, missä ne sijaitsevat hakemistorakenteessa. MyWebpage-esimerkkisivu saattaa olla rakenteeltaan:

http://MyWebpage.com/ - juurihakemisto http://MyWebpage.com/products/ - tuotteiden hakemisto http://MyWebpage.com/products/documentation/ - tuoteluettelon dokumentaation hakemisto http: // MyWebpage.com/images/ - kuvien hakemisto

Tässä tapauksessa, kun kohdistat kuvasi hakemistoon, kirjoitat:

Tätä kutsutaan absoluuttiseksi poluksi kuvaasi.

Yleisiä ongelmia kuvien kanssa, joita ei näytetä

Kuvien näyttäminen Web-sivullasi voi olla haastavaa aluksi. Kahdesta yleisimmistä syistä on, että kuvaa ei ole ladattu, missä HTML osoittaa tai HTML on kirjoitettu väärin.

Ensimmäinen asia on nähdä, voitko löytää kuvan verkossa. Useimmat hosting-palveluntarjoajilla on jonkinlainen hallintatyökalu, jonka avulla voit nähdä, mistä kuvat siirrettiin. Kun olet sitä mieltä, että sinulla on kuvan oikea URL, kirjoita se selaimeesi. Jos kuva näkyy, sinulla on oikea sijainti.

Tarkista sitten, että HTML on osoittanut kyseistä kuvaa. Helpoin tapa tehdä tämä on liittää vain testattuun URL-osoitteeseen SRC-attribuutti. Lataa uudelleen sivu ja testaa.

Kuvan tunnuksen SRC-attribuutti ei saa koskaan aloittaa C: \ tai -tiedostolla: Nämä näyttävät toimivan, kun testaat verkkosivusi omalla tietokoneella, mutta kaikki sivustosi vierailevat henkilöt näkevät rikki kuvan. Tämä johtuu siitä, että C: \ osoittaa kiintolevyn sijainnin. Koska kuva on kiintolevyllä, se näkyy, kun katsot sitä.