Kā veikt attēlu-in-attēlu atsauci? Kā ievietot saiti uz attēlu

Baneru un vietu kartes, tīmekļa pārziņi iesācēji saskaras ar šādu problēmu, kā ievietot saiti uz attēlu, ar to darīt gaišāku un vairāk interesantu izvēlnē. Bet kā to īstenot? Nav nekas vieglāk, ja jūs zināt HTML valodu.

Ļaujiet mums uzzināt, kā mēs varam padarīt par realitāti šo ideju. Šajā rakstā mēs piedāvājam Jums divas iespējas, lai atrisinātu šo problēmu. Viens reti izmanto sakarā ar to, ka tas aizņem daudz laika un pūļu, bet otrs tiek uzskatīts par labi zināms. Mēs analizējam ar jums abiem.

Ja izmanto attēlu-link

Pirms mēs runājam par to, kā padarīt attēlu-in-picture atsauci, mēs, kur un kāpēc tie tiek izmantoti saprast. Galu galā, tas būs vieglāk saprast, ko mēs vēlamies no attēla.

Attēli saites parasti izmanto kā baneri, reklāmas tout zīmējumus. Piemēri tam ir attēli ir visas tās pašas "Vkontakte". Atcerieties, cik reizes esat noklikšķiniet uz fotoattēla, uz kuru konkrētais adrese ir uzcelta? Turklāt, nereti tie tiek izmantoti kā izvēlnes grupu un kopienu, it īpaši, ja tie satur īpašas ierakstus. Daudzas šādas attēli atrodami citās vietnēs.

Ielīmējiet saiti attēlu

Vienkāršākais lieta - attēlu-link. Tas ir par to, mēs runājam, lai sāktu. Šis zīmējums ir gatavs atsauce. Ti, noklikšķinot uz šīs ikonas, jums tiks novirzīts uz jauno lapu.

Ja jūs zināt, kā tas ir definēts kopīgu saikni ar palīdzību HTML atzīmes, problēmas jums nevajadzētu rasties. Vienīgā atšķirība ir tā, ka tā vietā, teksta saites ir norādīts attēlu.

Tātad, lai īstenotu savu plānu, jums ir nepieciešams, pats objekts, augšupielādēts internetā vai saglabāta datorā (atkarībā no tā, vai jūs strādājat tiešsaistes režīmā, faktiski uz vietas, vai zadeystvuete redaktoriem).

Mēs meklējam attēla adresi, rakstīt tā, nedrīkst aizmirst. Arī noteikt saikni, kas būtu atvērt šo attēlu.

Tālāk, rakstīt šādi: attēla - speciālu kodu . Attēlu saite ir noteikta ar tā palīdzību.

Tātad, mēs noteikt saiti, kas tiek parādīts kā ilustrācija. Diezgan viegli. Bet šī pieeja tikai tad, ja jūs uzskatāt, ka ir jābūt tikai vienu saiti. Bet ko tad, ja tur būtu maz? Tad mēs pāriet uz citām iespējām.

Padarīt izvēlni bildes

Pirmā metode tika izstrādāta neatkarīgi pētījumā tīmekļa lapu iezīmēšanas valodu. Šādas izvēlnes izveide var aizņemt pāris stundas.

Šī metode ir piemērota tiem, kam patīk lāpīt ar dažādiem redaktoriem, jo tas ir diezgan laikietilpīga un aizņem mazliet ilgāk nekā izveidi izvēlnes karti vai otro metodi. tas ir fakts, ka attēls ir pieņemts, kas ir sagriež vairākās lentēs vai kvadrātu. Katrs attēls ir parakstīts, un pamats saiti, kā aprakstīts iepriekš. Tālāk, kodu lapas tagi ir rakstīts pareizā secībā. Tas viss ir jautājums par to, kā padarīt attēlu-in-picture atsauci, gandrīz atrisināta. Bet neaizmirstiet par otro iespēju.

Viņš ir padarīt ēdienkarti ar vienu attēlu, lūdzot katrai zonai ilustrētu savu saiti. Neuztraucieties, nekas šiem ārkārtīgi sarežģītu šajā. Tagad, pirmās lietas vispirms.

Kā padarīt

Ļaujiet mums pārbaudīt mazliet vairāk par pirmo ceļu.

Lai sāktu ar, jums būs nepieciešams zināšanas par grafisko redaktoru un HTML. Kā veikt atsauces attēlu, tā stāsta šāda veida iezīmēšanas lapas.

Tātad, ja jūs nolemjat doties šādā veidā, jums būs nepieciešams attēlu un vienkāršu grafisko redaktoru, kas ļauj samazināt attēlus un nodot uz iezīmēm, kā arī vietu, kur jums būs iespēja, lai aizpildītu tos.

Ja šis ir jūsu pašu mājas lapā - piemērotas parastās galerija vai bibliotēkas failiem, jo "VKontakte", tas var būt grupa, albums vai kopienas (vēlams bez maksas).

Turklāt, attēla sagriezt gabalos, tādējādi ir nepieciešams atcerēties secību, kuras daļas ir saņemta. Uzspiež uz tiem uzrakstiem un aizpildīt serveri, rakstīt atsauces katrā ilustrācijā.

Veikt kodu iepriekš, un to aizstāt vēlamos datus. Tad aizpildiet attēlu uz vietas tādā secībā, kādā tie būtu iet. Tajā pašā laikā, ja to sagriež strēmelēs, tad jums ir nepieciešams uzdot katru saiti jaunā rindā, bet, ja jums ir kopīga fotogrāfijas kvadrātos, tad jums ir nepieciešams, lai pēc kārtas tik daudz saites, kā izrādījās kvadrāti.

Mēs vietnes karti

Tātad, ja jums nepatīk pirmo versiju, un jūs vēlaties, lai uzzinātu, kā padarīt attēlu-in-picture atsauci jebkādā citā veidā, mēs varam piedāvāt jums izstrādāt apvidus karti. Tā bija vieglāk, šeit var notikt tikai ar uzdevumu parametriem problēmu. Kāpēc saprast vairāk.

Pirmkārt, mums ir jāatceras, ka sitemap ir saistīts ar attēlu, izmantojot komandu usemap = "# map1, kas to nosaka Tagam img Tādēļ, aizpildot attēlu uz vietas, pārliecinieties, lai pievienotu tagu otrajā daļā -. Usemap =" # kartes nosaukumu. "

Papildu iezīmēšanas attēlus uz zonām, kas ir pievienoti saitēm tiek darīts, izmantojot pāra tagu , ko var novietot jebkurā ērtā vietā starp pārī tagiem .

Ņemiet vērā, ka, izmantojot šāda veida karte ir jāuzdod ne tikai saites, bet arī to darbības jomu un koordinātas. Tālāk, mēs pārbaudīt galvenos parametrus, kas ir tagu.

īsceļu uzstādījumi

Tātad, pirms jūsu acu priekšā, gatavs atsauces attēlu. HTML ļauj būtiski uzlabot funkcionalitāti attēla - piešķirt tam noteiktu apgabalu atsauci. Tas viss tiek dots ar konkrētiem parametriem, kas tagad tiks apspriests.

Parunāsim mazliet par pamatparametriem pāra taga . Galvenokārt šis vārds, kas ir vienāds ar vērtību usemap. Tātad, esat norādījis, ka karte ir rakstīts uz attēla.

Tālāk iekšpusē taga pāri tiek noteikts cits tagu - , kas apraksta attiecīgo teritoriju. Viņš nav puisis, un, protams, tai ir savi parametri.

Pirmais - forma. Izmantojot tīmekļa pārzinis nosaka veida laukā. Tas var būt:

• aplis - aplis;
• taisnstūris - šeit: RECT;
• Daudzstūris - poli;
• atpūtas zona attēlus - noklusējuma.

Nākamais - coords. Izmantojot koordinātes pikseļu jomā. Ar šādas izcelsmes koordinātu sistēmu - augšējo kreiso stūri. Tas bija tad, un ir galvenā problēma - nav tik viegli definēt koordinātes ar pikseļiem, it īpaši, ja nav familiaritāte ar datorgrafiku.

Mēs pieminēt arī diezgan slavens href, kas nosaka adresi saiti.

Un pēdējais variants, kas ir jāpiemin, - nohref. Tas parāda, ka šis reģions nav atsauces.

Protams, tas nav pilns saraksts no parametriem, varat iestatīt attēlu vai saiti-karti. Bet tajā pašā laikā, tas būs pietiekami, lai radītu spilgtu un krāsainu saites vai pat visu savu sistēmu.

Tips

Neatkarīgi no tā, lai , izveidojot saites, attēlus jūs izvēlaties, svarīgi ir tas, ka attēla oriģināls bija labs. Centieties izvēlēties tās dizainu, kas nav nozvejas acs, nav kairināt spilgtas krāsas vai raksti. Tas ir īpaši svarīgi, lai vietnes karti. Jūs varat veikt kolāžu vairāku fotogrāfijas, tumšākas viņiem, vai ieslēgt vienu no filtriem grafikas programmu.

Kad jūs izveidot sitemap ir ieteicams izvēlēties attēlu ar mīkstu, nav kairinošs acīm modeļiem. Ticiet man, ne vienmēr ir panākumu atslēga - spilgti attēlu -Link. "VKontakte", tomēr bieži vien koncentrējas tikai uz spilgtumu un kolekcija parādījās, lai piesaistītu jaunus apmeklētājus.

secinājumi

Apkopojot. Mēs esam ar jums sapratu, kā padarīt attēlu-in-attēlu atsauci, un paskatījās divi veidi, kā jūs varat tikpat labi var izmantot, lai izveidotu ēdienkarti dažādas grūtības. Bez tam, mēs sapratu, kā lai uzstādītu attēlu saites un uzzināt par galvenajiem parametriem, kas ļauj jums izveidot diezgan ērts karti vietnes, grupas vai kopienas.