Kuva kätkökuvaukseen

Kuvilla voit helposti elävöittää kätkökuvaussivua. Jos kätköpaikalla on hienot näkymät, niin kuva kertoo enemmän kuin tuhat sanaa. Mysteerikätkössä voit rakentaa vaikka koko mysteerin kuvan varaan. Siirrä ensin haluamasi kuva digikamerasta tietokoneelle ja tee sille tarvittavat muokkaukset. Kuvan täytyy olla JPG, GIF tai TIFF -formaatissa. Lähes kaikki digikamerat käyttävät oletuksena JPG-formaattia.

Kuvan lähettäminen palvelimelle

  1. Mene kätkösi sivulle ja paina oikean yläreunan Navigation -laatikosta Upload images -linkkiä.
  2. Paina File-kohdasta Browse… tai Selaa… selaimesi kielestä riippuen.
  3. Etsi kuvatiedostosi auenneesta tiedostoselausikkunasta ja paina Ok.
  4. Kirjoita kuvalle otsikko kohtaan File Caption ja selitys kohtaan File Description. Nämä tiedot näkyvät kätkökuvauksen kuvalistassa.
  5. Paina Upload ja odotta että kuva latautuu.

Kuva on nyt linkkinä kätkökuvauksen kuvalistassa. Jos tahdot kuvan suoraan näkyville kätkökuvaukseen, tarvitset sen URL-osoitteen. Saat sen selville klikkaamalla palvelimelle latautunutta kuvaa hiiren oikealla napilla ja valitsemalla ominaisuudet tai properties selaimesi kielestä riippuen. Auenneessa ikkunassa pitäisi näkyä nettiosoite, jonka päätteenä on jpg (esimerkiksi https://s3.amazonaws.com/gs-geo-images/3a7841fd-4cae-425e-9911-cb1d04209d1b.jpg). Kopioi kuvan osoite talteen!

Kuvan lisääminen kätkökuvaukseen

  1. Siirry takaisin kätkökuvaussivulle.
  2. Paina Muokkaa aloittaaksesi kätkökuvauksen muokkaamisen.
  3. Etsi muokkaussivulta Tiedot-kohta.
  4. Laita ruksi kohtaan Alla olevat tekstit ovat HTML-muodossa. Se tarkoittaa että käytät kätkökuvauksessa HTML-muotoiluja. HTML-on kuvauskieli jota käytetään internet-sivujen tekemisessä.
  5. Lisää Pitkä kätkökuvaus -kentän siihen kohtaan johon kuvan haluat seuraava HTML-pätkä:
    <img src=”[URL-osoite tähän]” alt=””/>
  6. Liitä kuvasi URL-osoite [URL-osoite tähän] -tekstin tilalle heittomerkkien sisään.
  7. Laita ruksit kohtiin “Kyllä. Olen lukenut ja ymmärrän kätkökuvauksen vaatimukset ja ohjesäännöt.” ja “Kyllä. Olen lukenut ja hyväksyn käyttöehtosopimuksen.
  8. Paina Lähetä muutokset tallentaaksesi muutokset.
  9. Siirry kätkökuvaukseen ja tarkista että kuva näkyy oikein.

Kuvan sijoittelua voi määritellä tarkemmin CSS-tyylimäärittelyjen avulla. Jos esimerkiksi haluat sijoittaa kuvan sivun oikeaan reunaan niin että teksti juoksee sen ohitse, olisi HMTL tämän näköinen:

<img src=”[URL-osoite tähän]” alt=”” style=”float:right”/>

Jos haluat pienentää kuvaa voit määritellä sen koon CSS-tyylimäärittelyillä esimerkiksi näin:

<img src=”[URL-osoite tähän]” alt=”” style=”height: 200px; width:260px;”/>
Height-arvo määrittelee kuvan korkeuden pikseleissä ja width-kuvan leveyden.

Kirjoita kommentti

  • (will not be published)