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