ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਕੀ ਹੈ? (ਵਿਆਖਿਆ ਕਰਨ ਵਾਲਾ ਵੀਡੀਓ ਅਤੇ ਇਨਫੋਗ੍ਰਾਫਿਕ)

ਜਵਾਬਦੇਹ ਵੈੱਬ ਡਿਜ਼ਾਈਨ

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

ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਕੀ ਹੈ?

ਜਵਾਬਦੇਹ ਵੈੱਬ ਡਿਜ਼ਾਇਨ (ਆਰਡਬਲਯੂਡੀ) ਇੱਕ ਵੈਬ ਡਿਜ਼ਾਈਨ ਪਹੁੰਚ ਹੈ ਜਿਸਦਾ ਉਦੇਸ਼ ਸਾਈਟਾਂ ਨੂੰ ਇੱਕ ਅਨੁਕੂਲ ਵੇਖਣ ਦਾ ਤਜ਼ੁਰਬਾ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ ਹੁੰਦਾ ਹੈ - ਘੱਟੋ ਘੱਟ ਮੁੜ ਆਕਾਰ, ਪੈਨਿੰਗ ਅਤੇ ਸਕ੍ਰੌਲਿੰਗ ਦੇ ਨਾਲ ਅਸਾਨ ਰੀਡਿੰਗ ਅਤੇ ਨੈਵੀਗੇਸ਼ਨ devices ਕਈ ਤਰ੍ਹਾਂ ਦੇ ਉਪਕਰਣਾਂ ਵਿੱਚ (ਮੋਬਾਈਲ ਫੋਨ ਤੋਂ ਡੈਸਕਟੌਪ ਕੰਪਿ desktopਟਰ ਤੱਕ) ਮਾਨੀਟਰ). ਆਰਡਬਲਯੂਡੀ ਦੇ ਨਾਲ ਤਿਆਰ ਕੀਤੀ ਗਈ ਇੱਕ ਸਾਈਟ ਤਰਲ, ਅਨੁਪਾਤ ਅਧਾਰਤ ਗਰਿੱਡ, ਲਚਕਦਾਰ ਚਿੱਤਰ, ਅਤੇ CSS3 ਮੀਡੀਆ ਪ੍ਰਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ @ ਖਾਤਿਆਂ ਦੇ ਵਾਤਾਵਰਣ ਲਈ ਲੇਆਉਟ ਨੂੰ .ਾਲ਼ਦੀ ਹੈ, @ ਮੀਡੀਆ ਨਿਯਮ ਦਾ ਵਿਸਥਾਰ.

ਵਿਕੀਪੀਡੀਆ,

ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਚਿੱਤਰਾਂ ਵਰਗੇ ਤੱਤ ਅਨੁਕੂਲ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ ਅਤੇ ਉਹਨਾਂ ਤੱਤਾਂ ਦਾ ਖਾਕਾ ਵੀ. ਇੱਥੇ ਇੱਕ ਵੀਡੀਓ ਹੈ ਜੋ ਦੱਸਦਾ ਹੈ ਕਿ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਕੀ ਹੈ ਅਤੇ ਨਾਲ ਹੀ ਤੁਹਾਡੀ ਕੰਪਨੀ ਨੂੰ ਇਸ ਨੂੰ ਕਿਉਂ ਲਾਗੂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਅਸੀਂ ਹਾਲ ਹੀ ਵਿੱਚ Highbridge ਸਾਈਟ ਜਵਾਬਦੇਹ ਹੋਣ ਲਈ ਹੈ ਅਤੇ ਹੁਣ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹਨ Martech Zone ਉਹੀ ਕਰਨਾ!

ਇੱਕ ਸਾਈਟ ਲਈ ਜਵਾਬਦੇਹ ਬਣਾਉਣ ਦੀ ਵਿਧੀ ਥੋੜੀ edਖੀ ਹੈ ਕਿਉਂਕਿ ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਸ਼ੈਲੀ ਲਈ ਇੱਕ ਲੜੀਬੰਦੀ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਜੋ ਵਿportਪੋਰਟ ਦੇ ਆਕਾਰ ਦੇ ਅਧਾਰ ਤੇ ਆਯੋਜਿਤ ਕੀਤੀ ਗਈ ਹੈ.

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

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

ਲੂਸੀਡਾ ਡੰਕਾਲਫੇ, ਮੌਨੇਟੇਟ ਸੀਈਓ

ਇਹ ਬਹੁਤ ਸਾਰੇ ਡਿਵਾਈਸਾਂ ਲਈ ਇੱਕ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਬਣਾਉਣ ਦੇ ਸੰਭਾਵਿਤ ਫਾਇਦਿਆਂ ਨੂੰ ਦਰਸਾਉਂਦਾ ਮੋਨੇਟ ਤੋਂ ਇੱਕ ਇਨਫੋਗ੍ਰਾਫਿਕ ਹੈ:

ਜਵਾਬਦੇਹ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਇਨਫੋਗ੍ਰਾਫਿਕ

ਜੇ ਤੁਸੀਂ ਕਾਰਜਸ਼ੀਲ ਹੁੰਗਾਰਾ ਭਰਪੂਰ ਸਾਈਟ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਆਪਣੇ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰੋ ਗੂਗਲ ਕਰੋਮ ਬਰਾ browserਜ਼ਰ (ਮੇਰਾ ਮੰਨਣਾ ਹੈ ਕਿ ਫਾਇਰਫੌਕਸ ਦੀ ਉਹੀ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ) Highbridge. ਹੁਣ ਚੁਣੋ ਵੇਖੋ> ਡਿਵੈਲਪਰ> ਡਿਵੈਲਪਰ ਟੂਲ ਮੀਨੂੰ ਤੋਂ ਇਹ ਬ੍ਰਾ .ਜ਼ਰ ਦੇ ਤਲ 'ਤੇ ਬਹੁਤ ਸਾਰੇ ਸਾਧਨਾਂ ਨੂੰ ਲੋਡ ਕਰੇਗਾ. ਡਿਵੈਲਪਰ ਟੂਲਸ ਮੀਨੂ ਬਾਰ ਦੇ ਬਹੁਤ ਖੱਬੇ ਪਾਸੇ ਛੋਟੇ ਮੋਬਾਈਲ ਆਈਕਨ ਤੇ ਕਲਿਕ ਕਰੋ.

ਜਵਾਬਦੇਹ-ਟੈਸਟਿੰਗ ਕ੍ਰੋਮ

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

3 Comments

  1. 1

    ਵੈਬ ਡਿਜ਼ਾਈਨ ਹੁਣ ਵੈਬਮਾਸਟਰਾਂ ਦੀ ਚੋਣ ਨਹੀਂ ਹੈ, ਹੁਣ ਉਨ੍ਹਾਂ ਲਈ ਇਹ ਲਾਜ਼ਮੀ ਹੈ. ਇਸ ਜਾਣਕਾਰੀ ਭਰਪੂਰ ਪੋਸਟ ਨੂੰ ਸਾਂਝਾ ਕਰਨ ਲਈ ਧੰਨਵਾਦ.

  2. 2

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

    • 3

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

ਤੁਹਾਨੂੰ ਕੀ ਲੱਗਦਾ ਹੈ?

ਇਹ ਸਾਈਟ ਸਪੈਮ ਨੂੰ ਘੱਟ ਕਰਨ ਲਈ ਅਕਕੀਮੈਟ ਵਰਤਦੀ ਹੈ. ਜਾਣੋ ਕਿ ਤੁਹਾਡੇ ਟਿੱਪਣੀ ਡੇਟਾ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਿਵੇਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.