Kiel fari foton-en-bildo referenco? Kiel enmeti ligilon al bildo

Kreante standardoj kaj ejo mapoj, komencanto retestroj frontas tian problemon, kiel enigi ligilon al bildo, faru kun ĝi pli kaj pli interesa menuo. Sed kiel apliki ĝin? Estas nenio pli facila se vi scias HTML lingvo.

Ni eltrovi kiom ni povas fari realaĵo de ĉi tiu ideo. En ĉi tiu artikolo, ni proponas al vi du ebloj por solvi la problemon. Unu malofte uzata pro la fakto ke ĝi prenas multan tempon kaj penon, dum la dua estas konsiderata esti fama. Ni analizos kun vi ambaŭ.

Kie bildo-ligilo estas uzata

Antaŭ ni parolos pri kiel fari foton-en-bildo referenco, ni komprenos, kie kaj kial ili estas uzataj. Ja ĝi estos pli facile kompreni, kion ni deziras de la bildo.

Bildoj ligoj estas kutime uzita kiel standardoj, reklamojn tout desegnoj. Ekzemploj de tio estas la bildoj estas ĉiuj en la sama "Vkontakte". Rememoru kiom da tempoj vi alklaku la foto al kiu aparta adreso estis konstruita? Krome, tre ofte estas uzataj en la formo de menuo grupoj kaj komunumoj, precipe se ili enhavas specialajn kontribuojn. Multaj tiaj bildoj trovitaj sur aliaj retejoj.

Alglui la ligilon en la bildo

La plej simpla afero - bildo-ligilo. Jen pri tio, ni parolu por komenci. Tiu ilustraĵo estas preta referenco. Ie klakante la ligilon, vi estos redirigido al la nova paĝo.

Se vi scias kiel estas difinita de komuna ligilo kun la helpo de HTML-markado, la problemoj vi devus ekesti. La sola diferenco estas ke anstataŭ teksto ligoj estas precizigita bildo.

Do, por efektivigi lian planon, vi bezonas la bildon mem, alŝutita al la interreto aŭ stokita en via komputilo (depende de ĉu vi laboras en modo en linio, fakte en la retejo, aŭ zadeystvuete redaktoroj).

Ni serĉas bildon adreson, skribi ĝin, ne forgesu. Ankaŭ ripari la ligon kiu devus malfermi tiun bildon.

Sekva, skribu la sekvajn: bildo - speciala kodo . Bildo-ligo estas difinita per ĝia helpo.

Tiel, ni preskribi ligilon kiu estas montrita en la formo de ilustrado. Sufiĉe facila. Sed ĉi alproksimiĝo nur se vi kredas, ke estos nur unu ligilo. Sed kio se tie devus esti kelkaj? Tiam ni pluiru al aliaj ebloj.

Faru menuo de bildoj

La unua metodo estis disvolvita sendepende en la studo de retpaĝoj markado lingvo. La kreo de tia menuo povas preni kelkajn horojn.

Tiu metodo estas taŭga por tiuj, kiuj ŝatas toquetear diversaj redaktoroj, kiel ĝi estas tre temporaba kaj prenas iom pli longe ol la kreo de la menuo karto aŭ la dua metodo. ĝi kuŝas en tio, ke la bildo estas prenita, kiu estas tranĉita en pluraj strioj aŭ kvadratoj. Ĉiu bildo estas subskribita, kaj la bazo por ligo, kiel priskribita supre. Tuj poste, la kodo paĝo etikedoj estas skribitaj en la ĝusta ordo. Jen ĉio demandon de kiel fari foton-en-bildo referenco, preskaŭ solvita. Sed ne forgesu pri la dua eblo.

Li estas por fari menuon kun nur unu bildo, petante por ĉiu zono ilustri lian ligon. Ne zorgu, nenio tiujn ekstreme kompleksa en ĉi tio. Nun, unuaj aferoj unue.

Kiel fari

Ni rigardu iom pli la unuan vojon.

Por komenci, vi bezonos scio de grafika redaktoroj kaj HTML. Kiel fari referenco bildo, ĝi diras tian markado paĝoj.

Do, se vi decidas iri tiamaniere, vi bezonos bildo kaj simpla grafika redaktilo kiu permesas tranĉi la bildojn kaj per siaj etikedoj, tiel kiel loko kie vi povos plenigi ilin.

Se tio estas via propra retejo - taŭga konvencia galerio aŭ biblioteko dosieroj, por "Vkontakte" eble grupo albumo aŭ komunumo (prefere senpage).

Plue, la bildo por esti tranĉita en pecojn, tiel ke oni devas memori la ordon en kiu partoj apartenos. Stampita sur ilin aliĝoj kaj plenigu la servilo, skribu la referencoj sur ĉiu ilustrado.

Prenu la kodo supre, kaj anstataŭigi la deziratan datumoj. Tiam plenigu la bildo en la loko en la ordo en kiu ili devus iri. Samtempe, se vi tranĉis ilin en strioj, tiam vi devas demandi ĉiu ligo en nova linio, sed se vi dividis fotojn en kvadratoj, do vi devas meti en vico kiel multaj ligoj kiel ĝi turnis kvadratoj.

Ni faras lokon mapo

Do, se vi ne ŝatas la unua versio, kaj vi volas lerni kiel fari foton-en-bildo referenco alimaniere, ni povas proponi vin evoluigi mapo referenco. Ĝi igis ĝin pli facile, tie povas nur okazi kun la tasko parametroj de la problemo. Kial komprenos pli.

Unue, ni devas memori ke la sitemap estas konektita al la bildo per la komando usemap = "# map1, kio estas preskribita en la etikedo img Sekve, plenigante la bildo sur la retejo, nepre por aldoni la etikedon en la dua parto -. Usemap =" # mapo nomo ".

Plue markado Bildoj por la zono al kiu la kuna ligiloj estas farita uzante parigita etikedo , kiu povas esti metita en ajna oportuna loko inter la parigita etikedoj .

Notu ke kiam oni uzas tiun tipon de mapo devus esti demandita ne nur ligilojn, sed ankaŭ la areo de siaj aktivecoj kaj koordinatoj. Tuj, ni ekzamenos la bazaj parametroj kiuj havas la etikedon.

Mallongiga agordojn

Do, antaŭ viaj okuloj, preta-referenco bildo. HTML permesas vin signife plibonigi la funcionalidad de la bildo - asigni lin certa areo por referenco. Ĉio ĉi estas donita per specifaj parametroj, kiu nun estos diskutita.

Ni parolu iomete pri la bazaj parametroj de la parigita etikedo . Ĉefe ĉi tiu nomo, kiu estas egala al la valoro usemap. Do vi designar ke la karto estas skribita al la bildo.

Plue en la etikedo paro preskribas alian etikedon - , kiu priskribas la areon de referenco. Li ne estas la ulo kaj, kompreneble, ĝi havas propran parametrojn.

La unua - formon. Kun la helpo de retestro difinas ia kampo. Tio povas esti:

• cirklo - cirklo;
• rektangulo - rect;
• Poligono - poli;
• ripozo bildoj - defaŭlte.

Sekva - coords. Kun la helpo de la koordinatoj de la rastrumero areo. La origino de ĉi tiu koordinatsistemo - la supra maldekstra angulo. Estis tiam, kaj estas la ĉefa problemo - ne estas tiel facile difini la koordinatojn de la pikseloj, precipe se ne ekzistas familiareco kun komputila grafiko.

Ni mencios ankaŭ sufiĉe fama href, kiu difinas la adreson de la ligilo.

Kaj la lasta elekto, kiu estas mencii, - nohref. Tio montras, ke tiu regiono ne estas referenco.

Kompreneble, tio ne kompleta listo de parametroj kiuj vi povas agordi la bildo aŭ la ligilo-mapo. Sed samtempe, ĝi estos sufiĉe por krei brilaj kaj bunta ligilon aŭ eĉ ilia tuta sistemo.

Konsiletoj

Whichever vojo por la kreo de ligoj, bildoj vi elektas, la grava afero estas ke la originala bildo estas bona. Provu elekti tiuj dezajnoj kiuj ne kapti la okulo, ne iritas la brilaj koloroj aŭ ŝablonoj. Tio estas aparte grava por retejo mapo. Vi povas fari collage de pluraj fotoj, mallumigi ilin, aŭ turni sur unu el la filtriloj en grafika programo.

Kiam vi kreas Sitemap rekomendas elekti bildon kun mola, ne-irritante al la okuloj ŝablonoj. Kredu min, tio ne ĉiam estas la ŝlosilo al sukceso - brilaj bildo -link. "Vkontakte" tamen ofte enfokusigi nur sur la brilo kaj showiness, por altiri novajn vizitantojn.

trovoj

Resumi. Ni estas kun vi eltrovis kiel fari foton-en-bildo referenco, kaj rigardis du manieroj kiuj vi povas egale bone uzi por krei menuon de varianta malfacilaĵo. Krome, ni eltrovis kiel agordi la bildo-ligilo kaj lerni pri la ĉefaj parametroj kiuj permesas krei tute oportuna mapo de la ejo, grupo aŭ komunumo.