Kuinka Lisätä Kuva Otsikkoon

Sisällysluettelo:

Kuinka Lisätä Kuva Otsikkoon
Kuinka Lisätä Kuva Otsikkoon

Video: Kuinka Lisätä Kuva Otsikkoon

Video: Kuinka Lisätä Kuva Otsikkoon
Video: Miten #Word asiakirjaan lisätään kuva? 2024, Marraskuu
Anonim

Usein samanlaisilla toiminnoilla sivuston tai blogin otsikossa oleva kuva antaa tarvittavan yksilöllisyyden, ja ehdotetut mallit ovat toisaalta usein yksinkertaisesti "kasvottomia". On mukava laittaa yrityksen logo tai kuva, jolla on maantieteellinen sijainti, tai tietyt valokuvat, jotka ovat tärkeitä sivuston omistajalle, kuvassa aivan ylhäällä.

Pala koodia, joka johtaa linkkiin kuvan otsikossa olevaan kuvaan
Pala koodia, joka johtaa linkkiin kuvan otsikossa olevaan kuvaan

Välttämätön

Taidot työskennellä grafiikkaeditorissa

Ohjeet

Vaihe 1

Jos sinulla on sivuston ylläpitäjä, se sisältää yleensä "muuta kuvaa" -toiminnon. Tässä tapauksessa sinun on vain korvattava oma.

Analysoi sisällönhallintajärjestelmäsi huolellisesti. Jos sinulla ei ole haluamaasi toimintoa, sinun on päästävä html-koodiin. Jos työskentelet Joomlan kanssa, etsi tiedosto: mw_joomla_logo.png, se on mallikansiossa olevassa kuvakansiossa (Joomla käyttää mallin_nimi imagesmw_joomla_logo. png) Kuvan vaihtaminen: html html -sivustokoodissa ("view"> "view html code").

Etsi otsikoilla korostettu otsikko

Etsi kuva katsomalla otsikossa olevia img-tunnisteita

Linkki kuvaan näyttää tältä: img src = "picture.jpg"

Vaihe 2

Lataa ja analysoi kuvan koko ja paino.

Piirrä grafiikkaeditorissa oma kuva samoista parametreista

Lataa kuva palvelimelle ja sijoita se samaan hakemistoon, jossa kaikki sivuston kuvat ovat (joko yksinkertaisessa verkossa tai kuvalevyssä, tärkeintä on, että tallennustila on pitkäaikaista)

Vaihe 3

Avaa sivustokoodi uudelleen.

Korvaa kuvasi osoite nykyisen sijasta.

Turvaverkkona voit asettaa kuvan tarkan koon ja näkymättömät reunat seuraavasti:

img src = "kuvaosoite / kuva.jpg" alt="Kuvan selitys"

Tunnisteet merkitys:

img = kuva - kuva.

src = lähde - lähde, eli osoite

raja = reunat. Jos pelaat tällä arvolla, kuvan ympärille ilmestyy reunus (viiva).

alt = alternate - teksti, joka korvataan kuvien tilalla, jos ne suljetaan näkymästä (esimerkiksi liikenteen säästämiseksi). Näkymättömän tekstin hakukoneet lukevat edelleen, ja se voi olla hyvä työkalu sivustosi mainostamiseen. Tallenna koodi uudella kuvalla.

Tyhjennä välimuisti tarvittaessa. Ehkä vanha kuva on vielä ladattu siihen, eikä se näytä sivustoasi oikein.

Suositeltava: