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