Dreamweaver ਡਿਜ਼ਾਇਨ ਵੇਖੋ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ ਲਾਈਨ Break ਸ਼ਾਮਲ ਕਰੋ

ਜੇ ਤੁਸੀਂ ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਮੈਂਟ (HTML, CSS, Javascript) ਲਈ ਨਵੇਂ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇੱਕ WYSIWYG ਸੰਪਾਦਕ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ ਚੁਣ ਸਕਦੇ ਹੋ. ਇਹ ਸ਼ਬਦਾਵਲੀ ਦਾ ਅਰਥ ਹੈ "ਜੋ ਤੁਸੀਂ ਦੇਖੋਗੇ ਉਹ ਹੈ ਜੋ ਤੁਸੀਂ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋ" ਅਤੇ ਇਹ ਅਸਲ ਵਿੱਚ ਉਹ ਸੌਫਟਵੇਅਰ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਵਿਜ਼ੁਅਲ ਟੂਲ ਵਰਤ ਕੇ ਇੱਕ ਵੈਬਪੇਜ ਬਣਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਜਦੋਂ ਕਿ ਸਾਫਟਵੇਅਰ ਤੁਹਾਡੇ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤੀਆਂ ਗਈਆਂ ਚੀਜ਼ਾਂ ਦੇ ਅਧਾਰ ਤੇ ਦ੍ਰਿਸ਼ਾਂ ਦੇ ਪਿੱਛੇ ਕੁਝ ਕੋਡ ਲਿਖਦਾ ਹੈ. ਸਭ ਤੋਂ ਵੱਧ ਪ੍ਰਸਿੱਧ WYSIWYG ਟੂਲ ਉਪਲੱਬਧ ਹੈ, ਜੋ ਕਿ ਆਧੁਨਿਕ ਹੈ Adobe ਦਾ Dreamweaver .

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

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

ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਵੈਬ ਪੇਜ ਤੇ HTML ਪਾਠ ਜੋੜ ਰਹੇ ਹੋ, ਤਾਂ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰ ਉਸ ਟੈਕਸਟ ਨੂੰ ਇੱਕ ਲੰਮੀ ਲਾਈਨ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੇਗਾ ਜਦੋਂ ਤੱਕ ਇਹ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਜਾਂ ਇਸ ਦੇ ਕੰਨਟੇਨਰ ਐਲੀਮੈਂਟ ਦੇ ਕਿਨਾਰੇ ਤੇ ਨਹੀਂ ਪਹੁੰਚਦਾ. ਉਸ ਸਮੇਂ, ਪਾਠ ਅਗਲੇ ਸਤਰ ਨੂੰ ਸਮੇਟ ਜਾਵੇਗਾ. ਇਹ ਕਿਸੇ ਵੀ ਸ਼ਬਦ ਸੰਸਾਧਨਾਂ ਦੇ ਸੌਫਟਵੇਅਰ ਵਿੱਚ ਕੀ ਹੁੰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ Microsoft Word ਜਾਂ Google Docs ਜਦੋਂ ਪਾਠ ਦੀ ਇੱਕ ਲਾਈਨ ਵਿੱਚ ਇੱਕ ਖਿਤਿਜੀ ਲਾਈਨ ਤੇ ਕੋਈ ਹੋਰ ਥਾਂ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਹ ਇੱਕ ਹੋਰ ਲਾਈਨ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਸਮੇਟਾਈ ਜਾਵੇਗੀ. ਤਾਂ ਕੀ ਹੁੰਦਾ ਹੈ ਜੇ ਤੁਸੀਂ ਇਹ ਨਿਰਧਾਰਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਲਾਈਨ ਕਿੱਥੇ ਖਰਾਬ ਹੈ?

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

ਇਸ ਨੂੰ CSS ਦੇ ਨਾਲ ਐਡਜਸਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਸੱਚਾਈ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਵੈੱਬਸਾਈਟ ਪੜਨਯੋਗਤਾ ਦੀ ਆਗਿਆ ਦੇਣ ਲਈ ਪੈਰਿਆਂ ਦੇ ਵਿਚਕਾਰ ਫਾਸਲਾ ਹੋਣਾ ਚਾਹੁੰਦੇ ਹੋ .ਜੇ ਤੁਸੀਂ ਇੱਕ ਲਾਈਨ ਅਤੇ ਲਾਈਨ ਦੇ ਵਿਚਕਾਰ ਕੋਈ ਵੀ ਵਿਆਪਕ ਲੰਬਕਾਰੀ ਵਿੱਥ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ [ENTER] ਕੁੰਜੀ ਹੈ ਕਿਉਂਕਿ ਤੁਸੀਂ ਨਹੀਂ ਚਾਹੁੰਦੇ ਕਿ ਇਹ ਲਾਈਨਾਂ ਇੱਕਲੇ ਪੈਰਾਗਰਾਫ ਹਨ.

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

ਐਂਟੀਵਾਇਅਰ ਦੇ ਡਿਜ਼ਾਇਨ ਝਲਕ ਵਿੱਚ ਇੱਕ ਲਾਈਨ ਬ੍ਰੇਕ ਸ਼ਾਮਲ ਕਰੋ:

  1. ਆਪਣਾ ਕਰਸਰ ਰੱਖੋ ਜਿੱਥੇ ਤੁਸੀਂ ਨਵੀਂ ਲਾਈਨ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.
  2. ਸ਼ਿਫਟ ਕੀ ਦਬਾ ਕੇ ਰੱਖੋ ਅਤੇ [ਐਂਟਰ] ਦਬਾਓ

ਇਹ ਹੀ ਗੱਲ ਹੈ! [ENTER] ਦੇ ਨਾਲ "ਸ਼ਿਫਟ" ਕੁੰਜੀ ਦੇ ਨਾਲ ਸਧਾਰਨ ਵਾਧਾ ਇਕ ਨਵੇਂ ਪੈਰਾ ਦੀ ਬਜਾਏ ਇੱਕ
ਜੋੜ ਦੇਵੇਗਾ. ਇਸ ਲਈ ਹੁਣ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਇਹ ਕਿਵੇਂ ਹੈ, ਤੁਹਾਨੂੰ ਇਹ ਵਿਚਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇਹ ਕਿੱਥੇ ਵਰਤਣਾ ਹੈ ਅਤੇ ਇਸ ਤੋਂ ਕਿੱਥੇ ਬਚਣਾ ਹੈ. ਯਾਦ ਰੱਖੋ, HTML ਸਾਈਟ ਦਾ ਢਾਂਚਾ ਬਣਾਉਣਾ ਹੈ, ਨਾ ਕਿ ਦਿੱਖ ਰੂਪ ਤੁਹਾਨੂੰ ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਦੇ ਤੱਤ ਦੇ ਹੇਠਾਂ ਖੜ੍ਹਵੇਂ ਵਿੱਥ ਬਣਾਉਣ ਲਈ ਮਲਟੀਪਲ
ਟੈਗ ਨਹੀਂ ਵਰਤਣੇ ਚਾਹੀਦੇ.

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

ਕੰਪਨੀ ਦਾ ਨਾਂ

ਐਡਰੈੱਸ ਲਾਈਨ

ਸ਼ਹਿਰ, ਰਾਜ, ਜ਼ਿਪ

ਐਡਰੈੱਸ ਲਈ ਇਹ ਕੋਡ ਇਕ ਪੈਰਾ ਹੈ, ਪਰ ਦ੍ਰਿਸ਼ਟੀਗਤ ਢੰਗ ਨਾਲ ਇਹ ਉਹਨਾਂ ਦੀਆਂ ਵਿਚਕਾਰ ਇੱਕ ਛੋਟੀ ਜਿਹੀ ਸਪੇਸ ਨਾਲ ਵਿਅਕਤੀਗਤ ਲਾਈਨਾਂ ਤੇ ਤਿੰਨ ਲਾਈਨਾਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੇਗਾ.