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