Dreamweaver ਦੇ ਨਾਲ ਇੱਕ ਚਿੱਤਰ ਨਕਸ਼ਾ ਬਣਾਉਣ ਲਈ ਸੁਝਾਅ

ਚਿੱਤਰ ਮੈਪਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਲਾਭ ਅਤੇ ਨੁਕਸਾਨ

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

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

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

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

ਸ਼ੁਰੂ ਕਰਨਾ

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

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

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

ਇਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਪੂਰਾ ਕਰ ਲੈਂਦੇ ਹੋ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ ਇਹ ਕੰਮ ਸਹੀ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿਚ ਤੁਹਾਡਾ ਚਿੱਤਰ ਨਕਸ਼ਾ ਰੀਵਰਵ ਕਰ ਰਿਹਾ ਹੈ. ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਹਰੇਕ ਲਿੰਕ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਕਿ ਇਹ ਸਹੀ ਸ੍ਰੋਤ ਜਾਂ ਵੈਬ ਪੇਜ ਤੇ ਜਾਏ.

ਚਿੱਤਰ ਨਕਸ਼ੇ ਦੇ ਨੁਕਸਾਨ

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

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

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

ਸਿੱਟਾ

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

ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 9/7/17 ਨੂੰ ਜੈਰੀਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ