चाहे आप वेब उद्योग या अनुभवी अनुभवी अनुभवी हैं, विभिन्न वेब पृष्ठों के HTML स्रोत को देखना कुछ ऐसा है जो आप अपने करियर के दौरान कई बार करने की संभावना रखते हैं।
जो लोग वेब डिज़ाइन के लिए नए हैं, उनके लिए साइट का स्रोत कोड देखना सबसे आसान तरीका है यह देखने के लिए कि कुछ चीजें कैसे की जाती हैं ताकि आप उस काम से सीख सकें और अपने काम में कुछ कोड या तकनीकों का उपयोग शुरू कर सकें। जैसा कि आज भी कोई वेब डिज़ाइनर काम कर रहा है, विशेष रूप से जो लोग उद्योग के शुरुआती दिनों से इस पर रहे हैं, और यह एक सुरक्षित शर्त है कि वे आपको बताते हैं कि उन्होंने वेब पेजों के स्रोत को देखकर HTML को सीखा है और वे चिंतित थे द्वारा। वेब डिज़ाइन पुस्तकें पढ़ने या व्यावसायिक सम्मेलनों में भाग लेने के अलावा, साइट के स्रोत कोड को देखने के लिए शुरुआती लोगों को HTML सीखना एक शानदार तरीका है।
बस एचटीएमएल से ज्यादा
याद रखने की एक बात यह है कि स्रोत फाइलें बहुत जटिल हो सकती हैं (और जिस वेबसाइट को आप देख रहे हैं उससे अधिक जटिल है, साइट का कोड जितना जटिल होगा)। एचटीएमएल संरचना के अलावा जो पेज आप देख रहे हैं, वहां सीएसएस (कैस्केडिंग स्टाइल शीट) भी होगी जो उस साइट की दृश्य उपस्थिति को निर्देशित करती है। इसके अतिरिक्त, आज कई वेबसाइटों में HTML के साथ शामिल स्क्रिप्ट फ़ाइलें शामिल होंगी।
वास्तव में, कई स्क्रिप्ट फाइलें शामिल होने की संभावना है, वास्तव में, प्रत्येक साइट के विभिन्न पहलुओं को सशक्त करता है। स्पष्ट रूप से, साइट का स्रोत कोड भारी लग सकता है, खासकर यदि आप ऐसा करने के लिए नए हैं। निराश न हों अगर आप यह समझ नहीं सकते कि उस साइट के साथ क्या चल रहा है। एचटीएमएल स्रोत देखना इस प्रक्रिया में पहला कदम है। थोड़ा सा अनुभव के साथ, आप बेहतर ढंग से समझना शुरू कर देंगे कि ये ब्राउज़र आपके ब्राउज़र में दिखाई देने वाली वेबसाइट बनाने के लिए कैसे फिट होते हैं। जैसे ही आप कोड से अधिक परिचित हो जाते हैं, आप इससे अधिक सीख सकेंगे और यह आपके लिए इतना कठिन नहीं लगेगा।
तो आप वेबसाइट के स्रोत कोड को कैसे देखते हैं? Google क्रोम ब्राउज़र का उपयोग करके ऐसा करने के लिए चरण-दर-चरण निर्देश यहां दिए गए हैं।
कदम निर्देशों द्वारा कदम
-
को खोलो Google क्रोम वेब ब्राउज़र (यदि आपके पास Google क्रोम इंस्टॉल नहीं है, तो यह एक मुफ्त डाउनलोड है)।
-
नेविगेट करें वेब पेज आप जांचना चाहते हैं.
-
दाएँ क्लिक करें पन्ना और दिखाई देने वाले मेनू को देखें। उस मेनू से, क्लिक करें पृष्ठ का स्त्रोत देखें.
-
उस पृष्ठ का स्रोत कोड अब ब्राउज़र में एक नए टैब के रूप में दिखाई देगा।
-
वैकल्पिक रूप से, आप कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं CTRL + यू एक पीसी पर एक साइट के स्रोत कोड के साथ एक खिड़की खोलने के लिए प्रदर्शित किया। मैक पर, यह शॉर्टकट है कमांड + विकल्प + यू.
डेवलपर उपकरण
सरल के अलावा पृष्ठ का स्त्रोत देखें Google क्रोम ऑफ़र की क्षमता, आप साइट पर भी गहराई से खोदने के लिए अपने उत्कृष्ट डेवलपर टूल का लाभ उठा सकते हैं। ये टूल आपको HTML को न केवल देखने के लिए अनुमति देंगे, बल्कि सीएसएस जो उस HTML दस्तावेज़ में तत्वों को देखने के लिए लागू होता है।
क्रोम के डेवलपर टूल का उपयोग करने के लिए:
-
खुला गूगल क्रोम.
-
पर जाए वह वेब पेज जिसे आप देखना चाहते हैं.
-
दबाएं तीन लाइनों के साथ आइकन ब्राउज़र विंडो के ऊपरी दाएं कोने में।
-
मेनू से, होवर ओवर अधिक उपकरण और उसके बाद क्लिक करें डेवलपर उपकरण दिखाई देने वाले मेनू में।
-
यह एक विंडो खुल जाएगा जो फलक के बाईं ओर HTML स्रोत कोड और दाईं ओर संबंधित सीएसएस दिखाएगा।
-
वैकल्पिक रूप से, यदि आप राइट क्लिक करते हैं एक वेब पेज में एक तत्व और चयन करें निरीक्षण दिखाई देने वाले मेनू से, क्रोम के डेवलपर टूल पॉप अप हो जाएंगे और आपके द्वारा चुने गए सटीक तत्व को HTML में दाईं ओर दिखाए गए संबंधित सीएसएस के साथ हाइलाइट किया जाएगा। यदि आप साइट के एक विशिष्ट टुकड़े को कैसे तैयार किया गया था, इस बारे में अधिक जानना चाहते हैं तो यह बहुत उपयोगी है।
स्रोत कोड कानूनी देख रहा है?
सालों से, हमारे पास कई नए वेब डिज़ाइनर सवाल हैं कि क्या साइट के स्रोत कोड को देखने और इसे अपनी शिक्षा के लिए और आखिरकार उनके द्वारा किए गए कार्यों के लिए उपयोग करना स्वीकार्य है। किसी साइट के कोड को थोक करने और इसे साइट पर स्वयं के रूप में पास करने के दौरान निश्चित रूप से स्वीकार्य नहीं है, उस कोड का उपयोग स्प्रिंगबोर्ड के रूप में सीखने के लिए वास्तव में इस उद्योग में कितनी प्रगति की जाती है।
जैसा कि हमने इस आलेख की शुरुआत में उल्लेख किया है, आपको आज एक कामकाजी वेब पेशेवर खोजने के लिए कड़ी मेहनत की जाएगी, जिसने साइट के स्रोत को देखकर कुछ नहीं सीखा है! हां, साइट का स्रोत कोड देखना कानूनी है। कुछ कोड बनाने के लिए संसाधन के रूप में उस कोड का उपयोग करना भी ठीक है। कोड को लेना और इसे पास करना क्योंकि आपका काम वह जगह है जहां आप समस्याओं का सामना करना शुरू करते हैं।
अंत में, वेब पेशेवर एक-दूसरे से सीखते हैं और अक्सर जो काम देखते हैं और उससे प्रेरित होते हैं, उसमें सुधार करते हैं, इसलिए किसी साइट के स्रोत कोड को देखने में संकोच न करें और इसे सीखने के टूल के रूप में उपयोग करें।
