ब्लूफिश कोड संपादक वेब पेज और स्क्रिप्ट विकसित करने के लिए उपयोग किया जाने वाला एक एप्लिकेशन है। यह WYSIWYG संपादक नहीं है। ब्लूफिश एक ऐसा टूल है जो उस कोड को संपादित करने के लिए उपयोग किया जाता है जो एक वेब पेज या स्क्रिप्ट से बनाया गया है। यह प्रोग्रामर के लिए है, जिनके पास एचटीएमएल और सीएसएस कोड लिखने का ज्ञान है और इसमें PHP और जावास्क्रिप्ट जैसी सबसे आम पटकथा भाषाओं के साथ-साथ कई अन्य लोगों के साथ काम करने के तरीके भी हैं। ब्लूफिश संपादक का मुख्य उद्देश्य कोडिंग को आसान बनाना और त्रुटियों को कम करना है। ब्लूफिश मुफ्त और ओपन सोर्स सॉफ्टवेयर है और संस्करण विंडोज, मैक ओएसएक्स, लिनक्स और कई अन्य यूनिक्स-जैसे प्लेटफार्मों के लिए उपलब्ध हैं। इस ट्यूटोरियल में मैं जिस संस्करण का उपयोग कर रहा हूं वह विंडोज 7 पर ब्लूफिश है।
04 में से 01
ब्लूफिश इंटरफ़ेस
ब्लूफिश इंटरफेस कई वर्गों में बांटा गया है। सबसे बड़ा खंड संपादन फलक है और यह वह जगह है जहां आप सीधे अपना कोड संपादित कर सकते हैं। संपादन फलक के बाईं तरफ साइड पैनल है, जो फ़ाइल प्रबंधक के समान कार्य करता है, जिससे आप उन फ़ाइलों को चुन सकते हैं जिन्हें आप काम करना चाहते हैं और फ़ाइलों का नाम बदलना या हटाना चाहते हैं।
ब्लूफिश विंडो के शीर्ष पर शीर्षलेख अनुभाग में कई टूलबार होते हैं, जिन्हें व्यू मेनू के माध्यम से दिखाया या छुपाया जा सकता है।
टूलबार मुख्य टूलबार हैं, जिनमें सामान्य कार्यों को सहेजने, प्रतिलिपि बनाने और पेस्ट करने, खोजने और प्रतिस्थापित करने के लिए बटन शामिल हैं, और कुछ कोड इंडेंटेशन विकल्प हैं। आप देखेंगे कि बोल्ड या अंडरलाइन जैसे प्रारूपण बटन नहीं हैं।
ऐसा इसलिए है क्योंकि ब्लूफिश कोड प्रारूपित नहीं करता है, यह केवल एक संपादक है। मुख्य टूलबार के नीचे HTML टूलबार और स्निपेट मेनू है। इन मेनू में बटन और उप-मेन्यू होते हैं जिनका उपयोग आप अधिकांश भाषा तत्वों और कार्यों के लिए स्वचालित रूप से कोड डालने के लिए कर सकते हैं।
04 में से 02
Bluefish में HTML टूलबार का उपयोग करना
ब्लूफिश में एचटीएमएल टूलबार टैब द्वारा व्यवस्थित किया जाता है जो उपकरण को श्रेणी से अलग करता है। टैब हैं:
- क्विक बार - आप अन्य टैब को उन टैब के लिए पिन कर सकते हैं जिन्हें आप अक्सर उपयोग करते हैं।
- एचटीएमएल 5 - आपको एचटीएमएल 5 में सामान्य टैग और तत्वों तक पहुंच प्रदान करता है।
- मानक - इस टैब पर सामान्य HTML स्वरूपण विकल्प का उपयोग किया जाता है।
- स्वरूपण - कम आम प्रारूपण विकल्प यहां पाए जाते हैं।
- सारणी - तालिका तालिका विज़ार्ड सहित विभिन्न तालिका उत्पन्न करने वाले फ़ंक्शन।
- सूची - आदेशित, अनियंत्रित, और परिभाषा सूचियां उत्पन्न करने के लिए टूल।
- सीएसएस - स्टाइलशीट को इस टैब के साथ-साथ लेआउट कोड से भी बनाया जा सकता है।
- प्रपत्र - इस टैब से सबसे आम रूप तत्वों को सम्मिलित किया जा सकता है।
- फ़ॉन्ट्स - इस टैब में HTML और CSS में फोंट के साथ काम करने के लिए शॉर्टकट हैं।
- फ्रेम्स - फ़ॉर्म के साथ काम करने के लिए सबसे आम कार्यों।
प्रत्येक टैब पर क्लिक करने से टैब के नीचे टूलबार में प्रासंगिक श्रेणी से संबंधित बटन मिलेंगे।
03 का 04
ब्लूफिश में स्निपेट मेनू का उपयोग करना
HTML टूलबार के नीचे स्निपेट बार नामक मेनू है। इस मेनू बार में विभिन्न प्रोग्रामिंग भाषाओं से संबंधित सबमेनस है। मेनू पर प्रत्येक आइटम सामान्य रूप से उपयोग किए जाने वाले कोड, उदाहरण के लिए एचटीएमएल डॉक्टरेट्स और मेटा जानकारी जैसे सम्मिलित करता है।
कुछ मेनू आइटम लचीले होते हैं और उस टैग के आधार पर कोड उत्पन्न करते हैं जिसका आप उपयोग करना चाहते हैं। उदाहरण के लिए, यदि आप किसी वेब पेज पर टेक्स्ट का प्रीफॉर्मेटेड ब्लॉक जोड़ना चाहते हैं, तो आप स्निपेट बार में HTML मेनू पर क्लिक कर सकते हैं और "किसी भी जोड़े गए टैग" मेनू आइटम का चयन कर सकते हैं।
इस आइटम पर क्लिक करने से एक संवाद खुलता है जो आपको उस टैग को दर्ज करने के लिए संकेत देता है जिसका आप उपयोग करना चाहते हैं। आप "प्री" (कोण ब्रैकेट के बिना) दर्ज कर सकते हैं और ब्लूफिश दस्तावेज़ में एक उद्घाटन और समापन "प्री" टैग डालता है:
pre>।04 का 04
ब्लूफिश की अन्य विशेषताएं
जबकि ब्लूफिश WYSIWYG संपादक नहीं है, इसमें आपके कंप्यूटर पर आपके द्वारा इंस्टॉल किए गए किसी भी ब्राउज़र में आपके कोड का पूर्वावलोकन करने की क्षमता है। यह कोड ऑटो-पूर्णता, सिंटैक्स हाइलाइटिंग, डिबगिंग टूल्स, स्क्रिप्ट आउटपुट बॉक्स, प्लगइन्स और टेम्पलेट्स का भी समर्थन करता है जो आपको उन दस्तावेजों को बनाने के लिए एक जंप स्टार्ट दे सकता है जिनके साथ आप अक्सर काम करते हैं।