HTML के पहले कदम - निष्कर्ष
मेरा मानना है कि यहीं पर HTML पाठ्यपुस्तक को समाप्त किया जा सकता है, लेकिन यदि मेरे मन में नए विचार आए तो मैं HTML पर और पाठ प्रकाशित करता रहूँगा। आपको यह पाठ्यपुस्तक थोड़ी छोटी लग सकती है, लेकिन इसका शीर्षक भी है “पहले कदम”। मुझे नहीं लगता कि सभी टैग्स का विस्तृत विवरण यहाँ आवश्यक है — मैं उन्हें बाद में HTML संदर्भ गाइड में शामिल करूँगा।
यदि आप आगे सीखना चाहते हैं, तो मैं सलाह दूँगा कि आप CSS सीखना जारी रखें। यह HTML का वह हिस्सा है जो HTML तत्वों को सुंदर और आकर्षक रूप में प्रस्तुत करने में मदद करता है।
HTML पाठ्यपुस्तक - अतिरिक्त सामग्री
HTML की मदद से आप अपनी खुद की वेबसाइट बना सकते हैं। यह HTML पाठ्यपुस्तक आपको HTML साइट लिखने में बहुत कुछ सिखाएगी। HTML पाठ समझने में आसान हैं, और आप HTML सीखने का आनंद लेंगे।
CSS पाठ्यपुस्तक
तो, आपने HTML पर मेरी किताब पढ़ ली है और अब आप अपने सुंदर वेबसाइट को बनाने की दिशा में एक और कदम उठा रहे हैं — CSS सीखना शुरू करके। CSS की आवश्यकता क्यों है? यदि आपने मेरा “HTML के पहले कदम” गाइड पढ़ा है, तो आपने देखा होगा कि वह एक छोटा और सरल परिचय था। मैंने जानबूझकर कई टैग्स और गुणों को छोड़ा था जो डिज़ाइन से संबंधित थे — जैसे इटैलिक, बोल्ड, रंग, आकार, हाइलाइटिंग आदि। मैंने ऐसा इसलिए किया क्योंकि अब आपको उनकी आवश्यकता नहीं होगी।
CSS पाठ्यपुस्तक - पाठ 1 - CSS शैलियाँ जोड़ना
मैं यह नहीं समझाऊँगा कि CSS की आवश्यकता क्यों है। यदि आपने यह पाठ्यपुस्तक खोली है, तो इसका अर्थ है कि आप इसे सीखना चाहते हैं। मैं केवल इतना कहूँगा कि CSS की क्षमताएँ बहुत व्यापक हैं और यह किसी भी जटिलता के लेआउट को बनाने की अनुमति देती हैं। CSS का उपयोग करने का अर्थ है कि आपको कई पुराने HTML टैग गुणों — जैसे size, color, bgcolor, align आदि — का उपयोग बंद करना होगा, जो CSS के साथ "टकराते" हैं।
CSS पाठ्यपुस्तक - पाठ 2 - CSS का उपयोग शुरू करें। CSS गुण: background, color।
नमस्ते सबको। तो, पिछले पाठ में मैंने दो फाइलें बनाई थीं — HTML और CSS। उनका कोड नीचे दिया गया है:
index.html:
<html> <head> <title>CSS पाठ्यपुस्तक</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>drupalbook.org के साथ CSS सीखें</p> <p>दूसरी पंक्ति drupalbook.org के साथ CSS सीखें</p> </body> </html>
style.css:
CSS पाठ्यपुस्तक — पाठ 3 — गुण (Properties): background-color, font-style, font-weight, text-align, text-decoration, text-transform
HTML के अस्तित्व के दौरान कई टैग बनाए गए, और अब CSS के व्यापक उपयोग के साथ हमें कुछ टैग्स को छोड़ना पड़ा है, जैसे <font>, <b>, <i>, <center>। आगे चलकर हम अन्य "अमान्य" टैग्स के बारे में भी बात करेंगे। CSS गुणों का उपयोग आपको HTML में अतिरिक्त कोड लिखने से बचाएगा और उसे एक अलग CSS फ़ाइल में स्थानांतरित करने की अनुमति देगा।
CSS पाठ्यपुस्तक — पाठ 4 — display गुण (Property)। div और span के बीच अंतर।
पिछले पाठों में हमने CSS फ़ाइल को जोड़ा था और थोड़ा CSS कोड लिखा था ताकि देख सकें कि यह कैसे काम करता है। इस पाठ में हम एक महत्वपूर्ण गुण display को समझेंगे। display गुण यह निर्धारित करता है कि कोई HTML टैग वेब पेज पर कैसे प्रदर्शित होगा — क्या वह टेक्स्ट की तरह एक पंक्ति में दिखाई देगा या फिर एक ब्लॉक के रूप में, जिसकी अपनी ऊँचाई और चौड़ाई होती है।
CSS पाठ्यपुस्तक — पाठ 5 — float और clear गुण (Properties)। फ्लोटिंग और फ्लोट का अंत।
कल्पना कीजिए कि एक तेज़ बहती हुई पहाड़ी नदी है, जो बहुत गति और शोर के साथ बह रही है। और अचानक इस नदी के रास्ते में एक पत्थर आ जाता है — नदी उस पत्थर को चारों ओर से घेरते हुए (obtekaet) बहती है। यदि पत्थर नदी के प्रवाह की दिशा के बाएँ ओर है, तो नदी उसे दाएँ ओर से पार करती है, और यदि पत्थर दाएँ ओर है — तो नदी उसे बाएँ से पार करती है। बिल्कुल इसी तरह CSS का float गुण (property) काम करता है।
CSS पाठ्यपुस्तक — अंतिम पाठ — HTML/CSS से Drupal तक
यहीं पर हमारा CSS पाठ्यक्रम समाप्त होता है, लेकिन CSS सीखना यहाँ समाप्त नहीं होता। अब मैं सुझाव देता हूँ कि हम अभ्यास (प्रैक्टिस) की ओर बढ़ें और Drupal थीम बनाते हुए CSS का आगे अध्ययन करें। मैं इंटरनेट पर एक PSD लेआउट ढूँढूँगा और हम उसे Zen थीम के आधार पर Drupal थीम में परिवर्तित करेंगे।
आप अब PHP सीखना भी शुरू कर सकते हैं:
JavaScript पाठ (पाठ्यपुस्तक, स्व-अध्ययन मार्गदर्शिका)
JavaScript दुनिया की सबसे लोकप्रिय भाषाओं में से एक है। यद्यपि समय के साथ इसकी स्थिति कुछ कमजोर हुई है, फिर भी इसे सीखने में कई प्रोग्रामर रुचि रखते हैं।
आपको JavaScript की आवश्यकता jQuery सीखने के लिए होगी, क्योंकि jQuery वास्तव में JavaScript फ्रेमवर्क है। इसलिए jQuery सीखना शुरू करने से पहले, JavaScript की मूल बातें जानना आवश्यक है।
JavaScript कोड सीधे HTML पेज के कोड में <script></script> टैग्स के माध्यम से डाला जाता है: