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