Kuvat elävöittävät sivustoa, kiinnostavat kävijöitä, tekevät resurssista kirkkaan ja mieleenpainuvan. Ilman valokuvia ja piirroksia mikä tahansa sivusto, jopa erittäin mielenkiintoisella ja arvokkaalla tekstillä, näyttää tylsältä ja puutteelliselta. Yksinkertainen toimenpide kuvien lisäämiseksi sivustoon antaa resurssillesi värikkäämmän ja hankkii uusia säännöllisiä kävijöitä.
Se on välttämätöntä
- - oma sivusto
- - työmaalle sijoitettava piirustus
- - tietää, mikä on HTML-koodi
Ohjeet
Vaihe 1
Voit tehdä kuvan sivustosta lataamalla kuvan sivuston tiedostotallennustilaan. Tiedostot voidaan ladata sivustolle käyttämällä "tiedostojen hallintaa" tai ftp: n kautta. Saat tarkat ohjeet tiedostojen lataamisesta ottamalla yhteyttä palveluntarjoajaasi (joka isännöi sivustoasi).
Vaihe 2
Kun olet ladannut kuvan, selvitä linkki siihen. Linkki kuvallesi näyttää tältä: http: ⁄ ⁄ website / img1.jpg. Jos löysit kuvan Internetistä ja tiedät linkin siihen, voit tietysti käyttää tällaista linkkiä; mutta on parempi tallentaa tämä kuva ja ladata se sivustoosi "tiedostonhallinnan" kautta, koska kun poistat kuvan toisesta sivustosta, sitä ei myöskään näytetä resurssissasi.
Vaihe 3
Kun saat linkin haluamaasi kuvaan, liitä se lainausten väliin seuraavaan HTML-koodiin:. Sinun pitäisi saada seuraava rakenne:. "Http: ⁄ ⁄ website / img1.jpg" -kohdan sijaan kuvassa tulisi olla linkki. Tämä merkintä on sijoitettava oikeaan paikkaan sivustosi HTML-koodissa.
Vaihe 4
Jos sivuston kuvan kokoa on muutettava, määritä HTML-koodissa kuvan haluttu leveys ja korkeus. Näkymätietue osoittaa kuvan leveyden pikseleinä ja tietue osoittaa kuvan korkeuden pikseleinä, jolloin lainausmerkeissä oleva luku on pikselien määrä. Määritetyn kokoisten kuvien yleinen koodi näyttää tältä:. Korvaa koodin numerot halutulla kuvan leveydellä ja korkeudella.
Vaihe 5
Ei ole tarpeetonta ilmoittaa kuvan nimeä, jotta katsellessaan sivustoa tilassa, jossa ei ole kuvia, kävijä voi ymmärtää, mitä kuvia sivustolla on. Lisää otsikko lisäämällä seuraava merkintä kuvan ulostulokoodiin: alt="Otsikko". Kirjoita sanan "Otsikko" sijaan kuvan nimi. Seurauksena on, että sivuston kuvassa on seuraava HTML-koodi:.
