ਕਿਉਂ ਸਾਰੀਆਂ ਵੈਬਸਾਈਟਾਂ ਬਣਤਰ, ਸ਼ੈਲੀ ਅਤੇ ਵਿਵਹਾਰ ਦੇ ਸੁਮੇਲ ਨਾਲ ਬਣਾਈਆਂ ਗਈਆਂ ਹਨ
ਇੱਕ ਆਮ ਸਮਾਨ ਜੋ ਫਰੰਟ-ਐਂਡ ਵੈਬਸਾਈਟ ਡਿਵੈਲਪਮੈਂਟ ਦਾ ਵਰਣਨ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਇਹ ਹੈ ਕਿ ਇਹ 3-ਪੱਕੀ ਟੱਟੀ ਦੀ ਤਰ੍ਹਾਂ ਹੈ ਇਹ 3 ਲੱਤਾਂ, ਜਿਹਨਾਂ ਨੂੰ ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ 3 ਲੇਅਰ ਵੀ ਕਿਹਾ ਜਾਂਦਾ ਹੈ, ਉਹ ਹਨ ਢਾਂਚਾ, ਸ਼ੈਲੀ, ਅਤੇ ਬੀਹਵੇਅਰਜ਼.
ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਤਿੰਨ ਪਰਤਾਂ
- ਢਾਂਚਾ ਜਾਂ ਸਮੱਗਰੀ ਪਰਤ
- ਕਿਸੇ ਵੈਬ ਪੰਨੇ ਦੀ ਬਣਤਰ ਜਾਂ ਸਮੱਗਰੀ ਦੀ ਪਰਤ ਇਸ ਪੇਜ ਦੇ ਅੰਤਰੀਨ HTML ਕੋਡ ਹੈ. ਘਰ ਦੇ ਫਰੇਮ ਦੀ ਤਰ੍ਹਾਂ ਇਕ ਮਜ਼ਬੂਤ ਨੀਂਹ ਦਾ ਨਿਰਮਾਣ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਸ ਤੇ ਬਾਕੀ ਦੇ ਘਰ ਉਸਾਰੇ ਜਾਂਦੇ ਹਨ, ਇਸ ਲਈ ਐਚਟੀਐਮਐਲ ਦੀ ਇਕ ਪੱਕੀ ਬੁਨਿਆਦ ਇਕ ਅਜਿਹੀ ਪਲੇਟਫਾਰਮ ਬਣਾਉਂਦਾ ਹੈ ਜਿਸ ਉੱਤੇ ਇਕ ਵੈਬਸਾਈਟ ਬਣਾਈ ਜਾ ਸਕਦੀ ਹੈ. HTML ਢਾਂਚਾ ਵਿੱਚ ਪਾਠ ਜਾਂ ਚਿੱਤਰ ਸ਼ਾਮਲ ਹੋ ਸਕਦੇ ਹਨ ਅਤੇ ਇਸ ਵਿੱਚ ਹਾਇਪਰਲਿੰਕਸ ਸ਼ਾਮਲ ਹਨ ਜੋ ਸੈਲਾਨੀ ਉਸ ਵੈੱਬਸਾਈਟ ਦੇ ਦੁਆਲੇ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਣਗੇ.
- ਸ਼ੈਲੀ ਜਾਂ ਪੇਸ਼ਕਾਰੀ ਪਰਤ
- ਸ਼ੈਲੀ ਜਾਂ ਪ੍ਰਸਤੁਤੀ ਦੇ ਪਰਤ ਇਹ ਦੱਸਦੇ ਹਨ ਕਿ ਕਿਵੇਂ ਇੱਕ ਢਾਂਚਾਗਤ HTML ਦਸਤਾਵੇਜ਼ ਇੱਕ ਸਾਈਟ ਦੇ ਵਿਜ਼ਿਟਰਾਂ ਨੂੰ ਦੇਖੇਗਾ. ਇਹ ਲੇਅਰ CSS (ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ) ਦੁਆਰਾ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤੀ ਗਈ ਹੈ. ਇਨ੍ਹਾਂ ਫਾਈਲਾਂ ਵਿੱਚ ਉਹ ਸਟਾਈਲ ਸ਼ਾਮਲ ਹੁੰਦੀਆਂ ਹਨ ਜੋ ਦਰਸਾਉਂਦੀਆਂ ਹਨ ਕਿ ਇੱਕ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਜ਼ਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਅੱਜ ਦੇ ਵੈੱਬ ਉੱਤੇ ਸਟਾਇਲ ਪਰਤ ਵਿੱਚ ਮੀਡੀਆ ਸਵਾਲ ਵੀ ਸ਼ਾਮਿਲ ਹੋ ਸਕਦੇ ਹਨ ਜੋ ਵੱਖ ਵੱਖ ਸਕ੍ਰੀਨ ਅਕਾਰ ਅਤੇ ਡਿਵਾਈਸਾਂ ਦੇ ਅਧਾਰ ਤੇ ਸਾਈਟ ਦੇ ਡਿਸਪਲੇ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹਨ .
- ਰਵੱਈਆ
- ਵਿਵਹਾਰ ਲੇਅਰ ਇੱਕ ਵੈਬ ਪੇਜ ਦੀ ਪਰਤ ਹੈ ਜੋ ਵਿਭਿੰਨ ਉਪਭੋਗਤਾ ਕਿਰਿਆਵਾਂ ਦਾ ਜਵਾਬ ਦੇ ਸਕਦੀ ਹੈ ਜਾਂ ਹਾਲਤਾਂ ਦੇ ਸਮੂਹ ਦੇ ਆਧਾਰ ਤੇ ਇੱਕ ਪੇਜ਼ ਵਿੱਚ ਬਦਲਾਵ ਕਰ ਸਕਦਾ ਹੈ. ਜ਼ਿਆਦਾਤਰ ਵੈਬ ਪੇਜਾਂ ਲਈ, ਵਰਤਾਓ ਦੇ ਸਤਰ ਪੰਨੇ 'ਤੇ JavaScript ਇੰਟਰੈਕਸ਼ਨਾਂ ਹੋਣਗੇ.
ਤੁਹਾਨੂੰ ਪਰਤਾਂ ਨੂੰ ਕਿਉਂ ਵੱਖ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ?
ਜਦੋਂ ਤੁਸੀਂ ਕੋਈ ਵੈਬ ਪੰਨਾ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਇਹ ਸੰਭਵ ਹੈ ਕਿ ਲੇਅਰਾਂ ਨੂੰ ਜਿੰਨਾ ਸੰਭਵ ਹੋ ਸਕੇ ਵਿਖਾਇਆ ਜਾ ਸਕੇ. ਢਾਂਚਾ ਤੁਹਾਡੀ HTML, ਵਿਜ਼ੁਅਲ ਸਟਾਈਲਸ ਨੂੰ CSS ਤੇ, ਅਤੇ ਸਾਈਟ ਦੁਆਰਾ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਸਕ੍ਰਿਪਟ ਲਈ ਵਰਤਾਓ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.
ਲੇਅਰਾਂ ਨੂੰ ਵੱਖ ਕਰਨ ਦੇ ਕੁੱਝ ਲਾਭ ਹਨ:
- ਸਾਂਝੇ ਸਰੋਤ
- ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਬਾਹਰੀ CSS ਫਾਈਲ ਜਾਂ JavaScript ਫਾਈਲ ਲਿਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਆਪਣੀ ਵੈਬਸਾਈਟ ਦੇ ਕਿਸੇ ਵੀ ਪੰਨੇ ਦੁਆਰਾ ਉਸ ਫਾਈਲ ਦਾ ਉਪਯੋਗ ਕਰ ਸਕਦੇ ਹੋ. ਜੇ ਤੁਹਾਨੂੰ ਉਸ ਫਾਈਲ ਵਿੱਚ ਬਦਲਾਵ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਸ਼ਾਇਦ ਵੈਬਸਾਈਟ ਤੇ ਕੁਝ ਟਾਈਪਗ੍ਰਾਫਿਕ ਸ਼ੈਲੀ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਲਈ, ਹਰ ਸਟਾਈਲਸ਼ੀਟ ਦਾ ਉਪਯੋਗ ਕਰਨ ਵਾਲਾ ਹਰ ਪੰਨੇ ਨੂੰ ਤਬਦੀਲੀ ਮਿਲੇਗੀ. ਵੱਖਰੇ ਤੌਰ ਤੇ ਵੈਬਸਾਈਟ ਦੇ ਹਰ ਸਫ਼ੇ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਦੀ ਕੋਈ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, ਜਿਸ ਲਈ ਵੱਡੇ ਸਾਈਟ ਲਈ ਇਕ ਬਹੁਤ ਭਾਰੀ ਕੰਮ ਕਰਨਾ ਹੋ ਸਕਦਾ ਹੈ.
- ਤੇਜ਼ ਡਾਊਨਲੋਡਸ
- ਸਕ੍ਰੀਨ ਜਾਂ ਸਟਾਇਲਸ਼ੀਟ ਤੁਹਾਡੇ ਗਾਹਕ ਦੁਆਰਾ ਪਹਿਲੀ ਵਾਰ ਡਾਉਨਲੋਡ ਹੋ ਜਾਣ ਤੋਂ ਬਾਅਦ, ਇਹ ਉਹਨਾਂ ਦੇ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰ ਦੁਆਰਾ ਕੈਚੇ ਕੀਤੀ ਗਈ ਹੈ. ਕਿਉਂਕਿ ਇਹ ਸ਼ੇਅਰ ਕੀਤੇ ਸਰੋਤ ਹੁਣ ਕੈਸ਼ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ, ਦੂਜੇ ਪੰਨਿਆਂ ਨੂੰ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਵੱਧ ਤੋਂ ਵੱਧ ਲੋਡ ਕਰਨ ਲਈ ਬੇਨਤੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜੋ ਸਮੁੱਚੇ ਪੇਜ ਦੀ ਗਤੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਸੁਧਾਰਦਾ ਹੈ.
- ਮਲਟੀ-ਵਿਅਕਤੀ ਟੀਮਾਂ
- ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਤੋਂ ਵੱਧ ਵਿਅਕਤੀ ਇੱਕ ਵਾਰ ਤੇ ਕਿਸੇ ਵੈਬ ਸਾਈਟ ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹਨ, ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਸਿਸਟਮਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ "ਚੈੱਕ ਇਨ" ਅਤੇ "ਚੈੱਕ ਆਊਟ" ਲਈ ਹਨ ਤਾਂ ਜੋ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਟੀਮ ਵਿੱਚ ਹਰ ਕੋਈ ਇਹਨਾਂ ਫਾਈਲਾਂ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣਾਂ ਨਾਲ ਕੰਮ ਕਰ ਰਿਹਾ ਹੈ. ਇਹ ਕਰਨਾ ਬਹੁਤ ਮੁਸ਼ਕਲ ਹੈ ਜੇ ਸਟਾਈਲ ਅਤੇ ਵਿਵਹਾਰ ਢਾਂਚੇ ਦੇ ਦਸਤਾਵੇਜ਼ਾਂ ਨਾਲ ਘੁਲਿਆ ਹੋਵੇ.
- SEO
- ਪਹੁੰਚਣਯੋਗਤਾ
- ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਅਤੇ ਸਕਰਿਪਟ ਫਾਈਲਾਂ ਲੋਕਾਂ ਅਤੇ ਬਰਾਊਜ਼ਰਾਂ ਲਈ ਜ਼ਿਆਦਾ ਪਹੁੰਚਯੋਗ ਹਨ. ਕਿਉਂਕਿ ਸ਼ੈਲੀ ਅਤੇ ਬਣਤਰ ਦੇ ਵੱਖ ਵੱਖ ਹੋਣ ਕਾਰਨ, ਸਕ੍ਰੀਨ ਰੀਡਰ ਵਰਗੇ ਸਾੱਫਟਵੇਅਰ ਸਟਾਈਲ ਦੁਆਰਾ ਫਸਿਆ ਬਗੈਰ ਬਣਤਰ ਦੇ ਢਾਂਚੇ ਤੋਂ ਸੰਸਾਧਿਤ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਸੰਸਾਧਿਤ ਕਰ ਸਕਦੇ ਹਨ ਕਿਉਂਕਿ ਉਹ ਕਿਸੇ ਵੀ ਤਰੀਕੇ ਨਾਲ ਨਹੀਂ ਵਰਤ ਸਕਦੇ.
- ਬੈਕਵਰਡ ਅਨੁਕੂਲਤਾ
- ਜਦੋਂ ਤੁਹਾਡੇ ਕੋਲ ਅਜਿਹੀ ਸਾਈਟ ਹੁੰਦੀ ਹੈ ਜੋ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਲੇਅਰਾਂ ਨਾਲ ਤਿਆਰ ਕੀਤੀ ਗਈ ਹੈ, ਤਾਂ ਇਹ ਵਧੇਰੇ ਪਿਛਲੀ ਅਨੁਕੂਲ ਹੋਵੇਗੀ ਕਿਉਂਕਿ ਬ੍ਰਾਊਜ਼ਰ ਜਾਂ ਡਿਵਾਈਸ ਜੋ ਕੁਝ CSS ਸਟਾਈਲ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰ ਸਕਦੇ ਜਾਂ ਜੋ ਵੀ ਸਮਰੱਥ ਹੋ ਸਕਦੀ ਹੈ ਉਹ ਅਜੇ ਵੀ HTML ਨੂੰ ਦੇਖ ਸਕਦਾ ਹੈ ਤੁਹਾਡੀ ਵੈਬ ਸਾਈਟ ਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਤਰੱਕੀ ਨਾਲ ਵਿਕਸਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਜੋ ਉਹਨਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦੇ ਹਨ.
HTML - ਢਾਂਚਾ ਲੇਅਰ
ਬਣਤਰ ਦਾ ਪਰਤ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਸਾਰੀਆਂ ਸਮਗਰੀ ਨੂੰ ਸਟੋਰ ਕਰਦੇ ਹੋ ਜੋ ਤੁਹਾਡੇ ਗਾਹਕ ਪੜ੍ਹਨਾ ਜਾਂ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹਨ. ਇਹ ਮਿਆਰੀ ਕੰਪਲੈਕਸ HTML5 ਵਿੱਚ ਕੋਡਬੱਧ ਕੀਤਾ ਜਾਵੇਗਾ ਅਤੇ ਇਸ ਵਿੱਚ ਪਾਠ ਅਤੇ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ ਨਾਲ ਮਲਟੀਮੀਡੀਆ (ਵੀਡੀਓ, ਆਡੀਓ, ਆਦਿ) ਸ਼ਾਮਲ ਹੋ ਸਕਦੀਆਂ ਹਨ. ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਮਹੱਤਵਪੂਰਣ ਹੈ ਕਿ ਤੁਹਾਡੀ ਸਾਈਟ ਦੀ ਸਮੱਗਰੀ ਦਾ ਹਰ ਪਹਿਲੂ ਢਾਂਚਾ ਪਰਤ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ ਇਹ ਉਹਨਾਂ ਗ੍ਰਾਹਕਾਂ ਜਿਨ੍ਹਾਂ ਨੂੰ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੰਦ ਕੀਤਾ ਗਿਆ ਹੈ ਜਾਂ ਜੋ CSS ਨੂੰ ਪੂਰੀ ਵੈਬਸਾਈਟ ਤੇ ਐਕਸੈਸ ਨਹੀਂ ਕਰ ਸਕਦਾ ਹੈ, ਜੇ ਉਸ ਸਾਈਟ ਦੀ ਸਾਰੀਆਂ ਕਾਰਜਸ਼ੀਲਤਾ ਨਹੀਂ ਕਰਦਾ ਹੈ.
CSS- ਸ਼ੈੱਲੀਜ਼ ਲੇਅਰ
ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਸਾਈਟ ਲਈ ਆਪਣੀਆਂ ਸਾਰੀਆਂ ਵਿਜ਼ੁਅਲ ਸਟਾਈਲ ਇੱਕ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ ਬਣਾਉਗੇ. ਤੁਸੀਂ ਕਈ ਸਟਾਇਲਸ਼ੀਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਯਾਦ ਰੱਖੋ ਕਿ ਹਰ ਅਲੱਗ CSS ਫਾਈਲ ਲਈ ਇੱਕ HTTP ਬੇਨਤੀ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਸਾਈਟ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਨਾ.
ਜਾਵਾਸਕ੍ਰਿਪਟ - ਵਿਵਹਾਰ ਲੇਅਰ
ਜਾਵਾਸਕ੍ਰਿਪਤਾ ਵਰਤਾਓ ਲੇਅਰ ਲਈ ਸਭ ਤੋਂ ਵੱਧ ਵਰਤੀ ਜਾਂਦੀ ਭਾਸ਼ਾ ਹੈ, ਪਰ ਜਿਵੇਂ ਮੈਂ ਪਹਿਲਾਂ ਦੱਸਿਆ ਸੀ, CGI ਅਤੇ PHP ਵੀ ਵੈਬ ਪੇਜ ਵਿਵਹਾਰ ਪੈਦਾ ਕਰ ਸਕਦੇ ਹਨ. ਕਿਹਾ ਜਾ ਰਿਹਾ ਹੈ ਕਿ, ਜਦੋਂ ਜ਼ਿਆਦਾਤਰ ਡਿਵੈਲਪਰ ਵਤੀਰੇ ਦੀ ਪਰਤ ਨੂੰ ਕਹਿੰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਉਹ ਲੇਅਰ, ਜੋ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਸਰਗਰਮ ਹੈ - ਇਸਲਈ ਜਾਵਾਸਕ੍ਰਿਪ ਹਮੇਸ਼ਾ ਪਸੰਦ ਦੀ ਭਾਸ਼ਾ ਹੈ. ਤੁਸੀਂ ਇਸ ਪਰਤ ਨੂੰ ਸਿੱਧਾ DOM ਜਾਂ ਦਸਤਾਵੇਜ਼ ਆਬਜੈਕਟ ਮਾਡਲ ਦੇ ਨਾਲ ਸੰਚਾਰ ਕਰਨ ਲਈ ਵਰਤਦੇ ਹੋ. ਵਸਤੂਆਂ ਦੀ ਪਰਤ ਵਿਚ ਵੈਧ HTML ਲਿਖਣਾ ਵੀ ਵਤੀਰੇ ਦੀ ਪਰਤ ਵਿਚ DOM ਇੰਟਰੈਕਸ਼ਨਾਂ ਲਈ ਮਹੱਤਵਪੂਰਣ ਹੈ.
ਜਦੋਂ ਤੁਸੀਂ ਵਰਤਾਓ ਲੇਅਰ ਵਿੱਚ ਬਿਲਡ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਬਾਹਰੀ ਸਕ੍ਰਿਪਟ ਫਾਇਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ ਜਿਵੇਂ ਕਿ CSS ਨਾਲ. ਤੁਸੀਂ ਇੱਕ ਬਾਹਰੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਸਾਰੇ ਫਾਇਦੇ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋ.