Bannereiden ja sivustokarttojen luominen aloittelijoilleVerkkovastaavat kohtaavat sellaisen ongelman kuin linkin lisääminen kuvaan, valikon tekeminen sen avulla kirkkaammaksi ja mielenkiintoisemmaksi. Mutta miten tämä tehdään? Mikään ei ole helpompaa, jos osaat HTML-kieltä.
Otetaan selville, kuinka kääntäätodellisuus on annettu projekti. Tarjoamme artikkelissamme kaksi vaihtoehtoa ongelman ratkaisemiseksi. Yhtä käytetään harvoin, koska se vie paljon aikaa ja vaivaa, toista pidetään yleisesti tiedossa. Analysoimme molemmat menetelmät.
Ennen kuin puhumme kuvan tekemisestä linkiksi, selvitämme missä ja miksi niitä käytetään. Loppujen lopuksi on helpompi ymmärtää mitä haluamme kuvasta.
Kuvalinkkejä käytetään yleensämainospiirroksia kutsuvat bannerit. Esimerkki tästä on kuva samassa "VKontakte" -sovelluksessa. Muistatko kuinka monta kertaa olet napsauttanut kuvaa, johon tämä tai tuo osoite on upotettu? Lisäksi niitä käytetään melko usein ryhmien ja yhteisöjen valikkona, varsinkin jos ne sisältävät erityisiä merkintöjä. Monia sellaisia kuvia löytyy muilta sivustoilta.
Yksinkertaisin asia on kuvalinkki.Keskustelemme hänen kanssaan aluksi. Tämä kuva on valmis viite. Toisin sanoen napsauttamalla tällaista kuvaa sinut ohjataan uudelle sivulle.
Jos tiedät tarkalleen kuinka tavallinen linkki asetetaan HTML-merkinnän avulla, sinulla ei pitäisi olla ongelmia. Ainoa ero on, että kuva on asetettu linkkitekstin sijasta.
Joten täyttääksesi suunnitelmasi, sinätarvitset itse kuvan, ladattu Internetiin tai sijaitsevan tietokoneellasi (riippuen siitä, työskenteletkö online-tilassa, itse sivustolla vai käytätkö editoijia).
Etsimme kuvan osoitetta, kirjoita se muistiin, jotta ei unohdu. Korjaamme myös linkin, jonka tämän kuvan pitäisi avata.
Kirjoita seuraavaksi seuraava: kuva - erikoiskoodi. Kuvalinkki on asetettu tarkasti sen avulla.
Siksi me määräämme linkin, jokanäytetään kuvana. Aika helppoa ja yksinkertaista. Mutta tämä sopii vain, jos luulet sen olevan vain yksi linkki. Mutta entä jos niitä pitäisi olla useita? Sitten siirrymme muihin vaihtoehtoihin.
Ensimmäinen menetelmä kehitettiin itsenäisesti verkkosivujen merkintäkielen tutkimuksen aikana. Tällaisen valikon luominen voi viedä muutaman tunnin.
Tämä menetelmä sopii niille, jotka haluavat sotkeaeri toimittajia, koska se on melko työlästä ja vie hieman kauemmin kuin valikon tai kartan luominen toisella tavalla. Se koostuu siitä, että otetaan kuva, joka leikataan useiksi nauhoiksi tai neliöiksi. Jokainen kuva on allekirjoitettu ja sen perusteella luodaan linkki, kuten yllä on kuvattu. Lisäksi sivukoodissa tunnisteet kirjoitetaan halutussa järjestyksessä. Se on kaikki, kysymys siitä, kuinka saada kuva kuvasta linkiksi, on käytännössä ratkaistu. Mutta älä unohda toista vaihtoehtoa.
Se koostuu valikon tekemisestä, johon osallistuu vain yksi kuva, linkin asettamisesta kuhunkin kuvan alueeseen. Älä huolestu, tässä ei ole mitään arkaaista. Ja nyt ensin ensin.
Analysoidaan ensimmäinen menetelmä yksityiskohtaisemmin.
Aluksi tarvitset tietoa graafisista muokkaamoista ja HTML: stä. Kuinka linkittää kuva, tämä tietyntyyppinen sivuasettelu kertoo sinulle.
Joten jos päätät mennä tätä tietä,Tarvitset kuvan ja yksinkertaisen graafisen editorin, jonka avulla voit leikata kuvia ja lisätä niihin kirjoituksia, sekä paikan, jossa voit täyttää ne.
Jos tämä on oma sivustosi, sopii tavallinen galleria tai tiedostokirjasto, VKontaktelle se voi olla ryhmän tai yhteisön albumi (mieluiten suljettu).
Seuraavaksi sinun pitäisi leikata kuva osiin,Muista tässä muistaa järjestys, jossa vastaanotetut osat kulkevat. Laitamme niihin kirjoituksia ja täytämme ne palvelimella, kirjoitamme linkit kuhunkin kuvaan.
Otamme yllä olevan koodin ja korvaamme sentarvittavat tiedot. Täytämme sitten sivustolla olevat kuvat tarkkaan järjestykseen, jossa niiden pitäisi mennä. Samaan aikaan, jos leikkaat sen nauhoiksi, sinun on asetettava jokainen linkki uudelta riviltä, mutta jos jaoit valokuvan neliöiksi, sinun täytyy laittaa riviin niin monta linkkiä kuin neliöitä oli.
Joten, jos et ole tyytyväinen ensimmäiseen vaihtoehtoon, ja sinäJos haluat oppia tekemään kuvan kuvasta linkin toisella tavalla, voimme tarjota sinulle linkkikartan kehittämisen. Sitä on helpompaa, mutta minulla voi olla ongelmia vain parametrien asettamisessa. Miksi, ymmärrä tarkemmin.
Ensinnäkin, muista, että korttisivusto yhdistetään kuvaan käyttämällä komentoa usemap = "# map1, joka on kirjoitettu img-tunnisteessa. Siksi, kun lataat kuvaa sivustoon, muista lisätä toinen osa tunnisteeseen - usemap =" # map name ".
Kuvan lisämerkintä vyöhykkeiksi, joihinlinkit liitetään, tehdään parillisella -tunnisteella, joka voidaan sijoittaa mihin tahansa sopiviin paikkoihin parillisten
-tunnisteiden välillä.Huomaa, että kun käytät tämän tyyppistä kartan luontia, sinun on määritettävä paitsi linkit, myös niiden toiminta-alueet ja koordinaatit. Seuraavaksi analysoimme tämän tunnisteen tärkeimmät parametrit.
Joten, silmiesi edessä sinulla on valmis kuva-linkki.HTML voi parantaa huomattavasti tämän kuvan toimivuutta - valita tietty alue linkkille. Kaikki tämä asetetaan erityisillä parametreilla, joista keskustellaan nyt.
Puhutaanpa vähän
Seuraavaksi paritetun
Aivan ensimmäinen on muoto. Sen avulla verkkovastaava asettaa alueen ulkonäön. Se voi olla:
Seuraava on koordinaatit.Sen avulla alueen koordinaatit pikselinä asetetaan. Alkuperä tässä koordinaattijärjestelmässä on vasen yläkulma. Tässä on pääongelma - koordinaattien asettaminen pikselien avulla ei ole niin helppoa, varsinkin jos et tunne tietokonegrafiikkaa.
Mainitsemme myös melko hyvin tunnetun hrefin, joka asettaa linkin osoitteen.
Ja viimeinen parametri, joka tulisi mainita, on nohref. Se osoittaa, että määritetty alue ei ole linkki.
Tietenkin, tämä ei ole täydellinen luettelo.parametrit, jotka voidaan asettaa kuvalinkille tai kartalle. Mutta samalla riittää luomaan kirkas ja värikäs linkki tai jopa koko järjestelmä.
Kumpi tapa luoda linkkikuvia sinulleei valittu, tärkeintä on, että alkuperäinen kuva on hyvä. Yritä valita kuviot, jotka eivät ole silmiinpistäviä eivätkä häiritse kirkkain värein tai kuvioin. Tämä on erityisen tärkeää sivustokartalle. Voit tehdä kollaasin useista valokuvista, tummentaa niitä tai ottaa jonkin suodattimen päälle missä tahansa graafisessa muokkausohjelmassa.
Sivustokarttaa luotaessa on suositeltavaa valitakuvat pehmeillä, ärsyttämättömillä kuvioilla. Uskokaa minua, ei aina avain menestykseen ole kirkas kuva-linkki. "VKontakte" kuitenkin keskittyy usein kirkkauteen ja tarttuvuuteen uusien kävijöiden houkuttelemiseksi.
Tehdään yhteenveto.Suunnittelimme kuinka luoda kuvassa-kuvassa -linkin, ja pohdimme kahta menetelmää, joita voidaan yhtä menestyksekkäästi käyttää erilaisella monimutkaisuudella olevien valikoiden luomiseen. Lisäksi keksimme kuinka linkkikuva asettaa, ja opimme myös tärkeimmistä parametreistä, joiden avulla voit luoda melko kätevän sivukartan, ryhmän tai yhteisön.
