Bluefish पाठ HTML संपादक ट्यूटोरियल

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

Bluefish इंटरफ़ेस को कई वर्गों में विभाजित किया गया है। सबसे बड़ा खंड संपादन फलक है और यह वह जगह है जहां आप सीधे अपना कोड संपादित कर सकते हैं। संपादन फलक के बाईं ओर साइड पैनल है, जो फ़ाइल प्रबंधक के समान कार्य करता है, जिससे आप उन फ़ाइलों को चुन सकते हैं जिन पर आप काम करना चाहते हैं और फ़ाइलों का नाम बदलना या हटाना चाहते हैं।

ब्लूफिश विंडो के शीर्ष पर हेडर सेक्शन में कई टूलबार होते हैं, जिन्हें व्यू मेनू के माध्यम से दिखाया या छिपाया जा सकता है।

टूलबार मुख्य टूलबार हैं, जिसमें सामान्य कार्य करने के लिए बटन होते हैं जैसे सेव, कॉपी और पेस्ट, सर्च और रिप्लेस, और कुछ कोड इंडेंटेशन विकल्प। आप देखेंगे कि बोल्ड या अंडरलाइन जैसे कोई फ़ॉर्मेटिंग बटन नहीं हैं।

ऐसा इसलिए है क्योंकि ब्लूफिश कोड को प्रारूपित नहीं करता है, यह केवल एक संपादक है। मुख्य टूलबार के नीचे है एचटीएमएल टूलबार और स्निपेट मेनू। इन मेनू में बटन और उप-मेनू होते हैं जिनका उपयोग आप अधिकांश भाषा तत्वों और कार्यों के लिए स्वचालित रूप से कोड डालने के लिए कर सकते हैं।

Bluefish में HTML टूलबार का उपयोग करना

Bluefish में HTML टूलबार को टैब द्वारा व्यवस्थित किया जाता है जो टूल को श्रेणी के अनुसार अलग करता है। टैब हैं:

• त्वरित बार - आप अक्सर उपयोग किए जाने वाले आइटम के लिए अन्य टूल को इस टैब पर पिन कर सकते हैं।
• एचटीएमएल 5 - आपको HTML 5 में सामान्य टैग और तत्वों तक पहुंच प्रदान करता है।
• मानक - इस टैब पर सामान्य HTML स्वरूपण विकल्प एक्सेस किए जाते हैं।
• का प्रारूपण - कम सामान्य स्वरूपण विकल्प यहां पाए जाते हैं।
• टेबल - टेबल विजार्ड सहित विभिन्न टेबल जनरेटिंग फंक्शन।
• सूची - आदेशित, अव्यवस्थित, और परिभाषा सूची बनाने के लिए उपकरण।
• सीएसएस - इस टैब के साथ-साथ लेआउट कोड से स्टाइलशीट भी बनाई जा सकती हैं।
• फार्म - इस टैब से सबसे सामान्य रूप तत्व सम्मिलित किए जा सकते हैं।
• फोंट्स - इस टैब में HTML और CSS में फोंट के साथ काम करने के लिए शॉर्टकट हैं।
• फ्रेम्स - रूपों के साथ काम करने के लिए सबसे आम कार्य।

प्रत्येक टैब पर क्लिक करने से संबंधित श्रेणी से संबंधित बटन टैब के नीचे टूलबार में दिखाई देंगे।

Bluefish में स्निपेट्स मेनू का उपयोग करना

HTML टूलबार के नीचे एक मेनू होता है जिसे स्निपेट बार कहा जाता है। इस मेनू बार में विभिन्न प्रोग्रामिंग भाषाओं से संबंधित सबमेनस हैं। मेनू पर प्रत्येक आइटम आमतौर पर उपयोग किए जाने वाले कोड को सम्मिलित करता है, जैसे कि HTML सिद्धांत और उदाहरण के लिए मेटा जानकारी।

कुछ मेनू आइटम लचीले होते हैं और उस टैग के आधार पर कोड उत्पन्न करते हैं जिसका आप उपयोग करना चाहते हैं। उदाहरण के लिए, यदि आप किसी वेब पेज पर टेक्स्ट का पूर्व-स्वरूपित ब्लॉक जोड़ना चाहते हैं, तो आप स्निपेट बार में HTML मेनू पर क्लिक कर सकते हैं और "कोई भी जोड़ा टैग" मेनू आइटम चुन सकते हैं।

इस आइटम पर क्लिक करने से एक संवाद खुलता है जो आपको उस टैग को दर्ज करने के लिए प्रेरित करता है जिसका आप उपयोग करना चाहते हैं। आप "प्री" (कोण कोष्ठक के बिना) दर्ज कर सकते हैं और ब्लूफ़िश दस्तावेज़ में एक उद्घाटन और समापन "प्री" टैग सम्मिलित करता है:

.

ब्लूफिश की अन्य विशेषताएं

जबकि ब्लूफिश एक नहीं है WYSIWYG संपादक, इसमें आपके द्वारा अपने कंप्यूटर पर इंस्टॉल किए गए किसी भी ब्राउज़र में आपके कोड का पूर्वावलोकन करने की क्षमता है। यह कोड ऑटो-पूर्णता, सिंटैक्स हाइलाइटिंग, डिबगिंग टूल, एक स्क्रिप्ट आउटपुट बॉक्स का भी समर्थन करता है, प्लगइन्स, और टेम्प्लेट जो आपको अक्सर काम करने वाले दस्तावेज़ बनाने के लिए एक त्वरित शुरुआत दे सकते हैं साथ से।