ड्रीमवीव्हर मध्ये HTML कोड लिहित आहे

आपण केवळ WYSIWYG वापरावे लागणार नाही

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

ड्रीमइव्हर कोड पहा मध्ये कसे जायचे

आपण पृष्ठाचा शीर्षस्थानी तीन बटणे कधीही न पाहिल्यापूर्वी आपण एक HTML संपादक म्हणून Dreamweaver वापरत नसल्यास: "कोड", "स्प्लिट" आणि "डिझाइन". "डिझाईन दृश्यामध्ये" किंवा WYSIWYG मोडमध्ये डीफॉल्ट म्हणून प्रारंभ होतो. परंतु एचटीएमएल कोडचे पाहणे आणि संपादन करणे सोपे आहे. केवळ "कोड" बटणावर क्लिक करा किंवा, पहा मेनूवर जा आणि "कोड" निवडा.

जर आपण फक्त HTML कसे लिहायचे हे शिकत असाल किंवा आपण आपल्या बदलांवर आपल्या दस्तऐवजावर कसा प्रभाव पडू शकतो याची आपल्याला कल्पना आली असेल, तर आपण एकाच वेळी कोड दृश्य आणि डिझाईन दृश्य उघडू शकता. या पद्धतीचे सौंदर्य म्हणजे आपण दोन्ही खिडक्या मध्ये देखील संपादित करू शकता. त्यामुळे आपण HTML मध्ये आपल्या प्रतिमा टॅगसाठी कोड लिहू शकता आणि नंतर ड्रॅग आणि ड्रॉपसह पृष्ठावर दुसर्या स्थानावर हलविण्यासाठी डिझाईन दृश्य वापरु शकता.

दोन्ही एकाच वेळी पाहण्यासाठी, एकतर:

• "विभाजित" बटणावर क्लिक करा ("कोड" आणि "डिझाईन" दरम्यान)
• दृश्य मेनूमध्ये, "कोड आणि डिझाइन" निवडा

एकदा आपण आपला HTML कोड संपादित करण्यासाठी सोयीस्कर बनविल्यास Dreamweaver वापरू शकता, आपण डीफॉल्टनुसार डॉक्युव्हर कोडमध्ये उघडण्यासाठी आपली प्राधान्ये बदलू शकता. कार्यपद्धतीप्रमाणे कोड दृश्य जतन करण्याचा सर्वात सोपा मार्ग आहे. आपण वापरत असलेल्या अंतिम कार्यक्षेत्रात Dreamweaver उघडेल तसे न केल्यास, फक्त विंडो मेनूवर जा आणि आपण इच्छित कार्यक्षेत्र निवडा.

कोड दृश्य पर्याय

ड्रीमइव्हर इतके लवचिक आहे कारण त्यास सानुकूलित करण्याचे अनेक मार्ग आहेत आणि आपण ते इच्छित असलेल्या पद्धतीने कार्य करू शकता. पर्याय विंडोमध्ये, कोड बारिंग, कोड स्वरूपन, कोड इशारे आणि कोड पुनर्लेखन पर्याय आहेत जे आपण समायोजित करू शकता. परंतु आपण कोड व्यू मध्ये काही विशेष पर्याय देखील बदलू शकता.

एकदा आपण कोड दृश्यात असाल, टूलबारमधील "दृश्य पर्याय" बटण आहे. आपण दृश्य मेनूमध्ये जाऊन आणि "कोड दृश्य पर्याय" निवडून देखील पर्याय पाहू शकता. पर्याय आहेत:

• वर्ड ओघ - एचटीएमएल कोडला ओघ वळते जेणेकरून आपण ती क्षैतिजरित्या स्क्रॉल न करता पाहू शकाल. लक्षात घ्या की हा पर्याय आपल्या कोडमध्ये कोणताही कॅरेज परतावा समाविष्ट करत नाही, तो फक्त कोड प्रदर्शित करेल जेणेकरून तो वाचणे सोपे होईल.
• लाइन क्रमांक - कोडच्या बाजूने लाइन नंबर प्रदर्शित करते. हे दृश्य विंडोपेक्षा जास्त वेळ ओळींसाठी ओळींसाठी एक लाइन ओघ चिन्हास दाखवते.
• शॉर्ट वर्ण - वेबपेज वर प्रदर्शित होणार्या व्हाइसस्पेस ऐवजी स्पेशल कॅरेक्टर दाखवतो. जसे की डॉट ने स्पेसच्या जागी एक दुहेरी शेवरॉन प्रत्येक टॅबला पुनर्स्थित केले आहे आणि एक पिस्रो किंवा पॅराग्राफ मार्कर प्रत्येक ओळीच्या बिलाऐवजी बदलतो.
• हायलाइट अमान्य कोड - हायलाइट HTML जो पिवळा मध्ये अयोग्य आहे. आपण पिवळा टॅग निवडल्यास, मालमत्ता निरीक्षक आपल्याला त्याचे निराकरण कसे करावे याबाबत सूचित करेल.
• वाक्यरचना रंगविणे - आपल्या कोडचा रंग कोडींग चालू किंवा बंद करा आपण पसंतीच्या कोड रंगीत विभागात आपल्या रंग कोडींगचा रंग बदलू शकता.
• ऑटो इंडेंट - वरील कोडचा इंडेंट केला असल्यास कॅरेजचे रिटर्न झाल्यानंतर आपला कोड इंडेन्ट आपोआप तयार करतो. आपण प्राधान्ये च्या कोड स्वरूपन विभागात टॅब आकार बदलून इंडेंटचा आकार बदलू शकता.

संपादन HTML code ड्रीमइव्हर कोड पहा

Dreamweaver च्या कोड दृश्यात HTML कोड संपादित करणे सोपे आहे. फक्त आपला HTML टाइप करणे सुरू करा पण ड्रीमइव्हर आपल्याला थोड्या प्रमाणात प्रदान करतो जे त्यास मूळ एचटीएमएल एडिटरच्या बाहेर विस्तारीत करते. जेव्हा आपण एक HTML टॅग लिहिण्यास सुरुवात करता, तेव्हा आपण <. जर आपण त्या वर्णानंतर लगेच विराम द्या, तर Dreamweaver तुम्हाला HTML tags ची सूची दर्शवेल. याला कोड संकेत असे म्हटले जाते. निवड कमी करण्यासाठी, अक्षरे टाइप करणे प्रारंभ करा - आपण टाइप करत असलेल्या फिटनेसला टॅग असलेल्या ड्रॉप-डाउन सूची खाली Dreamweaver कमी केला जाईल.

जर आपण एचटीएमएलमध्ये नवीन असाल, तर तुम्ही एचटीएमएल टॅग्जच्या यादीमधून स्क्रॉल करू शकता आणि ते काय करतात ते पाहण्यासाठी वेगवेगळे निवडा. एकदा आपण टॅग टाइप केल्यानंतर आपण Dreamweaver विशेष विचारले पाहिजे उदाहरणार्थ, जर आपण " HTML टॅगमध्ये खाली येतील, अन्य टॅग्जसह मी खालीलप्रमाणे सुरू करेल. आपण "एम" अक्षर टाइप करून पुढे चालू ठेवल्यास, Dreamweaver टॅगमध्ये ते खाली संकुचित करेल.

परंतु संकेतशब्दाचे टॅग्ज संपत नाहीत. आपण निविष्ट करण्यासाठी कोड इशारे वापरू शकता:

• HTML विशेषता
• वर्ग आणि आयडी नावे
• CSS गुणधर्म

कोड संकेत दिसणार नसल्यास, प्रदर्शित करण्यासाठी आपल्याला Ctrl-spacebar (Windows) किंवा सीएमडी-स्पेसबार (मॅकिन्टोश) दाबा. आपला टॅग पूर्ण करण्याआधी आपण एका भिन्न विंडोवर स्विच केले असल्यास कोड संकेत कधीही दिसणार नाही याचे सर्वात सामान्य कारण आहे. कारण, आपण विंडो सोडल्यास आणि परत येता, ड्रीमविवेर अक्षराचे टायपिंग बंद करीत आहे, आपल्याला कोड इशारे पुन्हा चालू करावे लागतील

एस्केप की दाबुन आपण कोड इशारे मेनू बंद करू शकता.

एकदा आपण आपले उघडणे HTML टॅग टाइप केल्यानंतर, आपल्याला ते बंद करणे आवश्यक असेल. स्वप्नवत हा एक नैसर्गिक मार्ग आहे. जर आपण आपल्या गरजेनुसार सर्वोत्तम टॅग टॅप करा "टाईप करा"

जर आपण HTML मध्ये आपल्या पृष्ठांचे संपादन करण्यासाठी पूर्णपणे तयार नसाल तर आपण कोड लिहावयाचा म्हणून पाहू इच्छित आहात, तर आपण कोड निरीक्षक वापरून पहावे. हे HTML code ला वेगळ्या विंडोमध्ये उघडते. हे कॉजस व्ह्यू सारख्याच कार्य करते आणि प्रत्यक्षात सध्याच्या डॉक्युमेंटसाठी डिटेटेबल कोड व्ह्यू विंडो आहे. कोड निरीक्षक उघडण्यासाठी, विंडो मेनूवर जा आणि "कोड निरीक्षक" निवडा किंवा आपल्या कीबोर्डवरील F10 की दाबा.

तथापि आपण तो प्रदर्शित करू इच्छित असलेला Dreamweaver HTML कोड स्वरूपित करेल. उदाहरणार्थ, जर आपण इंडेंटकडे 3 स्पेसेस वापरत आहात, परंतु आयएमजी टॅग्स कधीही भरवू नका, तर आपण कोड रीराईटिंग पर्यायांमध्ये त्या स्वरुपण माहिती निर्दिष्ट करू शकता. मग आपण कमांड मेनूवर जा आणि "स्त्रोत स्वरूपन लागू करा" निवडा. हा एक चांगला मार्ग आहे जो आपल्या ओळखीच्या कोणत्याही स्वरुपात एखाद्या लिखित स्वरुपात लिहीला जातो.

HTML कोड कोसळण्याची क्षमता असलेली अनेक HTML coders माहिती नसतात किंवा वापरत नाहीत हे दस्तऐवजातील टॅग काढून टाकत नाही, परंतु त्यांना फक्त दृश्यातुन काढा जेणेकरून ते आपण जे कार्य करीत आहात त्यास विचलित करीत नाहीत. आपला कोड संकुचित करण्यासाठी:

1. आपण लपवू इच्छित कोडचा विभाग निवडा
2. संपादन मेनूमध्ये, "कोड संकुचित करा" उप-मेनूमधून "निवड संकुचित करा" निवडा

एक सोपा मार्ग म्हणजे कोड निवडणे आणि नंतर नाल्यात दिसणार्या कोड कोसळून चिन्हांवर क्लिक करा. आपण निवडलेल्या कोडवर देखील उजवे क्लिक करू शकता आणि "संकुचित निवड" निवडू शकता.

हायलाइट केलेल्या गोष्टींशिवाय आपण सर्व लपवू इच्छित असल्यास वरीलपैकी कोणत्याही पद्धतीने "बाहेर निवड संकुचित करा" निवडा.

संकुचित कोड विस्तृत करण्यासाठी, त्यावर फक्त दोनदा क्लिक करा. हे कोड उघडेल आणि ते निवडते. नंतर आपण त्या निवड हलवू शकता किंवा त्यास हटवू शकता किंवा त्याच्याभोवती अतिरिक्त टॅग जोडू शकता.

आपण संकुचित वापरू शकता आणि पृष्ठावर सर्व वेळ विस्तारित करू शकता जेथे आपण बाह्य टेम्पलेट संपादित करू इच्छित नाही. आपण फक्त आपण संपादित करू इच्छित सामग्री क्षेत्र आणि बाहेर पडू इच्छित आहात. मग आपल्या HTML लिहा. आपण तरीही डिझाइन दृश्यात पृष्ठ पाहू शकता किंवा एखाद्या ब्राउझरमध्ये त्याचे पूर्वावलोकन करू शकता. संकुचित कोड दस्तऐवजातून काढला नाही, फक्त दृश्यावरून लपविला. आपण आयटमच्या मालिकेवरील कार्य करत असताना देखील आपण हे वापरू शकता. आपण हे समाप्त केल्यानंतर, ते संकुचित करा कोड आढळत नसताना आपण पूर्ण केले आहात हे आपल्याला माहित आहे