DHTML: डायनामिक वेब कोडिंग

• अप्रैल 28, 2024

DHTML का अर्थ है डीडायनामिक एचyperटीext मarkup एलपीड़ा और जावास्क्रिप्ट और कैस्केडिंग स्टाइल शीट्स (सीएसएस) के साथ HTML को जोड़कर HTML वेबपेजों को गतिशील बनाने की कला के रूप में परिभाषित किया जा सकता है। इस श्रृंखला में पिछले चार लेखों में अध्ययन किए गए अन्य चार HTML भिन्नताओं के विपरीत, DHTML W3 कंसोर्टियम द्वारा परिभाषित मानक नहीं है। बल्कि, यह एक "मार्केटिंग शब्द है जिसका उपयोग नेटस्केप और माइक्रोसॉफ्ट द्वारा नई तकनीकों का वर्णन करने के लिए किया गया था। 4.x पीढ़ी के ब्राउज़र समर्थन करेंगे" (W3 कंसोर्टियम)। HTML 4.0 ने पहले दो महत्वपूर्ण घटक पेश किए जो DHTML की संरचना में अंतर्निहित हैं:

• कैस्केडिंग स्टाइल शीट्स (सीएसएस)
• दस्तावेज़ ऑब्जेक्ट मॉडल (DOM)

अपने कोड को गतिशील बनाना

सीएसएस शैली और लेआउट मॉडल प्रदान करते हैं जबकि DOM HTML दस्तावेज़ों के लिए दस्तावेज़ सामग्री मॉडल प्रदान करते हैं। जावास्क्रिप्ट और VBScript HTML तत्वों को नियंत्रित करने के लिए स्क्रिप्टिंग कोड लिखने की क्षमता जोड़ते हैं। एक साथ रखो, ये तीन घटक गतिशील HTML पृष्ठों को जोड़ते हैं। एक प्रमुख बाधा ब्राउज़र असंगतता है - नेटस्केप और माइक्रोसॉफ्ट अभी भी अपने ब्राउज़रों के भीतर क्या लागू करने पर सहमत नहीं हुए हैं: इस प्रकार, DHTML पृष्ठों को लिखना जो दोनों ब्राउज़रों में अच्छी तरह से काम करते हैं, मुश्किल हो सकते हैं। अपने लिए देखने के लिए, आप Microsoft और नेटस्केप मानकों को ऑनलाइन एक्सेस कर सकते हैं:

• MSDN लाइब्रेरी Microsoft पर
• गतिशील HTML नेटस्केप कम्युनिकेटर में

"वेब पेज की कार्यक्षमता बढ़ाने वाले कम बैंडविड्थ प्रभाव पैदा करने में DHTML एक्सेल करता है। इसका उपयोग एनिमेशन, गेम, एप्लिकेशन बनाने के लिए किया जा सकता है, वेब साइटों के माध्यम से नेविगेट करने के नए तरीके प्रदान करते हैं, और इस विश्व पेज लेआउट को बना सकते हैं जो कि केवल बनाया गया है।" बस HTML के साथ संभव है। हालाँकि DHTML की कई विशेषताओं को Flash या Java के साथ दोहराया जा सकता है, DHTML एक विकल्प प्रदान करता है जिसमें प्लगइन्स की आवश्यकता नहीं होती है और यह एक वेब पेज में मूल रूप से एम्बेड होता है। "(डैन स्टीनमैन, 1998)।

DHTML की जटिलताओं को समझने के लिए, इसके घटकों की अधिक विस्तार से जाँच करना उपयोगी है।

व्यापक शैली पत्रक

सीएसएस परिष्कृत कोड हैं जो वेब सामग्री को वेब डेप्ले से अलग करते हैं - शैली, स्थिति, रंग, फोंट, और इसी तरह। CSSP या CSS पोजिशनिंग HTML तत्व स्थिति पर पिक्सेल-स्तर नियंत्रण की अनुमति देता है। CSS2 (CSS स्तर 2) के साथ सामग्री से वेब दस्तावेजों की प्रस्तुति शैली को अलग करना वेब संलेखन और साइट रखरखाव को सरल करता है। "CSS2 मीडिया-विशिष्ट स्टाइल शीट का समर्थन करता है ताकि लेखक अपने दस्तावेज़ों की प्रस्तुति को विज़ुअल ब्राउज़र, aural डिवाइसेस, प्रिंटर, ब्रेल डिवाइसेस, हैंडहेल्ड डिवाइसेस इत्यादि में दर्ज़ कर सकें। यह विनिर्देश कंटेंट पोजिशनिंग, डाउनलोड करने योग्य फोंट, टेबल लेआउट, सुविधाओं के लिए भी समर्थन करता है। अंतर्राष्ट्रीयकरण, स्वचालित काउंटर और नंबरिंग, और उपयोगकर्ता इंटरफ़ेस से संबंधित कुछ गुण "(W3 कंसोर्टियम)। W3C CSS2 नामक सीखने के लिए एक उत्कृष्ट ट्यूटोरियल प्रदान करता है, CSS2 की विशिष्टता.

जावास्क्रिप्ट

जावास्क्रिप्ट एक विशेष स्क्रिप्टिंग ब्राउज़र-आधारित भाषा है जिसका उपयोग एचटीएमएल तत्वों को नियंत्रित करने और रूपों, फ़्रेमों, खिड़कियों, छवि रोलओवर, ऑडियो-वीडियो नियंत्रणों में कार्यक्षमता को जोड़ने और DHTML में हेरफेर करने के लिए किया जाता है। नेटस्केप ने इस स्क्रिप्टिंग जावास्क्रिप्ट को पहली बार कहा था, इसलिए Microsoft अपने विशेष ब्रांड की स्क्रिप्टिंग के लिए JScript शब्द के साथ आया था। परिणाम? जावास्क्रिप्ट के दो संस्करण जो असंगत रूप से असंगत हो सकते हैं। इस समस्या को अधिक जानने के लिए, नेटस्केप की यात्रा करें जावास्क्रिप्ट सेंट्रल और Microsoft का JScript संसाधन पृष्ठ। जावास्क्रिप्ट सामग्री के गतिशील प्रभावों का रहस्य परत वस्तुओं का उपयोग है। जब माउस उस पर स्क्रॉल करता है, तो लेयर ऑब्जेक्ट टेक्स्ट में बदलाव करते हैं; यह वेब पेज पर चित्र या पाठ को स्थानांतरित करता है; यह ड्रॉप-डाउन मेनू ड्रॉप डाउन भी बनाता है। लेयर ऑब्जेक्ट्स को डिव टैग्स में व्यवस्थित किया जाता है, जिसमें रंग, स्थिति और दृश्यता जैसी विशेषताओं को परिभाषित किया जाता है।

उन्हें एक साथ रखना

DHTML आमतौर पर तीन कार्यों को प्राप्त करने के लिए लागू किया जाता है:

• स्थान या पृष्ठ पर सामग्री के ब्लॉक रखकर उन्हें इधर-उधर करना
• शैली संशोधन जो पृष्ठ का रूप और अनुभव बदल देता है
• घटना से निपटना या स्थिति या अन्य शैली संशोधनों में परिवर्तन से संबंधित उपयोगकर्ता ईवेंट

इंटरनेट एक्सप्लोरर और नेटस्केप (संस्करण 5, 6 और ऊपर) के नए संस्करणों में DOM अधिकांश DHTML कोडिंग के लिए पसंद का कोड बन रहा है। एक बार महारत हासिल करने के बाद, DOM वेब डिजाइनरों को पेज पर मौजूद सभी शैलियों, विशेषताओं (जैसे href) और तत्वों (जैसे html टैग) से संबंधित दस्तावेज़ कोडिंग में हेरफेर, जोड़ने, हटाने और संपादित करने में मदद कर सकता है। इसका मतलब है कि html टैग के लिए हर टैग और विशेषता आम डोम के माध्यम से सुलभ है। वर्तमान में, डॉक्यूमेंट ऑब्जेक्ट मॉडल स्तर 0 और 1 डब्ल्यू 3 सी द्वारा अनुशंसित हैं। स्तर 2 भी काम करता है, लेकिन अभी तक DHTML कोडिंग के लिए मानक के रूप में प्रचारित नहीं किया गया है।

ट्यूटोरियल का एक सहायक समूह HTML गुडीज़ के माध्यम से उपलब्ध है, जिसे कहा जाता है DHTML और परत ट्यूटोरियल.

इस लेख में शामिल लिंक, HTML कोडिंग में इस नवीनतम विकास में महारत हासिल करने के लिए आपकी यात्रा शुरू करने के लिए परिचय और कैसे-टो की पेशकश करते हैं।Google पर कोई भी त्वरित खोज आपके ध्यान में आसानी से उपलब्ध आपकी उंगलियों पर कई और संसाधन लाएगी। जैसे-जैसे ब्राउज़र निर्माता अपनी असंगतता पर काम करते हैं और उच्च संस्करण ब्राउज़र का उपयोग अधिक सामान्य हो जाता है, DHTML किसी भी पेशेवर डिज़ाइनर के यात्रा कार्यक्रम का अनिवार्य हिस्सा बन जाएगा।

HTML हाइलाइट लेख श्रृंखला

भाग 1: क्या एक विश्वसनीय डिज़ाइनर को HTML पता होना चाहिए?
भाग 2: HTML 3.2 - विल्बर का जन्म
भाग 3: HTML 4.0 और 4.01 - अधिक अच्छी बात!
भाग 4: XHTML: परिष्कृत डिज़ाइन के लिए वेब कोडिंग
भाग 5: DHTML: डायनामिक वेब कोडिंग

वीडियो निर्देश: Learn HTML & CSS in 60 Minutes | Full Beginners Course Video With Practicals (अप्रैल 2024).