ਤੁਹਾਡੀ ਵੈਬ ਪੇਜ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ

ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਡਿਜ਼ਾਇਨਰ ਸੋਚਦੇ ਹਨ ਕਿ ਉਨ੍ਹਾਂ ਦੇ ਵੈਬ ਪੇਜ ਨੂੰ ਬਣਾਉਣ ਵੇਲੇ ਇਸ ਲਈ ਕਿ ਕਿਹੜਾ ਰੈਜ਼ੋਲੂਸ਼ਨ ਤਿਆਰ ਕਰਨਾ ਹੈ. ਇਹ ਅਸਲ ਵਿੱਚ ਕਿੰਨਾ ਹੈ, ਇਹ ਨਿਰਣਾ ਕਰਨਾ ਕਿ ਤੁਹਾਡੀ ਡਿਜ਼ਾਈਨ ਕਿੰਨੀ ਵਿਸ਼ਾਲ ਹੋਵੇ ਇੱਕ ਮਿਆਰੀ ਵੈਬਸਾਈਟ ਦੀ ਚੌੜਾਈ ਦੇ ਰੂਪ ਵਿੱਚ ਹੁਣ ਹੋਰ ਕੋਈ ਚੀਜ ਨਹੀਂ ਹੈ

ਸਮਝੌਤੇ 'ਤੇ ਵਿਚਾਰ ਕਿਉਂ ਕਰੀਏ?

1995 ਵਿਚ, ਮਿਆਰੀ 640x480 ਮਤਾਟਰਾਂ ਦੀ ਨਿਗਰਾਨੀ ਸਭ ਤੋਂ ਵੱਡੀ ਅਤੇ ਵਧੀਆ ਮਾਨੀਟਰ ਉਪਲੱਬਧ ਸਨ. ਇਸ ਦਾ ਭਾਵ ਹੈ ਕਿ ਵੈੱਬ ਡਿਜ਼ਾਇਨਰ ਉਸ ਪੰਨੇ ਤਿਆਰ ਕਰਨ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਤ ਕਰਦੇ ਹਨ ਜੋ ਉਸ ਰੈਜ਼ੋਲੂਸ਼ਨ' ਤੇ 12 ਇੰਚ ਤੋਂ 14 ਇੰਚ ਦੀ ਮਾਨੀਟਰ 'ਤੇ ਵੱਧ ਤੋਂ ਵੱਧ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਵਧੀਆ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ.

ਇਹ ਦਿਨ, 640x480 ਰੈਜ਼ੋਲੂਸ਼ਨ ਜ਼ਿਆਦਾਤਰ ਵੈਬਸਾਈਟ ਟਰੈਫਿਕ ਦੀ 1 ਪ੍ਰਤੀਸ਼ਤ ਤੋਂ ਘੱਟ ਬਣਦੀ ਹੈ. ਲੋਕ 1366x768, 1600x900 ਅਤੇ 5120x2880 ਸਮੇਤ ਬਹੁਤ ਜ਼ਿਆਦਾ ਮਤੇ ਵਾਲੇ ਕੰਪਿਊਟਰ ਵਰਤਦੇ ਹਨ. ਬਹੁਤ ਸਾਰੇ ਮਾਮਲਿਆਂ ਵਿੱਚ, 1366x768 ਰਿਜ਼ੋਲਿਊਸ਼ਨ ਦੇ ਕੰਮ ਲਈ ਡਿਜ਼ਾਈਨ ਕਰਨਾ.

ਅਸੀਂ ਵੈਬ ਡਿਜ਼ਾਈਨ ਦੇ ਇਤਿਹਾਸ ਵਿਚ ਇਕ ਬਿੰਦੂ ਤੇ ਹਾਂ ਜਿੱਥੇ ਸਾਨੂੰ ਰੈਜ਼ੋਲੂਸ਼ਨ ਬਾਰੇ ਬਹੁਤ ਚਿੰਤਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ. ਜ਼ਿਆਦਾਤਰ ਲੋਕਾਂ ਕੋਲ ਵਿਸ਼ਾਲ, ਚੌੜੀ-ਪਰਦਾ ਮਾਨੀਟਰ ਹਨ ਅਤੇ ਉਹ ਆਪਣੇ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਨੂੰ ਵੱਧ ਤੋਂ ਵੱਧ ਨਹੀਂ ਕਰਦੇ ਹਨ. ਇਸ ਲਈ ਜੇ ਤੁਸੀਂ ਇੱਕ ਪੇਜ ਤਿਆਰ ਕਰਨ ਦਾ ਫੈਸਲਾ ਕਰਦੇ ਹੋ ਜਿਹੜਾ 1366 ਪਿਕਸਲ ਤੋਂ ਵੱਧ ਨਹੀਂ ਤਾਂ ਤੁਹਾਡਾ ਪੇਜ ਸ਼ਾਇਦ ਜ਼ਿਆਦਾਤਰ ਝਲਕਾਰਿਆਂ ਵਿੱਚ ਵੱਡੇ ਮਾਨੀਟਰਾਂ '

ਬਰਾਊਜ਼ਰ ਚੌੜਾਈ

ਸੋਚ ਤੋਂ ਬਾਹਰ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ "ਠੀਕ ਹੈ, ਮੈਂ ਆਪਣੇ ਪੰਨਿਆਂ ਨੂੰ 1366 ਪਿਕਸਲ ਚੌੜਾ ਬਣਾ ਦਿਆਂਗਾ," ਇਸ ਕਹਾਣੀ ਲਈ ਹੋਰ ਵੀ ਬਹੁਤ ਕੁਝ ਹੈ ਇੱਕ ਵੈਬ ਪੇਜ ਦੀ ਚੌੜਾਈ ਦਾ ਫੈਸਲਾ ਕਰਦੇ ਸਮੇਂ ਅਕਸਰ ਇੱਕ ਅਣਦੇਖਿਆ ਕੀਤੀ ਗਈ ਮੁੱਦਾ ਇਹ ਹੈ ਕਿ ਤੁਹਾਡੇ ਗਾਹਕ ਆਪਣੇ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਕਿੰਨੀ ਵੱਡੀ ਰੱਖਦੇ ਹਨ ਵਿਸ਼ੇਸ਼ ਰੂਪ ਤੋਂ, ਕੀ ਉਹ ਆਪਣੇ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਪੂਰੇ-ਸਕ੍ਰੀਨ ਦੇ ਆਕਾਰ ਤੇ ਵੱਧ ਤੋਂ ਵੱਧ ਕਰਦੇ ਹਨ ਜਾਂ ਕੀ ਉਹ ਪੂਰੀ ਸਕ੍ਰੀਨ ਤੋਂ ਘੱਟ ਰੱਖਦੇ ਹਨ?

ਇੱਕ ਸਹਿ-ਕਰਮਚਾਰੀਆਂ ਦੇ ਇੱਕ ਗੈਰਰਸਮੀ ਸਰਵੇਖਣ ਵਿੱਚ, ਜਿਨ੍ਹਾਂ ਨੇ ਇੱਕ ਕੰਪਨੀ-ਸਟੈਂਡਰਡ 1024x768 ਰੈਜ਼ੋਲੂਸ਼ਨ ਲੈਪਟਾਪ ਦੀ ਵਰਤੋਂ ਕੀਤੀ, ਦੋ ਨੇ ਆਪਣੇ ਸਾਰੇ ਕਾਰਜਾਂ ਨੂੰ ਵੱਧ ਤੋਂ ਵੱਧ ਰੱਖਿਆ. ਬਾਕੀ ਦੇ ਵੱਖ-ਵੱਖ ਕਾਰਨਾਂ ਕਰਕੇ ਵੱਖ-ਵੱਖ ਆਕਾਰ ਦੀਆਂ ਖਿੜਕੀਆਂ ਖੁੱਲੀਆਂ ਸਨ. ਇਹ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਜੇ ਤੁਸੀਂ 1024 ਪਿਕਸਲ ਦੀ ਚੌੜਾਈ ਤੇ ਇਸ ਕੰਪਨੀ ਦੀ ਇੰਟਰਾਨੈਟ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰ ਰਹੇ ਹੋ, 85 ਪ੍ਰਤੀਸ਼ਤ ਉਪਯੋਗਕਰਤਾਵਾਂ ਨੂੰ ਪੂਰੇ ਸਫ਼ੇ ਨੂੰ ਵੇਖਣ ਲਈ ਖਿਤਿਜੀ ਸਕ੍ਰੋਲ ਕਰਨਾ ਪਏਗਾ.

ਤੁਹਾਡੇ ਗਾਹਕਾਂ ਲਈ ਖਾਤਾ ਬਣਾਉਣ ਤੋਂ ਬਾਅਦ, ਜੋ ਵੱਧ ਤੋਂ ਵੱਧ ਜਾਂ ਨਹੀਂ ਕਰਦੇ, ਬ੍ਰਾਉਜ਼ਰ ਬਾਰਡਰ ਬਾਰੇ ਸੋਚੋ. ਹਰੇਕ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਕੋਲ ਸਕਰੋਲ ਬਾਰ ਅਤੇ ਸਾਈਡਾਂ ਹਨ ਜੋ 80000600600 ਦੇ ਮਤੇ ਤੇ ਉਪਲੱਬਧ ਥਾਂ 800 ਤੋਂ 740 ਪਿਕਸਲ ਜਾਂ ਘੱਟ ਜਾਂ 1024x768 ਰੈਜ਼ੋਲੂਸ਼ਨ ਤੇ ਵੱਧ ਤੋਂ ਵੱਧ ਵਿੰਡੋਜ਼ ਤੇ 980 ਪਿਕਸਲ ਘਟਾਉਂਦੇ ਹਨ. ਇਸ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ "ਕ੍ਰੋਮ" ਕਿਹਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਪੰਨੇ ਦੇ ਡਿਜ਼ਾਇਨ ਲਈ ਉਪਯੋਗੀ ਸਪੇਸ ਤੋਂ ਦੂਰ ਲੈ ਸਕਦਾ ਹੈ.

ਸਥਿਰ ਜਾਂ ਤਰਲ ਚੌੜਾਈ ਪੰਨੇ

ਅਸਲੀ ਅੰਕੀ ਚੌੜਾਈ ਕੇਵਲ ਉਹੀ ਚੀਜ਼ ਨਹੀਂ ਹੈ ਜਿਸ ਬਾਰੇ ਤੁਹਾਨੂੰ ਸੋਚਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦੀ ਚੌੜਾਈ ਕਦੋਂ ਤਿਆਰ ਕਰਨੀ ਹੈ. ਤੁਹਾਨੂੰ ਇਹ ਵੀ ਫੈਸਲਾ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਲ ਇਕ ਨਿਸ਼ਚਿਤ ਚੌੜਾਈ ਜਾਂ ਤਰਲ ਚੌੜਾਈ ਹੋਵੇਗੀ . ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਕੀ ਤੁਸੀਂ ਚੌੜਾਈ ਨੂੰ ਕਿਸੇ ਖਾਸ ਨੰਬਰ (ਨਿਸ਼ਚਿਤ) ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ (ਤਰਲ) ਤਕ ਸੈਟ ਕਰਨ ਜਾ ਰਹੇ ਹੋ?

ਸਥਿਰ ਚੌੜਾਈ

ਸਥਿਰ ਚੌੜਾਈ ਪੇਜ ਉਹੀ ਬਿਲਕੁਲ ਸਹੀ ਹਨ ਜਿਵੇਂ ਕਿ ਉਹ ਆਵਾਜ਼ ਕਰਦੇ ਹਨ. ਚੌੜਾਈ ਨੂੰ ਇੱਕ ਖਾਸ ਨੰਬਰ ਤੇ ਨਿਸ਼ਚਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਕੋਈ ਫਰਕ ਨਹੀਂ ਪੈਂਦਾ ਹੈ ਕਿ ਬ੍ਰਾਉਜ਼ਰ ਕਿੰਨੀ ਵੱਡੀ ਜਾਂ ਛੋਟਾ ਹੈ ਇਹ ਚੰਗਾ ਹੋ ਸਕਦਾ ਹੈ ਜੇ ਤੁਹਾਨੂੰ ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਦੀ ਲੋੜ ਬਿਲਕੁਲ ਉਸੇ ਤਰ੍ਹਾਂ ਦੇਖਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਭਾਵੇਂ ਤੁਹਾਡੇ ਪਾਠਕ ਦੇ ਬ੍ਰਾਉਜ਼ਰ ਕਿੰਨੇ ਵੱਡੇ ਹਨ ਜਾਂ ਤੰਗ ਹਨ, ਪਰ ਇਹ ਤਰੀਕਾ ਤੁਹਾਡੇ ਪਾਠਕ ਨੂੰ ਧਿਆਨ ਵਿਚ ਨਹੀਂ ਰੱਖਦਾ. ਤੁਹਾਡੇ ਡੀਜ਼ਾਈਨ ਤੋਂ ਘਟੀਆ ਬਰਾਊਜ਼ਰ ਵਾਲੇ ਲੋਕ ਖਿਤਿਜੀ ਤਰੀਕੇ ਨਾਲ ਸਕ੍ਰੌਲ ਕਰਨ ਲਈ ਹੋਣਗੇ, ਅਤੇ ਵਿਆਪਕ ਬ੍ਰਾਉਜ਼ਰ ਵਾਲੇ ਲੋਕਾਂ ਕੋਲ ਵੱਡੀ ਮਾਤਰਾ ਵਿੱਚ ਸਕਰੀਨ ਤੇ ਖਾਲੀ ਥਾਂ ਹੋਵੇਗੀ.

ਨਿਸ਼ਚਤ ਚੌੜਾਈ ਪੇਜ ਬਣਾਉਣ ਲਈ, ਆਪਣੇ ਪੰਨਿਆਂ ਦੇ ਭਾਗਾਂ ਦੀ ਚੌੜਾਈ ਲਈ ਕੇਵਲ ਖਾਸ ਪਿਕਸਲ ਸੰਖਿਆ ਦਾ ਉਪਯੋਗ ਕਰੋ.

ਤਰਲ ਚੌੜਾਈ

ਤਰਲ ਚੌੜਾਈ ਵਾਲੇ ਪੇਜ (ਕਈ ਵਾਰੀ ਲਚਕਦਾਰ ਚੌੜਾਈ ਪੱਧਰਾਂ ਵੀ ਕਹਿੰਦੇ ਹਨ) ਚੌੜਾਈ ਵਿਚ ਵੱਖੋ-ਵੱਖਰੇ ਹੁੰਦੇ ਹਨ, ਇਹ ਇਸ ਗੱਲ ' ਇਹ ਤੁਹਾਨੂੰ ਉਹ ਪੰਨੇ ਡਿਜ਼ਾਈਨ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਜੋ ਤੁਹਾਡੇ ਗਾਹਕਾਂ 'ਤੇ ਜ਼ਿਆਦਾ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਦੇ ਹਨ. ਤਰਲ ਚੌੜਾਈ ਪੇਜਾਂ ਨਾਲ ਸਮੱਸਿਆ ਇਹ ਹੈ ਕਿ ਉਹਨਾਂ ਨੂੰ ਪੜਨਾ ਮੁਸ਼ਕਿਲ ਹੋ ਸਕਦਾ ਹੈ. ਜੇ ਪਾਠ ਦੀ ਇੱਕ ਲਾਈਨ ਦੀ ਸਕੈਨ ਲੰਬਾਈ 10 ਤੋਂ 12 ਸ਼ਬਦਾਂ ਜਾਂ 4 ਤੋਂ 5 ਸ਼ਬਦਾਂ ਤੋਂ ਛੋਟਾ ਹੈ, ਤਾਂ ਇਹ ਪੜਨਾ ਮੁਸ਼ਕਿਲ ਹੋ ਸਕਦਾ ਹੈ. ਇਸਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ ਵੱਡੀਆਂ ਜਾਂ ਛੋਟੀਆਂ ਝਲਕਾਰਾ ਝਰੋਖਿਆਂ ਵਾਲੇ ਪਾਠਕ ਨੂੰ ਸਮੱਸਿਆ ਹੈ.

ਲਚਕਦਾਰ ਚੌੜਾਈ ਵਾਲੇ ਪੇਜ ਬਣਾਉਣ ਲਈ, ਆਪਣੇ ਪੰਨਿਆਂ ਦੇ ਭਾਗਾਂ ਦੀ ਚੌੜਾਈ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਜਾਂ ਈਐਮਐਸ ਵਰਤੋ. ਤੁਹਾਨੂੰ ਸੀਸੀਐਸ ਅਧਿਕਤਮ-ਚੌੜਾਈ ਦੀ ਜਾਇਦਾਦ ਨਾਲ ਵੀ ਜਾਣੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਹ ਸੰਪਤੀ ਤੁਹਾਨੂੰ ਪ੍ਰਤੀਸ਼ਤ ਵਿਚ ਚੌੜਾਈ ਨੂੰ ਸੈੱਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ, ਪਰ ਫਿਰ ਇਸ ਨੂੰ ਸੀਮਤ ਕਰ ਦਿੰਦੀ ਹੈ ਤਾਂ ਕਿ ਇਹ ਇੰਨੀ ਵੱਡੀ ਨਾ ਹੋਵੇ ਕਿ ਲੋਕ ਇਸ ਨੂੰ ਪੜ੍ਹ ਨਹੀਂ ਸਕਦੇ.

ਅਤੇ ਜੇਤੂ ਹੈ: CSS ਮੀਡੀਆ ਸਵਾਲ

ਸਭ ਤੋਂ ਵਧੀਆ ਹੱਲ ਹੈ ਕਿ ਇਹ ਦਿਨ ਇੱਕ ਅਜਿਹੀ ਵੈਬਸਾਈਟ ਬਣਾਉਣ ਲਈ CSS ਮੀਡੀਆ ਸਵਾਲਾਂ ਅਤੇ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਨੂੰ ਵਰਤਣਾ ਹੈ ਜੋ ਇਸਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਂਦਾ ਹੈ ਇੱਕ ਜਵਾਬਦੇਹ ਵੈਬ ਡਿਜ਼ਾਈਨ ਇੱਕ ਅਜਿਹੀ ਵੈਬ ਪੇਜ ਬਣਾਉਣ ਲਈ ਸਮਾਨ ਸਮੱਗਰੀ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਇਹ ਕੰਮ ਕਰਦਾ ਹੈ ਕਿ ਕੀ ਤੁਸੀਂ ਇਸ ਨੂੰ 5120 ਪਿਕਸਲ ਚੌੜਾ ਜਾਂ 320 ਪਿਕਸਲ ਚੌੜਾ ਤੇ ਦੇਖਦੇ ਹੋ. ਵੱਖ-ਵੱਖ ਅਕਾਰ ਦੇ ਪੇਜ ਵੱਖਰੇ ਨਜ਼ਰ ਆਉਂਦੇ ਹਨ, ਪਰ ਉਹਨਾਂ ਵਿਚ ਇੱਕੋ ਸਮਗਰੀ ਹੁੰਦੀ ਹੈ. CSS3 ਵਿੱਚ ਮੀਡੀਆ ਦੀ ਕੜੀ ਦੇ ਨਾਲ, ਹਰ ਇੱਕ ਪ੍ਰਾਪਤ ਕਰਨ ਵਾਲਾ ਡਿਵਾਈਸ ਉਸ ਦੇ ਆਕਾਰ ਦੇ ਨਾਲ ਸਵਾਲ ਦਾ ਜਵਾਬ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਸਟਾਈਲ ਸ਼ੀਟ ਉਸ ਖਾਸ ਆਕਾਰ ਨੂੰ ਅਨੁਕੂਲ ਕਰਦਾ ਹੈ.