ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ಅಗಲವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವುದು

ತಮ್ಮ ವೆಬ್ ಪುಟವನ್ನು ನಿರ್ಮಿಸುವಾಗ ಹೆಚ್ಚಿನ ವಿನ್ಯಾಸಕರು ಪರಿಗಣಿಸುವ ಮೊದಲ ವಿಷಯವು ಯಾವ ವಿನ್ಯಾಸದ ವಿನ್ಯಾಸಕ್ಕೆ ಕಾರಣವಾಗಿದೆ. ನಿಮ್ಮ ವಿನ್ಯಾಸ ಎಷ್ಟು ವಿಶಾಲವಾಗಬೇಕೆಂಬುದನ್ನು ಇದು ನಿಜವಾಗಿಯೂ ನಿರ್ಧರಿಸುತ್ತದೆ. ಪ್ರಮಾಣಿತ ವೆಬ್ಸೈಟ್ ಅಗಲವಾಗಿ ಇನ್ನು ಮುಂದೆ ಇರುವುದಿಲ್ಲ.

ಏಕೆ ರೆಸಲ್ಯೂಶನ್ ಪರಿಗಣಿಸಿ

1995 ರಲ್ಲಿ, ಪ್ರಮಾಣಿತ 640x480 ರೆಸಲ್ಯೂಶನ್ ಮಾನಿಟರ್ಗಳು ಅತಿದೊಡ್ಡ ಮತ್ತು ಅತ್ಯುತ್ತಮವಾದ ಮಾನಿಟರ್ಗಳಾಗಿದ್ದವು. ಇದರರ್ಥ ವೆಬ್ ವಿನ್ಯಾಸಕರು 12 ಇಂಚಿನಿಂದ 14 ಇಂಚಿನ ಮಾನಿಟರ್ನಲ್ಲಿ ರೆಸಲ್ಯೂಶನ್ ವೆಬ್ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಉತ್ತಮವಾದ ಪುಟಗಳನ್ನು ತಯಾರಿಸುವಲ್ಲಿ ಗಮನ ಹರಿಸಿದರು.

ಈ ದಿನಗಳಲ್ಲಿ 640x480 ರೆಸೊಲ್ಯೂಶನ್ ಹೆಚ್ಚು ವೆಬ್ಸೈಟ್ ಸಂಚಾರದಲ್ಲಿ 1 ಪ್ರತಿಶತಕ್ಕಿಂತ ಕಡಿಮೆಯಿದೆ. ಜನರು 1366x768, 1600x900 ಮತ್ತು 5120x2880 ಸೇರಿದಂತೆ ಹೆಚ್ಚಿನ ರೆಸಲ್ಯೂಷನ್ಸ್ ಹೊಂದಿರುವ ಕಂಪ್ಯೂಟರ್ಗಳನ್ನು ಬಳಸುತ್ತಾರೆ. ಅನೇಕ ಸಂದರ್ಭಗಳಲ್ಲಿ, 1366x768 ರೆಸಲ್ಯೂಶನ್ ಪರದೆಯನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವುದು.

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

ಬ್ರೌಸರ್ ಅಗಲ

ನೀವು "ಸರಿ, ನನ್ನ ಪುಟಗಳನ್ನು ನಾನು 1366 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಅಗಲವಾಗಿಸುತ್ತೇನೆ" ಎಂದು ಯೋಚಿಸುವ ಮೊದಲು "ಈ ಕಥೆಯ ಬಗ್ಗೆ ಹೆಚ್ಚು ಇದೆ. ಒಂದು ವೆಬ್ ಪುಟದ ಅಗಲವನ್ನು ನಿರ್ಣಯಿಸುವಾಗ ನಿಮ್ಮ ಗ್ರಾಹಕರು ತಮ್ಮ ಬ್ರೌಸರ್ಗಳನ್ನು ಎಷ್ಟು ದೊಡ್ಡದಾಗಿಸಿಕೊಳ್ಳುತ್ತಾರೆ ಎಂಬುದು ಒಂದು ಕಡೆಗೆ ಆಗಾಗ್ಗೆ ಕಡೆಗಣಿಸಲ್ಪಟ್ಟಿದೆ. ನಿರ್ದಿಷ್ಟವಾಗಿ ಹೇಳುವುದಾದರೆ, ಅವರು ತಮ್ಮ ಬ್ರೌಸರ್ಗಳನ್ನು ಪೂರ್ಣ-ಪರದೆಯ ಗಾತ್ರದಲ್ಲಿ ಗರಿಷ್ಠಗೊಳಿಸಲು ಅಥವಾ ಅವುಗಳನ್ನು ಪೂರ್ಣ ಪರದೆಯಕ್ಕಿಂತ ಚಿಕ್ಕದಾಗಿಸಿಕೊಂಡಿರಾ?

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

ಗರಿಷ್ಠಗೊಳಿಸಲು ಅಥವಾ ಮಾಡದ ಗ್ರಾಹಕರಿಗೆ ನೀವು ಖಾತೆಯನ್ನು ನೀಡಿದ ನಂತರ, ಬ್ರೌಸರ್ ಗಡಿಗಳ ಬಗ್ಗೆ ಯೋಚಿಸಿ. ಪ್ರತಿ ವೆಬ್ ಬ್ರೌಸರ್ ಸ್ಕ್ರಾಲ್ ಬಾರ್ ಮತ್ತು ಗಡಿಗಳಲ್ಲಿ 800 ರಿಂದ 740 ಪಿಕ್ಸೆಲ್ಗಳು ಅಥವಾ ಕಡಿಮೆ 800x600 ರೆಸಲ್ಯೂಷನ್ಸ್ ಮತ್ತು 1024x768 ರೆಸಲ್ಯೂಷನ್ಸ್ನಲ್ಲಿ ಗರಿಷ್ಠ ವಿಂಡೋಗಳಲ್ಲಿ 980 ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಲಭ್ಯವಿದೆ. ಇದನ್ನು ಬ್ರೌಸರ್ "chrome" ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ ಮತ್ತು ಅದು ನಿಮ್ಮ ಪುಟ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಬಳಸಬಹುದಾದ ಸ್ಥಳದಿಂದ ದೂರವಿರಬಹುದು.

ಸ್ಥಿರ ಅಥವಾ ದ್ರವ ಅಗಲ ಪುಟಗಳು

ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಅಗಲವನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವಾಗ ನೀವು ಯೋಚಿಸುವ ಅಗತ್ಯವಿರುವ ನಿಜವಾದ ಸಂಖ್ಯಾತ್ಮಕ ಅಗಲ ಮಾತ್ರವಲ್ಲ. ನೀವು ನಿಶ್ಚಿತ ಅಗಲ ಅಥವಾ ದ್ರವ ಅಗಲವನ್ನು ಹೊಂದಿದ್ದರೆ ನೀವು ಸಹ ನಿರ್ಧರಿಸುವ ಅಗತ್ಯವಿದೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ನೀವು ಒಂದು ನಿರ್ದಿಷ್ಟ ಸಂಖ್ಯೆಯ (ಸ್ಥಿರ) ಅಥವಾ ಶೇಕಡಾವಾರು (ದ್ರವ) ಗೆ ಅಗಲವನ್ನು ಹೊಂದಿಸುತ್ತಿದ್ದೀರಾ?

ಸ್ಥಿರ ಅಗಲ

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

ಸ್ಥಿರ ಅಗಲ ಪುಟಗಳನ್ನು ರಚಿಸಲು, ನಿಮ್ಮ ಪುಟ ವಿಭಾಗಗಳ ಅಗಲಕ್ಕಾಗಿ ನಿರ್ದಿಷ್ಟ ಪಿಕ್ಸೆಲ್ ಸಂಖ್ಯೆಗಳನ್ನು ಬಳಸಿ.

ದ್ರವ ಅಗಲ

ದ್ರವ ಅಗಲ ಪುಟಗಳು (ಕೆಲವೊಮ್ಮೆ ಹೊಂದಿಕೊಳ್ಳುವ ಅಗಲ ಪುಟಗಳು ಎಂದು ಕರೆಯಲ್ಪಡುತ್ತವೆ) ಬ್ರೌಸರ್ ವಿಂಡೋ ಎಷ್ಟು ಅಗಲವಾಗಿದೆ ಎಂಬುದರ ಮೇಲೆ ಅಗಲವಾಗಿ ಬದಲಾಗುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಗ್ರಾಹಕರಿಗೆ ಹೆಚ್ಚಿನ ಗಮನ ನೀಡುವ ಪುಟಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ದ್ರವ ಅಗಲ ಪುಟಗಳೊಂದಿಗಿನ ಸಮಸ್ಯೆ ಅವರು ಓದಲು ಕಷ್ಟವಾಗಬಹುದು. ಪಠ್ಯದ ರೇಖೆಯ ಸ್ಕ್ಯಾನ್ ಉದ್ದವು 10 ರಿಂದ 12 ಪದಗಳಿಗಿಂತ ಉದ್ದವಾಗಿದೆ ಅಥವಾ 4 ರಿಂದ 5 ಪದಗಳಿಗಿಂತ ಕಡಿಮೆ ಇದ್ದರೆ, ಅದನ್ನು ಓದಲು ಕಷ್ಟವಾಗಬಹುದು. ಅಂದರೆ ದೊಡ್ಡ ಅಥವಾ ಸಣ್ಣ ಬ್ರೌಸರ್ ವಿಂಡೋಗಳೊಂದಿಗೆ ಓದುಗರು ತೊಂದರೆ ಹೊಂದಿರುತ್ತಾರೆ.

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

ಮತ್ತು ವಿಜೇತರು: ಸಿಎಸ್ಎಸ್ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು

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