ब्लूफिश टेक्स्ट एचटीएमएल एडिटरला परिचय

ब्ल्यूफिश कोड एडिटर हा एक वेब पृष्ठे आणि स्क्रिप्ट्स विकसित करण्यासाठी वापरला जाणारा एक ऍप्लिकेशन आहे. हे WYSIWYG संपादक नाही. Bluefish हे वेबपेज किंवा स्क्रिप्ट तयार केलेले कोड संपादित करण्यासाठी वापरले जाणारे साधन आहे. हे प्रोग्रामर ज्यांना एचटीएमएल व सीएसएस कोड लिहिण्याची माहिती आहे आणि PHP व Javascript यासारख्या सर्वात सामान्य स्क्रिप्टिंग भाषांसह तसेच इतर बर्याच इतर लोकांबरोबर काम करण्याच्या पद्धती आहेत. ब्लूफिश संपादकांचा मुख्य उद्देश कोडींग सोपे करणे आणि त्रुटी कमी करणे आहे. ब्लूफिश विनामूल्य व ओपन सोअर्स सॉफ्टवेअर आहे आणि विंडोज, मॅक ओएसएक्स, लिनक्स आणि इतर अनेक युनिक्स सारखी प्लॅटफॉर्मसाठी आवृत्ती उपलब्ध आहे. या ट्युटोरियलमध्ये मी वापरत असलेल्या विंडोज 7 वर ब्लूफिश आहे.

01 ते 04

ब्लूफिश इंटरफेस

Bluefish इंटरफेस अनेक विभागांमध्ये विभागलेला आहे. सर्वात मोठा विभाग संपादन उपखंड आहे आणि येथेच आपण आपला कोड थेट संपादित करू शकता. संपादन उपखंडाच्या डाव्या बाजुवर बाजूचे पॅनेल आहे, जे फाईल व्यवस्थापकाप्रमाणेच समान कार्य करते, आपल्याला आपण कार्य करू इच्छिणार्या फायली निवडण्याची परवानगी देतो आणि फाइल्स पुनर्नामित करा किंवा हटवा.

ब्लूफिश विंडोंच्या शीर्षस्थानी असलेला शीर्षलेख विभाग अनेक टूलबार्स आहेत, जे दृश्य मेनूद्वारे दर्शविले किंवा लपविले जाऊ शकतात.

टूलबार मुख्य टूलबार आहेत, ज्यात जतन, कॉपी आणि पेस्ट, शोध आणि पुनर्स्थित करणे आणि काही कोड इंडेंटेन्ट ऑप्शन्स सारखी सामान्य कार्ये करण्यासाठी बटणे असतात. आपण असे लक्षात येईल की फॉरमॅटिंग बटन नाहीत जसे की ठळक किंवा अधोरेखित.

कारण Bluefish कोडचे स्वरूपन करीत नाही, तो केवळ एक संपादक आहे. मुख्य टूलबार खाली HTML टूलबार आणि स्निपेट मेनू आहे. या मेनूमध्ये बटणे आणि उप-मेन्यू असतात जे आपण सर्वात भाषा घटक आणि फंक साठी कोड स्वयंचलितपणे घालण्यासाठी वापरू शकतात.

02 ते 04

Bluefish मधील HTML टूलबार वापरणे

ब्लूफिश मधील एचटीएमएल टूलबारने अशा टॅब्जची व्यवस्था केली आहे जी श्रेणीनुसार साधने वेगळे करते. टॅब हे आहेत:

• द्रुत बार - आपण वारंवार वापरता त्या आयटमसाठी आपण या टॅबवर इतर साधने पिन करू शकता
• एचटीएमएल 5 - तुम्हाला सर्वसामान्य टॅग्ज आणि एचटीएमएल 5 मधील घटकांपर्यंत प्रवेश मिळवून देतो.
• मानक - या टॅबवर सामान्य HTML स्वरूपन पर्याय ऍक्सेस केले जातात.
• स्वरूपन - कमी सामान्य स्वरूपन पर्याय येथे आढळतात.
• सारण्या - सारणी विझार्डसह विविध सारणी निर्मिती फंक्शन्स
• सूची - ऑर्डर केलेल्या, अनॉर्डर्ड आणि डेफिनिशन लिस्ट्स निर्मितीसाठी साधने.
• CSS - स्टाइलशीट या टॅब तसेच लेआउट कोडवरून देखील तयार केले जाऊ शकतात.
• फॉर्म - या टॅबवरून सर्वात सामान्य फॉर्म घटक समाविष्ट केले जाऊ शकतात
• फॉन्ट - या टॅबमध्ये HTML आणि CSS मधील फॉन्ट्ससह कार्य करण्यासाठी शॉर्टकट्स आहेत.
• फ्रेम्स - फॉर्मसह कार्य करण्यासाठी सर्वात सामान्य कार्ये.

प्रत्येक टॅबवर क्लिक केल्याने टॅब खाली असलेल्या टूलबारवर दिसणार्या संबंधित श्रेणीशी संबंधित बटण येतील.

04 पैकी 04

Bluefish मध्ये स्निपेट मेनू वापरणे

HTML टूलबार खाली स्निपेट बार नावाची मेनू आहे या मेनू बारमध्ये विविध प्रकारचे प्रोग्रामिंग भाषा आहेत. मेनूवरील प्रत्येक गोष्टी सामान्यतः वापरल्या जाणार्या कोडस दाखल करते, जसे की HTML doctypes आणि मेटा माहिती उदाहरणार्थ.

आपण वापरू इच्छित टॅगवर काही मेनू आयटम लवचिक असतात आणि कोड व्युत्पन्न करतात. उदाहरणार्थ, आपण वेब पृष्ठावरील मजकुराचा पूर्वआयुक्त स्वरूप जोडण्यास इच्छुक असल्यास, आपण स्निपेट बारमध्ये HTML मेनूवर क्लिक करू शकता आणि "कोणतेही जोडलेले टॅग" मेनू आयटम निवडा.

या आयटमवर क्लिक केल्याने एक संवाद उघडलेला असतो जो आपल्याला वापरण्यास इच्छुक असलेल्या टॅगमध्ये प्रवेश करण्यास विचारतो. आपण "प्री" (कोन ब्रॅकेटशिवाय) प्रविष्ट करू शकता आणि ब्लूफिश दस्तऐवजात एक उघडणे आणि बंद "प्री" टॅग दाखल करते:

 . 

 04 ते 04 
 ब्लूफिशचे इतर वैशिष्ट्ये 
 ब्लूफिश WYSIWYG संपादक नसला तरी, आपल्या संगणकावर आपण स्थापित केलेल्या कोणत्याही ब्राऊझरमध्ये आपल्या कोडचे पूर्वावलोकन करू देण्याची क्षमता आहे. हे कोड ऑटो-पूर्णत्व, सिंटॅक्स हायलाइट, डीबगिंग टूल्स, स्क्रिप्ट आउटपुट बॉक्स, प्लगइन आणि टेम्पलेट यांना समर्थन देते जे आपल्याला सहसा डॉक्युमेंट तयार करण्यासाठी जंप प्रारंभ देऊ शकतात.