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