आपण वेब डिझाइन आणि फ्रंट-एंड विकास (एचटीएमएल, सीएसएस, जावास्क्रिप्ट) नविन असल्यास, आपण WYSIWYG संपादकसह प्रारंभ करणे निवडू शकता. हा परिवर्णी शब्द "आपल्याला काय मिळते आहे ते पाहते" आणि ते मुळात सॉफ़्टवेअर आहे जे आपण व्हिज्युअल साधनांचा वापर करुन वेबपृष्ठ तयार करू शकता तर आपण काय तयार करत आहात यावर आधारित सॉफ्टवेअर काही दृश्यांच्या मागे लिहितात. उपलब्ध सर्वात लोकप्रिय WYSIWYG साधन निर्विवादपणे Adobe चे Dreamweaver आहे
फक्त प्रारंभ करणार्यांना ड्रीमइव्हर चांगला पर्याय आहे
अधिक परिष्कृत कौशल्ये असलेल्या अनेक अनुभवी वेब व्यावसायिकांना ड्रीमइव्हर आणि फुगलेला HTML मार्कअप आणि सीएसएस शैली निर्मितीची त्याची प्रवृत्ती दिसून येते, परंतु साध्या सत्य हे आहे की वेबसाइट डिझाइनसह सुरू होणारे हे प्लॅटफॉर्म चांगला पर्याय आहे. जेव्हा आपण वेबपृष्ठ तयार करण्यासाठी Dreamweaver च्या "design view" पर्यायाचा वापर सुरू करता, तेव्हा त्यातील एक प्रश्न आपल्याला त्या दृश्यात सामग्रीसाठी एकेरी खंड कसा तयार करायचा हे आहे.
जेव्हा आपण एखाद्या वेब पृष्ठामध्ये HTML मजकूर जोडता, तेव्हा वेब ब्राउझर त्या विंडोला ब्राऊजर विंडो किंवा त्याच्या कंटेनर एलिमेंटच्या काठावर पोहोचत नाही तोपर्यंत एक लांब ओळ म्हणून प्रदर्शित करेल. त्यावेळी, मजकूर पुढील ओळीवर लपेटो जाईल हे मायक्रोसॉफ्ट वर्ड किंवा Google डॉक्स सारखे कोणत्याही वर्ड प्रोसेसिंग सॉफ्टवेअरमध्ये काय होते त्यासारखे आहे. जेव्हा रेषाची एक ओळ आडव्या ओळीत आणखी जागा नसते, तेव्हा ती दुसर्या ओळीच्या सुरूवात करते. तर एखादी ओळ खंडित करायची असेल तर आपल्याला काय करावे लागेल?
जेव्हा आपण Dreamweaver च्या डिझाइन दृश्यात [ENTER] की दाबा, तेव्हा वर्तमान परिच्छेद बंद केले जाईल आणि एक नवीन परिच्छेद सुरू होईल. दृश्यरूपात, याचा अर्थ असा होईल की त्या दोन ओळी थोडा उभ्या रेषेसह विभक्त आहेत. याचे कारण, डीफॉल्टनुसार, एचटीएमएल परिच्छेदांमध्ये पॅडिंग किंवा मार्जिन (जे स्वतः ब्राउझरवर अवलंबून असते) पॅराग्राफच्या तळाशी लागू होते जे हे अंतर जोडते
हे सीएसएससह सुस्थीत केले जाऊ शकते, परंतु सत्य हे आहे की वेबसाइट वाचण्याची परवानगी देण्यासाठी आपण परिच्छेदातील अंतर ठेवू इच्छित आहात .जर आपल्याला ओळींमधील एक ओळी आणि चौकट उभे राहीले नसेल तर आपण [ENTER] की कारण आपण त्या ओळी स्वतंत्र परिच्छेद नसू इच्छित आहात.
जेव्हा आपण नवीन परिच्छेद सुरू करू इच्छित नसाल तेव्हा आपण HTML मध्ये
टॅग जोडू शकता. हे कधीकधी
असे लिहिले जाते. विशेषत: एक्सएचटीएमएलच्या सर्व आवृत्त्यांसाठी ज्यात सर्व घटक बंद करणे आवश्यक आहे. या सिंटॅक्समध्ये ट्रेलिंग / इन / ऍट्रिब्यूट घटक बंद होतात कारण
टॅगमध्ये स्वतःचे क्लोजिंग टॅग नाही. हे सर्व चांगले आणि चांगले आहे, परंतु आपण डिझाइन व्यू इन ड्रीमइव्हर मध्ये कार्यरत आहात. आपण कोडमध्ये उडी मारू इच्छित नसाल आणि हे ब्रेक जोडू शकता हे ठीक आहे, कारण आपण हे करू शकता, खरंच, कोड दृश्यात अवलंब न करता Dreamweaver मध्ये एक लाइन ब्रेक जोडा.
स्वप्नवत च्या डिझाईन दृश्यात एक लाइन ब्रेक जोडा:
- आपल्या कतारला जिथे आपण नवीन ओळ प्रारंभ करू इच्छिता तिथे ठेवा.
- शिफ्ट की दाबून ठेवा आणि [ENTER] दाबा
बस एवढेच! [ENTER] सोबत "shift" की सोबत सोप्या व्यतिरिक्त एक नवीन परिच्छेद च्याऐवजी एक
जोडेल त्यामुळे आता हे कसे आहे हे आपल्याला माहिती आहे, आपण ते कुठे वापरावे आणि कोठे टाळले पाहिजे याचा विचार करावा. लक्षात ठेवा, एचटीएमएल म्हणजे साइटची संरचना निर्माण करणे, दृश्य स्वरूप नव्हे. आपल्या डिझाइनमधील घटकांच्या खाली अनुलंब अंतर तयार करण्यासाठी आपण एकाधिक
टॅग वापरु नये.
पॅडिंग आणि मार्जिनसाठी सीएसएस गुणधर्म आहेत. जेव्हा आपण एखादी
टॅग वापरता तेव्हा आपल्याला केवळ एका ओळीची आवश्यकता असते तेव्हा. उदाहरणार्थ, जर आपण एखादा मेलिंग पत्ता कोडित केला असेल आणि आपण एक परिच्छेद वापरण्याचा निर्णय घेतला असेल, तर आपण यासारखे टॅग वापरू शकता:
कंपनीचे नाव
पत्ता ओळ
शहर, राज्य, ZIP
पत्त्यासाठी हा कोड एकच पॅराग्राफ आहे, परंतु दृश्यमान ते त्यांच्या दरम्यान एका लहान जागेसह वैयक्तिक ओळींवर तीन ओळी प्रदर्शित करेल.