Ինչպես կատարել մի նկար-in-պատկերված հղում. Ինչպես տեղադրել հղում պատկերված

Ստեղծվում պաստառներ եւ կայքի քարտեզներ, սկսնակ Վեբ վարպետների համար են կանգնած նման խնդրի, թե ինչպես պետք է տեղադրեք հղում պատկերված, անել այն պայծառ ու ավելի հետաքրքիր ցանկի մեջ. Բայց ինչպես կարելի է իրականացնել այն. Չկա ավելի հեշտ է, եթե դուք գիտեք, թե HTML լեզուն:

Եկեք պարզել, թե ինչպես մենք կարող ենք իրականություն դարձնել այս գաղափարի: Այս հոդվածում, մենք կառաջարկենք Ձեզ երկու տարբերակներ լուծելու խնդիրը: Մեկը հազվադեպ օգտագործվում պայմանավորված է նրանով, որ դա տեւում է շատ ժամանակ եւ ջանք, իսկ երկրորդը, որը համարվում է նաեւ հայտնի: Մենք վերլուծել ձեզ հետ, այնպես էլ.

Որտեղ պատկերի-ուղեցույց է օգտագործվում

Մինչ մենք խոսում այն մասին, թե ինչպես կարելի է կատարել պատկերն-in-պատկերված հղում, մենք պետք է հասկանալ, թե որտեղ եւ ինչու են նրանք օգտագործվում են: Ի վերջո, դա կլինի ավելի հեշտ է հասկանալ, թե ինչ ենք ուզում պատկերով:

Նկարներ հղումներ են սովորաբար օգտագործվում են որպես բաներների, գովազդները tout նկարները. Օրինակներն են պատկերներ բոլորս նույն «VKontakte»: Հիշել, թե քանի անգամ եք արդեն սեղմեք լուսանկարի, որը, մասնավորապես, հասցեն արդեն կառուցված. Բացի այդ, շատ հաճախ դրանք օգտագործվում են ձեւով մենյուի խմբերի եւ համայնքների, հատկապես, եթե դրանք պարունակում են հատուկ գրառում: Շատ նման պատկերներ հայտնաբերվել այլ կայքեր.

Կպցնել հղումը մեջ պատկերված

Ամենապարզ բանը, - մի նկար հղում. Որ այդ մասին, մենք խոսում ենք սկսել: Սա վկայում է, որը պատրաստ հղում. Այսինքն, սեղմելով այս պատկերակը, դուք պետք է Վերահղված է նոր էջում:

Եթե դուք գիտեք, թե ինչպես է դա սահմանվում է ընդհանուր հղման օգնությամբ HTML-նշարկման, այն խնդիրները, որ դուք պետք է առաջանում: Միակ տարբերությունն այն է, որ ի փոխարեն տեքստային հղումներ է նշված պատկերը.

Այնպես որ, պետք է իրականացնել իր ծրագիրը, դուք պետք է նկարը, ինքնին, վերբեռնված ինտերնետի կամ պահվում են ձեր համակարգչի (կախված, թե արդյոք դուք աշխատում է առցանց ռեժիմում, ըստ էության, կայքում, կամ zadeystvuete խմբագիրներին):

Մենք փնտրում են պատկերի հասցեն, գրել է այն, ոչ թե մոռանալ. Ամրագրվեն նաեւ կապը, որը պետք է բացել այս նկարը:

Հաջորդ, գրել է հետեւյալը. նկարը - հատուկ կոդ , Image-Link սահմանվում նրա օգնությամբ.

Այսպիսով, մենք նախատեսել է հղում, որը ցուցադրվում է ձեւով լուսաբանելու: Բավականին հեշտ է. Բայց այս մոտեցումը միայն այն դեպքում, եթե դուք կարծում եք, որ պետք է լինի միայն մեկ հղում. Բայց ինչ, եթե պետք է լինի մի քանի. Հետո մենք առաջ շարժվել դեպի այլ տարբերակների.

Կատարել մենյուն պատկերներով

Առաջին մեթոդը մշակվել ինքնուրույն ուսումնասիրության վեբ էջերի պիտակավորում լեզվի. Ստեղծումը այդպիսի մենյուի կարող է տեւել մի քանի ժամվա ընթացքում:

Այս մեթոդը հարմար է նրանց համար, ովքեր սիրում են կպցնել տարբեր խմբագիրների, քանի որ դա բավականին ժամանակատար է եւ տեւում է մի քիչ ավելի երկար, քան ստեղծման ցանկի քարտը կամ երկրորդ մեթոդով: դա կայանում է նրանում, որ պատկերը վերցվում, որը կտրել է մի քանի շերտերով կամ հրապարակներում. Յուրաքանչյուր պատկեր է ստորագրել, իսկ հիմք հղումը, ինչպես նկարագրված է վերը: Հաջորդ, որ կոդը էջը Tags գրված են ճիշտ կարգով: Որ այդ ամենը մի հարց է, թե ինչպես կարելի է կատարել պատկերն-in-պատկերված հղում, գրեթե լուծվել: Բայց մի մոռացեք, երկրորդ տարբերակը:

Նա պետք է կատարել մենյուն հետ, ընդամենը մեկ նկարի, խնդրելով յուրաքանչյուր գոտու լուսաբանում են դրա հղումը: Մի անհանգստացեք, ոչինչ դրանք չափազանց բարդ է սա. Այժմ, առաջին բաներ առաջին.

Թե ինչպես կարելի է անել,

Եկեք ուսումնասիրել է մի փոքր ավելի է առաջին ճանապարհը:

Է սկսել, դուք պետք է գիտելիքներ գրաֆիկական խմբագիրների, եւ HTML- ում: Ինչպես կատարել մի տեղեկանք պատկերը, այն պատմում է այս տեսակի նշում էջից:

Այսպիսով, եթե դուք որոշել է գնալ այս ճանապարհով, դուք պետք է մի կերպար եւ մի պարզ գրաֆիկական խմբագիր է, որ թույլ է տալիս Ձեզ կտրել նկարները եւ դրեց նրանց պիտակների, ինչպես նաեւ մի վայր, որտեղ դուք կկարողանաք լրացնել դրանք:

Եթե սա ձեր սեփական կայքը - հարմար սովորական պատկերասրահ կամ Գրադարանային ֆայլեր, որովհետեւ «VKontakte« դա կարող է լինել մի խումբ ալբոմ կամ համայնքային (ցանկալի է անվճար).

Բացի այդ, որ պատկերը պետք է կտրել մեջ կտոր, ուստի անհրաժեշտ է հիշել, կարգը, որի մասերը ստացել: Կնքվում նրանց վրա արձանագրություններով եւ լրացնել սերվեր, - գրում են տեղեկանքներ յուրաքանչյուր լուսաբանելու:

Վերցրեք կոդը վերեւում, եւ փոխարինել ցանկալի տվյալները: Ապա լրացրեք պատկերը կայքում է հերթականությամբ, որով նրանք պետք է գնալ. Միեւնույն ժամանակ, եթե դուք կտրել այն շերտերով, ապա դուք պետք է հարցնել յուրաքանչյուր հղումը նոր տողով, բայց, եթե դուք ունեք կիսում լուսանկարներ են հրապարակներում, ապա դուք պետք է տեղադրել մի շարքով, ինչպես բազմաթիվ հղումներ, ինչպես պարզվեց հրապարակներ:

Մենք մի Կայքի քարտեզ

Այնպես որ, եթե դուք չեք ցանկանում, որ առաջին տարբերակը, եւ դուք ուզում եք իմանալ, թե ինչպես պետք է կատարել պատկերն-in-պատկերված հղում որեւէ այլ կերպ, մենք կարող ենք առաջարկել Ձեզ զարգացնել քարտեզ տեղեկանք: Այն կազմել է ավելի հեշտ, այստեղ կարող են առաջանալ միայն այդ խնդիրը պարամետրերի խնդրի. Թե ինչու պետք է հասկանալ, ավելի.

Առաջին հերթին, մենք պետք է հիշենք, որ Կայքի քարտեզ միացված է պատկերով, օգտագործելով հրամանի usemap = "# map1, որը նախատեսված է հատկորոշիչը img Հետեւաբար, լրացնելով այն պատկերը կայքում, պետք է համոզվեք, որ կախել հատկորոշիչը երկրորդ մասում. Usemap =" # քարտեզ անունով »:

Հետագա նշում պատկերների մեջ գոտիներում, որոնք կցված են հղումներ արվում օգտագործելով ընտրել Զուգտկված պիտակ <քարտեզը> , որը կարող է տեղադրվել ցանկացած հարմար վայրում միջեւ ընտրել Զուգտկված թեգերը :

Նկատի ունեցեք, որ երբ, օգտագործելով այս տիպի քարտեզ պետք է խնդրել ոչ միայն հղումներ, այլեւ տարածքը իրենց գործունեության եւ կոորդինատները: Հաջորդը, մենք պետք է ուսումնասիրել այն հիմնական պարամետրերի, որը ունի հատկորոշիչը:

դյուրանցման կարգավորումները

Այնպես որ, առաջ ձեր աչքերը, պատրաստի հղում նկարը. HTML թույլ է տալիս զգալիորեն բարելավել ֆունկցիոնալությունը պատկերով է հատկացնել այն որոշակի տարածք համար. Այս ամենը տրվում է պարամետրերով, որոնք այժմ կքննարկվեն:

Եկեք խոսենք մի փոքր մասին հիմնական պարամետրերի ընտրել Զուգտկված թեգով <քարտեզ>: Հիմնականում այս անունը, որը հավասար է արժեքի usemap: Այսպիսով, դուք նշանակի, որ այդ քարտը գրված է պատկերված:

Հետագա ներսում հատկորոշիչը զույգի <քարտեզ>, որը սահմանվում է մեկ այլ պիտակ - <տարածք>, որը նկարագրում է տարածքը հղում. Նա ոչ թե guy եւ, իհարկե, այն ունի իր սեփական պարամետրերը:

Առաջին - ձեւը. Հետ օգնությամբ մի webmaster սահմանում է որոշակի ոլորտում. Սա կարող է լինել:

• շրջան - շրջանակը.
• ուղղանկյունի - RECT- ում;
• Պոլիգոն պուդինգ.
• ՀԱՆԳՍՏԻ ԳՈՏԻ լուսանկարները - default.

Հաջորդ - coords. Օգնությամբ կոորդինատները է անկախ ղեկավարվել տարածքում. Ծագման այս կոորդինատային համակարգին - վերին ձախ անկյունում: Այն էր, ապա, եւ հանդիսանում է հիմնական խնդիրը, ոչ այնքան հեշտ է սահմանել կոորդինատները կողմից պիքսել, հատկապես, եթե չկա ծանոթ համակարգչային գրաֆիկայի.

Մենք խոսում նաեւ բավականին հայտնի href, որը սահմանում հասցեն link.

Իսկ վերջին տարբերակը, որը պետք է նշել, - nohref. Այն ցույց է տալիս, որ այս տարածաշրջանը չէ տեղեկանք:

Իհարկե, սա ոչ ամբողջական ցանկը պարամետրերի, որը դուք կարող եք սահմանել, որ պատկերը կամ հղումը քարտեզ: Սակայն, միեւնույն ժամանակ, դա կլինի բավական է ստեղծել վառ ու գունագեղ հղում կամ նույնիսկ ամբողջ իրենց համակարգ.

Tips

Որն այդպես է ստեղծման հղումներ, նկարներ եք ընտրել, կարեւորն այն է, որ բնօրինակը պատկերը լավն էր: Փորձեք ընտրել այն նախագծերը, որոնք չեն բռնել աչք, չեն վրդովեցուցիչ վառ գույներով կամ նախշերով. Սա հատկապես կարեւոր է, որ կայքի քարտեզ: Դուք կարող եք կատարել կոլաժ մի քանի լուսանկարներ, մթնել նրանց, կամ միացնել մեկի ֆիլտրերի գրաֆիկայի ծրագրի շրջանակներում:

Երբ եք ստեղծել մի Կայքի քարտեզ խորհուրդ է տրվում ընտրել այնպիսի պատկեր հետ փափուկ, ոչ նյարդայնացնում է աչքի նախշերով. Հավատացեք ինձ, միշտ չէ, որ հաջողության բանալին - պայծառ պատկերը-LINK-: «VKontakte», սակայն, հաճախ կենտրոնանալ հենց պայծառությունն ու Թուրքմենիստան, որպեսզի ներգրավել նոր այցելուներին:

գտածոները

To ամփոփել: Մենք ձեզ հետ նախշավոր, թե ինչպես պետք է կատարել պատկերն-in-պատկերված տեղեկանք, եւ նայեց երկու առումներով, որ դուք կարող եք հավասարապես նաեւ է օգտագործվել է ստեղծել մենյուն տարբեր դժվարություններ. Բացի այդ, մենք նախշավոր, թե ինչպես պետք է սահմանել այն պատկերի հղումը եւ ծանոթանալ հիմնական պարամետրերի, որը թույլ է տալիս Ձեզ ստեղծել բավականին հարմար քարտեզը կայքի, խմբի կամ համայնքի.