Kaip padaryti, kad nuotrauka-in-paveikslėlyje nuorodą? Kaip įterpti nuorodą į paveikslėlį

Kurti antraščių ir svetainės žemėlapiai, pradedantiesiems meistrams yra susidūręs su tokia problema, kaip įterpti nuorodą į paveikslėlį, tai su juo ryškesnis ir įdomesnis meniu. Bet kaip ją įgyvendinti? Nėra nieko lengviau, jei jūs žinote, HTML kalbą.

Leiskite mums sužinoti, kaip mes galime padaryti šią idėją realybe. Šiame straipsnyje, mes Jums siūlome dvi galimybes išspręsti problemą. Vienas retai naudojamas dėl to, kad ji užima daug laiko ir pastangų, o antrasis laikomas gerai žinomas. Mes analizuojame su jumis abiem.

Kur vaizdo nurodo naudojamas

Prieš mes kalbame apie tai, kaip padaryti nuotrauka-in-paveikslėlyje nuorodą, mes suprantame, kur ir kodėl jie yra naudojami. Galų gale, tai bus lengviau suprasti, ko mes norime iš paveikslėlio.

Vaizdai nuorodos yra plačiai naudojami kaip baneriai, reklama tout brėžinius. To pavyzdžiai yra nuotraukos yra visi toje pačioje "Vkontakte". Prisiminti, kiek kartų jūs spustelėkite ant nuotraukos, kurią konkretus adresas buvo pastatytas? Be to, gana dažnai jie yra naudojami meniu grupių ir bendruomenių forma, ypač jei jie yra specialūs įrašai. Daugelis tokių vaizdų, rasti kitų svetainių.

Nukopijuokite nuorodą į nuotrauką

Paprasčiausias dalykas - nuotrauka-LINK. Štai apie tai, mes kalbame pradėti. Ši iliustracija yra pasirengęs nuoroda. Ty spustelėję šią piktogramą, būsite nukreipti į naują puslapį.

Jei žinote, kaip ji yra apibrėžta bendro nuorodą su HTML žymėjimo pagalba, problemos turėtumėte kilti. Skirtumas tik tas, kad vietoj teksto nuorodas nurodyta įvaizdį.

Taigi, norint įgyvendinti savo planą, turite pati nuotrauka, įkeltas į internetą ar saugomą kompiuteryje (priklausomai nuo to, ar dirbate online režimu, iš tikrųjų svetainėje arba zadeystvuete redaktoriai).

Ieškome vaizdo adresą, rašyti, o ne pamiršti. Taip pat nustatyti ryšio, kuris turėtų atverti šią nuotrauką.

Be to, rašyti taip: vaizdo - specialų kodą , Vaizdo-LINK yra apibrėžta su jo pagalba.

Taigi, mes nustatyti ryšį, kuris bus rodomas per pavyzdį forma. Gana lengva. Tačiau šis požiūris tik tada, jei jūs manote, kad ten turėtų būti tik viena grandis. Bet kas, jei ten turėtų būti keletas? Tada mes pereiti prie kitų variantų.

Padaryti nuotraukų meniu

Pirmasis metodas buvo sukurtas nepriklausomai tinklalapių tyrimo Markup Language. Tokio meniu kūrimas gali užtrukti keletą valandų.

Šis metodas tinka tiems, kurie mėgsta žaisti su įvairiais redaktoriais, nes jis yra gana daug laiko ir užtrunka šiek tiek ilgiau nei meniu kortelę arba antrojo metodo kūrimą. tai yra į tai, kad yra fotografuojama, kuri yra atskirta į keletą juostelių ar aikštėse. Kiekvienas vaizdas yra pasirašyti ir už nuorodą pagrindas, kaip aprašyta aukščiau. Kitas, kodas puslapis žymės parašyta teisinga tvarka. Tai viskas, klausimas, kaip padaryti, kad vaizdo vaizde nuorodą, beveik išspręsta klausimas. Tačiau nereikia pamiršti apie antrąjį variantą.

Jis yra padaryti meniu su tik vienu paveikslėlyje, prašydama kiekvienos zonos iliustruoja savo nuorodą. Nesijaudinkite, nieko jie labai sudėtingą šioje srityje. Dabar Pirmasis dalykus.

Kaip padaryti

Panagrinėkime šiek tiek daugiau pirmąjį kelią.

Norėdami pradėti su, jums reikės žinių apie grafinių redaktorių, ir HTML. Kaip padaryti, kad atskaitos nuotrauką, jis sako šį žymėjimo puslapių natūra.

Taigi, jei jūs nuspręsite eiti šiuo būdu, jūs turėsite vaizdą ir paprastą grafinę redaktorius, kuri leidžia jums sumažinti nuotraukas ir padėkite ant jų etikečių, taip pat kaip vieta, kur jūs galės juos užpildyti.

Jei tai yra jūsų pačių svetainė - tinka įprasti galerija arba bibliotekos failus, nes "Vkontakte", tai gali būti grupė albumai ar bendrija (pageidautina nemokamai).

Be to, vaizdas turi būti supjaustyti į gabalus, todėl būtina prisiminti, kokia tvarka yra gauta dalys. Dedamas ant jų užrašai ir užpildyti serverį, rašyti nuorodas kiekviename paveikslėlyje.

Paimkite kodą pirmiau, ir pakeisti norimus duomenis. Tada užpildyti paveikslėlio tokia tvarka, kurioje jie turėtų eiti svetainėje. Tuo pačiu metu, jei jūs nukopijuokite jį į juosteles, tada jums reikia užduoti kiekvieną nuorodą naujame linija, bet jei jau pasidalijo nuotraukomis į kvadratus, tada jums reikia įdėti iš eilės, kaip daug nuorodų, kaip paaiškėjo kvadratų.

Mes darome svetainės žemėlapis

Taigi, jei jums nepatinka pirmąją versiją, ir jūs norite sužinoti, kaip padaryti nuotrauka-in-paveikslėlyje nuorodą bet kokiu kitu būdu, mes galime Jums pasiūlyti sukurti žemėlapio nuoroda. Ji tapo lengviau, čia gali atsirasti tik su užduotimi parametrų problema. Kodėl suprasti daugiau.

Pirmiausia, turėtume prisiminti, kad medis yra prijungtas prie paveikslėlio naudojant komandų usemap = "# map1, kuris yra numatytas žyma img Todėl pildant paveikslėlį svetainėje, būtinai pridėkite žymę antroje dalyje -. Usemap =" # žemėlapyje pavadinimas ".

Daugiau žymėjimo vaizdai į zonas, kurios yra prijungtos prie nuorodos daroma naudojant suporuotas tag <žemėlapis> , kuris gali būti dedamas bet kokioje patogioje vietoje tarp susietų žymių .

Atkreipkite dėmesį, kad, naudojant ši žemėlapyje tipas turėtų būti prašoma ne tik nuorodos, o taip pat jų veiklos ir koordinačių zona. Be to, mes ištirti pagrindinius parametrus, kad turi žymę.

Spartieji nustatymai

Taigi, prieš jūsų akis, paruoštas nuoroda nuotrauka. HTML leidžia žymiai pagerinti vaizdo funkcionalumą - skirti jam tam tikrą plotą nuoroda. Visa tai yra pateikta konkrečių parametrų, kurie dabar bus aptarti.

Pakalbėkime šiek tiek apie pagrindinius parametrus suporuotų žyma <žemėlapyje>. Pirmiausia šis pavadinimas, kuris yra lygus vertės usemap. Taigi jūs paskirti, kad kortelė yra parašyta, kad paveikslėlyje.

Daugiau viduje žyma pora <žemėlapyje> yra nustatyta vieną žodį - , kuri aprašoma nurodant plotą. Jis ne vaikinas ir, žinoma, ji turi savo parametrus.

Pirmasis - forma. Su webmaster pagalba nustato lauko natūra. Tai gali būti:

• ratas - ratas;
• stačiakampis - rect;
• Daugiakampis - poli;
• Poilsiavietė nuotraukos - nutylėjimą.

Kitas - koordinatės. Su pikselio plotas koordinačių pagalba. Šio kilmė koordinačių sistema - viršutinį kairįjį kampą. Tai buvo tada, ir yra pagrindinė problema - ne taip lengva nustatyti koordinates pagal pikselių, ypač jei nėra susipažinusiam su kompiuterinės grafikos.

Mes paminėti taip pat yra gana garsus href, kuri nustato, kad nuoroda adresą.

Ir paskutinis variantas, kuris turi būti paminėta, - nohref. Tai rodo, kad šis regionas yra ne nuoroda.

Žinoma, tai nėra pilnas sąrašas parametrų, galite nustatyti nuotrauką ar nuorodą žemėlapio. Bet tuo pačiu metu, tai bus pakankamai sukurti šviesią ir spalvingą nuorodą ar net visą jų sistemą.

patarimai

Nesvarbu būdas Nuorodų, nuotraukų sukūrimo jums pasirinkti, svarbiausia yra tai, kad originalus vaizdas buvo geras. Pabandykite pasirinkti tuos projektus, kurie neturi catch the eye, nedirgina ryškias spalvas ar modelius. Tai ypač svarbu, struktūra. Jūs galite padaryti koliažą iš kelių nuotraukų, patamsinti juos, arba įjungti vieną iš grafikos programos filtrais.

Kai kuriate sitemap rekomenduojama pasirinkti vaizdą su minkšta, ne dirgina akis modelius. Patikėkite, ne visada yra raktas į sėkmę - ryškus vaizdas -LINK. "Vkontakte", tačiau dažnai sutelkti dėmesį tik į ryškumo ir Nuosavybė, siekiant pritraukti naujų lankytojų.

išvados

Apibendrinti. Mes su jumis išsiaiškino, kaip padaryti nuotrauka-in-paveikslėlyje nuorodą, ir pažvelgė į dviejų būdų, kad jūs taip pat gerai gali būti naudojama siekiant sukurti įvairaus sunkumų meniu. Be to, mes suprato, kaip nustatyti vaizdo nuorodą ir sužinokite apie pagrindinių parametrų, kurie leidžia jums sukurti gana patogus žemėlapį svetainės, grupei ar bendruomenei.