यदि आप वेब डिज़ाइन और फ्रंट एंड डेवलपमेंट (एचटीएमएल, सीएसएस, जावास्क्रिप्ट) के लिए नए हैं, तो आप WYSIWYG संपादक के साथ शुरुआत करना चुन सकते हैं। यह संक्षिप्त शब्द "जो आप देखते हैं वह वह है जो आपको मिलता है" और यह मूल रूप से सॉफ़्टवेयर को संदर्भित करता है जो आपको दृश्य उपकरण का उपयोग करके एक वेबपृष्ठ बनाने की अनुमति देता है, जबकि सॉफ्टवेयर आपके द्वारा बनाए जा रहे दृश्यों के आधार पर दृश्यों के पीछे कुछ कोड लिखता है। उपलब्ध सबसे लोकप्रिय WYSIWYG उपकरण तर्कसंगत एडोब का ड्रीमवेवर है ।
Dreamweaver बस शुरू करने वालों के लिए एक अच्छा विकल्प है
जबकि अधिक परिष्कृत कौशल वाले कई अनुभवी वेब पेशेवर ड्रीमवेवर और ब्लोएटेड एचटीएमएल मार्कअप और सीएसएस शैलियों का उत्पादन करने की प्रवृत्ति को देखते हैं, लेकिन साधारण सत्य यह है कि प्लेटफ़ॉर्म वेबसाइट डिजाइन के साथ शुरू करने वालों के लिए एक अच्छा विकल्प बना हुआ है। जैसे ही आप वेबपेज बनाने के लिए ड्रीमवेवर के "डिज़ाइन व्यू" विकल्प का उपयोग शुरू करते हैं, तो आपके विचारों में से एक प्रश्न यह है कि उस दृश्य में सामग्री के लिए एकल लाइन ब्रेक कैसे बनाएं।
जब आप किसी वेब पेज पर HTML टेक्स्ट जोड़ रहे हैं, तो वेब ब्राउज़र उस टेक्स्ट को एक लंबी लाइन के रूप में प्रदर्शित करेगा जब तक वह ब्राउज़र विंडो या उसके कंटेनर तत्व के किनारे तक नहीं पहुंच जाता। उस बिंदु पर, पाठ अगली पंक्ति में लपेट जाएगा। यह माइक्रोसॉफ्ट वर्ड या Google डॉक्स जैसे किसी भी वर्ड प्रोसेसिंग सॉफ़्टवेयर में क्या होता है। जब टेक्स्ट की एक पंक्ति क्षैतिज रेखा पर और अधिक जगह नहीं होती है, तो यह दूसरी पंक्ति शुरू करने के लिए लपेट जाएगी। तो क्या होता है यदि आप एक पंक्ति को तोड़ने के लिए निर्देश देना चाहते हैं?
जब आप Dreamweaver के डिज़ाइन व्यू में [ENTER] कुंजी दबाते हैं, तो वर्तमान पैराग्राफ बंद हो जाता है और एक नया अनुच्छेद शुरू होता है। दृश्यमान, इसका मतलब यह होगा कि उन दो पंक्तियों को लंबवत रिक्ति के साथ अलग किया गया है। ऐसा इसलिए है क्योंकि, डिफ़ॉल्ट रूप से, HTML पैराग्राफ में पैडिंग या मार्जिन होता है (जो कि ब्राउज़र पर ही निर्भर करता है) अनुच्छेद के नीचे लागू होता है जो उस अंतर को जोड़ता है।
इसे सीएसएस के साथ समायोजित किया जा सकता है, लेकिन सच्चाई यह है कि आप वेबसाइट पठनीयता की अनुमति देने के लिए पैराग्राफ के बीच अंतर होना चाहते हैं। यदि आप लाइनों के बीच एक सिंगल लाइन और कोई विस्तृत वर्टिकल स्पेसिंग नहीं चाहते हैं, तो आप [ENTER] का उपयोग नहीं करना चाहते हैं कुंजी क्योंकि आप नहीं चाहते कि वे लाइनें व्यक्तिगत पैराग्राफ हों।
इन समय के लिए जब आप एक नया अनुच्छेद शुरू नहीं करना चाहते हैं, तो आप HTML में टैग टैग जोड़ देंगे। इसे कभी-कभी
के रूप में भी लिखा जाता है। विशेष रूप से एक्सएचटीएमएल के संस्करणों के लिए जिन्हें सभी तत्वों को बंद करने की आवश्यकता होती है। पिछला / उस वाक्यविन्यास में तत्व को स्वयं बंद कर देता है क्योंकि
टैग का अपना बंद टैग नहीं है। यह सब ठीक है और अच्छा है, लेकिन आप ड्रीमवेवर में डिज़ाइन व्यू में काम कर रहे हैं। आप कोड में कूदना और इन ब्रेक को जोड़ना नहीं चाहते हैं। यह ठीक है, क्योंकि आप वास्तव में, कोड व्यू का उपयोग किये बिना ड्रीमवेवर में एक लाइन ब्रेक जोड़ सकते हैं।
ड्रीमवेवर के डिज़ाइन व्यू में एक लाइन ब्रेक जोड़ें:
- अपना कर्सर रखें जहां आप नई लाइन शुरू करना चाहते हैं।
- शिफ्ट कुंजी दबाए रखें और [ENTER] दबाएं।
बस! [ENTER] के साथ "शिफ्ट" कुंजी का सरल जोड़ एक नए अनुच्छेद के बजाय एक
जोड़ देगा। तो अब जब आप जानते हैं कि यह कैसा है, तो आपको यह समझना चाहिए कि इसका उपयोग कहां करें और इससे बचें। याद रखें, एचटीएमएल एक साइट की संरचना बनाने के लिए है, दृश्य दृश्य नहीं। आपको अपने डिज़ाइन में तत्वों के नीचे लंबवत रिक्ति बनाने के लिए एकाधिक टैग्स का उपयोग नहीं करना चाहिए।
पैडिंग और मार्जिन के लिए सीएसएस गुण यही हैं। जहां आप एक टैग टैग का उपयोग करेंगे, तब आपको केवल एक लाइन ब्रेक की आवश्यकता होती है। उदाहरण के लिए, यदि आप एक मेलिंग पता कोडिंग कर रहे हैं और आपने पैराग्राफ का उपयोग करने का निर्णय लिया है, तो आप इस तरह के टैग जोड़ सकते हैं:
<पी> कंपनी का नाम
पता रेखा
शहर, राज्य, ज़िप
पते के लिए यह कोड एक अनुच्छेद है, लेकिन दृष्टि से यह अलग-अलग पंक्तियों पर तीन पंक्तियों को उनके बीच एक छोटी सी जगह के साथ प्रदर्शित करेगा।