Yhteinen skenaario verkossa on, että sinulla on kuva sivustossasi, johon haluat linkittää. Ehkä koodat sivua sivustossasi ja haluat lisätä kyseisen kuvan tai haluat yhdistää sen toisesta sivustosta, kuten sosiaalisen median tilin, jolla sinulla on. Kummassakin tapauksessa prosessin ensimmäinen vaihe on tunnistaa kyseisen kuvan URL-osoite (yhtenäinen resurssin paikannus). Tämä on ainutlaatuinen osoite ja tiedostopolku tiettyyn kuvaan Webissä.
Katsotaanpa, miten tämä tehdään.
Päästä alkuun
Aloita siirtyminen sivulle, jossa on haluamasi kuva. Muista kuitenkin, että käytät omaa kuvaa. Tämä johtuu siitä, että muiden ihmisten kuvien osoittaminen katsotaan kaistanleveyden varastamiseksi ja voi saada sinut vaikeuksiin - jopa laillisesti. Jos linkit sivustosi kuvaan, käytät omaa kuvaa ja omaa kaistanleveyttäsi. Tämä on hieno, mutta jos linkit jonkun toisen verkkosivustolle, imevät sivustosi kaistanleveyttä näyttämään kyseisen kuvan. Jos sivustolla on kuukausittaisia rajoituksia kaistanleveyden käytöstä, jota monet hosting-yritykset asettavat, niin syövät kuukausittaisen rajansa ilman heidän suostumustaan. Lisäksi toisen henkilön kopioiminen verkkosivustoosi voi olla tekijänoikeusrikkomus. Jos joku on lisensoinut kuvan , jota he käyttävät verkkosivuillaan, he ovat tehneet niin vain verkkosivuillaan. Linkittäminen kyseiseen kuvaan ja piirrä se sivustoosi niin, että se näkyy sivullasi, menee tämän lisenssin ulkopuolelle ja voi avata sinut oikeudellisiin seuraamuksiin ja sakkoihin.
Alarivillä voit linkittää kuvia, jotka eivät ole omalla sivustollasi / verkkotunnuksellasi, mutta ne katsotaan parhaimmiksi ja laiton pahimmiksi, joten vältä vain tätä käytäntöä yhdessä. Tämän artikkelin vuoksi oletamme, että kuvat ovat lainmukaisesti isännöimäsi omalla verkkotunnuksellasi.
Nyt, kun ymmärrät kuvan linkittämisen "sormet", haluamme tunnistaa, mitä selainta käytät.
Eri selaimet tekevät asioita eri tavoin, mikä on järkevää, koska ne ovat kaikki ainutlaatuiset ohjelmistokehykset, jotka eri yritykset ovat luoneet. Useimmiten selaimet toimivat kuitenkin melko samanlaisina näinä päivinä. Google Chromessa tämä tekisin:
- Etsi haluamasi kuva.
- Napsauta hiiren kakkospainikkeella kuvaa ( Ctrl + napsauta Macia).
- Valikko tulee näkyviin. Valitse valikosta Kopioi kuva-osoite .
- Jos liitä leikepöydälle nyt oleva sisältö, näet, että sinulla on täysi polku kyseiseen kuvaan.
Nyt se toimii Google Chromessa. Muilla selaimilla on eroja. Napsauta Internet Explorerissa kuvaa hiiren kakkospainikkeella ja valitse Ominaisuudet . Tästä valintaikkunasta näet tämän kuvan polun. Kopioi kuvan osoite valitsemalla se ja kopioimalla se leikepöydälle.
Firefoxissa napsautat hiiren oikealla painikkeella kuvaa ja valitset kopion sijainnin .
Mobiililaitteet ovat jopa hankalampia URL-polun löytämiseksi ja koska markkinoilla on niin paljon erilaisia laitteita, luodaan lopullinen luettelo siitä, kuinka löytää URL-osoite kaikilla alustoilla ja laitteilla, on pelottava tehtävä. Monissa tapauksissa voit kuitenkin koskettaa kuvaa pitämällä kuvaa päästäksesi valikkoon, jonka avulla voit tallentaa kuvan tai löytää sen URL-osoitteen.
OK, joten kun sinulla on kuvan URL-osoite, voit lisätä sen HTML-dokumenttiin. Muista, että tämä oli tämän harjoituksen koko asia, löytääksesi kuvan URL, jotta voisimme lisätä sen sivullemme! Näin voit lisätä HTML-koodin. Huomaa, että kirjoitat tämän koodin haluamaasi HTML-editoriin:
Tyyppi:
Ensimmäisten kaksoissidosten joukon väliin liitetään polku siihen kuvaan, jonka haluat sisällyttää. Alt-tekstin arvon on oltava kuvaileva sisältö, joka selittää, mitä kuva on sellaiselle henkilölle, joka ei välttämättä näe sivua.
Lähetä Web-sivu ja testaa se selaimessa, jotta näet, onko kuva nyt paikallaan!
Hyödyllisiä vinkkejä
Leveys- ja korkeusmääritteitä ei vaadita kuville, ja ne tulisi jättää pois, ellei aina halua, että kyseinen kuva laaditaan täsmällisessä koossa. Reagoivien verkkosivustojen ja kuvien kokoonpanon ja kokoonpanon muuttaminen näytön koon perusteella on harvoin tällä hetkellä. Olet todennäköisesti parempi jättää leveys ja korkeus pois, varsinkin koska Koska muita mitoitustietoja tai tyylejä) selain näyttää kuvan oletuskokoon joka tapauksessa.