दृश्य वेब संपादक। दृश्य HTML संपादक

बच्चों के लिए एंटीपीयरेटिक्स एक बाल रोग विशेषज्ञ द्वारा निर्धारित किया जाता है। लेकिन बुखार के लिए आपातकालीन स्थितियां होती हैं जब बच्चे को तुरंत दवा देने की आवश्यकता होती है। तब माता-पिता जिम्मेदारी लेते हैं और ज्वरनाशक दवाओं का उपयोग करते हैं। शिशुओं को क्या देने की अनुमति है? आप बड़े बच्चों में तापमान कैसे कम कर सकते हैं? कौन सी दवाएं सबसे सुरक्षित हैं?

विजुअल एचटीएमएल- मैक्रोमीडिया ड्रीमविवर के समान एक संपादक, लेकिन मुफ़्त।

पिछली बार मैंने आपको बताया था कि कैसे प्रदर्शन के लिए अपनी साइट की जांच करें स्थानीय डेनवर सर्वर. लेकिन इस साइट को बनाने का सवाल ही अनसुलझा रहा। आइए इस कष्टप्रद भूल को ठीक करने का प्रयास करें - आज मैं आपको एक प्रोग्राम के बारे में बताऊंगा जिसके साथ आप HTML प्रोग्रामिंग और अन्य ट्रिक्स के ज्ञान के बिना भी एक साधारण वेबसाइट बना सकते हैं।

मैं आपके ध्यान में लाता हूँ मुक्त दृश्य HTML संपादक NVU.

वह अच्छा क्यों है? हां, यह तथ्य कि वेब पेज बनाने के लिए आपको वेब प्रोग्रामिंग भाषाओं के अध्ययन से परेशान होने की आवश्यकता नहीं है। आप बस टेक्स्ट टाइप करें, चित्र या एनिमेशन डालें, और HTML में यह सब सजाने का सारा "गंदा" काम खत्म हो जाता है एनवीयू.

दुर्भाग्य से, वर्तमान में विकास एनवीयूनिलंबित, लेकिन परियोजना पहले स्थिर संस्करण तक बढ़ गई है, और यह पहले से ही बहुत कुछ है।

एनवीयू क्षमताएं

  • सहयोग एकाधिक प्रदर्शन मोडसंपादन योग्य पृष्ठ;
  • के लिए उन्नत विकल्प पाठ संपादन;
  • चित्र डालें(पृष्ठभूमि सहित);
  • संपादनव्यक्तिगत पृष्ठ और पूरी साइट;
  • फॉर्म और टेबल बनाना;
  • वर्तनी जांच;
  • संभावना साइट प्रकाशनसीधे कार्यक्रम से;
  • अंतर्निहित सीएसएस संपादक और जावा स्क्रिप्ट कंसोल।

यह सब और बहुत कुछ हमें HTML (या उनकी पूर्ण अनुपस्थिति :)) के क्षेत्र में न्यूनतम (अधिमानतः) ज्ञान के साथ एक छोटी सी साइट बनाने की अनुमति देता है।

डाउनलोड हो रहा है ... इंस्टॉल हो रहा है ... लॉन्च करना और देखना :) (यह सही है - Russification के साथ कोई अनावश्यक इशारे नहीं, अतिरिक्त जानकारी दर्ज करना, आदि)। डेस्कटॉप पर शॉर्टकट बनाने और उसके साथ चलाने के लिए सहमत हों एनवीयू:


एनवीयू इंटरफेस

एक नज़र से एनवीयूकुछ याद दिलाता है पाठ संपादक. यह उनकी मुख्य योग्यता है - दृश्य जीयूआई. लेकिन, नीचे देखने पर, आप देखेंगे कि सामान्य के अलावा और भी कई हैं प्रदर्शन मोडदर्ज की गई जानकारी: HTML टैग, कोड और पूर्वावलोकन।

HTML टैग मोड

"एचटीएमएल टैग"रंगीन आयतों के रूप में डिज़ाइन किए गए टेक्स्ट और टैग के मोज़ेक का एक प्रकार है। यह दृश्य मोड नौसिखिए उपयोगकर्ताओं के लिए उपयोगी है, क्योंकि यह उपयोग किए गए सभी मुख्य टैग प्रदर्शित करता है और साथ ही उनमें से एक बड़ी संख्या के साथ परेशान नहीं करता है, जबकि एक ही दृश्य संपादक रहता है। इस मोड में, टैग्स के नाम सीखना अच्छा होता है, ताकि बाद में आप उन्हें आसानी से कोड एडिटिंग मोड में इस्तेमाल कर सकें।

मोड कोड

तरीका "कोड"एक विंडो है जिसमें पृष्ठ का HTML कोड संपादित किया जा रहा है, जो सभी वेब डेवलपर्स से परिचित है। यहीं से इंटरनेट के सभी संसाधन इन सभी स्क्रिबल्स से विकसित होते हैं। कोड भाषा में महारत हासिल करने के बाद, आप आसानी से अपनी साइट पर कोई भी नियंत्रण, स्क्रिप्ट और अन्य "उपहार" जोड़ सकते हैं जिनका उपयोग आप अन्य लोगों की साइटों पर प्रशंसा करने के लिए करते हैं :)।

पूर्वावलोकन

और अंत में "पूर्वावलोकन"आपको हमारे प्रयासों के परिणाम का मूल्यांकन करने की अनुमति देता है, पृष्ठ को उस रूप में प्रदर्शित करता है जिसे वह इंटरनेट पर प्राप्त करेगा। स्क्रीनशॉट में, यह पाठ समकक्ष से अलग नहीं है, लेकिन यह किसी भी नेविगेशन तत्व या स्क्रिप्ट को जोड़ने के लायक है, क्योंकि अंतर स्वयं प्रकट होगा:


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

एनवीयू के विजुअल एचटीएमएल एडिटर की छिपी विशेषताएं

सभी बुनियादी स्वरूपण विकल्प आइकन के रूप में उपलब्ध हैं, लेकिन कुछ विकल्प मेनू बार में छिपे हुए हैं और तुरंत खुद को प्रकट नहीं करते हैं।

उदाहरण के लिए, मेनू में "फ़ाइल"आप ऐसे पाएंगे कार्य,, कैसे:

1. "इंटरनेट पर एक पता खोलें". Mozilla के इंजन की बदौलत आप सीधे इंटरनेट से पेज खोल और संपादित कर सकते हैं। यह बहुत उपयोगी हो सकता है यदि आप यह देखना चाहते हैं कि साइट के लिए यह या वह सुविधा कैसे की जाती है। खुलने वाली विंडो में बस पता दर्ज करें और परिणाम की प्रशंसा करें:


2. "पाठ प्रारूप में निर्यात करें". साइट की प्रशंसा करने के बाद, आप इसके स्रोत कोड को अपनी हार्ड ड्राइव पर .txt प्रारूप में सहेज सकते हैं।

पर "संपादन"के लिए उपकरण हैं तलाशीपाठ में सही शब्द और बानान चेकर.

व्यंजक सूची में "डालना"संभावना पर ध्यान दिया जा सकता है पीएचपी कोड सम्मिलित करता हैऔर अक्षर जो की-बोर्ड पर नहीं हैं।

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


अंत में मेनू "औजार"तक पहुँच जैसी सुविधाएँ प्रदान करता है जावास्क्रिप्ट कंसोल, संपादक सीएसएसऔर उपकरण के लिए एचटीएमएल सत्यापनकोड। यहां से भी आप पहुंच सकते हैं समायोजनकार्यक्रम और विषय सेटिंगडिजाईन एनवीयू.

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

आपके विकास और आपके सभी प्रयासों में सफलता के लिए शुभकामनाएँ :)!!!

पी.एस.यह लेख मुफ्त वितरण के लिए है। लेखकत्व के संरक्षण के साथ इसे कॉपी करने का स्वागत है रुस्लान टर्टीश्नीऔर सभी पी.एस. और पी.पी.एस.

पी.पी.एस.आपको एक और बल्कि समझदार पसंद आ सकता है

मैं एक अच्छे की भी सिफारिश करना चाहूंगा एचटीएमएल किताबजो मैंने खुद इस्तेमाल किया:

व्लाद मेरज़ेविच

प्रभावी कार्य के लिए, आप आवश्यक और परिचित उपकरणों के बिना नहीं कर सकते, जिसमें HTML कोड लिखना भी शामिल है। इसलिए, वेब पेजों या यहां तक ​​​​कि एक छोटी सी साइट के प्रारंभिक विकास के लिए - यह लिंक और एकल डिज़ाइन से जुड़े पृष्ठों के एक सेट का नाम है, हमें निम्नलिखित कार्यक्रमों की आवश्यकता है।

  • पाठ संपादक।
  • परिणाम देखने के लिए ब्राउज़र।
  • Validator HTML सिंटैक्स की जाँच करने और कोड में त्रुटियों का पता लगाने के लिए एक प्रोग्राम है।
  • ग्राफिक्स संपादक.
  • एचटीएमएल टैग का संदर्भ।

पाठ संपादक

किसी भी टेक्स्ट एडिटर, यहां तक ​​कि नोटपैड में भी HTML डॉक्यूमेंट बनाया जा सकता है, हालांकि, हर प्रोग्राम इस उद्देश्य के लिए उपयुक्त नहीं होता है। आपको निम्न सुविधाओं का समर्थन करने वाले एक की आवश्यकता है:

  • सिंटैक्स हाइलाइटिंग - विभिन्न रंगों में टैग, टेक्स्ट, कीवर्ड और पैरामीटर को हाइलाइट करना। यह वांछित तत्व को ढूंढना आसान बनाता है, डेवलपर के काम को गति देता है और त्रुटियों की घटना को कम करता है;
  • टैब्ड काम। साइट फाइलों का एक सेट है जिसे अलग से संपादित किया जाना है, जिसके लिए एक संपादक की आवश्यकता होती है जो एक साथ कई दस्तावेजों के साथ एक साथ काम कर सकता है। उसी समय, वांछित दस्तावेज़ पर जल्दी से नेविगेट करने के लिए फ़ाइलों को अलग-अलग टैब में खोलना सुविधाजनक है;
  • त्रुटियों के लिए वर्तमान दस्तावेज़ की जाँच करना।

पीएसपीएडी

एचटीएमएल रीडर

नोटपैड++

प्लस संपादित करें

ब्राउज़र

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

मोज़िला फ़ायरफ़ॉक्स

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

माइक्रोसॉफ्ट इंटरनेट एक्सप्लोरर (आईई)

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

ओपेरा

एक तेज़ और सुविधाजनक ब्राउज़र जो कई अतिरिक्त सुविधाओं का समर्थन करता है जो साइटों के साथ काम करने की सुविधा को बढ़ाते हैं।

सफारी

Apple द्वारा विकसित, यह ब्राउज़र Apple कंप्यूटर पर iPhone और macOS ऑपरेटिंग सिस्टम में बनाया गया है। विंडोज के लिए एक संस्करण भी है।

गूगल क्रोम

एक ब्राउज़र जो 2008 के अंत में बाजार में दिखाई दिया। गूगल द्वारा विकसित।

सत्यापनकर्ता

एक HTML दस्तावेज़ का सत्यापन एक वेब पेज के सिंटैक्स में त्रुटियों और HTML विनिर्देश के साथ विसंगतियों का पता लगाने के लिए डिज़ाइन किया गया है। तदनुसार, इस तरह के सत्यापन के लिए एक कार्यक्रम या प्रणाली को एक सत्यापनकर्ता कहा जाता है।

वैधता के लिए HTML फ़ाइल की जांच कैसे करें

यदि आपके पास इंटरनेट का उपयोग है, तो आपको http://validator.w3.org पर जाना चाहिए और एक विशेष रूप में जांचे जाने वाले दस्तावेज़ या साइट का पथ दर्ज करना चाहिए। सत्यापन के बाद, संभावित त्रुटियां दिखाई जाएंगी या एक शिलालेख दिखाई देगा कि दस्तावेज़ को सफलतापूर्वक सत्यापित किया गया है।

साफ

स्थानीय HTML फ़ाइल की जाँच करने के लिए या जब कोई इंटरनेट कनेक्शन नहीं है, तो Tidy प्रोग्राम डिज़ाइन किया गया है। कुछ संपादकों, जैसे कि PSPad, में पहले से ही अंतर्निहित साफ-सुथरा है और दस्तावेज़ सत्यापन अतिरिक्त उपकरणों के बिना किया जा सकता है।

ग्राफिक्स संपादक

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

एचटीएमएल टैग संदर्भ

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

ऑनलाइन निर्देशिका

HTML टैग्स का विवरण (अंग्रेज़ी में)
http://www.w3.org/TR/html4/index/elements.html

इस साइट पर आपको रनेट में टैग करने के लिए सबसे अच्छे मार्गदर्शकों में से एक भी मिलेगा।

NVU HTML कोड को संपादित करने के लिए एक छोटा प्रोग्राम है। NVU HTML संपादक में एक दृश्य इंटरफ़ेस है और विभिन्न के लिए मौजूद है ऑपरेटिंग सिस्टम. यह कोड संपादक मोज़िला संगीतकार HTML संपादक के आधार पर बनाया गया था, जिसके परिणामस्वरूप NVU काफी सरल और समझने योग्य है, और इसकी क्षमताओं के मामले में यह पहले से ही मूल कार्यक्रम से बहुत आगे है और इसकी कार्यक्षमता के करीब आ गया है। Dreamweaver और FrontPage जैसे सशुल्क संपादक।

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

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

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

एनवीयू एचटीएमएल संपादक की विशेषताएं

  • विंडोज, लिनक्स, मैक ओएस एक्स पर स्थापित किया जा सकता है;
  • देखने और संशोधन के लिए उपलब्ध खुला स्रोत कोड;
  • उपयोगकर्ता व्यक्तिगत रूप से अपने उद्देश्यों के लिए कार्यक्रम को संशोधित या संशोधित कर सकता है;
  • HTML और CSS कोड को सीधे संपादित करने की क्षमता;
  • कंप्यूटर द्वारा कब्जा की गई डिस्क स्थान की एक छोटी राशि;
  • तत्वों में गुण होते हैं जिनके पैरामीटर विन्यास योग्य होते हैं;
  • वाक्य - विन्यास पर प्रकाश डालना।

मैक्रोमीडिया ड्रीमविवर के समान एक दृश्य HTML संपादक लेकिन पूरी तरह से मुक्त। शुरुआती लोगों के लिए एक बढ़िया टूल जो अभी वेबसाइट बनाने के विज्ञान में महारत हासिल करना शुरू कर रहे हैं।

वह अच्छा क्यों है? हां, यह तथ्य कि वेब पेज बनाने के लिए आपको वेब प्रोग्रामिंग भाषाओं के अध्ययन से परेशान होने की आवश्यकता नहीं है। आप बस टेक्स्ट टाइप करते हैं, चित्र या एनिमेशन सम्मिलित करते हैं, और NVU HTML में सभी को प्रारूपित करने के सभी "गंदे" कार्यों का ध्यान रखता है।

दुर्भाग्य से, फिलहाल एनवीयू के विकास को निलंबित कर दिया गया है, लेकिन परियोजना पहले स्थिर संस्करण तक बढ़ गई है, और यह पहले से ही बहुत कुछ है। आइए इसे और अधिक विस्तार से देखें।

एनवीयू क्षमताएं

  • संपादित पृष्ठ के विभिन्न प्रदर्शन मोड;
  • पाठ डिजाइन के लिए पर्याप्त अवसर;
  • छवियों को सम्मिलित करना (पृष्ठभूमि सहित);
  • पूरी साइट पर काम करने की क्षमता, न कि केवल व्यक्तिगत पृष्ठों पर;
  • टेबल और फॉर्म बनाना;
  • संपादक से सीधे संपादित साइट का प्रकाशन;
  • स्वयं का कैस्केडिंग स्टाइल शीट (सीएसएस) संपादक और जावा स्क्रिप्ट कंसोल।

यह सब और बहुत कुछ हमें HTML (या उनकी पूर्ण अनुपस्थिति :)) के क्षेत्र में न्यूनतम (अधिमानतः) ज्ञान के साथ एक छोटी सी साइट बनाने की अनुमति देता है।

दृश्य संपादक स्थापित करना

डाउनलोड हो रहा है ... इंस्टॉल हो रहा है ... लॉन्च करना और देखना :) (यह सही है - Russification के साथ कोई अनावश्यक इशारे नहीं, अतिरिक्त जानकारी दर्ज करना, आदि)।

हम डेस्कटॉप पर एक शॉर्टकट बनाने और इसके साथ NVU लॉन्च करने के लिए सहमत हैं।

एनवीयू इंटरफेस

पहली नज़र में, एनवीयू किसी प्रकार का टेक्स्ट एडिटर जैसा दिखता है। यह इसकी मुख्य योग्यता है - एक दृश्य ग्राफिकल इंटरफ़ेस।

लेकिन नीचे देखने पर, आप देखेंगे कि सामान्य के अलावा, दर्ज की गई जानकारी को प्रदर्शित करने के लिए और भी कई तरीके हैं:

  • एचटीएमएल टैग;
  • और पूर्वावलोकन।

HTML टैग मोड

"एचटीएमएल टैग" टेक्स्ट और टैग का एक प्रकार का मोज़ेक है, जिसे रंगीन आयतों के रूप में डिज़ाइन किया गया है।


यह दृश्य मोड नौसिखिए उपयोगकर्ताओं के लिए उपयोगी है, क्योंकि यह उपयोग किए गए सभी मुख्य टैग प्रदर्शित करता है और साथ ही उनमें से एक बड़ी संख्या के साथ परेशान नहीं करता है, जबकि एक ही दृश्य संपादक रहता है।

साथ ही, इस मोड में टैग के नामों का अध्ययन करना सुविधाजनक होता है, ताकि बाद में आप उन्हें कोड संपादन मोड में आसानी से उपयोग कर सकें।

मोड कोड

"कोड" मोड सभी वेब डेवलपर्स के लिए परिचित एक विंडो है जिसमें पृष्ठ के HTML कोड को संपादित किया जा रहा है। यहीं से, इन सभी doodle से, इंटरनेट के सभी संसाधन बढ़ते हैं।


कोड भाषा में महारत हासिल करने के बाद, आप आसानी से अपनी साइट पर कोई भी नियंत्रण, स्क्रिप्ट और अन्य "उपहार" जोड़ सकते हैं जिनका उपयोग आप अन्य लोगों की साइटों पर प्रशंसा करने के लिए करते हैं :)।

पूर्वावलोकन

और, अंत में, "पूर्वावलोकन" आपको हमारे प्रयासों के परिणाम का मूल्यांकन करने की अनुमति देता है, पृष्ठ को उस रूप में प्रदर्शित करता है जिसे वह इंटरनेट पर प्राप्त करेगा।

स्क्रीनशॉट में, यह पाठ समकक्ष से अलग नहीं है, लेकिन यह किसी भी नेविगेशन तत्व या स्क्रिप्ट को जोड़ने के लायक है, क्योंकि अंतर स्वयं प्रकट होगा:


यदि आप इस पृष्ठ को नोटपैड में एक हार्डकोर प्रोग्रामर की तरह संपादित कर रहे थे, तो आपको इसे देखने के लिए कम से कम एक ब्राउज़र और एक स्थानीय वेब सर्वर की आवश्यकता होगी।

और यहाँ, जैसा कि वे कहते हैं, पहले से ही "सभी समावेशी"।

अब जब देखने और संपादित करने के विकल्पों को थोड़ा स्पष्ट कर दिया गया है, तो आइए NVU की क्षमताओं पर गहराई से नज़र डालें।

एनवीयू के विजुअल एचटीएमएल एडिटर की छिपी विशेषताएं

सभी बुनियादी स्वरूपण विकल्प आइकन के रूप में उपलब्ध हैं, लेकिन कुछ विकल्प मेनू बार में छिपे हुए हैं।

उदाहरण के लिए, "फ़ाइल" मेनू में आपको इस तरह के कार्य मिलेंगे:

1. "इंटरनेट पर एक पता खोलें।" Mozilla के इंजन की बदौलत आप सीधे इंटरनेट से पेज खोल और संपादित कर सकते हैं।

यह बहुत उपयोगी हो सकता है यदि आप यह देखना चाहते हैं कि साइट के लिए यह या वह सुविधा कैसे की जाती है। खुलने वाली विंडो में बस पता दर्ज करें और परिणाम की प्रशंसा करें:


2. "पाठ प्रारूप में निर्यात करें"। साइट की प्रशंसा करने के बाद, आप इसके स्रोत कोड को अपनी हार्ड ड्राइव पर .txt प्रारूप में सहेज सकते हैं।

"संपादित करें" में टेक्स्ट में सही शब्दों को खोजने और वर्तनी की जांच करने के लिए टूल हैं।

"सम्मिलित करें" मेनू में, आप PHP कोड और उन वर्णों को सम्मिलित करने की क्षमता पर ध्यान दे सकते हैं जो कीबोर्ड पर नहीं हैं।

"प्रारूप" पाठ, छवियों और अन्य जानकारी की उपस्थिति को अनुकूलित करने के लिए विकल्पों की एक विस्तृत श्रृंखला प्रदान करता है।

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


अंत में, "टूल्स" मेनू जावास्क्रिप्ट कंसोल तक पहुंच, एक सीएसएस संपादक और एक HTML कोड निरीक्षण उपकरण जैसे विकल्प प्रदान करता है।

साथ ही यहां से आप प्रोग्राम सेटिंग्स और एनवीयू थीम सेटिंग्स तक पहुंच सकते हैं।

निष्कर्ष

NVU को समझना आसान है, क्योंकि कार्यक्रम में सभी नियंत्रण टूलटिप्स और स्पष्टीकरण के साथ प्रदान किए जाते हैं, और Mozilla.ru टीम के रूसी डेवलपर्स के एक समूह के लिए धन्यवाद, रूसी में भी बहुत अच्छी मदद है।

एनवीयू का एकमात्र नुकसान यह है कि कार्यक्रम द्वारा उत्पन्न कोड बहुत बोझिल है और इसमें बहुत सारे अनावश्यक टैग हैं। लेकिन इसे HTML का अध्ययन करने और अपनी साइट को ऑप्टिमाइज़ करने और पूर्णता में लाने के लिए इसे केवल एक प्रोत्साहन होने दें।

आपके विकास और आपके सभी प्रयासों में सफलता के लिए शुभकामनाएँ!

पी.एस. इस लेख को स्वतंत्र रूप से कॉपी और उद्धृत करने की अनुमति है, बशर्ते कि स्रोत के लिए एक खुला सक्रिय लिंक इंगित किया गया हो और रुस्लान टर्टीशनी के लेखकत्व को संरक्षित किया गया हो।

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

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

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

इसका क्या मतलब है WYSIWYG?
ऐसे संपादकों में, आप अपने दस्तावेज़ों के स्रोत कोड को नहीं, बल्कि उसके प्रतिनिधित्व को बदल सकते हैं, जिसे (यदि संभव हो) अंतिम दस्तावेज़ में प्रकाशित किया जाएगा। इसलिए, कोड के ब्लॉक को हाथ से लिखने के बजाय, आप संपादक विंडो का उपयोग करके घटकों के साथ डिज़ाइन का प्रबंधन करते हैं। इसका मतलब है कि आप अंतिम परिणाम के समान कुछ देखते हैं, हालांकि दस्तावेज़ या छवि अभी भी बनाई जा रही है।
टिप्पणी: यह आलेख केवल डेस्कटॉप-आधारित WYSIWYG संपादकों की समीक्षा करता है जो Windows, Linux, या Mac पर चलते हैं। यह जावास्क्रिप्ट WYSIWIG संपादकों का एक सिंहावलोकन प्रदान नहीं करता है, लेकिन आप या पर ऐसे संपादकों का व्यापक अवलोकन पा सकते हैं।

एडोब ड्रीमविवर

ड्रीमविवर (विन/मैक)

पूर्व में मैक्रोमीडिया का एक उत्पाद, ड्रीमविवर सबसे व्यापक रूप से उपयोग किए जाने वाले संपादकों में से एक है जो डेवलपर्स को अपने वर्कफ़्लो में सुधार करने और कोडिंग करते समय बहुत समय बचाने में मदद कर सकता है। यदि Dreamweaver के पिछले संस्करण कभी-कभी विचित्र स्रोत कोड उत्पन्न करते हैं, तो नवीनतम संस्करण(ज्यादातर मामलों में) पूरी तरह से साफ मार्कअप उत्पन्न कर सकता है।

ड्रीमविवर विभिन्न उपयोगी उपकरण भी प्रदान करता है जैसे कोड स्निपेट लाइब्रेरी, एफ़टीपी प्रबंधन, डिबग सर्वर और एकीकृत कोडिंग। उदाहरण के लिए, आप सीएसएस जानकारी को एक एकल, एकीकृत सीएसएस फलक में देख सकते हैं, जिससे विशिष्ट तत्वों पर लागू शैलियों को देखना आसान हो जाता है, यह निर्धारित करना कि विशेषताएँ कहाँ परिभाषित हैं, और मौजूदा शैलियों को संपादित करें। ड्रीमविवर ट्यूटोरियल्स की हमारी सूची भी देखें। मूल्य: $400 (CS3 संस्करण)।

Dreamweaver की कुछ विशेषताएं:
* उन्नत सीएसएस संपादन
* एकीकृत कोडिंग वातावरण
* अजाक्स के लिए चंचल रूपरेखा
* ब्राउज़र संगतता की जाँच करें।
* Photoshop CS3 और आतिशबाजी के साथ एकीकरण।
* कोड स्निपेट (जैसे सीएसएस प्रारूप)
* एफ़टीपी प्रबंधन
* एक्सएमएल समर्थन
* एफएलवी समर्थन
* सीखने के संसाधन (जैसे Adobe CSS सलाहकार)
* Dreamweaver के लिए कई एक्सटेंशन।
अमाया
अमाया (विन/मैक/लिनक्स)
जो चीज अमाया को वास्तव में बाकियों से अलग करती है, वह यह है कि यह एक वेब ब्राउज़र और वेब पेज संपादक का एक संकर है, जिससे आप वेब ब्राउज़ कर सकते हैं और उसी एप्लिकेशन में अपने पृष्ठों को संपादित कर सकते हैं। WWW कंसोर्टियम द्वारा बनाया गया, यह टूल आपको वेबसाइटों को प्रबंधित करने, उनकी सामग्री को संशोधित करने और अपडेट करने, नई छवियां और लिंक जोड़ने की अनुमति देता है। बेशक, अगर अमाया इन पृष्ठों को प्रदर्शित कर सकती है।


संपादक का नवीनतम संस्करण, अमाया 10, फरवरी 2008 में जारी किया गया था। यह एक ही समय में कई दस्तावेज़ों के साथ काम करने में सक्षम है ((X)HTML, MathML(. Mml) और SVG (. Svg) दस्तावेज़ एक ही समय में प्रदर्शित और संपादित किए जा सकते हैं)। उदाहरण के लिए, आप पॉप-अप का उपयोग करके गणितीय फ़ार्मुलों को सम्मिलित कर सकते हैं: अमाया उन्हें तुरंत ही Math-ML के माध्यम से रूपांतरित कर देता है।

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

रैपिडविवर
रैपिड वीवर (मैक)
रैपिड वीवरएक शक्तिशाली टेम्पलेट-आधारित वेबसाइट निर्माण उपकरण है जो टेक्स्ट पेज, ब्लॉग, संपर्क फ़ॉर्म, छवि गैलरी और फ्लैश स्लाइडशो जैसे सभी प्रकार के पेज उत्पन्न कर सकता है, और इसमें एक अंतर्निहित एफ़टीपी प्रबंधक और iPhoto और मैक के साथ एकीकरण है।


संपादक में पॉडकास्टिंग, इनलाइन टिप्पणियां, आरएसएस फ़ीड, परमालिंक और टैगिंग समर्थन शामिल हैं। रैपिडवीवर भी SEO फ्रेंडली होगा। इसमें थीम संशोधन, php रेंडरिंग, मिक्स एंड मैच WYSIWYG और HTML, स्मार्ट पब्लिशिंग, XHTML और CSS आधारित साइट आउटपुट, सोर्स कोड ब्राउजिंग, बिल्ट-इन एरर चेकिंग जैसी कई शक्तिशाली विशेषताएं भी हैं। सभी टेम्पलेट एक्सएचटीएमएल और सीएसएस पर आधारित हैं। उल्लेखनीय बात यह है कि रैपिड वीवरएक वैध कोड उत्पन्न करता है। कीमत: $49।

एडोब योगदान
एडोब योगदान

Adobe Contribute का मुख्य उद्देश्य बिना किसी तकनीकी ज्ञान के उपयोगकर्ताओं के लिए वेबसाइटों और ब्लॉगों के संपादन को सक्षम करना है। योगदान CS3 लेखकों को साइट की अखंडता को बनाए रखते हुए मौजूदा साइटों और ब्लॉगों को अपडेट करने की अनुमति देता है। Contribute, Dreamweaver एकीकरण, Microsoft Office के साथ होस्टिंग, और IE 7 और Firefox से संपादन प्रदान करता है।

इस WYSIWYG संपादक के साथ, लेखक HTML सीखे बिना किसी भी वेबसाइट या ब्लॉग को संपादित या अपडेट कर सकते हैं। कीमत: $169 (CS3 संस्करण)।

एडोब लाइव
एडोब गोलिव (विन/मैक)

अप्रैल में, Adobe ने GoLive 9 को विकसित करना और बेचना बंद कर दिया। Adobe GoLive उपयोगकर्ताओं को Dreamweaver पर स्विच करने के लिए प्रोत्साहित करता है, जिसके बाद आपको शायद अपने ग्राहकों के लिए GoLive (वास्तव में एक आश्चर्यजनक रूप से शक्तिशाली संपादन उपकरण, (नीचे देखें) की अनुशंसा नहीं करनी चाहिए।


कुछ Adobe GoLive 9 विशेषताएं:
*डिजाइनर स्टाइल
*विजुअल सीएसएस लेआउट
* प्लेस कमांड
*एडोब इनडिजाइन® इंटीग्रेशन
* रंग प्रबंधन
*मंच समर्थन
* साइट प्रबंधन उपकरण
* सर्वर प्रकाशित करें
* स्मार्ट ऑब्जेक्ट

माइक्रोसॉफ्ट एक्सप्रेशन वेब
माइक्रोसॉफ्ट एक्सप्रेशन (विंडोज़)

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

अन्य सॉफ्टवेयर अनुप्रयोगों के साथ स्टूडियो संस्करण (ग्राफिक डिज़ाइन टूल, वीडियो एन्कोडिंग टूल, आदि) की लागत लगभग है। $500. वन एक्सप्रेशन लाइसेंस की कीमत $350 है। आप फ्रंटपेज को अपग्रेड करके एक्सप्रेशन प्राप्त कर सकते हैं और पैसे बचा सकते हैं। 60 दिनों के लिए परीक्षण संस्करण डाउनलोड करने के लिए स्वतंत्र है, लेकिन पंजीकरण की आवश्यकता है।

कृपया ध्यान दें: अभिव्यक्ति फ्रंटपेज का उत्तराधिकारी नहीं है, बल्कि वे अलग-अलग विकास उपकरण हैं। माइक्रोसॉफ्ट एक्सप्रेशन माइक्रोसॉफ्ट शेयरपॉइंट डिज़ाइनर के समान है, यह एक डिज़ाइनर है जो सामान्य वेब विकास प्रदान करने के उद्देश्य से केंद्रित है। Microsoft SharePoint Designer, SharePoint-आधारित साइटों के विकास और अनुकूलन पर ध्यान केंद्रित करता है, इसे फ्रंटपेज का बड़ा भाई माना जा सकता है।



कुछ Microsoft अभिव्यक्ति विशेषताएं:
* ASP.NET 2.0 एकीकरण
* उन्नत सीएसएस प्रतिपादन
* XPath एक्सप्रेशन बिल्डर
* उद्योग-मानक एक्सएमएल डेटा के दृश्य बनाएं और प्रारूपित करें
* टैग संपत्ति ग्रिड
* एक्सेसिबिलिटी चेकिंग
* रीयल-टाइम मानक सत्यापन
*पूर्ण स्कीमा समर्थन

एनवीयू (विन/मैक/लिनक्स)

यह संपादक प्रमुख उत्पादों के लिए एक वास्तविक विकल्प होना चाहिए: लिनक्स, माइक्रोसॉफ्ट विंडोज और मैक के लिए एक WYSYWIG संपादक जो फ्रंटपेज और ड्रीमविवर के साथ प्रतिस्पर्धा कर सकता है। और कुछ मायनों में, एनवीयू पूरी तरह से मुफ्त सॉफ्टवेयर से आपकी अपेक्षा से अधिक प्रदान करता है।

Nvu ("नए-दृश्य" के लिए स्पष्ट N-व्यू) एक एकीकृत FTP प्रबंधक, प्रपत्रों, स्प्रैडशीट्स और टेम्पलेट्स के लिए शक्तिशाली समर्थन प्रदान करता है, और इसका उपयोग करना वास्तव में आसान है। CaScadeS, एक प्रसिद्ध CSS संपादक जैसे अतिरिक्त मॉड्यूलएनवीयू के साथ एकीकृत करता है और शैलियों को बनाना और प्रबंधित करना आसान बनाता है और देखें कि आपके द्वारा संशोधित किए जा रहे दस्तावेज़ में आपकी शैलियों को फ्लाई पर कैसे लागू किया जाता है।

एनवीयू खुला स्रोत है और मोज़िला पब्लिक लाइसेंस (एमपीएल) के तहत जारी किया गया है। दुर्भाग्य से, एनवीयू का विकास जारी नहीं है हाल के वर्ष. NVU का एक उन्नत संस्करण यहां पाया जा सकता है - KompoZer।

एनवीयू की कुछ विशेषताएं:
* साइट प्रबंधक आपको आपके द्वारा बनाई गई साइटों को देखने की अनुमति देता है।
* एक्सएमएल समर्थन।
* अंतर्निहित सत्यापनकर्ता।

संगीतकार
KompoZer (विन/मैक/लिनक्स)

यह उपकरण NVU की एक शाखा है, जिसे NVU के आगे के विकास के धीमा होने के बाद विकसित किया गया था। KompoZer एक वेब संलेखन प्रणाली है जो एक वेब फ़ाइल प्रबंधक और एक WYSIWYG संपादक को जोड़ती है।

KompoZer का उपयोग करना बेहद आसान है, जो इसे उन उपयोगकर्ताओं के लिए एक उपयुक्त समाधान बनाता है जो तकनीकी ज्ञान प्राप्त किए बिना वेबसाइट बनाना चाहते हैं। NVU की तुलना में, Kompozer क्लीन मार्कअप कोड तैयार करता है।


नवीनतम संस्करण अगस्त 2007 में जारी किया गया था। Kompozer को छोटी परियोजनाओं के लिए और तकनीकी ज्ञान के बिना उपयोगकर्ताओं के लिए एक विकल्प के रूप में माना जा सकता है। लेकिन यह निश्चित रूप से पेशेवर वेब डेवलपर्स के लिए बहुत कमजोर है।

नमो वेबएडिटर 2006
नमो वेबएडिटर 2006 (जीतें)
नमो वेबएडिटर एक सरल और सहज इंटरफ़ेस में वेबसाइट बनाने के लिए आवश्यक लगभग सभी उपकरणों को जोड़ता है। इंटरफ़ेस तत्व अत्यंत स्पष्ट, सरल और उपयोग में आसान हैं। आप डिज़ाइन संपादक, HTML ब्राउज़र और फ़ोटो व्यूअर के बीच स्विच कर सकते हैं। आप अपने वर्कफ़्लो को स्वचालित करने के लिए कई विज़ार्ड का उपयोग भी कर सकते हैं। नमो शक्तिशाली है, लेकिन इसकी WYSIWYG क्षमताएं सीमित हैं। संपादक को 2006 से अपडेट नहीं किया गया है, यही वजह है कि सोर्स कोड जनरेट करना कभी-कभी बेहद अजीब होता है। नमो प्रो वेब एडिटर एक फ्लैश एडिटर के साथ-साथ ग्राफिक्स प्रोग्राम के साथ आता है। परीक्षण संस्करण उपलब्ध है। मूल्य: $ 99.95।



नमो वेबेडिटर की कुछ विशेषताएं:
* ऑटो क्लोजिंग टैग के लिए कोड हेल्पर्स
*त्वरित टैग संपादक
* टैग चयनकर्ता
*एचटीएमएल/सीएसएस संदर्भ

एवरसॉफ्ट फर्स्ट पेज 2006
एवरसॉफ्ट फर्स्ट पेज 2006 (जीतें)
वास्तव में, इस संपादक को बहुत कम आंका गया है। यह बहुत लोकप्रिय नहीं है और 2006 से अपडेट नहीं किया गया है, लेकिन इसमें बहुत उपयोगी विशेषताएं हैं जिन्हें आधुनिक WYSIWYG संपादकों में शामिल किया जा सकता है। उदाहरण के लिए, ऑटो हिस्ट्री फीचर उपयोग की गई सभी विशेषताओं और मूल्यों को याद रखता है और स्वचालित रूप से "सही" मान का सुझाव देता है।

दोहरा पूर्वावलोकन इंजन आपको प्रथम पृष्ठ 2006 के साथ कई ब्राउज़रों में वेब दस्तावेज़ देखने की अनुमति देता है। आप इंटरनेट एक्सप्लोरर, मोज़िला में अपने काम का पूर्वावलोकन कर सकते हैं, या दोनों ब्राउज़रों में पृष्ठों को एक साथ (क्षैतिज/ऊर्ध्वाधर पैनल) देख सकते हैं। और वास्तविक समय में कोड देखें और दस्तावेजों को संपादित करें।

पहला पेज फ्री है। एक समान मुफ्त विकल्प (2005 से भी अपडेट नहीं किया गया): सेलिडा HTML संपादक।


प्रथम पृष्ठ की कुछ विशेषताएं:
* CSS क्लास सपोर्ट और ऑटो डिटेक्शन
* वाक्य - विन्यास पर प्रकाश डालना
* टैग दस्तावेज़ चयन उपकरण
* टैग स्वतः पूर्णता
* साफ एचटीएमएल पावर टूल्स
* जैसे ही आप टाइप करते हैं IE में पूर्वावलोकन करें
* इमेज मैपर
*सीएसएस स्टाइल शीट डिजाइनर
* सर्वर साइड में सपोर्ट शामिल है
* उच्च अनुकूलन टूलबार और इंटरफ़ेस
*एफ़टीपी क्लाइंट
* फाइलों में उन्नत खोजें और बदलें

माइक्रोसॉफ्ट शेयरपॉइंट डिजाइनर
माइक्रोसॉफ्ट शेयरपॉइंट डिजाइनर 2007 (जीतें)

यह माइक्रोसॉफ्ट के फ्रंटपेज का उत्तराधिकारी है। SharePoint Designer एक मानक WYSIWYG संपादक है। इंटरैक्टिव ASP.NET पृष्ठों का समर्थन करने के अलावा, यह कुछ भी क्रांतिकारी प्रदान नहीं करता है। नि: शुल्क परीक्षण संस्करण उपलब्ध है। एक ऑनलाइन संस्करण है जिसके लिए इंटरनेट एक्सप्लोरर और बहुत धैर्य की आवश्यकता होती है।


शेयरपॉइंट की कुछ विशेषताएं:
* इंटरैक्टिव ASP.NET पृष्ठों के लिए समर्थन
* आरएसएस, एक्सएमएल, ऑफिस एक्सएमएल से डेटा व्यू बनाएं
* अंतर्निहित वर्कफ़्लो डिज़ाइनर के साथ सहयोग करें
*सीएसएस टूल्स
* अनुकूलित पृष्ठों को ट्रैक करें
* स्पेलिंग चेकर
* शेयरपॉइंट सर्वर 2007 एकीकरण

नेटऑब्जेक्ट्स फ्यूजन
नेटऑब्जेक्ट्स फ्यूजन
यह संपादक कभी शायद सबसे खराब लेकिन फिर भी बहुत लोकप्रिय WYSIWYG संपादक था। इसने भयानक स्रोत कोड उत्पन्न किया (केवल एमएस वर्ड ने इसे और खराब कर दिया) लेकिन अक्सर वेब होस्टिंग कंपनियों और प्रदाताओं द्वारा इसका उपयोग किया जाता था। NetObjects Fusion आपको बिना किसी तकनीकी ज्ञान के वेबसाइट बनाने की अनुमति देता है। खासकर अगर आप बिजनेस कार्ड बनाना चाहते हैं, तो आप इसे मिनटों में कर सकते हैं। लेकिन अगर आप एक पेशेवर वेबसाइट बनाना चाहते हैं, तो NetObjects विचार करने लायक विकल्प नहीं है।

NetObjects फ़्यूज़न संस्करण 10 वर्तमान में उपलब्ध है। उत्पन्न स्रोत कोड की गुणवत्ता भले ही बदल गई हो, लेकिन यह वास्तव में कोई मायने नहीं रखता। एक परीक्षण संस्करण है जिसके लिए आपको स्टोर के साथ पंजीकरण करने की आवश्यकता होती है। इसलिए हमारे पास इस उत्पाद का स्क्रीनशॉट नहीं है। कीमत: ? 100.

क्वांटा प्लस

क्वांटा प्लस (लिनक्स)
क्वांटा प्लस एक स्थिर, बहुत उपयोगकर्ता के अनुकूल और सुविधा संपन्न वेब विकास वातावरण है। क्वांटा ने कुशल और प्राकृतिक विकास और उपयोगकर्ता के लिए अधिकतम एक्स्टेंसिबिलिटी के लिए डिज़ाइन किया गया एक संपादक बनाया है।

संपादक हैंडकोडिंग और WYSIWYG इंटरफ़ेस दोनों का समर्थन करता है। इसमें निम्नलिखित विशेषताएं हैं: जैसे ही आप संवाद इंटरफ़ेस में टैग दर्ज करते हैं और संपादित करते हैं, परियोजना प्रबंधन, PHP कोड को डीबग करने की क्षमता टैग का स्वत: पूर्ण होना। उसके पास भी है दृश्य संपादक CSS, CSS पूर्णता, उच्च एक्स्टेंसिबिलिटी और पूर्वावलोकन प्रदान करता है।


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

फ़्रीवे
फ्रीवे (मैक)

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

एक परीक्षण संस्करण है जिसके लिए आपको एक लंबा वेब फ़ॉर्म भरना होगा। मैकवर्ल्ड 2008 अवार्ड्स में फ्रीवे को क्रिएटिव वेब प्रोडक्ट ऑफ द ईयर के लिए नामांकित किया गया था। यदि आप मैक का उपयोग कर रहे हैं, तो रैपिडवेवर के साथ फ्रीवे विचार करने लायक पहला विकल्प है।

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

सीमोनकी संगीतकार
SeaMonkey संगीतकार (विन/मैक/लिनक्स)
यह संपादक बड़े व्यावसायिक अनुप्रयोगों के लिए एक सरल लेकिन बहुत शक्तिशाली विकल्प है। नेटस्केप कम्पोज़र का उत्तराधिकारी होने के नाते, सीमॉन्की कम्पोज़र का वास्तव में इससे कोई लेना-देना नहीं है।


संपादक शक्तिशाली लेकिन सरल है, गतिशील छवियों और तालिका आकार बदलने, तालिका कोशिकाओं से तेजी से सम्मिलन और हटाने, उन्नत सीएसएस समर्थन, और स्थित परतों के लिए समर्थन प्रदान करता है। WYSIWYG संपादक SeaMonkey में बनाया गया है।

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

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


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

यदि आपके कोई प्रश्न हैं, तो कृपया हमारे . का उपयोग करें



परियोजना का समर्थन करें - लिंक साझा करें, धन्यवाद!
यह भी पढ़ें
मुर्गा लड़ाई खेल नियम मुर्गा लड़ाई खेल नियम मिनीक्राफ्ट के लिए मॉड 1.7 10 वॉच रेसिपी।  Minecraft में आइटम क्राफ्ट करने की रेसिपी।  Minecraft में हथियार मिनीक्राफ्ट के लिए मॉड 1.7 10 वॉच रेसिपी। Minecraft में आइटम क्राफ्ट करने की रेसिपी। Minecraft में हथियार शिलिंग और स्टर्लिंग - शब्दों की उत्पत्ति शिलिंग और स्टर्लिंग - शब्दों की उत्पत्ति