वेबसाइट लेआउटको लागि सफ्टवेयर

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

नोटप्याड ++

सबैभन्दा पहिला, लेआउट डिजाइनरको कामलाई सुधार्नका लागि डिजाइन गरिएको उन्नत पाठ सम्पादकहरूको वर्णनको साथ शुरु गरौं। निस्सन्देह, यो प्रकारको सबैभन्दा प्रसिद्ध कार्यक्रम Notepad ++ हो। यो सफ्टवेयर समाधान धेरै प्रोग्रामिङ भाषाहरूको वाक्यविहीन समर्थन गर्दछ, साथै पाठ एन्कोडिंगहरू। कोड हाइलाइटिंग र लाइन नम्बर धेरै क्षेत्रहरूमा प्रोग्रामरहरूको कामलाई धेरै सुविधा प्रदान गर्दछ। नियमित अभिव्यक्तिको प्रयोग गरी यसले संरचनामा समान कोडको खण्डहरू खोज्न र परिमार्जन गर्न सजिलो बनाउँछ। म्याक्रो रेकर्ड गर्न छिटो प्रकारको कार्य प्रस्ताव गर्न प्रस्तावित छ। यो महत्त्वपूर्ण विस्तार गर्न र सम्भावित कार्यक्षमता इम्बेडेड प्लगइनहरूको मद्दतबाट सम्भव छ।

यो पनि हेर्नुहोस्: एनालग्स नोटप्याड ++

कमजोरीहरूमा मात्र यस्तो विचलित "खनिज" भनिन्छ, जस्तै ठूलो प्रयोगकर्ताको उपस्थिति जसको औसत प्रयोगकर्ताको लागी असम्भव छ।

नोटप्याड ++ डाउनलोड गर्नुहोस्

Sublimetext

वेब प्रोग्रामरहरूको लागि अर्को उन्नत पाठ सम्पादक SublimeText छ। उहाँ पनि जान्दछन् कि कसरी जावा, एचटीएमएल, सीएसएस, सी ++ सहित थुप्रै भाषाहरूसँग काम गर्ने। जब कोडसँग काम गर्दा, ब्याकलाइट, स्वत: समाप्ति र अंकहरू प्रयोग गरिन्छ। एक धेरै सुविधाजनक सुविधा स्निपेट्स को लागि समर्थन हो, जसको साथ तपाईं ब्ल्याक को लागी आवेदन गर्न सक्नुहुन्छ। नियमित अभिव्यक्ति र म्याक्रोहरूको प्रयोगले समस्या सुल्झाउन महत्वपूर्ण समय बचत प्रदान गर्न सक्छ। SublimeText तपाईंलाई एकैसाथ चारवटा प्यानलहरूमा काम गर्न अनुमति दिन्छ। प्लग-इन स्थापना गरेर प्रोग्रामको विस्तृत प्रकार्य।

नोटप्याड ++ सँग तुलना गर्दा अनुप्रयोगको मुख्य दोष, रूसी-भाषा इन्टरफेसको कमी हो, जुन विशेष रूपले अनुभवहीन प्रयोगकर्ताहरूको लागि केहि असुविधाहरू उत्पन्न गर्दछ। साथै, उत्पादनका नि: शुल्क संस्करण विन्डोमा इजाजतपत्र खरिद गर्न प्रस्तावको साथ प्रकट हुने सबै प्रयोगकर्ताहरू जस्तै होइन।

SublimeText डाउनलोड गर्नुहोस्

कोष्ठकहरू

हामी कोष्ठक अनुप्रयोगको सिंहावलोकनको साथ वेब पृष्ठको लेआउटको लागि उद्देश्य पाठ सम्पादकहरूको वर्णन समाप्त गर्छौं। यो उपकरण, अघिल्लो एनालॉगहरू जस्ता, सबै अभिव्यक्ति र प्रोग्रामिङ भाषाहरू समर्थन गर्दछ जुन सम्बन्धित अभिव्यक्तिहरू र रेखा नम्बरको हाइलाइट गर्नका साथ। आवेदनको हाइलाइट प्रकार्यको उपस्थिति हो "प्रत्यक्ष पूर्वावलोकन", जसलाई तपाईले वास्तविक समयमा ब्राउजर मार्फत हेर्न सक्नुहुनेछ दस्तावेजमा भएको सबै परिवर्तनहरू साथै साथ सन्दर्भ मेनुमा एकिकरण "एक्सप्लोरर"। कोष्ठक टुलकिटले तपाइँ डिबग मोडमा वेब ब्राउज गर्न अनुमति दिन्छ। कार्यक्रम सञ्झ्यालमार्फत तपाईं एकै समयमा धेरै फाइलहरू हेरफेर गर्न सक्नुहुनेछ। तेस्रो-पक्ष एक्सटेन्सन स्थापना गर्ने क्षमताले पनि कार्यक्षमताको सीमाहरूलाई धक्का दिन्छ।

यो अपग्रेड मात्र कार्यक्रममा केही गैर-रूसी विभाजनहरूको साथ साथै प्रकार्य प्रयोग गर्ने सम्भावना "प्रत्यक्ष पूर्वावलोकन" विशेष रूपमा गुगल क्रोम ब्राउजरमा।

कोष्ठक डाउनलोड गर्नुहोस्

जिम्प

उन्नत छवि सम्पादकहरू मध्ये सबैभन्दा लोकप्रिय मध्ये जुन लोकप्रिय सफलतापूर्वक प्रयोग गर्न सकिन्छ, जसमा वेब सामग्रीको निर्माणको लागि, GIMP हो। विशेष रूपमा साइट को डिजाइन को आकर्षित गर्न को कार्यक्रम को उपयोग सुविधाजनक। विभिन्न उत्पादनहरू (ब्रश, फिल्टर, धब्बा, चयन, र थप) प्रयोग गरी यो छविको फाईल गर्न र समाप्त छविहरू सम्पादन गर्न सम्भव छ। GIMP ले तहहरूसँग काम गर्न समर्थन गर्दछ र ब्ल्याकलाइनहरूलाई आफ्नै ढाँचामा सुरक्षित गर्दछ, जसको साथ तपाईंले काम गर्ने पुन: सुरु गर्न सक्नुहुन्छ जहाँ यो समाप्त भयो, फेरि सुरुवात पछि। परिवर्तन इतिहासले तस्विरमा लागू भएका सबै कार्यहरूको ट्रयाक राख्न मद्दत गर्दछ, र यदि आवश्यक छ भने तिनीहरूलाई रद्द गर्नुहोस्। यसको अतिरिक्त, कार्यक्रमले छविमा लागू पाठको साथ काम गर्न सक्छ। यो एनालॉगमा मात्र नि: शुल्क अनुप्रयोग हो जसले त्यस्तो अमीर कार्यक्षमता प्रदान गर्न सक्छ।

कमजोरीहरूमा, कार्यक्रमको उच्च स्रोत तीव्रताको कारणले कहिलेकाहीँ गतिमा गति प्रभावलाई हाइलाइट गर्न सम्भव छ, साथै शुरुआतीका लागि कामको एल्गोरिथ्मलाई बुझ्नमा महत्त्वपूर्ण कठिनाइहरू।

GIMP डाउनलोड गर्नुहोस्

Adobe Photoshop

GIMP को एक भुक्तानी एनालग Adobe Photoshop हो। यो पनि अधिक प्रसिद्ध छ किनभने यो धेरै पहिले जारी गरिएको छ र अधिक उन्नत कार्यक्षमता छ। फोटोशॉप वेब विकासका थुप्रै क्षेत्रमा प्रयोग गरिन्छ। यसको साथ, तपाई सिर्जना गर्न, सम्पादन गर्न र तस्विरहरू परिवर्तन गर्न सक्नुहुनेछ। कार्यक्रम ले तह र 3D-मोडेल संग काम गर्न सक्छ। यस अवस्थामा, प्रयोगकर्तासँग GIMP भन्दा भन्दा ठूलो उपकरणहरू र फिल्टरहरूको प्रयोग गर्ने क्षमता छ।

मुख्य कमजोरीहरू बीचमा एडोब फोटोशपका सबै कार्यक्षमतालाई महसुस गर्न कठिनाई हो। यसको अतिरिक्त, GIMP को विपरीत, यो उपकरण केवल 30 दिनको परीक्षण अवधि संग भुक्तान गरिएको छ।

Adobe Photoshop डाउनलोड गर्नुहोस्

Aptana स्टूडियो

वेब पेज लेआउटको लागि कार्यक्रमहरूको अर्को समूह विकास उपकरणहरू एकीकृत हुन्छ। यसको सबैभन्दा लोकप्रिय प्रतिनिधि मध्ये एक एप्टाना स्टूडियो हो। यो सफ्टवेयर समाधान एक व्यापक साइट सिर्जना उपकरण हो जुन पाठ सम्पादक, एक डिबगर, कम्पाइलर र एक विधानसभा स्वचालन उपकरण समावेश छ। अनुप्रयोग प्रयोग गरेर, तपाईं धेरै प्रोग्रामिङ भाषाहरूमा प्रोग्राम कोडसँग काम गर्न सक्नुहुन्छ। Aptana स्टूडियो धेरै परियोजनाहरु संग एक साथ हेरफेर को समर्थन गर्दछ, अन्य प्रणालिहरु संग (विशेष रूप मा, एप्टाण क्लाउड सेवा संग), साथ नै साइट को सामाग्री को रिमोट सम्पादन को साथ एकीकरण।

एप्प्टन स्टूडियो को मुख्य नुकसान मास्टर मा कठोर र रूसी भाषा इंटरफेस को कमी छ।

Aptana स्टुडियो डाउनलोड गर्नुहोस्

वेबस्टर्म

कार्यक्रम एप्टा स्टूडियो को एनालग वेबस्टर्म हो, जुन एकीकृत विकास प्रणाली को वर्ग पनि हो। यो सफ्टवेयरको उत्पादनमा उपयुक्त कोड सम्पादक छ जसले विभिन्न कार्यक्रम भाषाहरूको प्रभावशाली सूची समर्थन गर्दछ। अधिक प्रयोगकर्ताको सान्त्वनाको लागी, विकासकर्ताहरूलाई कार्यस्थानको डिजाइन चयन गर्ने अवसर प्रदान गरिएको छ। वेब तूफान को "फायदे" को बीच, तपाईं Node.js डीबगिंग उपकरण को उपस्थिति को हाइलाइट गर्न र पुस्तकालयहरु को ठीक-फाई को हाइलाइट गर्न सक्छन्। प्रकार्य "लाइभ सम्पादन गर्नुहोस्" ब्राउजर मार्फत सबै परिवर्तनहरू हेर्नको लागि क्षमता प्रदान गर्दछ। वेब सर्भरसँग अन्तरक्रियाको लागि उपकरणले तपाईंलाई साइटलाई टाढा टाढा र सम्पादन गर्न अनुमति दिन्छ।

रूसी भाषा इन्टरफेसको कमीको अलावा, वेबस्टर्मले अर्को "खारेज" गरेको छ, जुन, तरिकाले, Aptana स्टुडियोमा उपस्थित छैन, अर्थात्, प्रोग्राम प्रयोग गर्न को लागी तिर्नुपर्ने आवश्यकता।

वेबस्टर्म डाउनलोड गर्नुहोस्

अगाडिको पृष्ठ

अब अनुप्रयोगहरूको ब्लकलाई विचार गर्नुहोस् जुन दृश्य HTML सम्पादकहरू भनिन्छ। आउनुहोस् माइक्रोसफ्ट उत्पाद समीक्षाको साथ अगाडि पृष्ठ भनिन्छ। यो प्रोग्राम धेरै लोकप्रिय थियो, किनकि यो एकपटक Microsoft Office प्याकेजको भाग थियो। यसले दृश्य सम्पादकमा वेब पेजहरूको लेआउटको सम्भावना प्रदान गर्दछ, जसले WYSIWYG ("के तपाईँलाई देख्नुहुनेछ, तपाइँ पाउनुहुनेछ") को रूपमा काम गर्दछ, जस्तै शब्द प्रोसेसर शब्द। यदि वांछित भएमा, प्रयोगकर्ताले कोडसँग काम गर्न मानक html सम्पादक खोल्न सक्छ, वा फरक पृष्ठमा दुवै मोडहरू मिलाउँदछ। धेरै पाठ ढाँचा उपकरण अनुप्रयोग इन्टरफेसमा बनाइयो। त्यहाँ हिज्जे परीक्षक हो। एक अलग विन्डोमा, तपाइँ ब्राउजर मार्फत वेब पृष्ठ कसरी हेर्ने देख्नुहुन्छ।

धेरै फायदेको साथ, कार्यक्रममा अझ कम खतराहरू छन्। सबैभन्दा महत्त्वपूर्ण छ कि विकासकर्ताहरूले यसलाई 2003 बाट समर्थन गर्दैन, जसको अर्थ यो हो कि उत्पादन निराशाजनक वेब प्रविधिको विकास पछि। तर यसको राम्रो समय सम्म पनि, फ्रंट पेज ले मानक को एक ठूलो सूची को समर्थन गर्दैन, जो, बारी मा, यस तथ्य को कारण बनयो कि यस अनुप्रयोग मा निर्मित ग्यारेन्टी सही वेब पृष्ठहरु केवल इंटरनेट एक्सप्लोरर मा प्रदर्शित गरियो।

अगाडि पृष्ठ डाउनलोड गर्नुहोस्

Kompozer

एचटीएमएल कोडको अर्को दृश्य सम्पादक, KompoZer, लाई विस्तारित अवधिका लागि विकासकर्ताहरूले समर्थन गर्दैन। तर फ्रन्ट पेजको विपरीत, यो परियोजना केवल 2010 मा रोकिएको थियो, जसको अर्थ यो प्रोग्राम अझै पनि नयाँ मानक र टेक्नोलोजीहरू लाई समर्थन गरेको छ जसलाई उपराष्ट्रपतिको तुलनात्मक रुपमा तुलना गरिन्छ। उनी पनि WYSIWYG मोडमा र कोड सम्पादन मोडमा कसरी काम गर्न जान्नुहुन्छ। त्यहाँ दुवै विकल्प संयोजन गर्ने अवसरहरू छन्, एकैसाथ थुप्रै कागजातहरूसँग विभिन्न ट्याबहरूमा काम गर्नुहोस् र परिणामहरू पूर्वावलोकन गर्नुहोस्। यसको अतिरिक्त, कम्युनिकरमा निर्मित एफटीपी क्लाइन्ट छ।

मुख्य "माइनस", अगाडि पृष्ठको रूपमा, विकासकर्ताहरूले KompoZer समर्थनको अन्त्य हो। यसको अतिरिक्त, यो कार्यक्रमसँग अंग्रेजी इन्टरफेस छ।

KompoZer डाउनलोड गर्नुहोस्

Adobe Dreamweaver

हामी यो लेख एडोब डाइनिशवेभ भिजुअल एचटीएमएल सम्पादकको संक्षिप्त अवलोकनको साथ निष्कर्ष निकाल्दछौँ। अघिल्लो एनालॉगहरूको विपरीत, यो सफ्टवेयर उत्पादन अझै पनि यसको विकासकर्ताद्वारा समर्थित छ, जसले यसको सम्बन्धलाई आधुनिक स्तर र टेक्नोलोजीहरूको अनुपालन र साथसाथै अधिक शक्तिशाली कार्यक्षमताको सन्दर्भमा सुनिश्चित गर्दछ। Dreamviewer ले WYSIWYG मोडहरू, नियमित कोड सम्पादक (ब्याकलाइटको साथ) र एक विभाजनमा काम गर्ने क्षमता प्रदान गर्दछ। यसको अतिरिक्त, तपाईं वास्तविक समयमा सबै परिवर्तनहरू हेर्न सक्नुहुन्छ। यस कार्यक्रम मा कोड को साथ काम को सुविधा प्रदान गर्ने अतिरिक्त कार्यहरु को एक पूरी श्रृंखला पनि छ।

यो पनि हेर्नुहोस: एनालॉग को Dreamweaver

कमजोरीहरूको बीचमा प्रोग्रामको उच्च लागत आवतित गर्नु पर्छ, यसको उल्लेखनीय वजन र संसाधन तीव्रता।

Adobe Dreamweaver डाउनलोड गर्नुहोस्

तपाईं देख्न सक्नुहुन्छ, त्यहाँ कार्यक्रमहरूको धेरै समूहहरू छन् जसले कोडरको कामलाई सुधार्नका लागि डिजाइन गरिएको छ। यी उन्नत पाठ सम्पादकहरू, दृश्य HTML सम्पादकहरू, एकीकृत विकास उपकरणहरू र छवि सम्पादकहरू हुन्। एक विशिष्ट कार्यक्रम को विकल्प लेआउट डिजाइनर, कार्य र यसको जटिलता को सार को व्यावसायिक कौशल को स्तर मा निर्भर गर्दछ।