ಡ್ರೀಮ್ವೇವರ್ನೊಂದಿಗೆ ಚಿತ್ರ ನಕ್ಷೆ ರಚಿಸುವ ಸಲಹೆಗಳು

ಇಮೇಜ್ ಮ್ಯಾಪ್ಗಳನ್ನು ಉಪಯೋಗಿಸಲು ಪ್ರಯೋಜನಗಳು ಮತ್ತು ನ್ಯೂನತೆಗಳು

ವೆಬ್ ವಿನ್ಯಾಸದ ಇತಿಹಾಸದಲ್ಲಿ ಅನೇಕ ತಾಣಗಳು "ಇಮೇಜ್ ಮ್ಯಾಪ್ಸ್" ಎಂದು ಕರೆಯಲ್ಪಡುವ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಬಳಸಿದ್ದವು. ಇದು ಪುಟದಲ್ಲಿನ ನಿರ್ದಿಷ್ಟ ಚಿತ್ರಕ್ಕೆ ಜೋಡಿಸಲಾದ ಕಕ್ಷೆಗಳ ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿದೆ. ಈ ಕಕ್ಷೆಗಳು ಆ ಚಿತ್ರದಲ್ಲಿನ ಹೈಪರ್ಲಿಂಕ್ ಪ್ರದೇಶಗಳನ್ನು ಸೃಷ್ಟಿಸುತ್ತವೆ, ಅಗತ್ಯವಾಗಿ "ಬಿಸಿ ಕಲೆಗಳು" ಗ್ರಾಫಿಕ್ಗೆ ಸೇರಿಸುತ್ತವೆ, ಪ್ರತಿಯೊಂದನ್ನು ವಿವಿಧ ಸ್ಥಳಗಳಿಗೆ ಲಿಂಕ್ ಮಾಡಲು ಮಾಡಬಹುದಾಗಿದೆ. ಚಿತ್ರಕ್ಕೆ ಲಿಂಕ್ ಟ್ಯಾಗ್ ಅನ್ನು ಸೇರಿಸುವುದಕ್ಕಿಂತ ಇದು ತುಂಬಾ ವಿಭಿನ್ನವಾಗಿದೆ, ಅದು ಇಡೀ ಗ್ರಾಫಿಕ್ಗೆ ಏಕೈಕ ಸ್ಥಳಕ್ಕೆ ಒಂದು ದೊಡ್ಡ ಲಿಂಕ್ ಆಗಲು ಕಾರಣವಾಗುತ್ತದೆ.

ಉದಾಹರಣೆಗಳು - ಯುನೈಟೆಡ್ ಸ್ಟೇಟ್ಸ್ನ ಚಿತ್ರದೊಂದಿಗೆ ಗ್ರಾಫಿಕ್ ಫೈಲ್ ಹೊಂದಿರುವ ಕಲ್ಪನೆ. ನೀವು ಪ್ರತಿ ರಾಜ್ಯವು "ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ" ಎಂದು ಬಯಸಿದರೆ, ಆ ನಿರ್ದಿಷ್ಟ ಸ್ಥಿತಿಯ ಕುರಿತು ಅವರು ಪುಟಗಳಿಗೆ ಹೋಗುತ್ತಾರೆ, ನೀವು ಇದನ್ನು ಇಮೇಜ್ ಮ್ಯಾಪ್ನೊಂದಿಗೆ ಮಾಡಬಹುದು. ಅಂತೆಯೇ, ನೀವು ಸಂಗೀತ ಬ್ಯಾಂಡ್ನ ಚಿತ್ರವನ್ನು ಹೊಂದಿದ್ದರೆ, ಆ ಸದಸ್ಯ ಸದಸ್ಯರ ನಂತರದ ಪುಟಕ್ಕೆ ಪ್ರತಿಯೊಂದು ಸದಸ್ಯರು ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದಂತೆ ನೀವು ಚಿತ್ರವನ್ನು ಮ್ಯಾಪ್ ಬಳಸಬಹುದು.

ಚಿತ್ರ ನಕ್ಷೆಗಳು ಉಪಯುಕ್ತವೆನಿಸುವಿರಾ? ಅವರು ಖಂಡಿತವಾಗಿಯೂ, ಆದರೆ ಅವರು ಇಂದಿನ ವೆಬ್ನಲ್ಲಿ ಪರವಾಗಿಲ್ಲ. ಇದು ಕನಿಷ್ಟ ಭಾಗದಲ್ಲಿದೆ, ಏಕೆಂದರೆ ಚಿತ್ರ ನಕ್ಷೆಗಳಿಗೆ ನಿರ್ದಿಷ್ಟ ಕಕ್ಷೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಅಗತ್ಯವಿರುತ್ತದೆ. ಸೈಟ್ಗಳು ಇಂದು ಪರದೆಯ ಅಥವಾ ಸಾಧನದ ಗಾತ್ರವನ್ನು ಆಧರಿಸಿ ಸ್ಪಂದಿಸುತ್ತವೆ ಮತ್ತು ಇಮೇಜ್ ಸ್ಕೇಲ್ ಅನ್ನು ನಿರ್ಮಿಸಲಾಗಿದೆ . ಇದರರ್ಥ ಪೂರ್ವ-ಸಂಯೋಜಿತ ನಿರ್ದೇಶಾಂಕಗಳು, ಚಿತ್ರಗಳನ್ನು ನಕ್ಷೆಗಳ ಕೆಲಸ ಹೇಗೆ, ಸೈಟ್ ಮಾಪಕಗಳು ಮತ್ತು ಚಿತ್ರಗಳನ್ನು ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸುವಾಗ ಹೊರತುಪಡಿಸಿ ಬೀಳುತ್ತವೆ. ಇದಕ್ಕಾಗಿಯೇ ಇಮೇಜ್ ನಕ್ಷೆಗಳು ಇಂದು ಉತ್ಪಾದನಾ ಸ್ಥಳಗಳಲ್ಲಿ ವಿರಳವಾಗಿ ಬಳಸಲ್ಪಡುತ್ತವೆ, ಆದರೆ ನೀವು ಪುಟದ ಗಾತ್ರವನ್ನು ಒತ್ತಾಯಪಡಿಸುವ ಡೆಮೊಗಳಿಗೆ ಅಥವಾ ನಿದರ್ಶನಗಳಿಗೆ ಅವು ಇನ್ನೂ ಪ್ರಯೋಜನಗಳನ್ನು ಹೊಂದಿವೆ.

ಇಮೇಜ್ ಮ್ಯಾಪ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು, ಡ್ರೀಮ್ವೇವರ್ನೊಂದಿಗೆ ಹೇಗೆ ಮಾಡುವುದು ಎಂದು ತಿಳಿಯುವುದು ಹೇಗೆ? . ಪ್ರಕ್ರಿಯೆಯು ವಿಶೇಷವಾಗಿ ಕಷ್ಟಕರವಲ್ಲ, ಆದರೆ ಅದು ಸುಲಭವಲ್ಲ, ಆದ್ದರಿಂದ ನೀವು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ನಿಮಗೆ ಕೆಲವು ಅನುಭವವಿರಬೇಕು.

ಶುರುವಾಗುತ್ತಿದೆ

ನಾವೀಗ ಆರಂಭಿಸೋಣ. ನಿಮ್ಮ ವೆಬ್ ಪುಟಕ್ಕೆ ಚಿತ್ರವನ್ನು ಸೇರಿಸುವುದು ನೀವು ತೆಗೆದುಕೊಳ್ಳಬೇಕಾದ ಮೊದಲ ಹಂತ. ನಂತರ ಅದನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ನೀವು ಚಿತ್ರವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ. ಅಲ್ಲಿಂದ ನೀವು ಗುಣಲಕ್ಷಣಗಳ ಮೆನುಗೆ ಹೋಗಿ (ಆಯತಾಕಾರ, ವೃತ್ತ ಅಥವಾ ಬಹುಭುಜಾಕೃತಿ: ಮೂರು ಹಾಟ್ಸ್ಪಾಟ್ ಡ್ರಾಯಿಂಗ್ ಉಪಕರಣಗಳಲ್ಲಿ ಒಂದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.) ಆಸ್ತಿ ಪಟ್ಟಿಯಲ್ಲಿ ನೀವು ಮಾಡುವ ನಿಮ್ಮ ಇಮೇಜ್ಗೆ ಹೆಸರಿಸಲು ಮರೆಯಬೇಡಿ. ಇದು ನಿಮಗೆ ಬೇಕಾಗಿರುವುದೆಂದರೆ "ಮ್ಯಾಪ್" ಅನ್ನು ಉದಾಹರಣೆಯಾಗಿ ಬಳಸಿ.

ಈಗ, ಈ ಉಪಕರಣಗಳಲ್ಲಿ ಒಂದನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಚಿತ್ರದಲ್ಲಿ ನೀವು ಬಯಸುವ ಆಕಾರವನ್ನು ಸೆಳೆಯಿರಿ. ನೀವು ಆಯತಾಕಾರದ ಚುಕ್ಕೆಗಳನ್ನು ಬಯಸಿದಲ್ಲಿ, ರೆಕ್ಟಾಂಜ್ ಬಳಸಿ. ವಲಯಕ್ಕೆ ಒಂದೇ. ನೀವು ಹೆಚ್ಚು ಸಂಕೀರ್ಣ ಹಾಟ್ಸ್ಪಾಟ್ ಆಕಾರಗಳನ್ನು ಬಯಸಿದರೆ, ಬಹುಭುಜಾಕೃತಿ ಬಳಸಿ. ಬಹುಪಾಲು ನೀವು ಬಿಂದುಗಳನ್ನು ಬಿಡಲು ಮತ್ತು ಚಿತ್ರದ ಮೇಲೆ ಬಹಳ ಸಂಕೀರ್ಣವಾದ ಮತ್ತು ಅನಿಯಮಿತ ಆಕಾರಗಳನ್ನು ರಚಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುವ ಕಾರಣದಿಂದಾಗಿ, ನೀವು ಯುಎಸ್ ಮ್ಯಾಪ್ನ ಉದಾಹರಣೆಯಲ್ಲಿ ಈ ರೀತಿ ಬಳಸಬಹುದು.

ಹಾಟ್ಸ್ಪಾಟ್ಗಾಗಿ ಗುಣಲಕ್ಷಣಗಳ ವಿಂಡೋದಲ್ಲಿ, ಹಾಟ್ಸ್ಪಾಟ್ ಲಿಂಕ್ ಮಾಡುವ ಪುಟಕ್ಕೆ ಟೈಪ್ ಮಾಡಿ ಅಥವಾ ಬ್ರೌಸ್ ಮಾಡಿ. ಇದು ಆ ಸಂಪರ್ಕಸಾಧ್ಯ ಪ್ರದೇಶವನ್ನು ರಚಿಸುವುದು. ನಿಮ್ಮ ನಕ್ಷೆ ಪೂರ್ಣಗೊಳ್ಳುವವರೆಗೆ ಸೇರಿಸುವ ಹಾಟ್ಸ್ಪಾಟ್ಗಳನ್ನು ಮುಂದುವರಿಸಿ ಮತ್ತು ನೀವು ಸೇರಿಸಲು ಬಯಸುವ ಎಲ್ಲ ಲಿಂಕ್ಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ.

ಒಮ್ಮೆ ನೀವು ಮಾಡಿದ ನಂತರ, ಅದು ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ನಿಮ್ಮ ಇಮೇಜ್ ನಕ್ಷೆಯನ್ನು ಬ್ರೌಸರ್ನಲ್ಲಿ ಪುನಃ ಪರಿಶೀಲಿಸಿ. ಸರಿಯಾದ ಲಿಂಕ್ ಅಥವಾ ವೆಬ್ ಪುಟಕ್ಕೆ ಹೋಗುವುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಪ್ರತಿ ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.

ಚಿತ್ರ ನಕ್ಷೆಗಳ ಅನಾನುಕೂಲಗಳು

ಮತ್ತೊಮ್ಮೆ, ಇಮೇಜ್ ಮ್ಯಾಪ್ಗಳಿಗೆ ಹಲವಾರು ವೆಬ್ಸೈಟ್ಗಳು ದೊರೆಯುತ್ತವೆ ಎಂದು ತಿಳಿದಿರಲಿ, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ ಸೈಟ್ಗಳ ಬೆಂಬಲದ ಕೊರತೆಯಿಂದ ಹೊರಗೆ. ಭದ್ರದಾರುಗಳು, ಸಣ್ಣ ನಕ್ಷೆಗಳನ್ನು ಚಿತ್ರ ನಕ್ಷೆಯಲ್ಲಿ ಅಸ್ಪಷ್ಟಗೊಳಿಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ಭೌಗೋಳಿಕ ಚಿತ್ರ ನಕ್ಷೆಗಳು ಬಳಕೆದಾರರಿಂದ ಯಾವ ಖಂಡದೆಂದು ನಿರ್ಧರಿಸಲು ಸಹಾಯ ಮಾಡಬಹುದು, ಆದರೆ ಈ ನಕ್ಷೆಗಳು ಬಳಕೆದಾರರ ಮೂಲವನ್ನು ಗುರುತಿಸಲು ಸಾಕಷ್ಟು ವಿವರಗಳನ್ನು ನೀಡದಿರಬಹುದು. ಇದರರ್ಥ ಒಂದು ಬಳಕೆದಾರ ಏಷ್ಯಾದಿಂದ ಬಂದಿದ್ದರೂ, ನಿರ್ದಿಷ್ಟವಾಗಿ ಕಾಂಬೋಡಿಯಾದಿಂದ ಅಲ್ಲವೇ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಲು ಇಮೇಜ್ ನಕ್ಷೆ ನೆರವಾಗಬಹುದು.

ಚಿತ್ರ ನಕ್ಷೆಗಳು ಸಹ ನಿಧಾನವಾಗಿ ಲೋಡ್ ಮಾಡಬಹುದು. ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಅವರು ಅನೇಕ ಬಾರಿ ಬಳಸಬಾರದು ಏಕೆಂದರೆ ಅವರು ವೆಬ್ ಸೈಟ್ನ ಪ್ರತಿ ಪುಟದಲ್ಲಿ ಬಳಸಬೇಕಾದ ಹೆಚ್ಚಿನ ಸ್ಥಳವನ್ನು ಆಕ್ರಮಿಸುತ್ತಾರೆ. ಒಂದೇ ಪುಟದಲ್ಲಿ ಹಲವಾರು ಇಮೇಜ್ ನಕ್ಷೆಗಳು ಸೈಟ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಗಂಭೀರ ಅಡಚಣೆ ಮತ್ತು ಭಾರಿ ಪರಿಣಾಮವನ್ನುಂಟುಮಾಡುತ್ತವೆ.

ಅಂತಿಮವಾಗಿ, ದೃಶ್ಯ ಸಮಸ್ಯೆಗಳೊಂದಿಗೆ ಪ್ರವೇಶಿಸಲು ಬಳಕೆದಾರರಿಗೆ ಚಿತ್ರ ನಕ್ಷೆಗಳು ಸುಲಭವಾಗುವುದಿಲ್ಲ. ನೀವು ಇಮೇಜ್ ನಕ್ಷೆಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ಪರ್ಯಾಯವಾಗಿ ಈ ಬಳಕೆದಾರರಿಗೆ ನೀವು ಇನ್ನೊಂದು ಸಂಚರಣೆ ವ್ಯವಸ್ಥೆಯನ್ನು ಕೂಡ ರಚಿಸಬೇಕು.

ಬಾಟಮ್ ಲೈನ್

ನಾನು ಒಂದು ವಿನ್ಯಾಸದ ತ್ವರಿತ ಡೆಮೊ ಮತ್ತು ಅದು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂದು ಒಟ್ಟಾಗಿ ಪ್ರಯತ್ನಿಸುವಾಗ ನಾನು ಕಾಲಕಾಲಕ್ಕೆ ಚಿತ್ರ ನಕ್ಷೆಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ. ಉದಾಹರಣೆಗೆ, ನಾನು ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ಗಾಗಿ ವಿನ್ಯಾಸವನ್ನು ಅಪಹಾಸ್ಯ ಮಾಡುತ್ತಿದ್ದೇನೆ ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್ನ ಸಂವಹನವನ್ನು ಅನುಕರಿಸಲು ನಾನು ಹಾಟ್ ಸ್ಪಾಟ್ಗಳನ್ನು ರಚಿಸಲು ಇಮೇಜ್ ನಕ್ಷೆಗಳನ್ನು ಬಳಸಲು ಬಯಸುತ್ತೇನೆ. ಇದು ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಕೋಡ್ ಮಾಡುವುದಕ್ಕಿಂತ ಹೆಚ್ಚು ಸುಲಭವಾಗುವುದು ಅಥವಾ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಪ್ರಸ್ತುತ ಗುಣಮಟ್ಟಕ್ಕೆ ನಿರ್ಮಿಸಲಾದ ನಕಲಿ ವೆಬ್ಪುಟಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಸುಲಭವಾಗಿದೆ. ಈ ನಿರ್ದಿಷ್ಟ ಉದಾಹರಣೆಯಲ್ಲಿ, ಮತ್ತು ಯಾವ ಸಾಧನವನ್ನು ನಾನು ಡೆಮೊಗೆ ವಿನ್ಯಾಸ ಮಾಡುತ್ತೇನೆ ಮತ್ತು ಆ ಸಾಧನಕ್ಕೆ ಕೋಡ್ ಅನ್ನು ಅಳೆಯಬಹುದು ಎಂಬುದನ್ನು ನಾನು ತಿಳಿದಿದ್ದೇನೆಂದರೆ, ಇಮೇಜ್ ಮ್ಯಾಪ್ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಆದರೆ ಅವುಗಳನ್ನು ಒಂದು ನಿರ್ಮಾಣ ಸೈಟ್ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ ಆಗಿ ಇರಿಸಿಕೊಳ್ಳುವುದು ತುಂಬಾ ಟ್ರಿಕಿ ಮತ್ತು ಇಂದಿನ ದಿನಗಳಲ್ಲಿ ವೆಬ್ಸೈಟ್ಗಳು.

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. 9/7/17 ರಂದು ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ ಸಂಪಾದಿಸಲಾಗಿದೆ.