ವೆಬ್ಸೈಟ್ಗಳು ಅವರ ಮುಂದೆ ಬಂದ ಯಾವುದೇ ಸಂವಹನ ಮಾಧ್ಯಮಕ್ಕಿಂತ ಭಿನ್ನವಾಗಿರುತ್ತವೆ. ಮುದ್ರಣ, ರೇಡಿಯೋ, ಮತ್ತು ದೂರದರ್ಶನ ಮುಂತಾದ ಹಿಂದಿನ ಮಾಧ್ಯಮ ಸ್ವರೂಪಗಳಿಂದ ಹೊರತುಪಡಿಸಿ ವೆಬ್ಸೈಟ್ಗಳನ್ನು ಹೊಂದಿಸುವ ಪ್ರಮುಖ ವಿಷಯವೆಂದರೆ " ಹೈಪರ್ಲಿಂಕ್ " ಎಂಬ ಪರಿಕಲ್ಪನೆ.
ಸಾಮಾನ್ಯವಾಗಿ "ಲಿಂಕ್ಗಳು" ಎಂದು ಕರೆಯಲ್ಪಡುವ ಹೈಪರ್ಲಿಂಕ್ಗಳು, ವೆಬ್ ಅನ್ನು ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಮಾಡುತ್ತವೆ. ಮತ್ತೊಂದು ಲೇಖನ ಅಥವಾ ಇತರ ಸಂಪನ್ಮೂಲವನ್ನು ಉಲ್ಲೇಖಿಸಬಹುದಾದ ಮುದ್ರಿತ ಪ್ರಕಟಣೆಯನ್ನು ಹೋಲುವಂತಿಲ್ಲ, ವೆಬ್ಸೈಟ್ಗಳು ಈ ಲಿಂಕ್ಗಳನ್ನು ಇತರ ಪುಟಗಳಿಗೆ ಮತ್ತು ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಕಳುಹಿಸಲು ನಿಜವಾಗಿಯೂ ಬಳಸಬಹುದು. ಇತರ ಪ್ರಸಾರ ಮಾಧ್ಯಮವು ಇದನ್ನು ಮಾಡಬಹುದು. ನೀವು ರೇಡಿಯೋದಲ್ಲಿ ಜಾಹೀರಾತನ್ನು ಕೇಳಬಹುದು ಅಥವಾ ಟಿವಿಯಲ್ಲಿ ವೀಕ್ಷಿಸಬಹುದು, ಆದರೆ ಆ ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ಸುಲಭವಾಗಿ ಮಾಡುವ ರೀತಿಯಲ್ಲಿ ನಿಮ್ಮನ್ನು ಕರೆದೊಯ್ಯುವ ಯಾವುದೇ ಹೈಪರ್ಲಿಂಕ್ಗಳು ಇಲ್ಲ. ಲಿಂಕ್ಗಳು ನಿಜವಾಗಿಯೂ ಆಶ್ಚರ್ಯಕರ ಸಂವಹನ ಮತ್ತು ಸಂವಹನ ಸಾಧನವಾಗಿದೆ!
ಅನೇಕ ವೇಳೆ, ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಕಂಡುಬರುವ ಲಿಂಕ್ಗಳು ಪಠ್ಯ ವಿಷಯವಾಗಿದ್ದು ಅದು ಅದೇ ಸೈಟ್ನ ಇತರ ಪುಟಗಳಿಗೆ ಭೇಟಿ ನೀಡುವವರಿಗೆ ನಿರ್ದೇಶಿಸುತ್ತದೆ. ಒಂದು ವೆಬ್ಸೈಟ್ ನ ಸಂಚರಣೆ ಅಭ್ಯಾಸದಲ್ಲಿ ಪಠ್ಯ ಲಿಂಕ್ಗಳ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ ಆದರೆ ಕೊಂಡಿಗಳು ಪಠ್ಯ-ಆಧಾರಿತವಾಗಿರಬೇಕಾಗಿಲ್ಲ. ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನಲ್ಲಿನ ಚಿತ್ರಗಳನ್ನು ಸಹ ನೀವು ಸುಲಭವಾಗಿ ಸೇರಿಸಬಹುದು. ಇದನ್ನು ಹೇಗೆ ಮಾಡಲಾಗುವುದು ಎಂಬುದನ್ನು ನೋಡೋಣ, ನಂತರ ನೀವು ಇಮೇಜ್-ಆಧಾರಿತ ಹೈಪರ್ಲಿಂಕ್ಗಳನ್ನು ಬಳಸಲು ಬಯಸುವಂತಹ ಕೆಲವು ನಿದರ್ಶನಗಳನ್ನು ನೋಡೋಣ.
ಒಂದು ಚಿತ್ರವನ್ನು ಹೇಗೆ ಲಿಂಕ್ ಮಾಡುವುದು
ನಿಮ್ಮ HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಚಿತ್ರವನ್ನು ಸ್ವತಃ ಇರಿಸಲು ನೀವು ಮಾಡಬೇಕಾಗಿರುವುದು ಮೊದಲನೆಯದು. ಇಮೇಜ್-ಆಧಾರಿತ ಲಿಂಕ್ನ ಒಂದು ಸಾಮಾನ್ಯ ಬಳಕೆಯು ಸೈಟ್ನ ಲಾಂಛನ ಗ್ರಾಫಿಕ್ ಆಗಿದ್ದು, ಅದನ್ನು ನಂತರ ಸೈಟ್ನ ಮುಖಪುಟಕ್ಕೆ ಮತ್ತೆ ಜೋಡಿಸಲಾಗಿದೆ. ಕೆಳಗಿನ ನಮ್ಮ ಉದಾಹರಣೆಯಲ್ಲಿ ಕೋಡ್ನಲ್ಲಿ, ನಾವು ಬಳಸುತ್ತಿರುವ ಫೈಲ್ ನಮ್ಮ ಲೋಗೋಕ್ಕಾಗಿ SVG ಆಗಿದೆ . ಇದು ವಿಭಿನ್ನ ನಿರ್ಣಯಗಳಿಗೆ ಅಳತೆ ಮಾಡಲು ನಮ್ಮ ಇಮೇಜ್ಗೆ ಅವಕಾಶ ಮಾಡಿಕೊಡುವುದರಿಂದ ಇದು ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಿದ್ದು, ಎಲ್ಲಾ ಸಮಯದಲ್ಲಾದರೂ ಚಿತ್ರದ ಗುಣಮಟ್ಟ ಮತ್ತು ಸಣ್ಣ ಒಟ್ಟಾರೆ ಫೈಲ್ ಗಾತ್ರವನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ.
ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ನೀವು HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಹೇಗೆ ಇಡುತ್ತೀರಿ ಎಂಬುದನ್ನು ಇಲ್ಲಿದೆ:
ಇಮೇಜ್ ಟ್ಯಾಗ್ನ ಸುತ್ತ, ನೀವು ಈಗ ಆಂಕರ್ ಲಿಂಕ್ ಅನ್ನು ಸೇರಿಸುತ್ತೀರಿ, ಚಿತ್ರವನ್ನು ಮೊದಲು ಆಂಕರ್ ಅಂಶವನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಚಿತ್ರದ ನಂತರ ಆಂಕರ್ ಅನ್ನು ಮುಚ್ಚುವುದು. ನೀವು ಪಠ್ಯವನ್ನು ಹೇಗೆ ಲಿಂಕ್ ಮಾಡಬೇಕೆಂಬುದನ್ನು ಹೋಲುತ್ತದೆ, ನೀವು ಆಂಕರ್ ಟ್ಯಾಗ್ಗಳು ಹೊಂದಿರುವ ಲಿಂಕ್ ಎಂದು ಬಯಸುವ ಪದಗಳನ್ನು ಸುತ್ತುವ ಬದಲಿಗೆ, ನೀವು ಚಿತ್ರವನ್ನು ಬಿಂಬಿಸಿ. ಕೆಳಗೆ ನಮ್ಮ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು "index.html" ಎಂದು ನಮ್ಮ ಸೈಟ್ನ ಮುಖಪುಟಕ್ಕೆ ಮತ್ತೆ ಸಂಪರ್ಕಿಸುತ್ತಿದ್ದೇವೆ.
ನಿಮ್ಮ ಪುಟಕ್ಕೆ ಈ HTML ಅನ್ನು ಸೇರಿಸಿದಾಗ, ಆಂಕರ್ ಟ್ಯಾಗ್ ಮತ್ತು ಇಮೇಜ್ ಟ್ಯಾಗ್ನ ನಡುವೆ ಯಾವುದೇ ಸ್ಥಳಗಳನ್ನು ಇರಿಸಬೇಡಿ. ನೀವು ಮಾಡಿದರೆ, ಕೆಲವು ಬ್ರೌಸರ್ಗಳು ಚಿತ್ರದ ಪಕ್ಕದಲ್ಲಿ ಸ್ವಲ್ಪ ತುಂಡುಗಳನ್ನು ಸೇರಿಸುತ್ತವೆ, ಇದು ಬೆಸವಾಗಿ ಕಾಣುತ್ತದೆ.
ಲಾಂಛನವು ಇದೀಗ ಹೋಮ್ ಪೇಜ್ ಬಟನ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಇದು ಈ ದಿನಗಳಲ್ಲಿ ಅತ್ಯಧಿಕವಾಗಿ ವೆಬ್ ಪ್ರಮಾಣಿತವಾಗಿದೆ. ನಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ನಲ್ಲಿ ಚಿತ್ರದ ಅಗಲ ಮತ್ತು ಎತ್ತರಗಳಂತಹ ದೃಶ್ಯ ಶೈಲಿಗಳನ್ನು ನಾವು ಸೇರಿಸಿಕೊಳ್ಳುವುದಿಲ್ಲ ಎಂದು ಗಮನಿಸಿ. ನಾವು ಈ ದೃಶ್ಯ ಶೈಲಿಗಳನ್ನು ಸಿಎಸ್ಎಸ್ ಗೆ ಬಿಡುತ್ತೇವೆ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ರಚನೆ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳ ಶುದ್ಧವಾದ ಪ್ರತ್ಯೇಕತೆಯನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳುತ್ತೇವೆ.
ನೀವು ಸಿಎಸ್ಎಸ್ ಪಡೆಯಲು ಒಮ್ಮೆ ನೀವು ಈ ಲೋಗೋ ಗ್ರಾಫಿಕ್ ಗುರಿ ಬರೆಯಲು ಶೈಲಿಗಳು ಬಹು ಸಾಧನ ಸ್ನೇಹಿ ಚಿತ್ರಗಳನ್ನು ಹಾಗೆಯೇ ನೀವು ಗಡಿ ಅಥವಾ ಸಿಎಸ್ಎಸ್ ನಂತಹ ಇಮೇಜ್ / ಲಿಂಕ್, ಸೇರಿಸಲು ಇಷ್ಟ ಯಾವುದೇ ದೃಶ್ಯಗಳು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಶೈಲಿಗಳು ಸೇರಿದಂತೆ ಚಿತ್ರ, ಗಾತ್ರವನ್ನು ಒಳಗೊಳ್ಳಬಹುದು ಡ್ರಾಪ್ ನೆರಳುಗಳು. ನಿಮ್ಮ CSS ಶೈಲಿಯೊಂದಿಗೆ ಬಳಸಲು ಹೆಚ್ಚುವರಿ "ಕೊಕ್ಕೆಗಳು" ಅಗತ್ಯವಿದ್ದರೆ ನೀವು ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ಸಹ ನೀಡಬಹುದು ಅಥವಾ ವರ್ಗ ಗುಣಲಕ್ಷಣವನ್ನು ಲಿಂಕ್ ಮಾಡಬಹುದು.
ಚಿತ್ರ ಲಿಂಕ್ಗಳಿಗಾಗಿ ಪ್ರಕರಣಗಳನ್ನು ಬಳಸಿ
ಆದ್ದರಿಂದ ಇಮೇಜ್ ಲಿಂಕ್ ಅನ್ನು ಸೇರಿಸುವುದು ತುಂಬಾ ಸುಲಭ. ನಾವು ಈಗ ನೋಡಿದಂತೆ, ನೀವು ಮಾಡಬೇಕಾದದ್ದು ಸೂಕ್ತ ಆಂಕರ್ ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಚಿತ್ರವನ್ನು ಸುತ್ತುವುದು. ನಿಮ್ಮ ಮುಂದಿನ ಪ್ರಶ್ನೆಯು "ಮೇಲೆ ತಿಳಿಸಲಾದ ಲೋಗೊ / ಮುಖಪುಟ ಲಿಂಕ್ ಉದಾಹರಣೆಯನ್ನು ಹೊರತುಪಡಿಸಿ ನೀವು ನಿಜವಾಗಿಯೂ ಇದನ್ನು ಯಾವಾಗ ಮಾಡುತ್ತೀರಿ?"
ಕೆಲವು ಆಲೋಚನೆಗಳು ಇಲ್ಲಿವೆ:
- ಆ ಚಿತ್ರಗಳ ದೊಡ್ಡ ಆವೃತ್ತಿಗಳಿಗೆ ಲಿಂಕ್ ಮಾಡುವ ಗ್ಯಾಲರಿಯಲ್ಲಿ ಥಂಬ್ನೇಲ್ ಚಿತ್ರಗಳು.
- ಇ-ಕಾಮರ್ಸ್ ವೆಬ್ಸೈಟ್ಗಾಗಿ ಉತ್ಪನ್ನದ ಫೋಟೋಗಳಂತೆ ವಿಷಯವನ್ನು ಪ್ರತಿನಿಧಿಸಲು ಮಾತ್ರ ಬಳಸಲಾಗುವ ಚಿತ್ರಗಳು.
- ಇತರ ವಿಷಯದ ಭಾಗವಾಗಿರುವ ಟೀಸರ್ ಚಿತ್ರಗಳು, ಬ್ಲಾಗ್ ಲೇಖನ ಅಥವಾ ಪತ್ರಿಕಾ ಪ್ರಕಟಣೆಯಂತೆ, ಆ ವಿಷಯವು ಪೂರ್ಣ ಲೇಖನವನ್ನು ಓದಲು ಸ್ಪರ್ಶಿಸಲು ಅಥವಾ ಕ್ಲಿಕ್ ಮಾಡಲು ಗುರಿಯಿರುವ ಪ್ರದೇಶವನ್ನು ನೀಡುವ ವಿಷಯವನ್ನು ಜನರಿಗೆ ಮನವರಿಕೆ ಮಾಡುತ್ತದೆ.
- ಸೈಟ್ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಕಾರ್ಯನಿರ್ವಹಣೆ ಅಥವಾ ಪುಟಗಳಿಗೆ ಸಂಪರ್ಕಿಸಲು ಬಟನ್ಗಳಂತೆ ಬಳಸಲಾಗುವ ಐಕಾನ್ ಚಿತ್ರಗಳು.
- ಆ ಸೈಟ್ ಅಥವಾ ಕಂಪನಿಗೆ ಮುಖ್ಯವಾದ ವಿವಿಧ ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಸೈಟ್ಗಳ ಗುರುತಿಸಬಹುದಾದ ಲೋಗೋಗಳನ್ನು ಬಳಸುವ ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಕೊಂಡಿಗಳು.
- ರೂಪ ಸಲ್ಲಿಕೆಗಳಂತಹ ಕೆಲವು ಕಾರ್ಯಕ್ಷಮತೆಗಾಗಿ ಬಟನ್ಗಳಾಗಿ ಬಳಸಲ್ಪಡುವ ಚಿತ್ರಗಳು (ಅತ್ಯುತ್ತಮ ಅಭ್ಯಾಸಗಳು - ವೆಬ್ಸೈಟ್ ಕಾರ್ಯಕ್ಷಮತೆಯ ದೃಷ್ಟಿಕೋನದಿಂದ, ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಸಂಪೂರ್ಣವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಬಟನ್ಗಳು ಇಮೇಜ್ ಬಟನ್ಗಳಿಗಿಂತ ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಿದೆ).
ಇಮೇಜ್ಗಳನ್ನು ಬಳಸುವಾಗ ಜ್ಞಾಪನೆ
ವೆಬ್ಸೈಟ್ನ ಯಶಸ್ಸಿನಲ್ಲಿ ಚಿತ್ರಗಳು ಪ್ರಮುಖ ಪಾತ್ರ ವಹಿಸುತ್ತವೆ. ಆ ವಿಷಯಕ್ಕೆ ಗಮನ ಸೆಳೆಯಲು ಮತ್ತು ಅದನ್ನು ಓದಲು ಜನರನ್ನು ಪಡೆಯಲು ಇತರ ವಿಷಯಗಳ ಜೊತೆಗೆ ಚಿತ್ರಗಳನ್ನು ಬಳಸಿ ಪ್ರಸ್ತಾಪಿಸಿದ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ.
ಚಿತ್ರಗಳನ್ನು ಬಳಸುವಾಗ, ನಿಮ್ಮ ಅಗತ್ಯಗಳಿಗಾಗಿ ಸರಿಯಾದ ಚಿತ್ರಣವನ್ನು ಆಯ್ಕೆ ಮಾಡುವಲ್ಲಿ ನೀವು ಎಚ್ಚರ ವಹಿಸಬೇಕು, ಇದು ಸರಿಯಾದ ಚಿತ್ರ ವಿಷಯ, ಸ್ವರೂಪ, ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ನೀವು ಬಳಸುವ ಯಾವುದೇ ಚಿತ್ರಗಳು ಸರಿಯಾಗಿ ವೆಬ್ಸೈಟ್ ಡೆಲಿವರಿಗೆ ಸೂಕ್ತವಾಗಿದೆಯೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ಇದು ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಕೇವಲ ಬಹಳಷ್ಟು ಕೆಲಸಗಳಂತೆ ಕಾಣಿಸಬಹುದು, ಆದರೆ ಪ್ರತಿಫಲವು ಮೌಲ್ಯದ್ದಾಗಿದೆ! ಸೈಟ್ಗಳು ನಿಜವಾಗಿಯೂ ಸೈಟ್ನ ಯಶಸ್ಸನ್ನು ತುಂಬಾ ಸೇರಿಸಬಹುದು.
ನಿಮ್ಮ ಸೈಟ್ನಲ್ಲಿ ಸೂಕ್ತವಾದ ಚಿತ್ರಗಳನ್ನು ಬಳಸಲು ಹಿಂಜರಿಯಬೇಡಿ, ಮತ್ತು ನಿಮ್ಮ ವಿಷಯಕ್ಕೆ ಪರಸ್ಪರ ಪ್ರಭಾವ ಬೀರಲು ಅಗತ್ಯವಿದ್ದಾಗ ಆ ಚಿತ್ರಗಳನ್ನು ಲಿಂಕ್ ಮಾಡಿ, ಆದರೆ ಈ ಇಮೇಜ್ ಅತ್ಯುತ್ತಮ ಆಚರಣೆಗಳನ್ನು ಗಮನದಲ್ಲಿಟ್ಟುಕೊಂಡು ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ ವಿನ್ಯಾಸ ಕೆಲಸದಲ್ಲಿ ಈ ಗ್ರಾಫಿಕ್ಸ್ / ಲಿಂಕ್ಗಳನ್ನು ಸರಿಯಾಗಿ ಮತ್ತು ಜವಾಬ್ದಾರಿಯುತವಾಗಿ ಬಳಸಿ.