Miten saada kuva-kuvassa-viite? Miten lisätä linkin kuvan

Luominen bannerit ja alueen kartta, aloittelija ylläpitäjät joutuvat tällainen ongelma, miten lisätä linkin kuvan, sen kanssa valoisampaa ja mielenkiintoinen menu. Mutta miten toteuttaa se? Mikään helpompaa, jos tietää HTML kieltä.

Olkaamme selville miten voimme tehdä todellisuutta tästä ajatuksesta. Tässä artikkelissa, me tarjoamme sinulle kaksi vaihtoehtoa ongelman ratkaisemiseksi. Yksi harvoin johtuu siitä, että se vie paljon aikaa ja vaivaa, kun taas toinen katsotaan olevan hyvin tunnettu. Analysoimme teille molemmille.

Jossa kuva-linkkiä käytetään

Ennen kuin voimme puhua siitä, miten tehdä kuva-kuvassa-viite, me ymmärrämme, missä ja miksi niitä käytetään. Loppujen lopuksi se on helpompi ymmärtää, mitä me haluamme kuvan.

Kuvat linkit käytetään yleisesti julisteita, mainoksia tout piirustuksia. Esimerkkejä tästä ovat kuvat ovat kaikki samassa "VKontakte". Muista, kuinka monta kertaa olet klikkaamalla valokuvan, johon tietty osoite on rakennettu? Lisäksi melko usein niitä käytetään muodossa valikon ryhmät ja yhteisöt, varsinkin jos ne sisältävät erityisiä merkintöjä. Monet tällaiset kuvat löytynyt muita sivustoja.

Liitä linkki kuvaan

Yksinkertaisinta - kuvalinkin. Siinä kaikki, puhumme alkaa. Tämä kuva on valmis viite. Eli klikkaamalla tätä kuvaketta, sinut ohjataan uudelle sivulle.

Jos tiedät, miten se on määritelty yhteisellä linkin avulla HTML-markup ongelmat pitäisi syntyä. Ainoa ero on, että sen sijaan, että teksti linkkejä on määritelty kuvan.

Joten, toteuttaa hänen suunnitelma, tarvitset itse kuva, ladata Internetistä tai tallennettu tietokoneeseen (riippuen siitä työskentelet online-tilassa, itse päällä, tai zadeystvuete toimittajat).

Etsimme kuvan osoitteen, kirjoita se, unohtamatta. Myös korjata linkin pitäisi avata tätä kuvaa.

Seuraavaksi kirjoita seuraavasti: kuva - erityiskoodilla . Kuva-yhteys määritellään sen avulla.

Näin ollen meidän määrätä linkki, joka näkyy muodossa kuva. Melko helppoa. Mutta tämä lähestymistapa vain, jos uskot, että pitäisi olla vain yksi lenkki. Mutta mitä jos olisi muutama? Sitten siirrymme muihin vaihtoehtoihin.

Tee menu kuvat

Ensimmäinen menetelmä on kehitetty itsenäisesti tutkimuksessa verkkosivujen kuvauskieli. Luominen tällainen valikko voi kestää pari tuntia.

Tämä menetelmä sopii niille, jotka haluavat korjailla eri editorit, koska se on melko aikaa vievää ja kestää hieman kauemmin kuin luominen valikon kortti tai toinen menetelmä. se on se, että kuva on otettu, joka on leikattu useaan suikaleiksi tai neliöitä. Kukin kuva on allekirjoitettu, ja perustan linkki, kuten edellä on kuvattu. Seuraavaksi koodisivua tunnisteet kirjoitetaan oikeassa järjestyksessä. Siinä kaikki kysymys miten tehdä kuva-kuvassa-viite, lähes ratkaistu. Mutta älä unohda toinen vaihtoehto.

Hän on tehdä valikon vain yksi kuva, jossa pyydetään kutakin vyöhykettä havainnollistaa sen linkin. Älä huoli, mitään näistä erittäin monimutkaista tässä. Nyt asiat ensin.

Miten tehdä

Tarkastellaan hieman ensimmäinen tapa.

Aluksi tarvitset tietoa graafisen toimittajat ja HTML. Miten tehdä viittaus kuvan, se kertoo tällaista markup sivua.

Joten, jos päätät mennä tällä tavalla, sinun kuvan ja yksinkertainen graafinen editori, jonka avulla voit leikata kuvia ja laittaa niiden merkintöjen sekä paikka, jossa pystyt täyttämään niitä.

Jos tämä on oma verkkosivusto - sopivia tavanomaisia galleria tai kirjaston tiedostoja, "VKontakte" se voi olla ryhmä albumin tai yhteisön (mieluiten ilmainen).

Edelleen, kuva voidaan leikata paloiksi, mikä on tarpeen muistaa, missä järjestyksessä osat on vastaanotettu. Leimataan niitä kirjoituksia ja täyttää palvelin, kirjoita viitteet jokaisen kuva.

Ottaa yllä oleva koodi, ja korvata halutut tiedot. Sitten täyttää kuvan päällä siinä järjestyksessä, jossa ne pitäisi mennä. Samalla, jos leikkaa se suikaleiksi, niin sinun täytyy kysyä kunkin linkin uudessa linjan, mutta jos olet jakanut kuvia ruutuihin, sinun täytyy laittaa peräkkäin niin monta linkkejä kuten kävi neliöt.

Teemme Sitemapin

Joten, jos et pidä ensimmäisen version, ja haluat oppia tekemään kuvan kuvassa viitaten muulla tavalla, voimme tarjota sinulle kehittää kartan viittaus. Se helpotti, täällä voi käydä ainoastaan tehtäväksi parametrien ongelma. Miksi ymmärtää enemmän.

Ensinnäkin on muistettava, että sivustokartan on liitetty kuva komennolla usemap = "# MAP1, joka on määrätty tunniste img Siksi täyttämällä kuvan päällä, muista liittää tunnisteen toinen osa -. Usemap =" # kartan nimi".

Edelleen markup kuvat vyöhykkeisiin, jotka on kiinnitetty linkkejä suoritetaan käyttämällä pariksi tag , joka voidaan sijoittaa mihin tahansa sopivaan paikkaan välillä pariksi tagit .

Huomaa, että kun käytetään tämän tyyppistä karttaa pitäisi kysyä paitsi linkkejä, vaan myös alueen toimintaansa ja koordinaatit. Seuraavaksi tutkimme perusparametrit, jolla on tunniste.

pikavalinnoiksi

Joten, silmiesi edessä, valmiina viitekuvan. HTML voit merkittävästi parantaa toimivuutta kuvan - antamaan sille tietty alue viitteellisiä. Kaikki tämä saadaan parametreja, jotka nyt selitetään.

Puhutaanpa hieman perusparametreja pariksi tag . Ensisijaisesti tämä nimi, joka on yhtä suuri arvo usemap. Joten te nimetä että kortti on kirjoitettu kuvaan.

Edelleen sisällä tag pari on määrätty uuden tagin - , joka kuvaa aluetta varten. Hän ei ole kaveri ja tietenkin, se on oma parametreja.

Ensimmäinen - muoto. Avulla webmaster asettaa eräänlainen kentän. Tämä voi olla:

• ympyrä - ympyrä;
• suorakulmion - Rect;
• Monikulmio - poly;
• levähdysalue kuvat - oletus.

Seuraava - & koordinaatit. Avulla koordinaatit pikselin alueella. Alkuperä tässä koordinaatistossa - vasemmassa yläkulmassa. Se oli silloin, ja on suurin ongelma - ei niin helppo määritellä koordinaatit pikseleiden, varsinkin jos ei ole perehtyneisyys tietokonegrafiikkaa.

Mainittakoon myös melko kuuluisa section, joka asettaa linkin osoitteen.

Ja viimeinen vaihtoehto, joka on syytä mainita, - nohref. Se osoittaa, että tämä alue ei ole viittausta.

Tietenkään tämä ei ole täydellinen lista parametrit voidaan asettaa kuvan tai linkin-kartalla. Mutta samaan aikaan, se riittää luomaan valoisa ja värikäs linkkiä tai jopa niiden koko järjestelmän.

vinkkejä

Kumpi tapa luomista linkeistä, kuvia valitset, tärkeintä on, että alkuperäinen kuva oli hyvä. Yritä valita ne mallit, jotka eivät saalis silmään, älä ärsytä kirkkaita värejä tai kuvioita. Tämä on erityisen tärkeää sivustokartan. Voit tehdä kollaasi useita kuvia, tummentaa niitä tai päälle yksi suodattimien kuvankäsittelyohjelmaan.

Kun luot sivukartta on suositeltavaa valita kuvan pehmeä, ei ärsytä silmää kuvioita. Uskokaa minua, se ei aina avain menestykseen - kirkas kuva -linkkiä. "VKontakte" kuitenkin usein keskittyä vain kirkkauden ja näyttävyyttä, jotta voidaan houkutella uusia kävijöitä.

tulokset

Yhteenvetona. Olemme kanssanne tajunnut, miten tehdä kuva-kuvassa-viite, ja tarkasteli kahta tapoja, joilla voit yhtä hyvin käyttää luomaan valikon eritasoisia. Lisäksi olemme tajunnut, miten asettaa kuvan-linkkiä ja oppia tärkeimmistä muuttujista, joiden avulla voit luoda melko kätevä alueen kartta, ryhmä tai yhteisö.