એક છબી નકશો સંપાદક વગર છબી નકશા કેવી રીતે બનાવવી

છબી નકશા ફક્ત સરળ HTML ટૅગ્સ છે

છબી નકશા એ તમારી વેબ સાઇટને આકર્ષક બનાવવા માટે આકર્ષક અને રસપ્રદ રીત છે - તમે તેમની સાથે, તમે ઈમેજો અપલોડ કરી શકો છો અને અન્ય ઑનલાઇન અસ્કયામતોને ક્લિક કરવા માટે તે છબીઓના ભાગો બનાવી શકો છો. જો તમે ચપટીમાં છો અને ઇમેજ મેપ એડિટર ડાઉનલોડ કરવા માંગતા નથી, તો એચટીએમએલ ટૅગ્સનો ઉપયોગ કરીને નકશા બનાવવા સરળ છે.

તમારે એક છબી, એક છબી સંપાદક અને કેટલાક પ્રકારના HTML સંપાદક અથવા ટેક્સ્ટ એડિટરની જરૂર પડશે. જ્યારે તમે છબીમાં નિર્દિષ્ટ કરો છો ત્યારે મોટા ભાગના છબી સંપાદકો તમને તમારા માઉસનાં કોઓર્ડિનેટ્સ બતાવશે. ઇમેજ નકશા સાથે પ્રારંભ કરવા માટે આ સંકલન ડેટા તમને જરૂર છે.

એક છબી નકશો બનાવી રહ્યા છે

ઇમેજ મેપ બનાવવા માટે, પ્રથમ એક છબી પસંદ કરો જે નકશાના આધારે સેવા આપશે. છબી "સામાન્ય કદ" હોવી જોઈએ - એટલે કે, તમારે તે છબીનો ઉપયોગ ન કરવો જોઇએ જેથી બ્રાઉઝર તે માપશે.

જ્યારે તમે છબી શામેલ કરો છો, ત્યારે તમે વધારાની વિશેષતા ઉમેરી શકશો જે નકશાની કોઓર્ડિનેટ્સને ઓળખે છે:

જ્યારે તમે ઇમેજ મેપ બનાવો છો, ત્યારે તમે એક એવો વિસ્તાર બનાવી રહ્યા છો કે જે છબી પર ક્લિક કરી શકાય તેવો છે, તેથી નકશાના કોઓર્ડિનેટ્સને તમે પસંદ કરેલી છબીની ઊંચાઈ અને પહોળાઈ સાથે વાક્ય નિર્ધારિત કરવું પડશે. નકશા ત્રણ અલગ અલગ પ્રકારના આકારોને સપોર્ટ કરે છે:

વિસ્તારો બનાવવા માટે, તમારે ચોક્કસ કોઓર્ડિનેટ્સને તમે નકશા બનાવવાનો ઇરાદો રાખવો જોઈએ. નકશામાં ઇમેજ પર એક અથવા વધુ નિર્દિષ્ટ વિસ્તારોનો સમાવેશ થઈ શકે છે, જ્યારે ક્લિક કરેલું છે, નવી હાયપરલિંક ખોલો.

એક લંબચોરસ માટે , તમે માત્ર ઉપર જમણે અને જમણા ખૂણાને નકશા કરો છો. બધા કોઓર્ડિનેટ્સને x, y (ઓવર, અપ) તરીકે સૂચિબદ્ધ કરવામાં આવે છે. તેથી, ઉપર ડાબા ખૂણે 0,0 અને નીચલા જમણા ખૂણે 10,15 માટે તમે 0,0,10,15 લખો છો . પછી તમે તેને નકશામાં શામેલ કરો છો:

"મોરીસ"

બહુકોણ માટે , તમે દરેક x, y સંકલનને અલગથી નકશા કરો છો. વેબ બ્રાઉઝર આપમેળે પ્રથમ સાથે કોઓર્ડિનેટ્સ ના છેલ્લા સેટને જોડે છે; આ કોઓર્ડિનેટ્સની અંદરની કોઈ પણ વસ્તુ નકશાનો એક ભાગ છે.

"ગારફિલ્ડ"

વર્તુળ આકારમાં માત્ર બે કોઓર્ડિનેટ્સ જરૂરી છે, જેમ કે લંબચોરસ, પરંતુ બીજા સંકલન માટે, તમે વર્તુળના કેન્દ્રથી ત્રિજ્યા અથવા અંતર નિર્દિષ્ટ કરો છો. તેથી, 122,122 પર કેન્દ્ર સાથે વર્તુળ માટે અને 5 ની ત્રિજ્યા માટે તમે 122,122,5 લખો છો:

"કેટબર્ટ"

બધા વિસ્તારો અને આકારોને એક જ નકશા ટૅગમાં શામેલ કરી શકાય છે:

"મોરિસ" <વિસ્તાર આકાર =" સર્ક "કોર્ડ =" 122,122,5 "href =" catbert.htm "alt =" કેચરબર્ટ ">

માન્યતાઓ

1 99 0 ના દસકાના વેબ 1.0 યુગમાં ખૂબ જ સામાન્ય રીતે છબી નકશા 2000 ના દાયકામાં ખૂબ જ સામાન્ય હતા-ઇમેજ નકશા ઘણીવાર વેબસાઇટના સંશોધકના આધારે રચના કરે છે. એક ડિઝાઇનર મેનુ વસ્તુઓ સૂચવવા માટે ચિત્ર અમુક પ્રકારની બનાવશે, પછી એક નકશો સુયોજિત.

આધુનિક અભિગમો જવાબદાર ડિઝાઇનને પ્રોત્સાહન આપે છે અને પૃષ્ઠ પર છબીઓ અને હાયપરલિંક્સનું પ્લેસમેન્ટ નિયંત્રિત કરવા માટે કેસ્કેડીંગ સ્ટાઇલ શીટ્સનો ઉપયોગ કરે છે.

તેમ છતાં મેગ ટેગ હજી HTML સ્ટાન્ડર્ડમાં સપોર્ટેડ છે, નાના ફોર્મેટ પરિબળોવાળા મોબાઇલ ઉપકરણોનો ઉપયોગ છબી નકશા સાથે અનપેક્ષિત પ્રભાવ સમસ્યાઓ તરફ દોરી શકે છે. વધુમાં, બેન્ડવિડ્થની સમસ્યાઓ અથવા તૂટેલા છબીઓ છબીના નકશાને મૂલ્યવાન બનાવે છે.

તેથી, આ સ્થિર, સારી-સમજીત ટેક્નોલૉજીનો ઉપયોગ કરવાનું નિઃસંકોચ રહો - જાણીને કે હાલમાં વેબ ડીઝાઇનરો સાથે પ્રચલિત વધુ કાર્યક્ષમ વિકલ્પ છે.