ਆਪਣੀਆਂ ਵੈਬਸਾਈਟਾਂ ਤੇ ਐਪਲੀਕੇਸ਼ਨ-ਸਟਾਇਲ ਦਾ ਅਨੁਭਵ ਬਣਾਓ
ਡਾਈਨੈਮਿਕ HTML (DHTML) ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਵੈਬਸਾਈਟਾਂ ਤੇ ਐਪਲੀਕੇਸ਼ਨ-ਸਟਾਇਲ ਦਾ ਅਨੁਭਵ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਬਾਰੰਬਾਰਤਾ ਨੂੰ ਘਟਾਉਣ ਨਾਲ, ਪੂਰੇ ਪੰਨਿਆਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣਾ ਪੈਂਦਾ ਹੈ. ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿਚ, ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਚੀਜ਼ 'ਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹੋ, ਤਾਂ ਅਰਜ਼ੀ ਤੁਰੰਤ ਉਸ ਵਿਸ਼ੇਸ਼ ਸਮਗਰੀ ਨੂੰ ਦਿਖਾਉਣ ਲਈ ਬਦਲਦੀ ਹੈ ਜਾਂ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਜਵਾਬ ਦੇ ਸਕਦੀ ਹੈ
ਇਸਦੇ ਉਲਟ, ਵੈੱਬਪੇਜਾਂ ਨੂੰ ਮੁੜ ਲੋਡ ਕਰਨਾ ਪੈਂਦਾ ਹੈ ਜਾਂ ਇੱਕ ਪੂਰਾ ਨਵਾਂ ਪੇਜ਼ ਲੋਡ ਕਰਨਾ ਹੁੰਦਾ ਹੈ. ਇਸ ਨਾਲ ਉਪਭੋਗਤਾ ਦਾ ਤਜ਼ਰਬਾ ਹੋਰ ਜਿਆਦਾ ਅਸਥਿਰ ਹੋ ਸਕਦਾ ਹੈ. ਤੁਹਾਡੇ ਗਾਹਕਾਂ ਨੂੰ ਪਹਿਲੇ ਪੰਨੇ ਨੂੰ ਲੋਡ ਕਰਨ ਦਾ ਇੰਤਜ਼ਾਰ ਕਰਨਾ ਪਵੇਗਾ ਅਤੇ ਫੇਰ ਦੂਜੀ ਪੰਨੇ ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ ਉਡੀਕ ਕਰਨੀ ਪਵੇਗੀ, ਅਤੇ ਇਸੇ ਤਰਾਂ.
& Lt; div & gt; ਦਰਸ਼ਕ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ
ਇਸ ਅਨੁਭਵ ਵਿੱਚ ਸੁਧਾਰ ਕਰਨ ਦੇ ਸਭ ਤੋਂ ਸੌਖੇ ਢੰਗਾਂ ਵਿੱਚੋਂ ਇੱਕ ਡੀਐਚਐਲਆਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ, ਜਦੋਂ ਉਸ ਤੋਂ ਬੇਨਤੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਸਮੱਗਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਵਿਵਿਧ ਤੱਤਾਂ ਨੂੰ ਚਾਲੂ ਅਤੇ ਬੰਦ ਕਰਨਾ ਹੈ. ਇੱਕ div ਤੱਤ ਤੁਹਾਡੇ ਵੈਬਪੰਨੇ ਤੇ ਲਾਜ਼ੀਕਲ ਵੰਡਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕਰਦਾ ਹੈ. ਇਕ ਡਵੀਜ਼ਨ ਨੂੰ ਇਕ ਡੱਬੇ ਦੇ ਰੂਪ ਵਿਚ ਵਿਚਾਰੋ ਜਿਸ ਵਿਚ ਪੈਰਿਆਂ, ਸਿਰਲੇਖਾਂ, ਲਿੰਕਾਂ, ਤਸਵੀਰਾਂ ਅਤੇ ਹੋਰ ਚੀਜ਼ਾਂ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀਆਂ ਹਨ.
ਤੁਹਾਨੂੰ ਕੀ ਚਾਹੀਦਾ ਹੈ
ਇੱਕ ਡੀਵੀ ਬਣਾਉਣ ਲਈ ਜਿਸ ਨੂੰ ਚਾਲੂ ਅਤੇ ਬੰਦ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਹੇਠ ਲਿਖੇ ਦੀ ਜ਼ਰੂਰਤ ਹੈ:
- ਇੱਕ ਦਿਸ਼ਾ ਇੱਕ ਲਿੰਕ ਤੇ ਕਲਿਕ ਕਰਕੇ ਇਸਨੂੰ ਚਾਲੂ ਅਤੇ ਬੰਦ ਕਰ ਕੇ ਡਿਵਾਈ ਨੂੰ ਨਿਯੰਤ੍ਰਿਤ ਕਰ ਸਕਦਾ ਹੈ
- DIV ਨੂੰ ਦਿਖਾਉਣ ਅਤੇ ਲੁਕਾਉਣ ਲਈ
- ਡੀ.ਈ.ਵੀ. ਲੁਕਾਇਆ ਜਾਂ ਦ੍ਰਿਸ਼ਟੀ ਵਾਲੀ ਸ਼ੈਲੀ ਨੂੰ CSS
- ਐਕਸ਼ਨ ਕਰਨ ਲਈ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ
ਕੰਟਰੋਲ ਲਿੰਕ
ਕੰਟਰੋਲਿੰਗ ਲਿੰਕ ਸਭ ਤੋਂ ਸੌਖਾ ਹਿੱਸਾ ਹੈ. ਬੱਸ ਇਕ ਲਿੰਕ ਬਣਾਉ ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਹੋਰ ਪੰਨੇ 'ਤੇ. ਹੁਣ ਲਈ, ਐਰੇ ਗੁਣ ਨੂੰ ਖਾਲੀ ਛੱਡੋ.
ਸਿੱਖੋ HTMLਇਸ ਨੂੰ ਆਪਣੇ ਵੈਬਪੰਨੇ 'ਤੇ ਕਿਤੇ ਵੀ ਰੱਖੋ.
ਵੇਖੋ ਅਤੇ ਓਹਲੇ ਕਰਨ ਲਈ ਡਿਵ
ਉਸ ਵਿਭਾਗੀ ਤੱਤ ਨੂੰ ਬਣਾਓ ਜਿਸਨੂੰ ਤੁਸੀਂ ਦਿਖਾਉਣਾ ਅਤੇ ਲੁਕਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਇਹ ਨਿਸ਼ਚਤ ਕਰੋ ਕਿ ਤੁਹਾਡੇ ਡੀਵੀਵ ਕੋਲ ਉਸ ਉੱਤੇ ਇੱਕ ਵਿਲੱਖਣ id ਹੈ. ਉਦਾਹਰਨ ਵਿੱਚ, ਵਿਲੱਖਣ id HTML ਸਿੱਖ ਰਿਹਾ ਹੈ
ਇਹ ਸਮਗਰੀ ਕਾਲਮ ਹੈ. ਇਹ ਸਪੱਸ਼ਟੀਕਰਨ ਟੈਕਸਟ ਨੂੰ ਛੱਡ ਕੇ ਇਹ ਖਾਲੀ ਰਹਿ ਜਾਂਦਾ ਹੈ. ਚੁਣੋ ਕਿ ਖੱਬੇ ਪਾਸੇ ਨੇਵੀਗੇਸ਼ਨ ਕਾਲਮ ਵਿਚ ਤੁਸੀਂ ਕੀ ਸਿੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਪਾਠ ਹੇਠਾਂ ਦਿੱਸੇਗਾ : p> ਆਪਣੇ CSS ਲਈ ਦੋ ਕਲਾਸਾਂ ਬਣਾਓ: ਇੱਕ ਨੂੰ div ਅਤੇ ਇਸ ਨੂੰ ਦਿਖਾਉਣ ਲਈ ਦੂਜੇ ਨੂੰ ਲੁਕਾਉਣ ਲਈ. ਤੁਹਾਡੇ ਕੋਲ ਦੋ ਵਿਕਲਪ ਹਨ: ਡਿਸਪਲੇ ਅਤੇ ਦਿੱਖ ਡਿਸਪਲੇਅ ਪੇਜ਼ ਫਲੋ ਤੋਂ ਡਿਵਾਈ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਅਤੇ ਦਿੱਖ ਸਿਰਫ ਇਸ ਨੂੰ ਬਦਲਦੀ ਹੈ ਕਿ ਇਹ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ. ਕੁਝ ਕੋਡਰ ਡਿਸਪਲੇਅ ਪਸੰਦ ਕਰਦੇ ਹਨ , ਲੇਕਿਨ ਕਈ ਵਾਰ ਦ੍ਰਿਸ਼ਟਤਾ ਦਾ ਮਤਲਬ ਬਣਦਾ ਹੈ, ਵੀ. ਉਦਾਹਰਣ ਲਈ: ਜੇ ਤੁਸੀਂ ਦਿੱਖ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਹਨਾਂ ਵਰਗਾਂ ਨੂੰ ਇਹਨਾਂ ਵਿੱਚ ਤਬਦੀਲ ਕਰੋ: ਆਪਣੇ ਵਿਜੇ ਨੂੰ ਲੁਕਾਏ ਹੋਏ ਵਰਗ ਨੂੰ ਜੋੜੋ ਤਾਂ ਜੋ ਇਹ ਪੰਨੇ 'ਤੇ ਲੁਕਿਆ ਹੋਵੇ: ਇਹ ਸਭ ਸਕ੍ਰਿਪਟ ਤੁਹਾਡੇ ਵਿਭਾਜਨ ਤੇ ਮੌਜੂਦਾ ਕਲਾਸ ਨੂੰ ਵੇਖਦੀ ਹੈ ਅਤੇ ਇਸਨੂੰ ਛੁਪਾਏ ਜਾਣ ਲਈ ਤੰਗ ਕਰਦੀ ਹੈ ਜੇ ਇਹ ਲੁਕਾਇਆ ਜਾਂ ਉਲਟ ਮਾਰਕ ਹੈ ਇਹ ਜਾਵਾ-ਸਕਰਿਪਟ ਦੀਆਂ ਕੁਝ ਹੀ ਲਾਈਨਾਂ ਹਨ. ਆਪਣੇ HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਰਲੇਖ ਹੇਠ ਰੱਖੋ ( html ਸਿੱਖੋ h3>
ਡੀ.ਈ. ਐਸ ਵੇਖੋ ਅਤੇ ਓਹਲੇ ਨੂੰ ਛੁਪਾਓ
ਜਾਵਾਸਕ੍ਰਿਪਟ ਇਹ ਕੰਮ ਕਰਨ ਲਈ