वेब पेज ऑनलाइन कैसे संपादित करें

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

1।

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

2।

Quackit HTML Editor वेबसाइट पर जाएं। Quackit में एक पूर्ण-प्रदर्शित HTML संपादक simliar है जिसे आप एक डेस्कटॉप एप्लिकेशन में पाएंगे। संपादक के शीर्ष पर उपकरण की पंक्तियाँ आपको HTML पाठ को प्रारूपित करने की अनुमति देती हैं जो आप संपादक में दर्ज करते हैं, हाइपरलाइन प्रबंधित करते हैं, चित्र जोड़ते हैं और HTML से संबंधित अन्य कार्य करते हैं। संपादक पूर्वावलोकन मोड में सब कुछ प्रदर्शित करता है, लेकिन आप HTML दृश्य पर स्विच करने के लिए संपादक के "स्रोत" बटन पर क्लिक कर सकते हैं। उस दृष्टि से आप अपने HTML स्रोत कोड के साथ सीधे काम कर सकते हैं जैसे आप अपने डेस्कटॉप संपादक का उपयोग कर रहे हैं। जब आप संपादन समाप्त कर लेते हैं, तो स्रोत दृश्य में आपके द्वारा देखे गए कोड को हाइलाइट करें और कॉपी करें और अपनी हार्ड ड्राइव पर एक टेक्स्ट डॉक्यूमेंट में पेस्ट करें।

3।

W3Schools.com Tryit Editor वेब पेज पर जाएं और पृष्ठ के बाईं ओर संपादन टेक्स्ट बॉक्स ढूंढें। W3Schools एक ऑनलाइन ट्यूटोरियल साइट है जिसमें एक HTML संपादक है जिसे Tryit नाम दिया गया है जो वास्तविक समय में HTML, CSS और जावास्क्रिप्ट कोड को संसाधित करता है। HTML को एडिटिंग टेक्स्ट बॉक्स में पेस्ट करें या HTML को स्क्रैच से टाइप करें। जब आप पृष्ठ के शीर्ष के पास "संपादित करें और मुझे क्लिक करें" बटन पर क्लिक करते हैं, तो संपादक संपादन बॉक्स के बगल में एक पूर्वावलोकन बॉक्स में आपका वेब पृष्ठ प्रदर्शित करता है। एडिटिंग बॉक्स में कोड जोड़ते समय, ठीक उसी तरह से टाइप करें जैसे आप एक नियमित HTML संपादक में दर्ज कर रहे थे। आपको अपना HTML, जावास्क्रिप्ट और CSS कोड अलग नहीं करना है जैसा कि आप JsFiddle पर करते हैं। क्योंकि W3Schools एक ट्यूटोरियल साइट है, आप पृष्ठ के दाएं कोने में "W3Schools.com" लिंक पर क्लिक कर सकते हैं और विभिन्न प्रकार के विषयों को देख सकते हैं जो आपको वेब प्रोग्रामिंग सीखने और प्रोग्रामिंग युक्तियों को खोजने में मदद कर सकते हैं।

टिप्स

  • ऑनलाइन संपादक छोटे HTML स्निपेट्स का परीक्षण करने का एक शानदार तरीका है जो आप इंटरनेट पर खोजते हैं या खुद को विकसित करते हैं। उदाहरण के लिए, यदि आपको एक उपयोगी कोड स्निपेट मिलता है जो एक स्लाइड शो बनाता है, तो आप उस कोड को कॉपी कर सकते हैं, इसे एक ऑनलाइन संपादक में पेस्ट कर सकते हैं, यह सीख सकते हैं कि यह तुरंत कैसे काम करता है।
  • आपके इंटरनेट कनेक्शन के डाउन हो जाने या आपके ब्राउज़र के क्रैश होने की स्थिति में समय-समय पर आप जिस कोड पर काम कर रहे हैं, उसे कॉपी करना एक अच्छा विचार है। एक संपादक के अंदर क्लिक करके, "Ctrl-A" दबाकर और फिर "Ctrl-C" दबाकर कोड कॉपी करें।

लोकप्रिय पोस्ट