Պատկերային քարտեզները օգտագործելու առավելությունները եւ թերությունները
Վեբ դիզայնի պատմության մեջ մի կետ կար, որտեղ շատ կայքեր օգտագործեցին որպես «պատկեր քարտեզներ» հայտնի մի առանձնահատկություն: Սա էջի կոնկրետ պատկերին կցված համակարգերի ցանկն է: Այս կոորդինատները ստեղծում են այդ պատկերով հղվող տարածքներ, որոնք անհրաժեշտ է «շոգ բեկորներ» գրաֆիկով, որոնցից յուրաքանչյուրը կարող է կոդավորվել տարբեր վայրեր կապելու համար: Սա շատ տարբեր է, քան պարզապես հղում տողը մի պատկերին ավելացնելով, ինչը կարող է հանգեցնել ամբողջ գրաֆիկական դառնալ մեկ ուղղությամբ մեկ մեծ հղում:
Օրինակներ, պատկերացրեք, որ Միացյալ Նահանգների պատկերով գրաֆիկական ֆայլ կա: Եթե դուք ցանկանում եք, որ յուրաքանչյուր պետություն լինի «clickable», այնպես որ նրանք գնում են էջեր այդ կոնկրետ պետության մասին, դուք կարող եք դա անել պատկերային քարտեզով: Նմանապես, եթե դուք ունեիք երաժշտական խմբի պատկեր, դուք կարող եք օգտագործել պատկերային քարտեզ, որպեսզի յուրաքանչյուր անհատի անդամ կարողանա կտտացնել այս խմբի անդամի հետագա էջին:
Արդյոք պատկերը քարտեզները օգտակար են: Նրանք, անշուշտ, եղել են, բայց նրանք օգտվել են այսօրվա վեբից: Սա, առնվազն մասամբ, քանի որ պատկերը քարտեզները պահանջում են կոնկրետ կոորդինատների աշխատելու համար: Կայքերը այսօր կառուցված են որպես պատասխանատու եւ պատկերների մասշտաբով, որը հիմնված է էկրանի կամ սարքի չափի վրա : Սա նշանակում է, որ նախապես սահմանված կոորդինատները, որոնք այնպիսին են, որ նկարները քարտեզագրում են, ընկնում են, երբ կայքի ծավալները եւ պատկերները փոխում են չափը: Սա է պատճառը, որ պատկերը քարտեզները հազվադեպ են օգտագործվում այսօր արտադրության կայքերում, սակայն դրանք դեռեւս ունեն առավելություններ դեմոների կամ դեպքերի համար, որտեղ դուք ստիպում եք էջի չափը:
Ցանկանում եք իմանալ, թե ինչպես ստեղծել պատկերների քարտեզ, մասնավորապես, ինչպես դա անել Dreamweaver- ի հետ: . Գործընթացը հատկապես դժվար չէ, բայց դա հեշտ չէ, այնպես որ նախքան սկսեք ինչ-որ փորձ:
Սկսել
Եկեք սկսենք. Առաջին քայլը, որը դուք պետք է վերցնեք, ձեր պատկերն ավելացնելու համար: Այնուհետեւ կտտացրեք պատկերը, լուսաբանելու համար: Այնտեղից դուք պետք է գնաք հատկությունների ցանկի վրա (եւ կտտացրեք երեք տեքստային կետի գործիքներից մեկի վրա `ուղղանկյուն, շրջանակ կամ պոլիգոն: Մի մոռացեք անվանել ձեր պատկերը, որը դուք կարող եք անել գույքի բարում: այն, ինչ ցանկանում եք: Օգտագործեք «քարտեզը» որպես օրինակ:
Այժմ նկարեք ձեր պատկերով ցանկանում ձեւը, օգտագործելով այս գործիքներից մեկը: Եթե անհրաժեշտ է ուղղանկյուն բծերը, օգտագործեք ուղղանկյունը: Նույն շրջանի համար: Եթե ցանկանում եք ավելի բարդ շփման ձեւաչափեր օգտագործել պոլիգոնը: Սա այն է, ինչ դուք հավանաբար կօգտագործեք ԱՄՆ-ի քարտեզի օրինակով, քանի որ բազմաշերտը թույլ կտա ձեզ բաց թողնել կետերը եւ ստեղծել շատ բարդ եւ անկանոն ձեւավորում պատկերների վրա
Թեժ կետի հատկությունների պատուհանում մուտքագրեք կամ թերթեք այն էջը, որի համար պետք է կապուղի կապել: Սա հենց այն է, որ ստեղծում է այդ կապակցվող տարածքը: Շարունակել ավելացնելով թեժ կետերը, մինչեւ ձեր քարտեզը ամբողջական լինի եւ ավելացնեք բոլոր հղումները:
Երբ արվում եք, դիտեք ձեր պատկերի քարտեզը բրաուզերում, որպեսզի համոզվեք, որ այն աշխատում է ճիշտ: Կտտացրեք յուրաքանչյուր հղումը, որպեսզի այն անցնի պատշաճ ռեսուրս կամ վեբ էջ:
Image Քարտեզների թերությունները
Կրկին, տեղյակ լինեք, որ պատկերը քարտեզները մի քանիսն են, նույնիսկ, վերոհիշյալ պակասից դուրս պատասխանող կայքերի հետ: Firs, մանր մանրամասները կարող են մաշվել պատկերների քարտեզում: Օրինակ, աշխարհագրական պատկերը քարտեզները կարող են օգնել որոշելու, թե որ մայրցամաքը օգտագործողն է, բայց այդ քարտեզները չեն կարող մանրամասն լինել, օգտագործողի ծագման երկիրը տեղում հայտնաբերելու համար: Սա նշանակում է, որ պատկերը քարտեզ կարող է օգնել որոշելու, թե արդյոք օգտագործողը Ասիայից է, այլ ոչ թե Կամբոջայից:
Պատկերային քարտեզները կարող են նաեւ դանդաղ բեռնել: Նրանք չպետք է օգտագործվեն մի քանի անգամ կայքերում, քանի որ նրանք զբաղեցնում են շատ տարածություն, որոնք կօգտագործվեն վեբ կայքի յուրաքանչյուր էջում: Մեկ էջում չափազանց շատ պատկերային քարտեզներ կարող են լուրջ խանգարումներ եւ մեծ ազդեցություն ունենալ կայքի կատարման վրա :
Ի վերջո, պատկերը քարտեզները հեշտ չէ հեշտությամբ օգտվել տեսողական խնդիրներ ունեցող օգտվողների համար: Եթե դուք օգտագործել քարտեզի քարտեզները, ապա պետք է նաեւ ստեղծել այլ նավիգացիոն համակարգ այս օգտագործողների համար որպես այլընտրանք:
Ստորին գիծ
Ժամանակ առ ժամանակ ես օգտագործում եմ պատկերը քարտեզները, երբ փորձում եմ դիզայնի արագ ցուցադրություն եւ ինչպես է այն աշխատում: Օրինակ, կարող եմ ծաղրել բջջային հավելվածի դիզայնի եւ ես ուզում եմ օգտագործել պատկերը քարտեզներ, որպեսզի թույլ տանք տաք կետեր ստեղծել մոդելի ինտերակտիվությունը: Դա շատ ավելի հեշտ է անել, քան այն կլիներ ծրագիրը կոդավորել, կամ էլ HTML եւ CSS- ով ներդնել ընթացիկ ստանդարտներին կառուցված կեղծ էջեր: Այս կոնկրետ օրինակում, եւ քանի որ գիտեմ, թե որ սարքը ես դիզայնի վրա կներկայացնեմ եւ կկարողանամ տարածել կոդը այդ սարքի վրա, պատկերային քարտեզը աշխատում է, բայց դրանք արտադրության վայրի կամ ծրագրի մեջ դնելը շատ բարդ է եւ պետք է խուսափել այսօրվա կայքերում:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է Ջերեմի Գիրարդը, 9/7/17 թ .: