Jinsi ya kufanya picha-katika-picha ya kumbukumbu? Jinsi ya kuingiza kiungo kwa picha

Kujenga mabango na ramani ya tovuti, webmasters Beginner wanakabiliwa na tatizo vile, jinsi ya kuingiza kiungo kwa picha, kufanya hivyo mkali na zaidi ya kuvutia menu. Lakini jinsi ya kutekeleza hilo? Hakuna kitu rahisi kama unajua lugha HTML.

Hebu kujua jinsi tunaweza kufanya ukweli wa wazo hili. Katika makala hii, sisi kutoa chaguzi mbili kutatua tatizo. Moja hutumika mara chache kutokana na ukweli kwamba inachukua muda mwingi na juhudi, wakati ya pili ni kuchukuliwa kuwa yanajulikana. Tunapanga na wewe zote mbili.

Ambapo picha-kiungo hutumiwa

Kabla ya kuzungumzia jinsi ya kufanya picha-katika-picha ya kumbukumbu, tutakuwa kuelewa wapi na kwa nini wao ni kutumika. Baada ya yote, itakuwa rahisi kuelewa nini cha unataka kutoka picha.

Picha viungo ni kawaida kutumika kama mabango, matangazo wanaouza michoro. Mfano wake ni kama picha ni yote katika moja "VKontakte". Kumbuka mara ngapi umefanya click kwenye picha ambayo anwani fulani imekuwa kujengwa? Aidha, mara nyingi kabisa hutumika katika mfumo wa makundi menu na jamii, hasa kama yana entries maalum. picha nyingi kama kupatikana kwenye tovuti nyingine.

Weka kiungo kwenye picha

kitu rahisi - picha-kiungo. Hiyo ni kuhusu hilo, sisi kuzungumza na kuanza. Mfano huo ni kumbukumbu tayari. Yaani kubonyeza icon hii, utakuwa itaelekezwa kwa ukurasa mpya.

Kama unajua jinsi inavyoelezwa na kiungo kawaida kwa msaada wa HTML-kuashiria kiurahisi, matatizo unapaswa kutokea. Tofauti tu ni kwamba badala ya viungo maandishi iliyobainishwa.

Kwa hiyo, ili kutekeleza mpango wake, unahitaji picha yenyewe, kupakiwa kwenye internet au kuhifadhiwa kwenye kompyuta yako (kutegemea kama wewe ni kufanya kazi katika hali ya online, kwa kweli kwenye tovuti, au zadeystvuete wahariri).

Tunatafuta mahali picha, kuandika, si kwa kusahau. Pia kurekebisha kiungo ambayo inapaswa kufungua picha hii.

Next, kuandika yafuatayo: picha - msimbo maalum . Image-kiungo hufafanuliwa kwa msaada wake.

Hivyo, sisi kuagiza kiungo kwamba ni kuonyeshwa kwa namna ya mfano. Pretty rahisi. Lakini njia hii tu kama unaamini kuwa kuna haja ya kuwa na uhusiano moja tu. Lakini nini kama kuna lazima machache? Basi sisi kuendelea na njia nyingine.

Kufanya orodha ya picha

Njia ya kwanza ilitengenezwa kwa kujitegemea katika utafiti wa kurasa za mtandao lugha ya kuashiria kiurahisi. kuundwa kwa vile orodha inaweza kuchukua saa kadhaa.

Njia hii ni mzuri kwa wale ambao kama tinker na wahariri mbalimbali, kama ilivyo kabisa muda mwingi na inachukua muda mrefu kidogo kuliko viumbe wa orodha ya kadi au njia ya pili. ni uongo katika ukweli kwamba picha ni kuchukuliwa, ambayo ni kukatwa katika vipande kadhaa au miraba. Kila picha ni sahihi, na msingi kwa ajili ya kiungo, kama ilivyoelezwa hapo juu. Next, vitambulisho code ukurasa zimeandikwa katika mpangilio sahihi. Hiyo ni swali yote ya jinsi ya kufanya picha-katika-picha ya kumbukumbu, karibu kutatuliwa. Lakini usisahau kuhusu chaguo la pili.

Yeye ni kufanya orodha na picha moja tu, kuomba kila eneo kuonyesha kiungo wake. Usijali, hakuna kitu hawa ngumu sana katika hili. Sasa, mambo ya kwanza.

Jinsi ya kufanya

Hebu kuchunguza zaidi kidogo njia ya kwanza.

Kwa kuanzia, unahitaji maarifa ya wahariri graphic, na HTML. Jinsi ya kufanya marejeo ya picha, inaiambia aina hii ya kurasa ya kubadilisha muundo.

Hivyo, kama wewe kuamua kwenda kwa njia hii, itabidi picha na mhariri rahisi graphical ambayo inaruhusu kupunguza picha na kuweka kwenye maandiko yao, na pia mahali ambapo utakuwa na uwezo wa kujaza yao.

Kama hii ni tovuti yako mwenyewe - mzuri kawaida nyumba ya sanaa au maktaba faili, kwa ajili ya "VKontakte" inaweza kuwa albamu ya kundi au jamii (ikiwezekana malipo).

Zaidi ya hayo, picha ya kukatwa katika vipande, hivyo ni muhimu kukumbuka utaratibu ambao sehemu ni kupokea. Muhuri juu yao maandishi na kujaza server, kuandika kumbukumbu katika kila mfano.

Kuchukua code hapo juu, na mbadala data inayotakiwa. Kisha jaza picha kwenye tovuti katika utaratibu ambao wanapaswa kwenda. Wakati huo huo, kama wewe kuikata vipande, basi unahitaji kumuuliza kila kiungo katika mstari mpya, lakini kama una kushiriki picha katika viwanja, basi haja ya kuweka katika mstari kama viungo wengi kama aligeuka miraba.

Sisi kufanya ramani ya tovuti

Hivyo, kama wewe si kama toleo la kwanza, na unataka kujifunza jinsi ya kufanya picha-katika-picha ya kumbukumbu katika njia nyingine yoyote, tunaweza kutoa kuendeleza ramani ya kumbukumbu. Ni kuifanya rahisi, hapa unaweza kutokea tu na vigezo kazi ya tatizo. Kwa wataelewa zaidi.

Kwanza, tunapaswa kukumbuka kwamba sitemap imeunganishwa na picha kutumia amri usemap = "# map1, ambayo ni ilivyoelezwa katika tag img hiyo, kujaza picha kwenye tovuti, kuwa na uhakika cha kutiwa tag katika sehemu ya pili -. Usemap =" # ramani jina ".

Zaidi ya hayo picha ghafi katika kanda, ambayo ni masharti ya viungo hufanywa kwa kutumia tag vilivyooanishwa , ambayo inaweza kuwekwa katika sehemu yoyote rahisi kati ya vitambulisho vilivyooanishwa .

Kumbuka kuwa wakati wa kutumia aina hii ya ramani linapaswa kuulizwa si tu viungo, lakini pia eneo la shughuli zao na kuratibu. Next, sisi kuchunguza vigezo ya msingi ambayo ina tag.

mazingira ya mkato

Kwa hiyo, mbele ya macho yako, tayari-rejea picha. HTML inaruhusu kwa kiasi kikubwa kuboresha utendaji wa picha - kutenga ni eneo fulani kwa ajili ya kumbukumbu. Haya yote ni iliyotolewa na vigezo maalum, ambayo sasa itajadiliwa.

Hebu majadiliano kidogo kuhusu vigezo ya msingi ya tag vilivyooanishwa . Kimsingi jina hili, ambayo ni sawa na thamani usemap. Hivyo mteule kuwa kadi imeandikwa kwa picha.

Zaidi ya hayo ndani ya jozi tag Mmeandikiwa mwingine tag - , ambayo inaeleza eneo la kumbukumbu. Yeye ni si guy na bila shaka, ina vigezo yake mwenyewe.

kwanza - umbo. Kwa msaada wa webmaster seti ya aina ya shamba. Hii inaweza kuwa:

• mzunguko - mzunguko;
• Mstatili - kulenga;
• Poligoni - ya aina nyingi;
• wengine eneo picha - chaguo-msingi.

Next - Coords. Kwa msaada wa viwianishi vya eneo pixel. asili katika hili kuratibu mfumo - juu kushoto kona. Ni wakati huo, na ni tatizo kubwa - si rahisi kufafanua viwianishi kwa pikseli, hasa kama hakuna uzoefu wa graphics kompyuta.

Sisi kutaja pia href maarufu kabisa, ambayo seti pepe ya kiungo.

Na hatua ya mwisho, ambayo ni ya kutajwa, - nohref. Inaonyesha kwamba mkoa huu si kumbukumbu.

Bila shaka, hii si orodha kamili ya vigezo kwamba unaweza kuweka picha au kiungo-ramani. Lakini wakati huo huo, itakuwa ya kutosha ili kuunda viungo mkali na rangi au hata nzima ya mfumo wao.

Tips

Njia yoyote ya viumbe wa viungo, picha ya kuchagua, jambo muhimu ni kwamba picha ya awali ilikuwa nzuri. Jaribu kuchagua miundo wale si kukamata jicho, msiwachukize rangi mkali au mwelekeo. Hii ni muhimu hasa kwa ajili ya tovuti ya ramani. Unaweza kufanya collage ya picha kadhaa, giza yao, au kugeuka katika moja ya filters katika mpango graphics.

Unapofungua sitemap ni ilipendekeza na kuchagua picha na laini, mashirika yasiyo ya inakera kwa chati jicho. Amini mimi, ni si mara zote muhimu kwa mafanikio - mkali picha -Link. "VKontakte", hata hivyo, mara nyingi mtazamo tu juu ya mwangaza na showiness, ili kuwavutia wageni mpya.

matokeo ya utafiti

Kwa kifupi. Sisi ni pamoja na wewe figured nje ya jinsi ya kufanya picha-katika-picha ya kumbukumbu, na inaonekana katika njia mbili ambazo unaweza sawa vizuri kutumika kuunda orodha ya tofauti ugumu. Aidha, sisi figured nje jinsi ya kuweka picha-kiungo na kujifunza juu ya vigezo kuu kuruhusu kuunda kabisa Handy ramani ya tovuti, kundi au jamii.