ਡਿਜ਼ਾਇਨ ਤੋਂ ਸਮੱਗਰੀ ਨੂੰ ਵੱਖ ਕਰਨ ਨਾਲ ਸਾਈਟ ਮੈਨੇਜਮੈਂਟ ਨੂੰ ਸੌਖਾ ਬਣਾਉ
CSS (ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ) ਸਟਾਇਲ ਅਤੇ ਵੈੱਬਸਾਈਟ ਨੂੰ ਦਿਖਾਉਣ ਦਾ ਅਸਲ ਤਰੀਕਾ ਬਣ ਗਿਆ ਹੈ. ਡਿਜ਼ਾਇਨਰ ਸਟਾਈਲਸ਼ੀਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਤਾਂ ਕਿ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਦਿੱਖ ਅਤੇ ਮਹਿਸੂਸ ਕਰਨ ਦੇ ਰੂਪ ਵਿੱਚ ਵੈਬਸਾਈਟ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇ, ਜਿਵੇਂ ਕਿ ਰੰਗ, ਦੂਰੀ, ਫੌਂਟਾਂ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਜਿਵੇਂ ਕਿ ਇਸ ਨੂੰ ਕਵਰ ਕਰਨਾ.
CSS ਸ਼ੈਲੀਆਂ ਨੂੰ ਦੋ ਤਰੀਕਿਆਂ ਨਾਲ ਤੈਨਾਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:
- ਇਨਲਾਈਨ - ਵੈਬ ਪੇਜ ਦੇ ਕੋਡਿੰਗ ਦੇ ਅੰਦਰ ਹੀ ਵਿਅਕਤੀਗਤ, ਤੱਤ-ਤੱਤ ਤੱਤ ਅਧਾਰ ਤੇ
- ਇੱਕ ਸਟੈਂਡਅਲੋਨ CSS ਦਸਤਾਵੇਜ਼ ਵਿੱਚ, ਜਿਸ ਲਈ ਵੈੱਬਸਾਈਟ ਨਾਲ ਜੁੜਿਆ ਹੋਇਆ ਹੈ
CSS ਲਈ ਵਧੀਆ ਵਿਹਾਰ
"ਵਧੀਆ ਅਭਿਆਸਾਂ" ਉਹ ਵੈਬਸਾਈਟਾਂ ਨੂੰ ਡਿਜ਼ਾਈਨਿੰਗ ਅਤੇ ਬਣਾਉਣ ਦਾ ਢੰਗ ਹਨ ਜੋ ਸਭ ਤੋਂ ਪ੍ਰਭਾਵੀ ਸਾਬਤ ਹੋਈਆਂ ਹਨ ਅਤੇ ਕੰਮ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਵੱਧ ਵਾਪਸ ਦੇਣ ਲਈ ਹਨ. ਵੈਬ ਡਿਜ਼ਾਇਨ ਵਿੱਚ CSS ਵਿੱਚ ਉਨ੍ਹਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨ ਨਾਲ ਵੈਬਸਾਈਟਾਂ ਦੇ ਨਾਲ ਨਾਲ ਸੰਭਵ ਤੌਰ ਤੇ ਕੰਮ ਕਰਨ ਅਤੇ ਕੰਮ ਕਰਨ ਵਿੱਚ ਮਦਦ ਮਿਲਦੀ ਹੈ. ਉਹ ਹੋਰ ਵੈਬ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਤਕਨਾਲੋਜੀਆਂ ਦੇ ਨਾਲ ਕਈ ਸਾਲਾਂ ਤੋਂ ਵਿਕਾਸ ਕਰ ਚੁੱਕੇ ਹਨ, ਅਤੇ ਸਟੈਂਡਅਲੋਨ CSS ਸਟਾਇਲਸ਼ੀਟ ਵਰਤੋਂ ਲਈ ਸਭ ਤੋਂ ਪਸੰਦੀਦਾ ਤਰੀਕਾ ਬਣ ਚੁੱਕਾ ਹੈ.
CSS ਲਈ ਵਧੀਆ ਅਮਲ ਛੱਡਣ ਨਾਲ ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਤਰੀਕਿਆਂ ਨਾਲ ਬਿਹਤਰ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ:
- ਡਿਜ਼ਾਈਨ ਤੋਂ ਸਮੱਗਰੀ ਨੂੰ ਅਲੱਗ ਕਰਦਾ ਹੈ CSS ਦਾ ਮੁੱਖ ਉਦੇਸ਼ ਡਿਜਾਈਨ ਦੇ ਤੱਤਾਂ ਨੂੰ ਐਚਟੀਐਮਐਲ ਤੋਂ ਹਟਾਉਣਾ ਅਤੇ ਡਿਜ਼ਾਇਨਰ ਨੂੰ ਬਣਾਏ ਰੱਖਣ ਲਈ ਕਿਸੇ ਹੋਰ ਥਾਂ ਤੇ ਰੱਖਣਾ ਹੈ. ਇਹ ਡਿਵੈਲਪਰਾਂ ਤੋਂ ਡਿਜਾਈਨਰਾਂ ਨੂੰ ਵੱਖ ਕਰਨ ਲਈ ਵੀ ਸੇਵਾ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਹਰੇਕ ਆਪਣੀ ਮਹਾਰਤ ਦੇ ਖੇਤਰਾਂ 'ਤੇ ਧਿਆਨ ਦੇ ਸਕਣ. ਇੱਕ ਡਿਜ਼ਾਇਨਰ ਨੂੰ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਦਿੱਖ ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਲਈ ਇੱਕ ਡਿਵੈਲਪਰ ਹੋਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ.
- ਰੱਖ-ਰਖਾਅ ਨੂੰ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ. ਵੈਬ ਡਿਜ਼ਾਈਨ ਦੇ ਸਭ ਤੋਂ ਵੱਧ ਨਜ਼ਰਅੰਦਾਜ਼ ਕੀਤੇ ਗਏ ਤੱਤਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਪ੍ਰਬੰਧਨ. ਪ੍ਰਿੰਟ ਸਮੱਗਰੀ ਦੇ ਉਲਟ, ਇੱਕ ਵੈਬਸਾਈਟ ਕਦੇ ਵੀ "ਇੱਕ ਨਹੀਂ ਹੁੰਦੀ". ਸਮੱਗਰੀ, ਡਿਜ਼ਾਇਨ ਅਤੇ ਫੰਕਸ਼ਨ ਸਮੇਂ ਦੇ ਨਾਲ ਵਿਕਸਤ ਹੋ ਸਕਦੇ ਹਨ ਅਤੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ. ਸਾਰੀ ਵੈਬਸਾਈਟ 'ਤੇ ਛਿੜਕਣ ਦੀ ਬਜਾਇ, ਕੇਂਦਰੀ ਥਾਂ' ਤੇ CSS ਰੱਖਣ ਨਾਲ ਚੀਜ਼ਾਂ ਨੂੰ ਸਾਂਭ-ਸੰਭਾਲ ਕਰਨਾ ਸੌਖਾ ਹੋ ਜਾਂਦਾ ਹੈ.
- ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਪਹੁੰਚਯੋਗ ਬਣਾਉਂਦਾ ਹੈ ਸੀਐਸਐਸ ਸਟਾਇਲ ਦੀ ਵਰਤੋਂ ਖੋਜ ਇੰਜਣਾਂ ਅਤੇ ਅਯੋਗ ਵਿਅਕਤੀਆਂ ਦੀ ਮਦਦ ਕਰਦੀ ਹੈ ਤੁਹਾਡੀ ਸਾਈਟ ਨਾਲ ਗੱਲਬਾਤ ਕਰਦੇ ਹਨ.
- ਤੁਹਾਡੀ ਸਾਈਟ ਨੂੰ ਵਰਤਮਾਨ ਸਮੇਂ ਤੇ ਰੱਖੋ. CSS ਦੇ ਨਾਲ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਸਟੈੰਡਾਂ ਦਾ ਪਾਲਣ ਕਰ ਰਹੇ ਹੋ ਜੋ ਸਥਿਰ ਸਾਬਤ ਹੋਏ ਹਨ ਪਰ ਵੈਬ ਡਿਜ਼ਾਇਨ ਵਾਤਾਵਰਣ ਵਿੱਚ ਬਦਲਾਵ ਕਰਨ ਲਈ ਲਚਕਦਾਰ ਹਨ.
ਇਨਲਾਈਨ ਸਟਾਇਲਜ਼ ਵਧੀਆ ਅਭਿਆਸ ਨਹੀਂ ਹਨ
ਇਨਲਾਈਨ ਸਟਾਈਲ, ਜਦੋਂ ਕਿ ਉਹਨਾਂ ਦਾ ਮਕਸਦ ਹੁੰਦਾ ਹੈ, ਆਮ ਤੌਰ ਤੇ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਨੂੰ ਬਣਾਏ ਰੱਖਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਨਹੀਂ ਹੁੰਦਾ. ਉਹ ਹਰ ਇੱਕ ਵਧੀਆ ਅਮਲ ਦੇ ਵਿਰੁੱਧ ਜਾਂਦੇ ਹਨ:
- ਇਨਲਾਈਨ ਸਟਾਈਲ ਸਮੱਗਰੀ ਨੂੰ ਡਿਜ਼ਾਈਨ ਤੋਂ ਵੱਖ ਨਹੀਂ ਕਰਦੀ. ਇਨਲਾਈਨ ਸਟਾਈਲ ਬਿਲਕੁਲ ਐਂਬੈੱਡ ਕੀਤੇ ਫੌਂਟ ਅਤੇ ਹੋਰ ਕਲਾਕਨੀ ਡਿਜਾਈਨ ਟੈਗਸ ਦੇ ਰੂਪ ਵਿੱਚ ਹੁੰਦੇ ਹਨ ਜੋ ਆਧੁਨਿਕ ਡਿਵੈਲਪਰਸ ਦੇ ਵਿਰੁੱਧ ਰੇਲ ਸਟਾਈਲ ਕੇਵਲ ਖਾਸ, ਵਿਅਕਤੀਗਤ ਤੱਤਾਂ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੇ ਹਨ ਜਿਸ ਲਈ ਉਹ ਲਾਗੂ ਹੁੰਦੇ ਹਨ; ਜਦ ਕਿ ਇਹ ਤੁਹਾਨੂੰ ਹੋਰ ਤਿੱਖੇ ਦਾ ਕੰਟਰੋਲ ਦੇ ਸਕਦਾ ਹੈ, ਇਹ ਡਿਜ਼ਾਇਨ ਅਤੇ ਵਿਕਾਸ ਦੇ ਹੋਰ ਪਹਿਲੂ ਵੀ ਬਣਾਉਂਦਾ ਹੈ - ਜਿਵੇਂ ਕਿ ਇਕਸਾਰਤਾ - ਵਧੇਰੇ ਮੁਸ਼ਕਲ.
- ਇਨਲਾਈਨ ਸਟਾਈਲ ਕਾਰਨ ਦੇਖਭਾਲ ਦੇ ਸਿਰ ਦਰਦ ਹੁੰਦੇ ਹਨ. ਜਦੋਂ ਤੁਸੀਂ ਸਟਾਇਲਸ਼ੀਟਾਂ ਦੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋ, ਤਾਂ ਪਤਾ ਲਗਾਓ ਕਿ ਕਿੱਥੇ ਇੱਕ ਸ਼ੈਲੀ ਸਥਾਪਤ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ, ਇਹ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਇਨਲਾਈਨ, ਇੰਬੈੱਡ ਅਤੇ ਬਾਹਰੀ ਸਟਾਈਲ ਦੇ ਮਿਸ਼ਰਣ ਨਾਲ ਨਜਿੱਠ ਰਹੇ ਹੋ, ਤੁਹਾਡੇ ਕੋਲ ਚੈੱਕ ਕਰਨ ਲਈ ਬਹੁਤ ਸਾਰੀਆਂ ਥਾਵਾਂ ਹਨ. ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਵੈਬ ਡਿਜ਼ਾਈਨ ਟੀਮ 'ਤੇ ਕੰਮ ਕਰਦੇ ਹੋ ਜਾਂ ਕਿਸੇ ਹੋਰ ਦੁਆਰਾ ਬਣਾਈ ਗਈ ਸਾਈਟ ਨੂੰ ਦੁਬਾਰਾ ਡਿਜਾਇਨ ਜਾਂ ਕਾਇਮ ਰੱਖਣਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਹੋਰ ਵੀ ਮੁਸ਼ਕਲ ਖੜ੍ਹੇ ਹੋ ਜਾਵੋਗੇ. ਇਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਸਟਾਈਲ ਲੱਭ ਲੈਂਦੇ ਹੋ ਅਤੇ ਇਸਨੂੰ ਬਦਲ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਹਰੇਕ ਪੇਜ ਤੇ ਹਰ ਐਲੀਮੈਂਟ 'ਤੇ ਕਰਨਾ ਪਵੇਗਾ ਜਿੱਥੇ ਇਹ ਰੱਖਿਆ ਗਿਆ ਹੈ. ਇਹ ਖਗੋਲ-ਵਿਗਿਆਨ ਤੋਂ ਸਮਾਂ ਅਤੇ ਕੰਮ ਦੇ ਬਜਟ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ.
- ਇਨਲਾਈਨ ਸਟਾਈਲਜ਼ ਦੇ ਤੌਰ ਤੇ ਪਹੁੰਚਯੋਗ ਨਹੀਂ ਹਨ ਹਾਲਾਂਕਿ ਇੱਕ ਆਧੁਨਿਕ ਸਕ੍ਰੀਨ ਰੀਡਰ ਜਾਂ ਹੋਰ ਸਹਾਇਕ ਡਿਵਾਈਸ ਇਨਲਾਈਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਅਸਰਦਾਰ ਤਰੀਕੇ ਨਾਲ ਟੈਗਸ ਨੂੰ ਹੈਂਡਲ ਕਰਨ ਦੇ ਯੋਗ ਹੋ ਸਕਦੇ ਹਨ, ਕੁਝ ਪੁਰਾਣੇ ਡਿਵਾਈਸਿਸ ਨਹੀਂ ਕਰ ਸਕਦੇ, ਜਿਸਦੇ ਨਤੀਜੇ ਵਜੋਂ ਕੁਝ ਅਜੀਬ ਵਰਤੇ ਗਏ ਵੈਬ ਪੇਜਸ ਹੋ ਸਕਦੇ ਹਨ. ਵਾਧੂ ਅੱਖਰ ਅਤੇ ਟੈਕਸਟ ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ ਇੱਕ ਖੋਜ ਇੰਜਨ ਰੋਬੋਟ ਦੁਆਰਾ ਵੀ ਕਿਵੇਂ ਵੇਖ ਸਕਦੇ ਹਨ, ਇਸ ਲਈ ਤੁਹਾਡੇ ਪੰਨੇ ਖੋਜ ਇੰਜਨ ਔਪਟੀਮਾਈਜੇਸ਼ਨ (ਐਸਈਓ) ਦੇ ਰੂਪ ਵਿੱਚ ਵੀ ਨਹੀਂ ਕਰਦੇ ਹਨ.
- ਇਨਲਾਈਨ ਸਟਾਈਲ ਤੁਹਾਡੇ ਪੰਨਿਆਂ ਨੂੰ ਵੱਡਾ ਬਣਾਉਂਦੀਆਂ ਹਨ ਜੇ ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ ਤੇ ਹਰ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ ਨਿਸ਼ਚਤ ਤਰੀਕੇ ਨਾਲ ਵੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਕ ਵਾਰ ਬਾਹਰਲੇ ਸਟਾਇਲਸ਼ੀਟ ਵਿਚ ਛੇ ਲਾਈਨਾਂ ਜਾਂ ਇਕੋ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਜੇ ਤੁਸੀਂ ਇਨਲਾਈਨ ਸਟਾਈਲ ਨਾਲ ਕਰਦੇ ਹੋ, ਤਾਂ ਵੀ, ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਸਟਾਈਲ ਨੂੰ ਆਪਣੀ ਸਾਈਟ ਦੇ ਹਰ ਪੈਰੇ ਵਿੱਚ ਜੋੜਨਾ ਪੈਂਦਾ ਹੈ. ਜੇ ਤੁਹਾਡੇ ਕੋਲ CSS ਦੀਆਂ ਪੰਜ ਲਾਈਨਾਂ ਹਨ, ਤਾਂ ਤੁਹਾਡੀ ਸਾਈਟ ਤੇ ਹਰ ਪੈਰਾਗ੍ਰਾਫ ਦੀ ਗੁਣਾ ਦੀ ਪੰਜ ਲਾਈਨਾਂ ਹਨ. ਉਹ ਬੈਂਡਵਿਡਥ ਅਤੇ ਲੋਡ ਟਾਈਮ ਕਾਹਲੀ ਵਿੱਚ ਸ਼ਾਮਿਲ ਕਰ ਸਕਦੇ ਹਨ
ਇਨਲਾਈਨ ਸਟਾਇਲ ਲਈ ਵਿਕਲਪ: ਬਾਹਰੀ ਸਟਾਈਲਸ਼ੀਟਾਂ
ਇਨਲਾਈਨ ਸਟਾਈਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਬਜਾਏ, ਬਾਹਰੀ ਸਟਾਈਲਸ਼ੀਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਉਹ ਤੁਹਾਨੂੰ CSS ਬੇਹਤਰੀਨ ਪ੍ਰਥਾਵਾਂ ਦੇ ਸਾਰੇ ਲਾਭ ਅਤੇ ਵਰਤੋਂ ਵਿੱਚ ਆਸਾਨ ਹਨ. ਇਸ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋਏ, ਤੁਹਾਡੀ ਸਾਈਟ ਤੇ ਵਰਤੀਆਂ ਗਈਆਂ ਸਾਰੀਆਂ ਸਟਾਈਲ ਇੱਕ ਵੱਖਰੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਰਹਿੰਦੀਆਂ ਹਨ ਜੋ ਫਿਰ ਇੱਕ ਸਿੰਗਲ ਲਾਈਨ ਕੋਡ ਨਾਲ ਵੈਬ ਡੌਕਯੂਮੈਂਟ ਨਾਲ ਜੁੜੀਆਂ ਹੁੰਦੀਆਂ ਹਨ. ਬਾਹਰੀ ਸਟਾਈਲਸ਼ੀਟਾਂ ਉਹਨਾਂ ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਪ੍ਰਭਾਵਤ ਕਰਦੀਆਂ ਹਨ ਜੋ ਉਹਨਾਂ ਨਾਲ ਜੁੜੀਆਂ ਹਨ ਇਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ, ਜੇ ਤੁਹਾਡੇ ਕੋਲ 20-ਸਫ਼ਾ ਦੀ ਇਕ ਵੈਬਸਾਈਟ ਹੈ ਜਿਸ ਵਿਚ ਹਰ ਸਫ਼ੇ ਇੱਕੋ ਸਟਾਈਲਸ਼ੀਟ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ - ਜੋ ਕਿ ਆਮ ਤੌਰ ਤੇ ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ - ਤੁਸੀਂ ਇਹਨਾਂ ਪੰਨਿਆਂ ਨੂੰ ਹਰ ਇਕ ਵਾਰ ਬਦਲ ਸਕਦੇ ਹੋ, ਇਕ ਵਾਰ, ਇਹਨਾਂ ਸਟਾਈਲ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਕੇ. ਇਕ ਥਾਂ ਤੇ ਸਟਾਈਲ ਬਦਲਣਾ ਤੁਹਾਡੇ ਵੈੱਬਸਾਈਟ ਦੇ ਹਰ ਸਫ਼ੇ 'ਤੇ ਉਸ ਕੋਡਿੰਗ ਦੀ ਭਾਲ ਕਰਨ ਤੋਂ ਅਸਾਨ ਹੈ. ਇਹ ਲੰਬੇ ਸਮੇਂ ਦੇ ਸਾਈਟ ਪ੍ਰਬੰਧਨ ਨੂੰ ਬਹੁਤ ਸੌਖਾ ਬਣਾਉਂਦਾ ਹੈ