డ్రీమ్వీవర్ తో ఒక చిత్రం మ్యాప్ సృష్టిస్తోంది కోసం చిట్కాలు

చిత్రం మ్యాప్లను ఉపయోగించడానికి ప్రయోజనాలు మరియు లోపాలు

అనేక వెబ్ సైట్లు "ఇమేజ్ పటాలు" అని పిలువబడే ఒక లక్షణాన్ని ఉపయోగించిన వెబ్ డిజైన్ చరిత్రలో ఒక స్థానం ఉంది. ఇది ఒక పేజీలోని ఒక నిర్దిష్ట చిత్రానికి జోడించిన అక్షాంశాల జాబితా. ఈ కోఆర్డినేట్లు ఆ చిత్రానికి హైపర్లింక్ ప్రాంతాలను సృష్టించాయి, గ్రాఫిక్కు "హాట్ స్పాట్స్" జోడించడం అవసరం, వీటిలో ప్రతి ఒక్కటి వేర్వేరు స్థలాలకు లింక్ చేయబడతాయి. ఇది ఒక చిత్రానికి లింక్ ట్యాగ్ని జోడించడం కంటే భిన్నంగా ఉంటుంది, ఇది మొత్తం గ్రాఫిక్ను ఒకే గమ్యస్థానానికి ఒక పెద్ద లింక్గా మారుతుంది.

ఉదాహరణలు - యునైటెడ్ స్టేట్స్ యొక్క చిత్రంతో ఒక గ్రాఫిక్ ఫైల్ కలిగి ఉన్నట్లు ఊహించండి. మీరు ప్రతి రాష్ట్రం "క్లిక్ చేయదగినది" కావాలనుకుంటే, ఆ నిర్దిష్ట స్థితి గురించి పేజీలకు వెళ్లి, మీరు చిత్రం మ్యాప్తో దీన్ని చేయగలరు. అదేవిధంగా, మీరు మ్యూజిక్ బ్యాండ్ యొక్క ఒక చిత్రాన్ని కలిగి ఉన్నట్లయితే, ప్రతి బృందం సభ్యుని గురించి తదుపరి పేజికి ప్రతి వ్యక్తి సభ్యుని క్లిక్ చేయటానికి మీరు ఒక చిత్రం మ్యాప్ను ఉపయోగించవచ్చు.

చిత్రం పటాలు ధ్వని ఉపయోగకరంగా ఉందా? వారు ఖచ్చితంగా ఉన్నారు, కానీ వారు నేటి వెబ్లో అనుకూలంగా లేరు. ఇది కనీసం భాగం, ఎందుకంటే చిత్రం పటాలు నిర్దిష్ట కోఆర్డినేట్లు పనిచేయటానికి అవసరం. నేటి సైట్లు ప్రతిస్పందనాత్మకంగా మరియు చిత్రాల పరిమాణాన్ని బట్టి స్క్రీన్ లేదా పరికరం యొక్క పరిమాణం ఆధారంగా నిర్మించబడ్డాయి . దీని అర్థం ముందుగా సెట్ చేయబడిన కోఆర్డినేట్స్, ఇది చిత్రాలను ఎలా పని చేస్తుందో, సైట్ ప్రమాణాలు మరియు చిత్రాల పరిమాణాన్ని మార్చినప్పుడు వేరుగా ఉంటుంది. ఈనాడు ప్రొడక్షన్స్ సైట్లలో అరుదుగా చిత్రం పటాలు ఉపయోగించబడుతున్నాయి, కాని అవి ఒక పేజీ యొక్క పరిమాణం బలవంతంగా ఉన్న ప్రదర్శనలు లేదా సందర్భాల్లో ఇప్పటికీ ప్రయోజనాలను కలిగి ఉన్నాయి.

డ్రీమ్వీవర్తో ఎలా చేయాలో ప్రత్యేకంగా చిత్రం మ్యాప్ను ఎలా సృష్టించాలో తెలుసుకోవాలనుకుంటున్నారా? . ప్రక్రియ ముఖ్యంగా కష్టం కాదు, కానీ ఇది గాని సులభం కాదు, కాబట్టి మీరు ప్రారంభించడానికి ముందు మీరు కొన్ని అనుభవం ఉండాలి.

మొదలు అవుతున్న

ప్రారంభించండి. మీరు తీసుకోవలసిన మొదటి దశ మీ వెబ్ పేజీకి ఒక చిత్రాన్ని జోడించడం. మీరు దానిని హైలైట్ చేయడానికి చిత్రంపై క్లిక్ చేస్తారు. అక్కడ నుండి, మీరు లక్షణాల మెనుకి వెళ్లాలి (మరియు మూడు హాట్స్పాట్ డ్రాయింగ్ టూల్స్లో ఒకదానిపై క్లిక్ చేయండి: దీర్ఘ చతురస్రం, వృత్తం లేదా బహుభుజి, ఆస్తి పట్టీలో మీరు చెయ్యగల మీ చిత్రానికి పేరు పెట్టడానికి మర్చిపోవద్దు. అది మీకు కావలసినదే. "మాప్" ను ఉదాహరణగా ఉపయోగించండి.

ఇప్పుడు, మీరు ఈ చిత్రంలో ఒకదాన్ని ఉపయోగించి మీ చిత్రంలో కావలసిన ఆకారాన్ని గీయండి. మీరు దీర్ఘచతురస్రాకార మచ్చలు అవసరమైతే, రెక్టాంగ్ ఉపయోగించండి. సర్కిల్కు అదే. మీరు మరింత క్లిష్టమైన హాట్స్పాట్ ఆకారాలు కావాలనుకుంటే, బహుభుజిని ఉపయోగించండి. ఈ పటం అమెరికాలోని పటం యొక్క ఉదాహరణలో మీరు ఉపయోగించగలదు, ఎందుకంటే బహుభుజి మీరు పాయింట్లను తిప్పడానికి మరియు చిత్రంపై చాలా క్లిష్టమైన మరియు క్రమరహిత ఆకృతులను సృష్టించేందుకు అనుమతిస్తుంది

హాట్స్పాట్ కోసం లక్షణాలు విండోలో, టైప్ చేయండి లేదా హాట్స్పాట్ లింక్ చేయవలసిన పేజీని బ్రౌజ్ చేయండి. ఈ అనుసంధానిత ప్రాంతం సృష్టించడం ఏమిటి. మీ మ్యాప్ పూర్తయ్యేవరకు హాట్స్పాట్లను జోడించడాన్ని కొనసాగించండి మరియు మీరు జోడించాలనుకుంటున్న అన్ని లింక్లు జోడించబడ్డాయి.

మీరు పూర్తి చేసిన తర్వాత, సరిగ్గా పని చేస్తుందో లేదో నిర్ధారించుకోవడానికి మీ చిత్ర మ్యాప్ను ఒక బ్రౌజర్లో చూడవచ్చు. సరైన వనరు లేదా వెబ్ పేజీకి వెళుతుందని నిర్ధారించడానికి ప్రతి లింక్ను క్లిక్ చేయండి.

చిత్రం మ్యాప్స్ యొక్క ప్రతికూలతలు

మరోసారి, చిత్రం పటాలు బాధ్యత వెబ్సైట్లు మద్దతు పైన పేర్కొన్న లేకపోవడం వెలుపల, అనేక కాన్స్ కలిగి తెలుసుకోండి. మొదటి, చిన్న వివరాలు ఒక చిత్రం మ్యాప్ లో అస్పష్టంగా ఉండవచ్చు. ఉదాహరణకు, భౌగోళిక చిత్రం పటాలు యూజర్ నుండి ఏ ఖండం నిర్ణయించటానికి సహాయపడతాయి, కానీ ఈ పటాలు వినియోగదారు యొక్క దేశం యొక్క మూలాన్ని గుర్తించడానికి తగినంతగా వివరించబడవు. అంటే, ఒక వినియోగదారు ఆసియా నుండి వచ్చినది కావాలంటే, ముఖ్యంగా కంబోడియా నుండి కాదని నిర్ణయించడానికి ఒక చిత్రం మ్యాప్ సహాయపడుతుంది.

చిత్రం మ్యాప్లు కూడా నెమ్మదిగా లోడ్ అవుతాయి. వారు వెబ్ సైట్ యొక్క ప్రతి పేజీలో ఉపయోగించేందుకు చాలా స్థలాన్ని ఆక్రమిస్తున్నందున వారు వెబ్సైట్లో పలుసార్లు ఉపయోగించరాదు. ఒకే పేజీలో చాలా ఎక్కువ చిత్రం మ్యాప్ లు తీవ్రమైన పనితనం మరియు సైట్ పనితీరుపై భారీ ప్రభావం చూపుతాయి.

చివరగా, దృశ్యమాన సమస్యలతో ఉన్న వాడుకదారులకు ఇమేజ్ మ్యాప్స్ సులభంగా ఉండకపోవచ్చు. మీరు చిత్రం మ్యాప్లను ఉపయోగించినట్లయితే, మీరు ఈ యూజర్లకు ప్రత్యామ్నాయంగా మరొక నావిగేషన్ సిస్టమ్ను కూడా సృష్టించాలి.

క్రింది గీత

నేను ఒక రూపకల్పన యొక్క శీఘ్ర ప్రదర్శనను ఎలా పని చేస్తాను మరియు అది ఎలా పని చేస్తుందో నేను ప్రయత్నిస్తున్నప్పుడు నేను ఎప్పటికప్పుడు చిత్ర మ్యాప్లను ఉపయోగిస్తాను. ఉదాహరణకు, నేను మొబైల్ అనువర్తనానికి రూపకల్పనను అపహాస్యం చేస్తూ ఉండవచ్చు మరియు అనువర్తనం యొక్క ప్రభావశీలతను అనుకరించడానికి హాట్ స్పాట్లను రూపొందించడానికి చిత్ర మ్యాప్లను ఉపయోగించాలనుకుంటున్నాను. ఇది అనువర్తనాన్ని కోడ్ చేయడానికి లేదా HTML మరియు CSS తో ప్రస్తుత ప్రమాణాలకు నిర్మించిన నకిలీ వెబ్పేజీలను రూపొందించడం కంటే ఇది చాలా సులభం. ఈ నిర్దిష్ట ఉదాహరణలో, నేను ఏ పరికరాన్ని రూపకల్పన చేస్తాను మరియు ఆ పరికరానికి కోడ్ను స్కేల్ చెయ్యగలదని నాకు తెలుసు, ఎందుకంటే ఒక చిత్రం మ్యాప్ పనిచేస్తుంది, కానీ వాటిని ఉత్పత్తి సైట్ లేదా అనువర్తనంగా ఉంచడం చాలా గమ్మత్తైనది మరియు నేటికి వెబ్సైట్లు.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ 9/7/17 న సవరించబడింది.