Hindi Web Tutorials: August 2012

ब्रोव्सर में रन करके देखें:

Viewing Source code of a website

आज हम जानेंगे वेब साईटस का कोड कैसे देख सकते हैं
सबसे पहले अपना वेब ब्रोव्सर ओपन करें और जिस साईट का कोड आप देखना चाहते हैं उस का एड्रेस URL बार में टाइप करें। हम यह प्रयोग www.yahoo.com के साथ करेंगे :
1) अपने निर्धारित वेब पेज पैर जाएँ :

2) पेज पर कहीं पर भी राईट क्लिक करें :
3) view page source को select करें:

4)पेज का html कोड कुछ इस प्रकार दिखेगा:

Understanding HTML Elements and Tags

जैसे की आप लोगों ने पुराने टूटोरिअल्स में जाना होगा की HTML लेंग्वेग टेग्स का इस्तेमाल करती है, तो आईये आज जानते हैं HTML के Elements और Tags को-
टेग्स कुछ इस प्रकार हैं-
1) <HTML></HTML>
यह टेग सबसे आवश्यक है, इसी के कारण वेब ब्रोव्सर को पता चलता है की सारी जानकारी इन्ही के बिच है।

2) <head ></head>
इस टेग में वेब पेज की जानकारी होती है। जैसे की <title> Hello World</title>
e .g .
इस कोड को टेस्ट करें -

<html>
<head>
<title>Hello world</title>
</head>
</html>

Notepad++ में इस प्रकार कोड टाइप करें और सेव करें:

और फिर इसे अपने ब्रोव्सर में रन करें, आप देखेंगे की आपने जो title टेग्स में लिखा था वह titlebar में डिस्प्ले हो गया है।

3) <body ></body>
इस टेग में वेब पेज का पूरा कंटेंट होता है ।
e .g .
इस कोड को टेस्ट करें -

<html>
<head>
<title>Hello world</title>
</head>
<body></body>
</html>

Notepad++ में इस प्रकार कोड टाइप करें और सेव करें:

और फिर इसे अपने ब्रोव्सर में रन करें, आप देखेंगे की आपने जो body टेग्स में लिखा था वह body में डिस्प्ले हो गया है।

यह जानकारी आपको कैसी लगी हमे ज़रूर बताएं, कमेन्ट करें और सवाल पूछें। धन्यवाद्

Notepad++ alternative to notepad

आज हम आपको नोटपेड के विकल्प के बारे में बतायेंगे,

नोटपेड एक बहुत ही साधारण सा टेक्स्ट एडिटर हे, इसमें लिखी हुआ कोड पढने में मुश्किल होता है क्योंकि वह एक ही रंग में होता है, इसलिए हम आपको आज नोटपेड++ के बारे में बताते हैं,
नोटपेड++ एक ओपन सौर्स टेक्स्ट एडिटर है और मुफ्त में उपलब्ध है, यह उपयोग में भी बेहद आसान हे।
आप नोटपेड++ को http://notepad-plus-plus.org/download/v6.1.6.html से मुफ्त में डाउनलोड कर सकते हैं।
इन्स्टाल करने के बाद इसको रन कीजिये और नोटपेड से तुलना कीजिये।

अगर आपको नोटपेड++ इन्स्टाल करने में कोई भी परेशानी आये तो हमें बताइए।
आगे के टूटोरिअल में हम नोटपेड++ का ही उपयोग करेंगे।

Introdution to HTML

HTML का पूरा नाम हाईपर टेक्स्ट मार्क अप लेंग्वेज होता है। HTML का उपयोग सुंदर व् आकर्षित वेबसाइट बनाने के लिए होता है। सभी वेबसाइटस HTML का उपयोग करती हैं। इस टूटोरिअल मैं, में हिंदी और English दोनों का ही इस्तेमाल करूँगा और अगर आप को कहीं भी दिक्कत या मुश्किल आये तो आप मुझ से संपर्क कर सकते हैं, या फिर कमेन्ट कर सकते हैं।
HTML को टेग्स के फॉर्म में लिखा जाता है, जो एंगल ब्रेकेट्स के अंदर होते है जैसे <HTML> टेग खोलने के लिए और </HTML> टेग बंद करने के लिए।
वेब ब्रोसर इन्ही HTML फाइलस को पढता है और उन्हें फोटो, संगीत, विडियो में पेश करता है।
HTML सीखना बहुत आसान है। HTML सीखने में आपको बहुत आनन्द आयेगा।

अब हम जानेंगे की html फाइल कैसे बनायीं जाती है।
सबसे पहले आपको एक टेक्स्ट एडिटर की ज़रुरत होगी। अगर आप microsoft windows use कर रहे हैं , तो नोटपेड ओपन करें।
start menu ->all programs -> accessories -> notepad को सेलेक्ट करें।