ವೆಬ್ ವಿನ್ಯಾಸದ ಮೂರು ಪದರಗಳು

ಎಲ್ಲಾ ವೆಬ್ಸೈಟ್ಗಳು ರಚನೆ, ಶೈಲಿ ಮತ್ತು ನಡವಳಿಕೆಯ ಸಂಯೋಜನೆಯೊಂದಿಗೆ ಏಕೆ ನಿರ್ಮಿಸಲ್ಪಟ್ಟಿವೆ

ಫ್ರಂಟ್-ಎಂಡ್ ವೆಬ್ಸೈಟ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ವಿವರಿಸಲು ಬಳಸಲಾಗುವ ಒಂದು ಸಾಮಾನ್ಯ ಸಾದೃಶ್ಯವೆಂದರೆ ಇದು 3-ಕಾಲಿನ ಸ್ಟೂಲ್ನಂತೆ. ವೆಬ್ 3 ಅಭಿವೃದ್ಧಿಯ 3 ಪದರಗಳೆಂದು ಕರೆಯಲ್ಪಡುವ ಈ 3 ಕಾಲುಗಳು ರಚನೆ, ಶೈಲಿ ಮತ್ತು ವರ್ತನೆಗಳು.

ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ನ ಮೂರು ಪದರಗಳು

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

ನೀವು ಪದರಗಳನ್ನು ಏಕೆ ಬೇರ್ಪಡಿಸಬೇಕು?

ನೀವು ವೆಬ್ ಪುಟವನ್ನು ರಚಿಸುವಾಗ, ಪದರಗಳನ್ನು ಸಾಧ್ಯವಾದಷ್ಟು ಬೇರ್ಪಡಿಸುವಂತೆ ಮಾಡುವುದು ಅಪೇಕ್ಷಣೀಯವಾಗಿದೆ. ನಿಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್, ದೃಶ್ಯ ಶೈಲಿಗಳನ್ನು ಸಿಎಸ್ಎಸ್ ಗೆ ರಚಿಸುವುದು ಮತ್ತು ಸೈಟ್ ಬಳಸುವ ಯಾವುದೇ ಸ್ಕ್ರಿಪ್ಟ್ಗಳಿಗೆ ನಡವಳಿಕೆಗಳನ್ನು ರಚಿಸಬೇಕು.

ಪದರಗಳನ್ನು ಬೇರ್ಪಡಿಸುವ ಕೆಲವು ಪ್ರಯೋಜನಗಳು ಹೀಗಿವೆ:

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

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

ಎಚ್ಟಿಎಮ್ಎಲ್ - ರಚನೆ ಲೇಯರ್

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

ಸಿಎಸ್ಎಸ್ - ಸ್ಟೈಲ್ಸ್ ಲೇಯರ್

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

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ - ಬಿಹೇವಿಯರ್ ಲೇಯರ್

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

ನಡವಳಿಕೆ ಪದರದಲ್ಲಿ ನೀವು ನಿರ್ಮಿಸಿದಾಗ, ನೀವು ಸಿಎಸ್ಎಸ್ನಂತೆ ಬಾಹ್ಯ ಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್ಗಳನ್ನು ಬಳಸಬೇಕು. ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ಬಳಸುವ ಒಂದೇ ಪ್ರಯೋಜನಗಳನ್ನು ನೀವು ಪಡೆಯುತ್ತೀರಿ.