ਬਲੂਫਿਸ਼ ਕੋਡ ਐਡੀਟਰ ਇੱਕ ਐਪਲੀਕੇਸ਼ਨ ਹੈ ਜੋ ਵੈਬ ਪੇਜਾਂ ਅਤੇ ਸਕ੍ਰਿਪਟ ਵਿਕਸਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਇਹ ਇੱਕ WYSIWYG ਐਡੀਟਰ ਨਹੀਂ ਹੈ. ਬਲੂਫਿਸ਼ ਇੱਕ ਅਜਿਹਾ ਉਪਕਰਣ ਹੈ ਜੋ ਇੱਕ ਕੋਡ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜੋ ਇੱਕ ਵੈਬ ਪੇਜ ਜਾਂ ਸਕ੍ਰਿਪਟ ਤੋਂ ਬਣਾਇਆ ਗਿਆ ਹੈ. ਇਹ ਉਹਨਾਂ ਪ੍ਰੋਗਰਾਮਰਾਂ ਲਈ ਹੈ ਜਿਨ੍ਹਾਂ ਕੋਲ ਐਚ ਟੀ ਟੀ ਅਤੇ CSS ਕੋਡ ਲਿਖਣ ਦਾ ਗਿਆਨ ਹੁੰਦਾ ਹੈ ਅਤੇ ਉਹ ਸਭ ਤੋਂ ਵੱਧ ਆਮ ਸਕਰਿਪਟਿੰਗ ਭਾਸ਼ਾਵਾਂ ਜਿਵੇਂ ਕਿ ਪੀਐਚਐਚ ਅਤੇ ਜਾਵ ਸਕ੍ਰਿਪਟ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਦੀਆਂ ਵਿਧੀਆਂ ਹਨ, ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਹੋਰ ਬਹੁਤ ਸਾਰੇ ਹਨ. ਬਲੂਫੀਸ਼ ਐਡੀਟਰ ਦਾ ਮੁੱਖ ਉਦੇਸ਼ ਕੋਡਿੰਗ ਨੂੰ ਸੌਖਾ ਬਣਾਉਣਾ ਅਤੇ ਗਲਤੀਆਂ ਨੂੰ ਘਟਾਉਣਾ ਹੈ. ਬਲੂਫਿਸ਼ ਮੁਫਤ ਅਤੇ ਓਪਨ ਸੋਰਸ ਸਾਫਟਵੇਅਰ ਹੈ ਅਤੇ ਵਰਜਨ ਵਿੰਡੋਜ਼, ਮੈਕ ਓਐਸਐਕਸ, ਲੀਨਕਸ, ਅਤੇ ਕਈ ਹੋਰ ਯੂਨੀਕਸ ਵਰਗੇ ਪਲੇਟਫਾਰਮਾਂ ਲਈ ਉਪਲਬਧ ਹਨ. ਮੈਂ ਇਸ ਟਿਊਟੋਰਿਅਲ ਵਿਚ ਵਰਤੀ ਗਈ ਵਰਜਨ ਨੂੰ ਵਿੰਡੋਜ਼ 7 ਤੇ ਬਲੂਫਿਸ਼ ਕਰਦਾ ਹਾਂ.
01 ਦਾ 04
ਬਲੂਫਿਸ਼ ਇੰਟਰਫੇਸ
ਬਲੂਫਿਸ਼ ਇੰਟਰਫੇਸ ਨੂੰ ਕਈ ਭਾਗਾਂ ਵਿੱਚ ਵੰਡਿਆ ਗਿਆ ਹੈ. ਸਭ ਤੋਂ ਵੱਡਾ ਭਾਗ ਸੰਪਾਦਨ ਉਪਕਰਣ ਹੈ ਅਤੇ ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੇ ਕੋਡ ਨੂੰ ਸਿੱਧਾ ਸੋਧ ਸਕਦੇ ਹੋ. ਸੰਪਾਦਨ ਉਪਖੰਡ ਦੇ ਖੱਬੇ ਪਾਸੇ ਪਾਸੇ ਦਾ ਪੈਨਲ ਹੁੰਦਾ ਹੈ, ਜੋ ਕਿ ਇੱਕ ਫਾਇਲ ਪ੍ਰਬੰਧਕ ਦੇ ਤੌਰ ਤੇ ਉਹੀ ਫੰਕਸ਼ਨ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਉਹਨਾਂ ਫਾਈਲਾਂ ਦੀ ਚੋਣ ਕਰ ਸਕਦੇ ਹੋ ਜਿਨ੍ਹਾਂ ਤੇ ਤੁਸੀਂ ਕੰਮ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਫਾਈਲ ਦਾ ਨਾਂ ਬਦਲੋ ਜਾਂ ਮਿਟਾਓ.
ਬਲੂਫਿਸ਼ ਵਿੰਡੋਜ਼ ਦੇ ਸਿਖਰ 'ਤੇ ਸਿਰਲੇਖ ਸੈਕਸ਼ਨ ਵਿੱਚ ਕਈ ਟੂਲਬਾਰ ਹਨ, ਜੋ ਵਿਊ ਮੀਨੂੰ ਰਾਹੀਂ ਦਿਖਾਇਆ ਜਾਂ ਲੁਕਾਇਆ ਜਾ ਸਕਦਾ ਹੈ.
ਟੂਲਬਾਰ ਮੁੱਖ ਟੂਲਬਾਰ ਹਨ, ਜਿਸ ਵਿੱਚ ਬਟਨ, ਜਿਵੇਂ ਕਿ ਸੇਵ, ਕਾਪੀ ਅਤੇ ਪੇਸਟ, ਖੋਜ ਅਤੇ ਬਦਲਣ, ਅਤੇ ਕੁੱਝ ਕੋਡ indentation options ਆਦਿ ਕਰਨ ਲਈ ਬਟਨ ਹੁੰਦੇ ਹਨ. ਤੁਸੀਂ ਨੋਟ ਕਰੋਗੇ ਕਿ ਕੋਈ ਵੀ ਫਾਰਮੈਟਿੰਗ ਬਟਨਾਂ ਨਹੀਂ ਹਨ ਜਿਵੇਂ ਕਿ ਬੋਲਡ ਜਾਂ ਰੇਖਾਕਾਰ.
ਇਸਦਾ ਕਾਰਨ ਹੈ ਕਿ ਬਲੂਫਿਸ਼ ਕੋਡ ਨੂੰ ਫਾਰਮੇਟ ਨਹੀਂ ਕਰਦਾ, ਇਹ ਸਿਰਫ ਇੱਕ ਐਡੀਟਰ ਹੈ. ਮੁੱਖ ਟੂਲਬਾਰ ਹੇਠਾਂ HTML ਟੂਲਬਾਰ ਅਤੇ ਸਨਿੱਪਟ ਮੀਨੂ ਹੈ. ਇਹ ਮੇਨੂ ਵਿੱਚ ਬਟਨ ਅਤੇ ਉੱਪ-ਮੇਨੂ ਹੁੰਦੇ ਹਨ ਜੋ ਤੁਸੀਂ ਜ਼ਿਆਦਾਤਰ ਭਾਸ਼ਾ ਦੇ ਤੱਤਾਂ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਲਈ ਆਪਣੇ ਆਪ ਸੰਮਿਲਿਤ ਕਰਨ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ.
02 ਦਾ 04
Bluefish ਵਿੱਚ HTML ਟੂਲਬਾਰ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ
ਬਲੂਫਿਸ਼ ਵਿਚਲੇ ਐਚਟੀਐਮ ਟੂਲਬਾਰ ਨੂੰ ਟੈਬਸ ਦੁਆਰਾ ਵਿਵਸਥਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੋ ਕਿ ਸ਼੍ਰੇਣੀ ਦੇ ਮੁਤਾਬਕ ਔਪਰੇਟ ਕਰਦੇ ਹਨ. ਟੈਬਸ ਹਨ:
- ਤੇਜ਼ ਬਾਰ - ਤੁਸੀਂ ਉਹਨਾਂ ਆਈਟਮਾਂ ਲਈ ਇਸ ਟੈਬ ਤੇ ਦੂਜੇ ਟੂਲਜ਼ ਨੂੰ ਪਿੰਨ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਅਕਸਰ ਵਰਤੋਂ ਕਰਦੇ ਹੋ
- ਐਚਟੀਐਮਐਲ 5 - ਤੁਹਾਨੂੰ ਆਮ ਟੈਗਾਂ ਅਤੇ ਐਚਟੀਐਲ 5 ਦੇ ਤੱਤਾਂ ਤਕ ਪਹੁੰਚ ਦਿੰਦਾ ਹੈ.
- ਮਿਆਰੀ - ਆਮ HTML ਫਾਰਮੇਟਿੰਗ ਵਿਕਲਪਾਂ ਨੂੰ ਇਸ ਟੈਬ 'ਤੇ ਪਹੁੰਚ ਪ੍ਰਾਪਤ ਹੈ.
- ਫਾਰਮੈਟਿੰਗ - ਘੱਟ ਆਮ ਫਾਰਮੈਟਿੰਗ ਵਿਕਲਪ ਇੱਥੇ ਲੱਭੇ ਜਾਂਦੇ ਹਨ.
- ਸਾਰਣੀ - ਇੱਕ ਟੇਬਲ ਵਿਜ਼ਰਡ ਸਮੇਤ ਵੱਖਰੇ ਟੇਬਲ ਮੇਕਿੰਗ ਫੰਕਸ਼ਨ.
- ਸੂਚੀ - ਆਰਡਰ ਕੀਤੇ, ਅਨੋਰਡ, ਅਤੇ ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਬਣਾਉਣ ਲਈ ਟੂਲ.
- CSS - ਸਟਾਇਲਸ਼ੀਟਾਂ ਨੂੰ ਇਸ ਟੈਬ ਦੇ ਨਾਲ ਨਾਲ ਲੇਆਉਟ ਕੋਡ ਤੋਂ ਵੀ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ.
- ਫਾਰਮ - ਇਸ ਟੈਬ ਤੋਂ ਜ਼ਿਆਦਾਤਰ ਆਮ ਫਾਰਮ ਤੱਤ ਸ਼ਾਮਲ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ
- ਫੌਂਟਸ - ਇਸ ਟੈਬ ਵਿੱਚ HTML ਅਤੇ CSS ਵਿੱਚ ਫੌਂਟ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਸ਼ੌਰਟਕਟ ਹਨ.
- ਫਰੇਮ - ਫਾਰਮ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਆਮ ਕਾਰਜ ਹਨ
ਹਰੇਕ ਟੈਬ ਤੇ ਕਲਿਕ ਕਰਨ ਨਾਲ ਟੈਬਾਂ ਦੇ ਹੇਠਾਂ ਸੰਦਪੱਟੀ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਅਨੁਸਾਰੀ ਵਰਗ ਨਾਲ ਸੰਬੰਧਿਤ ਬਟਨ ਬਣਾਏ ਜਾਣਗੇ.
03 04 ਦਾ
Bluefish ਵਿੱਚ ਸਨਿੱਪਟਸ ਮੀਨੂ ਦੀ ਵਰਤੋਂ
ਐਚਟੀਐਚ ਟੂਲਬਾਰ ਦੇ ਥੱਲੇ ਇਕ ਮੇਨੂ ਹੈ ਜਿਸ ਨੂੰ ਸਨਿੱਪਟ ਬਾਰ ਕਿਹਾ ਜਾਂਦਾ ਹੈ. ਇਹ ਮੀਨੂ ਪੱਟੀ ਵਿੱਚ ਕਈ ਪ੍ਰੋਗਰਾਮਾਂ ਨਾਲ ਸਬੰਧਤ ਸਬਮੈਨਸ ਹੁੰਦਾ ਹੈ. ਮੀਨੂ ਉੱਤੇ ਹਰੇਕ ਆਈਟਮ ਆਮ ਵਰਤੇ ਜਾਂਦੇ ਕੋਡ ਨੂੰ ਸੰਮਿਲਿਤ ਕਰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ HTML ਕੈਕਟਸ ਅਤੇ ਮੈਟਾ ਜਾਣਕਾਰੀ ਉਦਾਹਰਣ ਲਈ.
ਕੁਝ ਮੀਨੂ ਆਈਟਮਾਂ ਲਚਕਦਾਰ ਹੁੰਦੀਆਂ ਹਨ ਅਤੇ ਤੁਹਾਡੇ ਦੁਆਰਾ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਟੈਗ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਕੋਡ ਤਿਆਰ ਕਰਦਾ ਹੈ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਵੈਬ ਪੇਜ ਲਈ ਪਾਠ ਦੇ ਪਰੀਫਾਰਮੈਟਡ ਬਲਾਕ ਨੂੰ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸਨਿੱਪਟ ਬਾਰ ਵਿੱਚ HTML ਮੀਨੂ ਤੇ ਕਲਿਕ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ "ਕੋਈ ਵੀ ਜੋੜਿਆ ਗਿਆ ਟੈਗ" ਮੀਨੂ ਆਈਟਮ ਚੁਣ ਸਕਦੇ ਹੋ.
ਇਸ ਆਈਟਮ ਤੇ ਕਲਿਕ ਕਰਨ ਨਾਲ ਉਹ ਡਾਇਲੌਗ ਖੁੱਲ੍ਹਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਦੁਆਰਾ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਟੈਗ ਨੂੰ ਦਾਖ਼ਲ ਕਰਨ ਲਈ ਕਹੇਗਾ. ਤੁਸੀਂ "ਪ੍ਰੀ" (ਕੋਣ ਬਰੈਕਟ ਦੇ ਬਿਨਾਂ) ਦਰਜ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਬਲੂਫਿਸ਼ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਪਹਿਲੇ ਅਤੇ ਆਖਰੀ "ਪ੍ਰੀ" ਟੈਗ ਨੂੰ ਜੋੜਦਾ ਹੈ:
pre>.04 04 ਦਾ
ਬਲੂਫੀਸ਼ ਦੇ ਹੋਰ ਲੱਛਣ
ਜਦੋਂ ਕਿ ਬਲੂਫਿਸ਼ ਇੱਕ WYSIWYG ਸੰਪਾਦਕ ਨਹੀਂ ਹੈ, ਇਸ ਵਿੱਚ ਤੁਹਾਡੇ ਕੋਲ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ ਤੇ ਤੁਹਾਡੇ ਦੁਆਰਾ ਇੰਸਟਾਲ ਕੀਤੇ ਕਿਸੇ ਵੀ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਹਾਡੇ ਕੋਡ ਦਾ ਪ੍ਰੀਵਿਊ ਦੇਣ ਦੀ ਸਮਰੱਥਾ ਹੈ. ਇਹ ਕੋਡ ਆਟੋ-ਸੰਪੂਰਨਤਾ, ਸੰਟੈਕਸ ਹਾਈਲਾਈਟਿੰਗ, ਡੀਬੱਗਿੰਗ ਟੂਲ, ਇੱਕ ਸਕਰਿਪਟ ਆਉਟਪੁੱਟ ਡੱਬੇ, ਪਲੱਗਇਨ ਅਤੇ ਖਾਕੇ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਉਹ ਦਸਤਾਵੇਜ਼ ਬਣਾਉਣ ਲਈ ਇੱਕ ਛਾਲ਼ੀ ਸ਼ੁਰੂਆਤ ਦੇ ਸਕਦੇ ਹਨ ਜੋ ਤੁਸੀਂ ਅਕਸਰ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋ.