एच टी एम एल सीखने की शुरुआत
आपको क्या चाहिए होगा?
आपको HTML सीखने के लिये निम्न साधनों की आवयश्यकता होगी ।
- एक HTML editor - जिसमें HTMLफ़ाइल या वेब-पेज बनाई और edit की जा सकें ।
- एक web server - जिसमें HTML फ़ाइल या वेब-पेज को चलाया जा सके ।
- एक Web Browser - जिसमें HTML फ़ाइल या वेब-पेज को खोला जा सके ।
हालांकि Web
Pages Internet पर Run होते हैं, लेकिन हम अपने हर Web Page को Create करके
Internet पर Test नहीं कर सकते हैं। इसलिए जब हम अपनी Web Site Create कर रहे होते
हैं, उस समय अपने Web Pages को Create व Test करने के लिए हम हमारे ही Local
Computer को Web Server की तरह उपयोग में ले सकते हैं, जिसके लिए हमें कुछ Setup
करने पडते हैं।
1. HTML Editors
HTML में कार्य की शुरुआत करने के लिये किसी विशेष software की आवशयकता नही है , सिर्फ़ Notepad (PC) या TextEdit (Mac) और web Browser ( internet exploere,Firefox,crome) होना चाहिए जो हर computer मे मिल जाता है ।यदि आप HTML का उपयोग professional HTML editor मे करना चाहते है तो कुछ प्रचलित professional HTML editor निम्न है :
- Adobe Dreamweaver
- Notepad++
- Microsoft Expression Web
- CoffeeCup HTML Editor
Notepad या TextEdit का प्रयोग करके HTML फ़ाइल बनाना
अपने पहले web page को Notepad की सहायता से बनाने के लिये हमे ये करना होगा -
Step 1: Start Notepad
Notepad खोले :Start > All Programs > Accessories > Notepad
Step 2: Edit Your HTML with Notepad
Notepad मे HTML code टाइप करें:
<html>
<body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
Step 3: HTML को सेव करना
Notepad के file menu में Save as पर
क्लिक करें । जब आप एक HTML file को सेव करते है , तो आपको फ़ाइल के नाम के बाद .htm या .html नामक फ़ाइल का extension भी लिखना होता है ।
जैसे – आप अपनी फ़ाइल को page1 के नाम से HTML file के रुप में सेव करना चाहते है तो आपको Save as पर क्लिक करके page1.htm या page1.html लिखना होगा ताकि यह txt फ़ाइल से अलग बाद .htm या .html extension मे सेव हो सके तथा हमारे पेज का output मे प्राप्त किया जा सके |
Step 4: HTML को आपके Browser पर चलाना
अब अपने web browser को
शुरु करे और उसमें File में Open menu पर क्लिक करके अपनी पुर्व
मे सेव की गई page1.htm नामक html file को
खोलें या Open करें ।Web Browsers
Web Browsers के
रूप में हमें हमेंशा एक ज्यादा Web Browsers पर अपने Page को Test करना होता है, क्योंकि
विभिन्न प्रकार के Users अलग-अलग Web Browsers को उपयोग में लेते हैं और हमारा Web
Page सभी Web Browsers पर एक समान दिखाई देना जरूरी होता है, इसलिये हम मूल रूप से
पांच Web Browsers पर अपने Web Page को Test करेंगे, जो कि सबसे ज्यादा उपयोग में
लिये जाते हैं। ये सभी Web Browsers Free उपलब्ध हैं और इन्हें निम्न Sites से
Download कर लेना चाहिए:
Chrome : https://www.google.com/chrome
Safari : http://www.apple.com/safari/download/
Opera : http://www.opera.com/
Text Editor व
Web Browsers के बाद तीसरा सबसे जरूरी Software Local Web Server होता है, जिसे अपने Computer में
Install करके हम हमारी Web Site को बिल्कुल उसी तरह से अपने Local Computer Run
कर सकते हैं, जैसी वह Web Site Actual Web Site पर Upload होने के बाद Run होती
है।
Local Web Server
के रूप में हम IIS अथवा Apache Web Server को उपयोग में ले सकते हैं। IIS
Microsoft Company का Web Server है, इसलिये यदि आप ASP.NET Server Side Language का
प्रयोग करके Web Site बनाना चाहते हैं, अथवा यदि आप अपनी Site को Windows Web Server पर Host करना
चाहते हैं, तो आपके लिये IIS
बेहतर Web Server होता है, जबकि Linux
Web Hosts के लिये Apache
Web Server ज्यादा बेहतर होता है।
चूंकि HTML, CSS
व JavaScript का संबंध केवल Client Side Web Browser से होता है, इसलिये फिलहाल हम
इन दोनों में से किसी भी Web Server को उपयोग में ले सकते हैं। अलग-अलग Web
Servers को Setup करना नए Web Developer के लिये थोडा मुश्किल होता है, इसलिये हम
यहां पर Apache Web Server को उपयोग में लेंगे, जिसे Install व Run करना काफी आसान
होता है।
Apache Web
Server के रूप में आप WAMP
या XAMPP Package को
उपयोग में ले सकते हैं। इन्हें Install करना आसान है। WAMP को आप http://www.wampserver.com/en/
से Download कर सकते हैं, जबकि XAMPP को आप http://www.apachefriends.org/en/xampp.html
से Download कर सकते हैं।
XAMPP Web Server
को Install करने व उपयोग में लेने का पूरा Process Setup XAMPP – Local Web Server
Page पर दिया गया है, जबकि WAMP Server की Executable File को Run करके बडी ही
आसानी से WAMP Server को Local Computer पर Install किया जा सकता है।
XAMPP Web Server
में हमें हमारी सभी HTML Files को htdocs
नाम के Folder में Save करना होता है जबकि WAMP Web Server में हमारी Files को wamp Folder में स्थित www नाम के Folder में Save करना होता
है। इन Folders में Save किये गए Web Pages को हम Web Browser के Address Bar में http://localhost/ Address द्वारा
अथवा http://127.0.0.1 Address द्वारा Access करते हैं।
0 comments:
Post a Comment