सरल और सुविधाजनक HTML संपादक। दृश्य HTML संपादक

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML टैग मोड

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


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

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

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

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

मोड कोड

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


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

पूर्वावलोकन

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

निष्कर्ष

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

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

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

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

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

प्रभावी कार्य के लिए, आप आवश्यक और परिचित उपकरणों के बिना नहीं कर सकते, जिसमें 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

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



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