WYSIWYG संपादकों का उपयोग कब करें?

Question

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

मेरे सवालों का: यह कभी लायक सीखने (Dreamweaver की तरह) एक WYSIWYG संपादक का उपयोग करने के लिए है? और, सबसे महत्वपूर्ण बात यह है कि इसे हैंडकोडिंग पर इस्तेमाल करना बेहतर होगा?

Answer 1

मैं एक लंबे समय के लिए WYSIWYG संपादक (अर्थात् Dreamweaver) का उपयोग करते थे, और मैं कम से कम बिट में इसके बारे में शर्म नहीं कर रहा हूँ। वे कई स्थितियों के लिए पूरी तरह से ठीक उपकरण हैं। क्या मुझे लगभग पूरी तरह से हाथ-कोडिंग मेरी मार्कअप पर स्विच को मिला है, हालांकि,

1. जिसका विभिन्न templating प्रणाली एक WYSIWYG प्रभावी ढंग से बेकार के साथ काम कर CMSs का उपयोग किया गया; और

2. मार्कअप के हर पहलू पर पूर्ण नियंत्रण रखने की आवश्यकता - ऑप्टिमाइज़ेशन के लिए, क्रॉस-ब्राउज़र क्विर्क, उपयोगिता और इस तरह से निपटने के लिए। HTML पृष्ठों में सामग्री (विशेष रूप से एक सीएमएस के अभाव में) के में थकाऊ भरने की कई स्थितियों रहे हैं जब एक WYSIWYG संपादक काम आसान बना सकते हैं:

मैं एक WYSIWYG संपादक का उपयोग जब यह समझ में आता है की सलाह देते हैं। यदि यह एचटीएमएल उत्पन्न करता है तो ठीक है (एक नजदीक देखो!) ऐसे संपादक का उपयोग कर पूरी तरह से ठीक है आईएमओ।

आप एक वेब साइट या वेब अनुप्रयोग के लिए टेम्पलेट्स का निर्माण कर रहे है, मैं हाथ-कोडिंग के साथ चिपके हुए सलाह देते हैं। कभी एक WYSIWYG संपादक को बिना छुए -

Answer 2

ठीक है, पहले आप हार्ड कोडिंग सीखना चाहिए। मैं सिंटैक्स हाइलाइटिंग और ऑटो पूर्णता के लिए ड्रीमवेवर का उपयोग करता हूं - WYSIWYG संपादक का उपयोग करने के लिए नहीं।

तुम सच में अब कैसे html/हाथ से सीएसएस आप WYSIWYG का उपयोग कर की कोशिश कर सकते लिखने के लिए जब - लेकिन मैं आप इसे किसी भी अधिक का उपयोग नहीं होगा वास्तव में की तरह यकीन है कि ...

Answer 3

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

, WYSIWYG संपादक या विकास कंपनी की मौद्रिक ताकत के आधार पर नवीनतम वेब सुविधाओं हो सकता है कि नवीनतम तकनीक का उपयोग करने में सक्षम होने के अन्य समस्या है।

Answer 4

जब आप उस कोड likeso साथ खत्म हो जाएगा चीज़ों की सूची में लिख रहे हैं:

<ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
    <li>Item 6</li> 
    <li>Item 7</li> 
</ul> 

यह सिर्फ स्थापित है कि आप एक सूची लिख रहे हैं और सिर्फ सामग्री टाइप करने के लिए कम थकाऊ हो सकता है।

Answer 5

मैं आम तौर पर किसी भी संपादक के WYSIWIG दृश्य पर भरोसा नहीं करते। मैं बस ब्राउज़र में पेज खोलता हूं; यह आपका सबसे अच्छा परीक्षण है कि पृष्ठ कैसा दिखता है।

Answer 6

संक्षेप में, जब तक आप बस के बारे में खिलवाड़ कर रहे हैं, मुझे नहीं लगता कि यह बजाय कभी एक WYSIWYG प्रोग्राम सीखने लायक है हाथ से कोड के लिए कैसे सीखने का, लेकिन हर तरह से एक का उपयोग आप सीखें कि कैसे मदद करने के लिए दूसरे करने के लिए।

WYSIWYG संपादक का बिंदु जितना संभव हो उतना कोड छिपाना है। कभी-कभी यह एक अच्छी बात है (दोहराव, उबाऊ कार्य), लेकिन कभी-कभी नहीं (सीखना, डिबगिंग, कोड लालित्य और दक्षता)।

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

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

जो कुछ भी कहा गया है, कोड में एक अच्छा आईडीई रखने से सभी अंतर हो सकते हैं, भले ही यह सब सिंटैक्स हाइलाइटिंग और ऑटो पूर्ण हो। ड्रीमवेवर बहुत अच्छा नहीं है, लेकिन मैं इसे किसी भी दिन वर्डपैड पर ले जाऊंगा! Notepad++ वेबसाइटों को लिखने के लिए एक बहुत ही कम से कम कार्यक्रम है, और एक बहुत अच्छा प्रारंभिक बिंदु है। व्यक्तिगत रूप से मैं Netbeans का उपयोग करता हूं, लेकिन आप इसे HTML और CSS के लिए थोड़ा ओटीटी पा सकते हैं।

Answer 7

नहीं, क्योंकि ऐसा कोई चीज नहीं है जो आप देखते हैं कि आप वेब पर क्या प्राप्त करते हैं। यदि आपको परवाह नहीं है कि आपको क्या मिलता है, तो कुछ भी जो आपको कम प्रयास करने में मदद करता है। सीखना तब पसंद नहीं किया जाता है, इसलिए आप जो कुछ जानते हैं उसका उपयोग करें।

Answer 8

ठीक है, आप अंत में क्या चाहते हैं, कुछ सामान्य कार्यों को स्वचालित करने के लिए ईमानदार होने के लिए एक स्क्रिप्ट का उपयोग करना है। आप उस स्क्रिप्ट को हैंड-कोड करते हैं, लेकिन आप अपने एक्सएचएमटीएल पेज का उत्पादन करने के लिए बस कुछ पैरामीटर प्राप्त करते हैं।

WYSIWYG संपादकों के साथ बिंदु यह है कि वे जो कहते हैं वह करते हैं, वे लेआउट पर ध्यान केंद्रित करते हैं, जो आप देखते हैं वह वास्तव में आपको मिलता है। यदि वेब लेआउट के लिए बनाया गया था तो हम पीडीएफ, वेक्टर प्रारूप या सिर्फ छवियों का उपयोग करेंगे।

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

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

कष्टप्रदता के लिए, आप इसके लिए एक स्क्रिप्ट का उपयोग कर सकते हैं जैसा कि मैंने पहले कहा था। मेरा मतलब है, इससे पहले कि उस सूची में उदाहरण के रूप में, क्या मैं सिर्फ करना है:

(li demonstration 
(I am an item.) 
(I am another one.) 
(I am an item that \(includes parentheses\) you see)) 

कौन सा रूप में प्रदान किया जा सकता है:

<li class="demonstration"><li>I am an item</li> ....</li> 

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