विजुअल एचटीएमएल संपादक। दृश्य HTML संपादक

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML टैग मोड

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

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

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

मोड कोड

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

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

पूर्वावलोकन

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

निष्कर्ष

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

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

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

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

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

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

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

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

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

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

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

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

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

पाठ संपादक

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

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

पीएसपीएडी

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

नोटपैड++

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

ब्राउज़र

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

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

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

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

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

ओपेरा

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

सफारी

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

गूगल क्रोम

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

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

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

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

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

साफ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML टैग मोड

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

मोड कोड

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

पूर्वावलोकन

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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