01 ਦਾ 07
ਇੱਕ ਨਵੀਂ ਫੋਲਡਰ ਵਿੱਚ ਆਪਣੀਆਂ ਫਾਈਲਾਂ ਰੱਖੋ
ਵਿੰਡੋਜ਼ ਨੋਟਪੈਡ ਇਕ ਬੁਨਿਆਦੀ ਵਰਡ ਪ੍ਰੋਸੈਸਿੰਗ ਪ੍ਰੋਗ੍ਰਾਮ ਹੈ ਜਿਸ ਦਾ ਉਪਯੋਗ ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਨੂੰ ਲਿਖਣ ਲਈ ਕਰ ਸਕਦੇ ਹੋ. ਵੈਬ ਪੰਨੇ ਤਾਂ ਸਿਰਫ ਪਾਠ ਹਨ ਅਤੇ ਤੁਸੀਂ ਆਪਣੇ ਐਚ ਟੀ ਟੀ ਲਿਖਣ ਲਈ ਕਿਸੇ ਵੀ ਵਰਡ ਪ੍ਰੋਸੈਸਿੰਗ ਪ੍ਰੋਗ੍ਰਾਮ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਇਹ ਟਿਊਟੋਰਿਅਲ ਤੁਹਾਨੂੰ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਲੈ ਕੇ ਜਾਂਦਾ ਹੈ
ਨੋਟਪੈਡ ਵਿਚ ਇਕ ਨਵੀਂ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣ ਵੇਲੇ ਸਭ ਤੋਂ ਪਹਿਲੀ ਗੱਲ ਇਹ ਹੈ ਕਿ ਇਸ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਇੱਕ ਵੱਖਰਾ ਫੋਲਡਰ ਬਣਾਇਆ ਜਾਵੇ. ਆਮ ਤੌਰ ਤੇ, ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੇਜ ਨੂੰ "ਮੇਰੇ ਡੌਕੂਮੈਂਟਸ" ਫੋਲਡਰ ਵਿੱਚ HTML ਕਹਿੰਦੇ ਹਨ, ਪਰ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸੰਭਾਲ ਸਕਦੇ ਹੋ ਜਿੱਥੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ.
- ਮੇਰਾ ਦਸਤਾਵੇਜ਼ ਵਿੰਡੋ ਖੋਲੋ
- ਫਾਇਲ > ਨਵੇਂ > ਫੋਲਡਰ ਤੇ ਕਲਿਕ ਕਰੋ
- ਫੋਲਡਰ ਦਾ ਨਾਮ my_website
ਮਹੱਤਵਪੂਰਨ ਨੋਟ: ਸਾਰੇ ਲੋਅਰਕੇਸ ਅੱਖਰਾਂ ਅਤੇ ਬਿਨਾਂ ਕਿਸੇ ਸਪੇਸ ਜਾਂ ਵਿਰਾਮ ਚਿੰਨ੍ਹਾਂ ਦੇ ਵੈੱਬ ਫੋਲਡਰਾਂ ਅਤੇ ਫਾਈਲਾਂ ਨੂੰ ਨਾਂ ਦਿਓ . ਹਾਲਾਂਕਿ ਵਿੰਡੋਜ਼ ਤੁਹਾਨੂੰ ਸਪੇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ, ਬਹੁਤ ਸਾਰੇ ਵੈਬ ਹੋਸਟਿੰਗ ਪ੍ਰਦਾਤਾ ਇਸ ਤਰ੍ਹਾਂ ਨਹੀਂ ਕਰਦੇ, ਅਤੇ ਤੁਸੀਂ ਆਪਣੇ ਆਪ ਨੂੰ ਕੁਝ ਸਮਾਂ ਅਤੇ ਮੁਸ਼ਕਲ ਬਚਾਉਂਦੇ ਹੋ ਜੇਕਰ ਤੁਸੀਂ ਸ਼ੁਰੂਆਤ ਤੋਂ ਫਾਈਲਾਂ ਅਤੇ ਫੋਲਡਰਾਂ ਦਾ ਸਹੀ ਨਾਮ ਦਿੰਦੇ ਹੋ
02 ਦਾ 07
ਪੇਜ ਨੂੰ HTML ਦੇ ਤੌਰ ਤੇ ਸੇਵ ਕਰੋ
ਨੋਟਪੈਡ ਵਿੱਚ ਇੱਕ ਵੈਬ ਪੇਜ ਲਿਖਣ ਵੇਲੇ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਤੁਹਾਨੂੰ ਇਹ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਪੰਨਾ ਨੂੰ HTML ਦੇ ਤੌਰ ਤੇ ਸੇਵ ਕਰਨਾ ਹੈ ਇਹ ਤੁਹਾਡੇ ਸਮੇਂ ਨੂੰ ਬਚਾਉਂਦਾ ਹੈ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਸਮੱਸਿਆ ਕਰਦਾ ਹੈ
ਡਾਇਰੈਕਟਰੀ ਨਾਂ ਦੇ ਨਾਲ ਜਿਵੇਂ, ਹਮੇਸ਼ਾਂ ਸਾਰੇ ਲੋਅਰਕੇਸ ਅੱਖਰ ਅਤੇ ਫਾਇਲ ਨਾਂ ਵਿੱਚ ਖਾਲੀ ਥਾਂ ਜਾਂ ਵਿਸ਼ੇਸ਼ ਅੱਖਰ ਨਾ ਵਰਤੋ.
- ਨੋਟਪੈਡ ਵਿਚ, ਫਾਈਲ ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਫੇਰ ਇਸ ਦੇ ਤੌਰ ਤੇ ਸੇਵ ਕਰੋ.
- ਉਸ ਫੋਲਡਰ ਤੇ ਜਾਓ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਵੈਬਸਾਈਟ ਫਾਈਲਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰ ਰਹੇ ਹੋ.
- ਜਿਵੇਂ ਕਿ ਟਾਈਪ ਡ੍ਰੌਪ ਡਾਊਨ ਮੀਨਸ ਨੂੰ ਸਭ ਫਾਇਲਾਂ (*. *) ਵਿੱਚ ਬਦਲੋ .
- ਫਾਈਲ ਦਾ ਨਾਮ ਦੱਸੋ. ਇਹ ਟਿਊਟੋਰਿਅਲ ਨਾਮਾਂ ਵਾਲੇ pets.htm ਦਾ ਉਪਯੋਗ ਕਰਦਾ ਹੈ .
03 ਦੇ 07
ਵੈਬ ਪੰਨਾ ਲਿਖਣਾ ਸ਼ੁਰੂ ਕਰੋ
ਤੁਹਾਨੂੰ ਆਪਣੇ ਨੋਟਪੈਡ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋ ਚਾਹੀਦਾ ਹੈ ਉਹ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਹੈ DOCTYPE. ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਕਿਹੜਾ HTML ਦੀ ਉਮੀਦ ਕਰਦਾ ਹੈ ਇਹ ਟਯੂਟੋਰਿਅਲ HTML5 ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ
Doctype ਘੋਸ਼ਣਾ ਇੱਕ ਟੈਗ ਨਹੀਂ ਹੈ ਇਹ ਕੰਪਿਊਟਰ ਨੂੰ ਦੱਸਦੀ ਹੈ ਕਿ ਇੱਕ HTML5 ਦਸਤਾਵੇਜ਼ ਪਹੁੰਚ ਰਿਹਾ ਹੈ. ਇਹ ਹਰ HTML5 ਪੰਨੇ ਦੇ ਸਿਖਰ ਤੇ ਜਾਂਦਾ ਹੈ ਅਤੇ ਇਹ ਇਸ ਫਾਰਮ ਨੂੰ ਲੈਂਦਾ ਹੈ:
ਇੱਕ ਵਾਰ ਤੁਹਾਡੇ ਕੋਲ DOCTYPE ਹੋਣ ਤੇ, ਤੁਸੀਂ ਆਪਣਾ HTML ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ ਸ਼ੁਰੂਆਤ ਦੋਵਾਂ ਨੂੰ ਟਾਈਪ ਕਰੋ
ਟੈਗ ਅਤੇ ਅੰਤ ਟੈਗ ਅਤੇ ਆਪਣੇ ਵੈਬ ਪੇਜ ਦੇ ਵਿਸ਼ਾ-ਵਸਤੂ ਦੇ ਹਿੱਸੇ ਲਈ ਕੁਝ ਥਾਂ ਛੱਡੋ. ਤੁਹਾਡਾ ਨੋਟਪੈਡ ਦਸਤਾਵੇਜ਼ ਇਸ ਤਰ੍ਹਾਂ ਦਿੱਸਣਾ ਚਾਹੀਦਾ ਹੈ:
04 ਦੇ 07
ਆਪਣੇ ਵੈਬ ਪੇਜ ਲਈ ਇੱਕ ਸਿਰ ਬਣਾਓ
ਇੱਕ ਐਮਐਮਐਲ (HTML) ਡੌਕਯੂਮੈਂਟ ਦਾ ਮੁਖੀ ਹੈ ਜਿੱਥੇ ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਬਾਰੇ ਬੁਨਿਆਦੀ ਜਾਣਕਾਰੀ ਨੂੰ ਸਟੋਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ - ਸਰਚ ਇੰਜਨ ਔਪਟੀਮਾਈਜੇਸ਼ਨ ਲਈ ਪੇਜ ਦੇ ਸਿਰਲੇਖ ਅਤੇ ਸੰਭਵ ਤੌਰ 'ਤੇ ਮੈਟਾ ਟੈਗਸ ਵਰਗੀਆਂ ਚੀਜ਼ਾਂ. ਇੱਕ ਸਿਰ ਭਾਗ ਬਣਾਉਣ ਲਈ, ਸ਼ਾਮਿਲ ਕਰੋ
ਟੈਗਾਂ ਦੇ ਵਿੱਚਕਾਰ ਤੁਹਾਡੇ ਨੋਟਪੈਡ HTML ਪਾਠ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਟੈਗ.
'ਦੇ ਨਾਲ ਦੇ ਰੂਪ ਵਿੱਚ
ਟੈਗਸ, ਉਨ੍ਹਾਂ ਵਿਚਕਾਰ ਕੁਝ ਥਾਂ ਛੱਡੋ ਤਾਂ ਤੁਹਾਡੇ ਕੋਲ ਸਿਰ ਜਾਣਕਾਰੀ ਨੂੰ ਜੋੜਨ ਲਈ ਕਮਰਾ ਹੈ
05 ਦਾ 07
ਮੁੱਖ ਭਾਗ ਵਿੱਚ ਇੱਕ ਸਫ਼ਾ ਸਿਰਲੇਖ ਜੋੜੋ
ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਦਾ ਸਿਰਲੇਖ ਉਹ ਟੈਕਸਟ ਹੈ ਜੋ ਬ੍ਰਾਉਜ਼ਰ ਦੀ ਵਿੰਡੋ ਵਿੱਚ ਡਿਸਪਲੇ ਹੁੰਦਾ ਹੈ. ਇਹ ਕਿਸੇ ਵੀ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ, ਜਦ ਕਿ ਬੁੱਕਮਾਰਕ ਅਤੇ ਮਨਪਸੰਦ ਵਿੱਚ ਲਿਖਿਆ ਹੈ, ਜੋ ਕਿ ਇਹ ਵੀ ਹੈ. ਦੇ ਵਿਚਕਾਰ ਦਾ ਸਿਰਲੇਖ ਪਾਠ ਨੂੰ ਸੰਭਾਲੋ
ਟੈਗ ਵਰਤੋਂ ਦੀਆਂ ਸ਼ਰਤਾਂ ਇਹ ਵੈਬ ਪੇਜ ਤੇ ਖੁਦ ਨਹੀਂ ਪ੍ਰਗਟ ਹੋਵੇਗਾ, ਸਿਰਫ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸਿਖਰ 'ਤੇ.
ਇਹ ਉਦਾਹਰਨ ਪੰਨਾ "ਮੈਕਿੰਕੀ, ਸ਼ਾਤਾ, ਅਤੇ ਹੋਰ ਪਾਲਤੂ" ਸਿਰਲੇਖ ਹੈ.
''
ਮੈਕਿੰਕੀ, ਸ਼ਾਤਾ, ਅਤੇ ਹੋਰ ਪਾਲਤੂ
ਇਸ ਦਾ ਕੋਈ ਫ਼ਰਕ ਨਹੀਂ ਪੈਂਦਾ ਕਿ ਤੁਹਾਡਾ ਸਿਰਲੇਖ ਕਿੰਨੀ ਦੇਰ ਹੈ ਜਾਂ ਜੇ ਇਹ ਤੁਹਾਡੇ HTML ਵਿੱਚ ਬਹੁਤ ਸਾਰੀਆਂ ਲਾਈਨਾਂ ਵਿਗਾੜਦਾ ਹੈ, ਪਰ ਛੋਟੇ ਸਿਰਲੇਖਾਂ ਨੂੰ ਪੜ੍ਹਨਾ ਸੌਖਾ ਹੈ, ਅਤੇ ਕੁਝ ਬ੍ਰਾਉਜ਼ਰ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਲੰਬੇ ਸਮਿਆਂ ਨੂੰ ਕੱਟ ਦਿੰਦੇ ਹਨ.
06 to 07
ਤੁਹਾਡੀ ਵੈਬ ਪੇਜ ਦਾ ਮੁੱਖ ਸੰਸਥਾ
ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਦੀ ਬਾਡੀ ਨੂੰ ਇਸ ਦੇ ਅੰਦਰ ਹੀ ਸਟੋਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ
ਟੈਗ ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਪਾਠ, ਸੁਰਖੀਆਂ, ਉਪ-ਸਿਰਿਆਂ, ਚਿੱਤਰਾਂ ਅਤੇ ਗ੍ਰਾਫਿਕਸ, ਲਿੰਕਾਂ ਅਤੇ ਹੋਰ ਸਾਰੀਆਂ ਸਮੱਗਰੀ ਪਾਉਂਦੇ ਹੋ. ਜਿੰਨਾ ਚਿਰ ਤੁਸੀਂ ਚਾਹੋ ਹੋ ਸਕਦਾ ਹੈ.
ਇਹ ਉਸੇ ਫਾਰਮੈਟ ਨੂੰ ਨੋਟਪੈਡ ਵਿਚ ਆਪਣੇ ਵੈਬ ਪੇਜ ਨੂੰ ਲਿਖਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.
ਤੁਹਾਡਾ ਸਿਰਲੇਖ ਸਿਰ ਇੱਥੇ ਜਾਂਦਾ ਹੈ ਵੈਬ ਪੇਜ ਤੇ ਹਰ ਚੀਜ਼ ਇੱਥੇ ਆਉਂਦੀ ਹੈ
07 07 ਦਾ
ਇਕ ਚਿੱਤਰ ਫੋਲਡਰ ਬਣਾਉਣਾ
ਆਪਣੇ HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਮੁੱਖ ਭਾਗ ਵਿੱਚ ਸਮੱਗਰੀ ਜੋੜਣ ਤੋਂ ਪਹਿਲਾਂ, ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਡਾਇਰੈਕਟਰੀਆਂ ਸੈਟ ਅਪ ਕਰਨ ਦੀ ਜਰੂਰਤ ਹੈ ਤਾਂ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਚਿੱਤਰਾਂ ਲਈ ਇੱਕ ਫੋਲਡਰ ਹੋਵੇ.
- ਮੇਰਾ ਦਸਤਾਵੇਜ਼ ਵਿੰਡੋ ਖੋਲੋ
- My_website ਫੋਲਡਰ ਵਿੱਚ ਬਦਲੋ
- ਫਾਇਲ > ਨਵੇਂ > ਫੋਲਡਰ ਤੇ ਕਲਿਕ ਕਰੋ
- ਫੋਲਡਰ ਪ੍ਰਤੀਬਿੰਬਾਂ ਦਾ ਨਾਮ ਦੱਸੋ.
ਚਿੱਤਰਾਂ ਦੇ ਫੋਲਡਰ ਵਿਚ ਆਪਣੀ ਵੈਬਸਾਈਟ ਲਈ ਆਪਣੀਆਂ ਸਾਰੀਆਂ ਤਸਵੀਰਾਂ ਨੂੰ ਸੰਭਾਲੋ ਤਾਂ ਜੋ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਬਾਅਦ ਵਿਚ ਲੱਭ ਸਕੋ. ਇਹ ਉਹਨਾਂ ਨੂੰ ਅੱਪਲੋਡ ਕਰਨਾ ਆਸਾਨ ਬਣਾ ਦਿੰਦਾ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਲੋੜ ਹੋਵੇ