वेब डिज़ाइन के लिए आवश्यक बुनियादी उपकरण आश्चर्यजनक रूप से सरल हैं। कंप्यूटर और इंटरनेट कनेक्शन के अलावा, वेबसाइट बनाने के लिए आपको आवश्यक अधिकांश टूल सॉफ़्टवेयर प्रोग्राम हैं, जिनमें से कुछ पहले से ही आपके कंप्यूटर पर हो सकते हैं। आपको अपने वेब सर्वर पर फ़ाइलों को अपलोड करने के लिए एक टेक्स्ट या HTML संपादक, एक ग्राफिक्स संपादक, वेब ब्राउज़र और एक एफ़टीपी क्लाइंट की आवश्यकता है।
मूल पाठ या HTML संपादक का चयन करना
आप एक सादे पाठ संपादक में एचटीएमएल लिख सकते हैं जैसे विंडोज 10 में नोटपैड, मैक पर टेक्स्ट एडिट, या लिनक्स में वीआई या एमैक्स। आप HTML कोड दर्ज करते हैं, दस्तावेज़ को वेब फ़ाइल के रूप में सहेजते हैं, और यह सुनिश्चित करने के लिए ब्राउज़र में खोलें कि ऐसा लगता है कि ऐसा लगता है।
यदि आप एक सादे पाठ संपादक में खोजने से अधिक कार्यक्षमता चाहते हैं, तो इसके बजाय एक HTML संपादक का उपयोग करें। एचटीएमएल संपादक कोड को पहचानते हैं और फ़ाइल लॉन्च करने से पहले कोडिंग त्रुटियों की पहचान करने में सक्षम होते हैं। वे आपके द्वारा भूलने वाले बंद टैग भी जोड़ सकते हैं और टूटी हुई लिंक को हाइलाइट कर सकते हैं। वे सीएसएस, पीएचपी, और जावास्क्रिप्ट जैसे अन्य कोडिंग भाषाओं को पहचानते और समायोजित करते हैं।
बाजार पर कई HTML संपादक हैं और वे बुनियादी से पेशेवर-स्तर के सॉफ़्टवेयर में भिन्न होते हैं। यदि आप वेब पेज लिखने के लिए नए हैं, तो WYSIWYG (आप जो देखते हैं वह आपको मिलता है) में से एक संपादक आपके लिए सबसे अच्छा काम कर सकता है। कुछ संपादक केवल कोड दिखाते हैं, लेकिन उनमें से कुछ के साथ, आप कोडिंग दृश्यों और दृश्य दृश्यों के बीच टॉगल कर सकते हैं। यहां उपलब्ध कई HTML वेब संपादकों में से कुछ हैं:
- Komodo आईडीई और इसके उपयोगकर्ता के अनुकूल इंटरफेस दोनों शुरुआती और उन्नत वेब डेवलपर्स के लिए उपयुक्त हैं। कोमोडो आईडीई की स्वतः पूर्ण सुविधा विशेष रूप से नए डेवलपर्स के लिए आसान है क्योंकि यह जानता है कि लिंक जैसे सामान्य तत्वों के लिए कोड कैसे लिखना है। सॉफ्टवेयर एचटीएमएल, सीएसएस, और कई अन्य कोडिंग भाषाओं जैसे विभिन्न कोडिंग प्रकारों के रंग कोडिंग का समर्थन करता है। कोमोडो आईडीई क्रॉस-प्लेटफ़ॉर्म सॉफ़्टवेयर है जो विंडोज, मैक और लिनक्स पर चलता है।
- कॉफीकप एचटीएमएल संपादक नए डेवलपर्स के लिए है जो एक दृश्य इंटरफ़ेस की तुलना में कोड सीखने में अधिक रुचि रखते हैं। यह मजबूत संपादक टेम्पलेट्स के साथ आता है और आपके कोड को त्रुटि मुक्त रखने के लिए सत्यापन जांचकर्ता है। इसमें कोड पूर्णता शामिल है और अन्य कोडिंग भाषाओं का समर्थन करता है जिनका उपयोग आप एचटीएमएल के साथ कर सकते हैं। जब सॉफ़्टवेयर कोड में त्रुटियों को हाइलाइट करता है तो शुरुआती इसकी सराहना करेंगे, बताते हैं कि वे क्यों दिखाई दिए और डेवलपर को उन्हें कैसे ठीक किया जाए। कॉफीकप एचटीएमएल संपादक विंडोज पर चलता है।
- Mobirise उन लोगों के लिए एक HTML संपादक है जो कोड के साथ शामिल नहीं होना चाहते हैं। यह विषय चुनने और फिर पेज पर तत्वों को खींचने और छोड़ने के बारे में है। जैसे ही आप नियमित टेक्स्ट एडिटर में हों और छवियों, वीडियो या आइकनों को सम्मिलित करें - सब कुछ लिखने के बिना पाठ जोड़ें; Mobirise आपके लिए वह हिस्सा करता है। Mobirise विंडोज और मैक के लिए उपलब्ध है, और यह मुफ़्त है।
वेब ब्राउज़र्स
यह सुनिश्चित करने के लिए कि वे पृष्ठ लॉन्च करने से पहले आपके वेब पेज को अपने ब्राउज़र में जांचें। क्रोम, फ़ायरफ़ॉक्स, सफारी (मैक), और इंटरनेट एक्सप्लोरर (विंडोज) सबसे लोकप्रिय ब्राउज़र हैं। अपने एचटीएमएल को अपने कंप्यूटर पर जितने ब्राउज़रों में देखें और ओपेरा जैसे कम ज्ञात ब्राउज़र डाउनलोड करें।
ग्राफिक्स संपादक
आपको आवश्यक ग्राफिक्स संपादक का प्रकार आपकी वेबसाइट पर निर्भर करता है। हालांकि एडोब फोटोशॉप फोटो के साथ काम करने के लिए स्वर्ण मानक है, लेकिन आपको उस शक्ति की आवश्यकता नहीं हो सकती है। आप लोगो और चित्रण कार्य के लिए वेक्टर ग्राफ़िक प्रोग्राम पसंद कर सकते हैं। बुनियादी वेब विकास उपयोग के लिए देखने के लिए कुछ ग्राफिक्स संपादकों में शामिल हैं:
- GIMP एक मुफ़्त, ओपन-सोर्स फोटो-एडिटिंग प्रोग्राम है जो इसके अधिक महंगी प्रतिस्पर्धियों की कई सुविधाएं प्रदान करता है। ओपन सोर्स सॉफ्टवेयर के रूप में, यह विंडोज, मैक और लिनक्स के लिए उपलब्ध है।
- फ़ोटोशॉप तत्व मैक और पीसी के लिए एक छवि संपादक है जो इसके नाम का एक हल्का संस्करण है लेकिन वेब के लिए ग्राफिक्स के साथ काम करने के लिए बहुत सारी शक्ति है।
- कोरल पेंटशॉप प्रोपीसी के लिए फ़ोटोशॉप में आपको लगभग सभी उपयोगी टूल मिलते हैं और एक इंटरफ़ेस जिसका उपयोग करना आसान है।
- इंकस्केप विंडोज, मैक और लिनक्स के लिए एक मुफ्त वेक्टर ग्राफिक्स संपादक है। Pricier एडोब इलस्ट्रेटर के लिए यह विकल्प सरल डिजाइन काम और वेब ग्राफिक्स के लिए पर्याप्त शक्ति से अधिक है।
एफ़टीपी ग्राहक
आपको अपने वेब सर्वर पर अपनी एचटीएमएल फाइलों और सहायक छवियों और ग्राफिक्स को स्थानांतरित करने के लिए एक एफ़टीपी क्लाइंट की आवश्यकता है। जबकि एफ़टीपी विंडोज, मैकिंटोश और लिनक्स में कमांड लाइन के माध्यम से उपलब्ध है, क्लाइंट का उपयोग करना बहुत आसान है। कई अच्छे गुणवत्ता वाले एफ़टीपी ग्राहक उपलब्ध हैं जिनमें निम्न शामिल हैं:
- FileZilla विंडोज, मैक और लिनक्स के लिए एक मुफ्त एफ़टीपी क्लाइंट उपलब्ध है। यह ड्रैग-एंड-ड्रॉप फ़ाइल स्थानान्तरण का समर्थन करता है और बड़ी फ़ाइलों को अपलोड करने के लिए एक विराम और फिर से शुरू सुविधा है।
- Cyberduck मुक्त ओपन-सोर्स, क्रॉस-प्लेटफॉर्म सॉफ़्टवेयर है जो बाहरी संपादकों और इसके आकर्षक यूजर इंटरफेस के साथ अपने निर्बाध एकीकरण के लिए जाना जाता है।
- मुफ्त एफ़टीपी तथा प्रत्यक्ष एफ़टीपी एक ही कंपनी द्वारा बनाई गई हैं। मुफ्त एफ़टीपी एक साधारण ग्राहक है, लेकिन यह सभी मूल फ़ाइल स्थानांतरण आवश्यकताओं को पूरा करता है। डायरेक्ट एफ़टीपी एक प्रीमियम संस्करण है जो उन्नत सुविधाओं की पेशकश करता है। दोनों संस्करण विंडोज 7,8 और Vista द्वारा समर्थित हैं, लेकिन केवल डायरेक्ट एफ़टीपी विंडोज 10 के लिए उपयुक्त है।
- संचारित एक प्रीमियम, मैक-केवल एफ़टीपी ग्राहक है। यह असामान्य रूप से तेज़ स्थानान्तरण की सुविधा प्रदान करता है और अमेज़ॅन क्लाउडफ्रंट का समर्थन करता है।
- प्यारा एफ़टीपी एक शक्तिशाली प्रीमियम एफ़टीपी ग्राहक है जिसका उपयोग आप एक ही समय में 100 स्थानान्तरण करने के लिए कर सकते हैं। इसे चारों ओर सबसे सुरक्षित एफ़टीपी ग्राहकों में से एक माना जाता है।
