ನೋಟ್ಪಾಡ್ ಬಳಸಿಕೊಂಡು ಹೊಸ ವೆಬ್ ಪುಟವನ್ನು ರಚಿಸಿ

07 ರ 01

ನಿಮ್ಮ ಫೈಲ್ಗಳನ್ನು ಹೊಸ ಫೋಲ್ಡರ್ನಲ್ಲಿ ಇರಿಸಿ

ವಿಂಡೋಸ್ ನೋಟ್ಪಾಡ್ ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳನ್ನು ಬರೆಯಲು ಬಳಸಬಹುದಾದ ಮೂಲ ವರ್ಡ್ ಪ್ರೊಸೆಸಿಂಗ್ ಪ್ರೋಗ್ರಾಂ ಆಗಿದೆ. ವೆಬ್ ಪುಟಗಳು ಕೇವಲ ಪಠ್ಯವಾಗಿದ್ದು, ನಿಮ್ಮ HTML ಅನ್ನು ಬರೆಯಲು ನೀವು ಯಾವುದೇ ವರ್ಡ್ ಪ್ರಾಸೆಸಿಂಗ್ ಪ್ರೋಗ್ರಾಂ ಅನ್ನು ಬಳಸಬಹುದು. ಈ ಟ್ಯುಟೋರಿಯಲ್ ಪ್ರಕ್ರಿಯೆಯ ಮೂಲಕ ನಿಮ್ಮನ್ನು ಪರಿಚಯಿಸುತ್ತದೆ.

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

1. ನನ್ನ ಡಾಕ್ಯುಮೆಂಟ್ ವಿಂಡೋವನ್ನು ತೆರೆಯಿರಿ
2. ಫೈಲ್ > ಹೊಸ > ಫೋಲ್ಡರ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ
3. My_website ಫೋಲ್ಡರ್ಗೆ ಹೆಸರಿಸಿ

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

02 ರ 07

ಪುಟವನ್ನು HTML ರೂಪದಲ್ಲಿ ಉಳಿಸಿ

ನೋಟ್ಪಾಡ್ನಲ್ಲಿ ವೆಬ್ ಪುಟವನ್ನು ಬರೆಯುವಾಗ ನೀವು ಮಾಡಬೇಕಾಗಿರುವ ಮೊದಲನೆಯ ವಿಷಯವು ಪುಟವನ್ನು HTML ನಂತೆ ಉಳಿಸುವುದು. ಇದು ನಿಮಗೆ ಸಮಯ ಮತ್ತು ಸಮಯವನ್ನು ಉಳಿಸುತ್ತದೆ.

ಡೈರೆಕ್ಟರಿ ಹೆಸರಿನಂತೆ, ಯಾವಾಗಲೂ ಎಲ್ಲಾ ಸಣ್ಣಕ್ಷರಗಳನ್ನು ಮತ್ತು ಕಡತನಾಮದಲ್ಲಿ ಸ್ಥಳಾವಕಾಶಗಳು ಅಥವಾ ವಿಶೇಷ ಅಕ್ಷರಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ.

1. ನೋಟ್ಪಾಡ್ನಲ್ಲಿ, ಫೈಲ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನಂತರ ಉಳಿಸಿ.
2. ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಫೈಲ್ಗಳನ್ನು ಉಳಿಸುತ್ತಿರುವ ಫೋಲ್ಡರ್ಗೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡಿ.
3. ಉಳಿಸಿ ಪ್ರಕಾರ ಕೌಟುಂಬಿಕತೆ ಡ್ರಾಪ್-ಡೌನ್ ಮೆನುವನ್ನು ಎಲ್ಲಾ ಫೈಲ್ಗಳಿಗೆ ಬದಲಾಯಿಸಿ (*. *).
4. ಫೈಲ್ ಹೆಸರಿಸಿ. ಈ ಟ್ಯುಟೋರಿಯಲ್ ಹೆಸರು pets.htm ಅನ್ನು ಬಳಸುತ್ತದೆ .

03 ರ 07

ವೆಬ್ ಪುಟವನ್ನು ಬರೆಯುವುದನ್ನು ಪ್ರಾರಂಭಿಸಿ

ನಿಮ್ಮ ನೋಟ್ಪಾಡ್ HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ನೀವು ಟೈಪ್ ಮಾಡಬೇಕಾದ ಮೊದಲನೆಯದು DOCTYPE. ಯಾವ ರೀತಿಯ ಎಚ್ಟಿಎಮ್ಎಲ್ ನಿರೀಕ್ಷಿಸಬಹುದು ಎಂದು ಬ್ರೌಸರ್ಗಳಿಗೆ ಅದು ಹೇಳುತ್ತದೆ. ಈ ಟ್ಯುಟೋರಿಯಲ್ HTML5 ಅನ್ನು ಬಳಸುತ್ತದೆ.

ಡಾಕ್ಟೈಪ್ ಘೋಷಣೆ ಒಂದು ಟ್ಯಾಗ್ ಅಲ್ಲ. ಇದು HTML5 ಡಾಕ್ಯುಮೆಂಟ್ ಬರುವ ಕಂಪ್ಯೂಟರ್ಗೆ ಹೇಳುತ್ತದೆ. ಇದು ಪ್ರತಿ HTML5 ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಹೋಗುತ್ತದೆ ಮತ್ತು ಇದು ಈ ಫಾರ್ಮ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ:

ಒಮ್ಮೆ ನೀವು DOCTYPE ಅನ್ನು ಹೊಂದಿದ್ದರೆ, ನಿಮ್ಮ HTML ಅನ್ನು ನೀವು ಪ್ರಾರಂಭಿಸಬಹುದು. ಆರಂಭದಲ್ಲಿ ಎರಡೂ ಟೈಪ್ ಮಾಡಿ

ಟ್ಯಾಗ್ ಮತ್ತು ಅಂತ್ಯದ ಟ್ಯಾಗ್ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ದೇಹ ವಿಷಯಗಳಿಗಾಗಿ ಕೆಲವು ಜಾಗವನ್ನು ಬಿಡಿ. ನಿಮ್ಮ ನೋಟ್ಪಾಡ್ ಡಾಕ್ಯುಮೆಂಟ್ ಈ ರೀತಿ ಇರಬೇಕು:

07 ರ 04

ನಿಮ್ಮ ವೆಬ್ ಪುಟಕ್ಕಾಗಿ ಹೆಡ್ ರಚಿಸಿ

ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ಮೂಲಭೂತ ಮಾಹಿತಿಯು ಸಂಗ್ರಹವಾಗಿರುವ-HTML ಪುಟದ ಮುಖ್ಯಸ್ಥರು- ಹುಡುಕಾಟದ ಎಂಜಿನ್ ಆಪ್ಟಿಮೈಸೇಶನ್ಗಾಗಿ ಪುಟ ಶೀರ್ಷಿಕೆ ಮತ್ತು ಬಹುಶಃ ಮೆಟಾ ಟ್ಯಾಗ್ಗಳಂತೆಯೇ ಸಂಗ್ರಹಿಸಲಾಗುತ್ತದೆ. ತಲೆ ವಿಭಾಗವನ್ನು ರಚಿಸಲು, ಸೇರಿಸಿ

ಟ್ಯಾಗ್ಗಳು ನಡುವೆ ನಿಮ್ಮ ನೋಟ್ಪಾಡ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಪಠ್ಯ ಡಾಕ್ಯುಮೆಂಟ್ ಟ್ಯಾಗ್ಗಳನ್ನು.

Third

ಹಾಗೆ

ಟ್ಯಾಗ್ಗಳು, ಅವುಗಳ ನಡುವೆ ಕೆಲವು ಜಾಗವನ್ನು ಬಿಟ್ಟುಬಿಡಿ, ಇದರಿಂದಾಗಿ ನೀವು ತಲೆ ಮಾಹಿತಿಯನ್ನು ಸೇರಿಸಲು ಅವಕಾಶವಿದೆ.

05 ರ 07

ಹೆಡ್ ವಿಭಾಗದಲ್ಲಿ ಒಂದು ಪುಟದ ಶೀರ್ಷಿಕೆಯನ್ನು ಸೇರಿಸಿ

ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ಶೀರ್ಷಿಕೆ ಬ್ರೌಸರ್ನ ವಿಂಡೋದಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ಪಠ್ಯವಾಗಿದೆ. ಯಾರಾದರೂ ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ಉಳಿಸಿದಾಗ ಬುಕ್ಮಾರ್ಕ್ಗಳು ​​ಮತ್ತು ಮೆಚ್ಚಿನವುಗಳಲ್ಲಿ ಬರೆಯಲಾಗಿದೆ. ನಡುವೆ ಶೀರ್ಷಿಕೆ ಪಠ್ಯ ಸಂಗ್ರಹಿಸಿ

ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಿ ಟ್ಯಾಗ್ಗಳು. ಇದು ವೆಬ್ ಪುಟದಲ್ಲಿ ಮಾತ್ರ ಕಾಣಿಸುವುದಿಲ್ಲ, ಬ್ರೌಸರ್ನ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಮಾತ್ರ.

ಈ ಉದಾಹರಣೆಯ ಪುಟವು "ಮೆಕಿನ್ಲೆ, ಶಾಸ್ತಾ, ಮತ್ತು ಇತರೆ ಸಾಕುಪ್ರಾಣಿಗಳು" ಎಂದು ಹೆಸರಿಸಲ್ಪಟ್ಟಿದೆ.

Third

Third

ಮೆಕಿನ್ಲೆ, ಶಾಸ್ತಾ, ಮತ್ತು ಇತರೆ ಸಾಕುಪ್ರಾಣಿಗಳು

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

07 ರ 07

ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ಮುಖ್ಯ ದೇಹ

ನಿಮ್ಮ ವೆಬ್ ಪುಟದ ದೇಹವನ್ನು ಒಳಗೆ ಸಂಗ್ರಹಿಸಲಾಗಿದೆ

ಟ್ಯಾಗ್ಗಳು. ಇಲ್ಲಿ ನೀವು ಪಠ್ಯ, ಮುಖ್ಯಾಂಶಗಳು, ಉಪಹಾದಿಗಳು, ಚಿತ್ರಗಳು ಮತ್ತು ಗ್ರಾಫಿಕ್ಸ್, ಲಿಂಕ್ಗಳು ​​ಮತ್ತು ಇತರ ಎಲ್ಲ ವಿಷಯವನ್ನು ಹಾಕುತ್ತೀರಿ. ನೀವು ಇಷ್ಟಪಡುವಷ್ಟು ಸಮಯ ಇರಬಹುದು.

ನೋಟ್ಪಾಡ್ನಲ್ಲಿ ನಿಮ್ಮ ವೆಬ್ ಪುಟವನ್ನು ಬರೆಯಲು ಇದೇ ಸ್ವರೂಪವನ್ನು ಅನುಸರಿಸಬಹುದು.

ನಿಮ್ಮ ಶೀರ್ಷಿಕೆ ತಲೆ ಇಲ್ಲಿ ಹೋಗುತ್ತದೆ ವೆಬ್ಪುಟದ ಎಲ್ಲವನ್ನೂ ಇಲ್ಲಿಗೆ ಹೋಗುತ್ತದೆ

07 ರ 07

ಇಮೇಜ್ ಫೋಲ್ಡರ್ ರಚಿಸಲಾಗುತ್ತಿದೆ

ನಿಮ್ಮ HTML ಡಾಕ್ಯುಮೆಂಟ್ನ ದೇಹಕ್ಕೆ ನೀವು ವಿಷಯವನ್ನು ಸೇರಿಸುವ ಮೊದಲು, ನಿಮ್ಮ ಡೈರೆಕ್ಟರಿಗಳನ್ನು ನೀವು ಹೊಂದಿಸಬೇಕಾದರೆ ನೀವು ಚಿತ್ರಗಳಿಗಾಗಿ ಫೋಲ್ಡರ್ ಹೊಂದಿದ್ದೀರಿ.

1. ನನ್ನ ಡಾಕ್ಯುಮೆಂಟ್ ವಿಂಡೋವನ್ನು ತೆರೆಯಿರಿ.
2. My_website ಫೋಲ್ಡರ್ಗೆ ಬದಲಿಸಿ.
3. ಫೈಲ್ > ಹೊಸ > ಫೋಲ್ಡರ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ .
4. ಫೋಲ್ಡರ್ ಚಿತ್ರಗಳನ್ನು ಹೆಸರಿಸಿ.

ನಿಮ್ಮ ಫೋಟೊಗಳಿಗಾಗಿ ಚಿತ್ರಗಳನ್ನು ನಿಮ್ಮ ಫೋಲ್ಡರ್ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಿಟ್ಟುಕೊಳ್ಳಿ ಆದ್ದರಿಂದ ನೀವು ಅವುಗಳನ್ನು ನಂತರ ಹುಡುಕಬಹುದು. ಇದು ನಿಮಗೆ ಅಗತ್ಯವಿದ್ದಾಗ ಅವುಗಳನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಲು ಸುಲಭವಾಗಿಸುತ್ತದೆ.