ಬ್ಲಾಕ್ ಲೇಔಟ್ ಎಂದರೇನು? ಹೇಗೆ ತಮ್ಮ ಸ್ವಂತ ನಿಮ್ಮ ಸೈಟ್ ಒಂದು ಪುಟ ವಿಧಿಸಲು?

ನಿಮ್ಮ ಸ್ವಂತ ಪುಟಗಳು ಸೈಟ್ಗಳು ಮಾಡಲು ತಿಳಿಯಲು ಆಸೆ ಇಲ್ಲ? ನಂತರ ಏನನ್ನು ಬ್ಲಾಕ್ ಲೇಔಟ್ ಪರಿಣಿತರಾದಲ್ಲಿ ಅವಕಾಶ. ಲೇಔಟ್ ಅನನುಭವಿ ತೊಂದರೆಯನ್ನುಂಟು ಭೇಟಿ, ಅವರು ಪ್ರಶ್ನೆಗಳನ್ನು ಬಹಳಷ್ಟು. ಬ್ಲಾಕ್ ಕೋಡಿಂಗ್ ಏನು ಪರಿಗಣಿಸಿ.

ಒಂದು ಪ್ರಮುಖ ತುದಿ

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

ಲೇಔಟ್ ಸೈಟ್ಗಳ ರೀತಿಯ

ಲೇಔಟ್ ಹಲವಾರು ವಿಧಗಳಿವೆ:

1. ಕೋಷ್ಟಕ.
2. ಬ್ಲಾಕ್.
3. ಮಿಶ್ರ.

ನಾವು ಬ್ಲಾಕ್ ಲೇಔಟ್ ಆಸಕ್ತರಾಗಿರುತ್ತಾರೆ. ಏನು ಟೇಬಲ್ ಬೇರ್ಪಡುತ್ತದೆ? DIV ಟ್ಯಾಗ್ ಬಳಸಿಕೊಂಡು ಬ್ಲಾಕ್ ಲೇಔಟ್ ನಲ್ಲಿ ಕೆಲವು ಪ್ರಯೋಜನಗಳನ್ನು ಹೊಂದಿದೆ:

1. ಬ್ಲಾಕ್ಗಳನ್ನು ವೇಗವಾಗಿ ವಿನ್ಯಾಸ ಲೋಡ್.
2. ವಿಷಯ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಬ್ಲಾಕ್ಗಳನ್ನು (ಕೋಷ್ಟಕಗಳು ಭಿನ್ನವಾಗಿ) ಡೌನ್ಲೋಡ್ ಸಂಭವಿಸುವುದರಿಂದ. ಕರೆಯಲಾಗುವ, ಈ ಕೋಷ್ಟಕಗಳು ಕೇವಲ ಸಂಪೂರ್ಣ ಟೇಬಲ್ ನಂತರ ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
3. ಓದಲು DIV-ಗಳು ಸುಲಭವಾಗಿ ಜೊತೆ ಕೋಡ್.

ಇದು ಬ್ಲಾಕ್ ಲೇಔಟ್ ಪ್ರಸಿದ್ಧವಾಗಿದೆ ಎಲ್ಲಾ ಅನುಕೂಲಗಳನ್ನು ಇಲ್ಲ.

ಹೇಗೆ ಸ್ಥಳ DIV-ಬ್ಲಾಕ್ಗಳನ್ನು ಬದಲಾಯಿಸಲು?

ಈ ಚಲಿಸುವಂತೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ - ಕೆಳಗಿನ ಸಾಮರ್ಥ್ಯವನ್ನು ಈ ಆಸ್ತಿ:

1. ಎಡಕ್ಕೆ ಹೊಂದಿಸು - ಉಳಿದಿದೆ.
2. ಬಲ align - ಬಲ.
3. ಎಲಿಮೆಂಟ್ ಯಾವುದೂ ನೀಡಿದರೆ ಅವರು ಅಲ್ಲಿ ಅವರು ಸರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ ಉಳಿದಿದೆ. ಈ ಮೌಲ್ಯವನ್ನು ಡೀಫಾಲ್ಟ್ ಆಗಿರುತ್ತದೆ.

ನಾವು ಅಗತ್ಯವಿರುವ ಮತ್ತೊಂದು ಮುಖ್ಯ ಲಕ್ಷಣ - ಸ್ಪಷ್ಟ. ಅವರು 4 ಮೌಲ್ಯಗಳಾಗಿರಬಹುದು:

1. ಹಿಂದಿನ ಐಟಂ ಅಡಿಯಲ್ಲಿ ಅನುಸ್ಥಾಪನೆಗಾಗಿ, ಬಲ, ಬ್ಲಾಕ್ ಸರಿಸಲು - ಬಲ.
2. ಎಡ ಹೋಗಲ್ಪಡುತ್ತದೆಯೋ ಹಿಂದಿನ ಅಂಶ, ಕೆಳಗೆ ಎಡ ಸೆಟ್.
3. ಎರಡೂ - ಹಿಂದಿನ ಸ್ಥಳಾಂತರಿತ ಬ್ಲಾಕ್ನ ಅನುಸ್ಥಾಪನ.
4. ಯಾವುದನ್ನೂ ಆ ಅಂಶಗಳಿಗೆ ಬ್ಲಾಕ್ ಸಂಬಂಧಿ ಸ್ಥಾನದ ಮೇಲೆ ನಿರ್ಬಂಧಗಳನ್ನು ಅನುಪಸ್ಥಿತಿಯಲ್ಲಿ ಸೂಚಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ

ಇದು ಒಂದು ಬ್ಲಾಕ್ ರೀತಿ ಹೇಗೆ ಪರಿಗಣಿಸಿ ಲೇಔಟ್ DIV. ನಾವು ನಮ್ಮ ಕೋಡ್ ಬರೆಯಲು:

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

ನೀವು ನೋಡಬಹುದು ಎಂದು, ಇದು ಸೈಟ್ನ ಸ್ವಲ್ಪ ಸರಳವಾಗಿದೆ ಬ್ಲಾಕ್ ವಿನ್ಯಾಸ ಹೊಂದಿದೆ. ಇದು ಅಧ್ಯಯನ ಮತ್ತು ಪುಟಗಳ ಅತ್ಯಂತ ನಮ್ಯ ರಚನೆ ರಚಿಸುತ್ತದೆ ಹೆಚ್ಚು ಗುಣಗಳನ್ನು ಅಭ್ಯಾಸ ಮುಖ್ಯ.

ಏನೋ ಹೆಚ್ಚು ಪ್ರಮುಖ

ಇದೆ ಲೇಔಟ್ ಬಳಸಿದ ಒಂದು ಜನಪ್ರಿಯ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಇಲ್ಲ - ಸ್ಥಾನಕ್ಕೇರಿ, ಇಡುವುದರ ಬಳಸಲಾಗುತ್ತದೆ.

ಸ್ಥಾನವನ್ನು ಗುಣಗಳನ್ನು ಮೌಲ್ಯಗಳನ್ನು:

1. ರಿಲೇಟಿವ್ - ಅಂಶಗಳನ್ನು ತಮ್ಮ ಮೂಲ ಸ್ಥಳಗಳಿಗೆ ಸಂಬಂಧಿ ಸ್ಥಾನವನ್ನು ಹೊಂದಿಸುತ್ತದೆ. ಅಪ್ಲಿಕೇಶನ್ ಎಡದಿಂದ, ಮೇಲಿನಿಂದ, righ, ಒಂದು ನಿರ್ದಿಷ್ಟ ದಿಕ್ಕಿನಲ್ಲಿ ಕೆಳಗೆ ಅಂಶ ಚಲಿಸುತ್ತದೆ.
2. ಸ್ಥಾಯೀ - ಸಾಮಾನ್ಯ ಪ್ರದರ್ಶನ ಐಟಂ. ಇದು ಬಲ / ಎಡ, ಉನ್ನತ / ಕೆಳಗೆ ಬಳಸಲು ಯಾವುದೇ ಅರ್ಥವಿಲ್ಲ - ಇದು ಏನೂ ಕಾರಣವಾಗಬಹುದು.
3. ಸಂಪೂರ್ಣ - ಸಂಪೂರ್ಣ ಸ್ಥಾನೀಕರಣ ಅಂಶ.
4. ಸ್ಥಿರ - ರೀತಿಯ ಸಂಪೂರ್ಣ. ಇದು ತೆರೆಯಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಹಂತವನ್ನು ತಲುಪಿದೆ, ಆದರೆ ಇದು ಪುಟ ಫ್ಲಿಪ್ಪಿಂಗ್ ವೇಳೆ, ಅದರ ಸ್ಥಾನ ಬದಲಾಗುವುದಿಲ್ಲ.

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

3 ಬ್ಲಾಕ್ಗಳನ್ನು ರಚಿಸಿ. ಮುಂದೆ, ಸಂಪೂರ್ಣ ಸ್ಥಾನಿಕ ಪ್ರಯೋಗ.

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