[Powered by Google Translate] [संगोष्ठी] [वेब के लिए आपकी साइट तैयारी] [Yuechen झाओ] [हार्वर्ड विश्वविद्यालय] [यह CS50 है.] [CS50.TV] ठीक है. तुम लोगों को इसके लिए कर रहे हैं तो यहाँ वेब विकास के एक घंटे है. आज मैं वेब के लिए अपनी साइट को तैयार करने के बारे में बात करने जा रहा हूँ. सभी दिन - और शायद पिछले 2 हफ्तों के लिए - हम एक वेबसाइट बनाने के बारे में बात कर रहा हूँ चौखटे उपयोग करने के लिए कैसे कैसे PHP का उपयोग करने के लिए HTML,,, का उपयोग कैसे करें चीजों की तरह है - आप डेटाबेस के साथ बातचीत कर सकते हैं सुनिश्चित करने के लिए कैसे. लेकिन आज, हम अपनी साइट CS50 के बाद रहने के लिए जा रहा है, जहां के बारे में बात करने जा रहे हैं. क्योंकि सभी के बाद, CS50 दिसम्बर अतीत नहीं होता है. हम होस्टिंग, डोमेन नाम के बारे में बात करने जा रहे हैं. हम क्या पार ब्राउज़र संगतता के बारे में बात करने जा रहे हैं और पार मंच संगतता हैं, और आप यकीन है कि कैसे कर सकते हैं कि आपकी साइट सभी शर्तों के तहत काम करने जा रहा है. हम त्रुटि हैंडलिंग और अन्य सर्वर के जादू के बारे में बात करेंगे. हम प्रदर्शन अनुकूलन, खोज इंजन अनुकूलन, के बारे में बात कर रहे हैं और लोगों को वास्तव में अपनी वेबसाइटों की यात्रा करने के लिए पाने के लिए. और अंत में, बस कुछ अच्छा संसाधनों तुम लोगों को काफी उन लोगों की है कि सुनिश्चित करने के लिए अपने अंतिम परियोजना के साथ रवाना हो जाना, और उम्मीद है कि बाद के लिए. हम के बारे में बात करने जा रहे हैं कि पहली बात यह है कि डोमेन नाम है. अभी आप अपने उपकरण में प्रोग्रामिंग कर रहे हैं, आप एक स्थानीय होस्ट करने जा रहे हैं जो वास्तव में एक डोमेन नाम नहीं है. यही कारण है कि अपने वास्तविक लिनक्स स्थापना के लिए तरह सिर्फ एक उपनाम या एक उपनाम का है एक पीसी पर एक मैक या VMware प्लेयर पर VMware या तो के अंदर. डोमेन नेम आप वेब पर एक साइट डाल दिया और फिर ऐसा कुछ करने के लिए जाने की अनुमति www.google.com और वेबसाइट मिलता है. वे कैसे काम करते हैं? मान लीजिए कि आप सिर्फ एक औसत वेब सर्वर रहे हैं का कहना है कि - औसत वेब सर्फर और आप एक लैपटॉप है, और आप www.howstuffworks.com के पास जाओ. मैं से इस चुराया जहां आप शायद देख सकते हैं. कैसे चीजें काम करता है - आपके कंप्यूटर तो, एक स्थानीय DNS सर्वर पूछेंगे "इस वेबसाइट है, जहां आप जानते हैं?" "आप www.howstuffworks.com का आईपी पता पता है?" आपकी डीएनएस सर्वर "हाँ, मैं करता हूँ." कह सकते हैं, उस मामले में, आप आईपी पता मिलता है, और अपने कंप्यूटर कि आईपी पते तक पहुँचता है. यदि यह नहीं है, यह "आप www.howstuffworks.com है पता है क्या अरे!?", एक और डीएनएस सर्वर पूछता सर्वर है कि "हाँ, मुझे क्या करना है." कह सकते हैं, इसलिए, यह है कि यह क्या एक दूसरे को बताती है, और अंत में, कि जानकारी, आपके कंप्यूटर के लिए पारित हो जाता है और आप howstuffworks.com उपयोग कर सकते हैं. कैसे आप इन जादुई चीजों में से एक हो सकता है? कैसे आप शायद www.yourname.com या www.ilovecats.com प्राप्त कर सकते हैं? आप एक के लिए रजिस्टर कर सकते हैं और अगर आप ऐसा करने की इजाजत है कि वहाँ वेबसाइटों की एक बहुत हैं. तुम्हें चाहिए - अधिकांश परिस्थितियों में आप उनके लिए भुगतान करना होगा. मुक्त कर रहे हैं कि कुछ डोमेन नाम हैं. आप www.co.cc या. Tkdomainnames के लिए जाना है, उन लोगों के लिए स्वतंत्र हैं. लेकिन, वे कुछ प्रतिबंधों के साथ आया है, और वास्तव में उनमें से कुछ भी नहीं हो सकता है . com या. जाल की तरह असली, शीर्ष स्तर के डोमेन नाम. आम तौर पर मैं उनमें से एक के लिए जा रहा सुझाव जाएगा उपयोगकर्ताओं को उन लोगों के साथ अभी और अधिक आराम कर रहे हैं. तुम. Coms का एक बहुत कुछ देखा है. तुम. के जाल का एक बहुत कुछ देखा है. तुम्हें शायद. Co.cc है की एक बहुत कुछ देखा नहीं है, इसलिए वे याद करने के लिए कड़ी मेहनत कर रहे हैं. Godaddy या NameCheap या जैसे विभिन्न वेबसाइटों - मैं एक है कि इस्तेमाल किया ढांचे के रूप में की तरह - बुलाया activedomain.com. यह वास्तव में ढांचे के रूप में लग रहा है, लेकिन यह मेरे लिए वास्तव में अच्छी तरह से काम किया है. और अंत में, आप शायद नेटवर्क समाधान की तरह अधिक विज्ञापन करते हैं कि दूसरों की है. लेकिन आप NetworkSolutions.com पर जाना और उनके मूल्य निर्धारण को देखो यह वास्तव में महंगा है. मैं कल रात उन्हें देख रहा था. एक डोमेन नाम का एक वर्ष के लिए, यह शायद है कि ज्यादा पैसे के लायक नहीं है. वास्तव में, यदि आप एक. Com या एक. Org या एक. शुद्ध हो रही है हमेशा की कीमत के बारे में 10 डॉलर प्रति वर्ष है. आप अधिक से अधिक है कि एक बहुत कुछ दे रहे हैं, यह शायद यह है कि लायक नहीं है सब के बाद, इन वेबसाइटों कि डोमेन नाम के साथ कुछ भी नहीं है, क्योंकि. वे सिर्फ तुम्हें दे, और यदि आप सस्ते, क्यों नहीं करने के लिए इसे प्राप्त कर सकते हैं यदि हां, तो? आप अपने डोमेन नाम है एक बार दूसरी बात है, तो आप शायद करना चाहते हैं या तो Godaddy.com या जहाँ आप अपने डोमेन नाम खरीदा पर जाने के लिए और है कि डोमेन नाम के लिए नाम सर्वर सेट. एक उपयोगकर्ता www.howstuffworks.com को जाता है एक बार क्या इसका मतलब यह है, उन नाम सर्वर आईपी पतों वे को देखने के लिए सक्षम हो जाएगा कि आईपी पते हैं. वे उन लोगों के नाम सर्वर के माध्यम से अपनी वेबसाइट का उपयोग करने में सक्षम होगा. आप कहीं की मेजबानी के लिए लागू होते हैं फिर अपने मेजबान सबसे अधिक संभावना है कि आप का उपयोग करने के लिए नाम सर्वर देंगे. और अंत में, एक WHOIS नामक यह बात नहीं है. एक whois डेटाबेस एक डेटाबेस है कि आप इनपुट एक डोमेन नाम कर सकता है जिसके साथ और यह है कि साइट और अन्य संपर्क जानकारी के मालिक के बारे में कुछ जानकारी बाहर थूक होगा. अब, आप कह सकते हैं, "मैं वास्तव में मेरे घर का पता नहीं करना चाहते हैं या मैं वास्तव में मेरा ईमेल पता नहीं करना चाहती देखने के लिए किसी के लिए वेबसाइट पर या देखने के लिए हर किसी के लिए इंटरनेट पर. " तो फिर तुम होस्टिंग सेवाओं की एक बहुत प्रदान करते हैं कि कुछ का उपयोग करना चाहते हो सकता है - एक WHOIS प्रबंधक की तरह. एक WHOIS प्रबंधक उनमें से एक बहुत प्रदान करते हैं कि बस एक और सेवा है कि दूर खाल कि सूचना और सिर्फ नाम के लिए प्रबंधक है जो में कहते हैं - पते के लिए यह आम तौर पर आप इस डोमेन नाम दिया है कि बस उस कंपनी का नाम है - और इतना तो आपकी व्यक्तिगत जानकारी, इंटरनेट पर लीक नहीं किया जा रहा है जो आमतौर पर बहुत अच्छा है. मैं अपने आप को इन सेवाओं में से एक का उपयोग करें. आप अपने स्वयं के गोपनीयता के बारे में परवाह नहीं है तो यह वास्तव में कोई फर्क नहीं पड़ता. एक डीएनएस सर्वर डोमेन नाम सिस्टम के लिए खड़ा है, और यह क्या है - यह कहते हैं कि एक हैश तालिका कहीं तरह तरह की है  "इस वेबसाइट के पते इस आईपी पते को मैप करने के लिए जा रहा है." और कहा कि यह सब है. तो एक बार आप इस DNS सर्वर क्वेरी, तो आप IP पता प्राप्त कर सकते हैं कि इसी डोमेन नाम के लिए और फिर उस वेबसाइट पर जाएँ. (दर्शकों के सदस्य एक सवाल पूछ - अश्रव्य) पहले? पहले के स्तर वास्तव में आम तौर पर सिर्फ आपके कंप्यूटर कैश में ही है. की आपके कंप्यूटर तरह आप www.google.com पर चला गया है कि पिछली बार याद है , यह इस आईपी पते पर था, और फिर थोड़ी देर के बाद, कि कैश समाप्त हो जाएगा और यह, कॉमकास्ट डीएनएस की तरह पूछेंगे "अरे, www.google.com क्या है?" आम तौर पर, आप एक डोमेन नाम खरीदने के लिए और जब आप एक रजिस्टर, और तुम एक वेबसाइट की स्थापना आपको लगता है कि डोमेन नाम के साथ तुरंत कि वेबसाइट पर नहीं जा पा नाम सर्वर क्योंकि दुनिया भर में अभी तक अपने डोमेन नाम के बारे में पता नहीं है. यह आबाद करने के लिए है. यह आमतौर पर 24-48 घंटे लगते हैं. ठीक है. तो, कि डोमेन नाम के बारे में एक छोटा सा है. वे बहुत अच्छा कर रहे हैं. मैं आप इस परियोजना के बारे में गंभीर हैं, तो आप एक हो जाना चाहिए लगता है क्या तुम सच में करना चाहते हैं और अपनी परियोजना परिसर भर में जाना जाता है, एक डोमेन नाम रहा यह वास्तव में पेशेवर लग रही हो. तो अगले कदम है, ज़ाहिर है, होस्टिंग के कुछ प्रकार है. आप बस अपने कंप्यूटर पर इसे होस्ट करते हैं, तो कोई भी कभी भी यह करने के लिए जाने के लिए सक्षम होने जा रहा है. आप संभवतः अपने कंप्यूटर पर एक सर्वर स्थापित करने और हमेशा के लिए अपने कंप्यूटर पर रख सकता है लेकिन अनुशंसित नहीं है कि. ऑनलाइन उपलब्ध होस्टिंग के विभिन्न प्रकार होते हैं. होस्टिंग वहाँ साझा किया गया है. आभासी मेजबान हैं जो वीपीएन (अस्पष्ट) है. अर्द्ध समर्पित और समर्पित है. पिछले 3 की, वीपीएन, अर्द्ध समर्पित, और समर्पित आमतौर पर अधिक महंगे हैं. वे आम तौर पर और अधिक संसाधनों की आवश्यकता है कि वेबसाइटों के लिए इस्तेमाल कर रहे हैं. तुम सिर्फ एक वेबसाइट के साथ बाहर शुरू कर रहे हैं, यह सिर्फ साझा होस्टिंग के साथ जाने के लिए और अधिक किफायती हो सकता है. और क्या साधन साझा वेबसाइटों का एक गुच्छा है सब साथ हैं इस होस्ट सर्वर पर इस वेबसाइट पर एक सर्वर पर की तरह, और आप अपनी वेबसाइट का उपयोग कर सकते हैं डोमेन नाम के माध्यम से. वहाँ से बाहर लोकप्रिय मेजबान टीम की एक बहुत हैं. HostGator और DreamHost - उन बहुत, बहुत बड़ा और बहुत, बहुत लोकप्रिय हैं और बहुत, बहुत सफल. मैं व्यक्तिगत रूप से एक तथाकथित MDDHosting का उपयोग करें. आप www.mddhosting.com के लिए जाना है, कि मेरी पसंद का मेजबान है. मुझे लगता है वे बहुत अच्छा कर रहे हैं. वे हमेशा बहुत विश्वसनीय किया गया है, और मैं उनके साथ किसी भी समस्याओं था कभी नहीं किया है. उन्होंने यह भी बहुत प्रतिस्पर्धी मूल्य निर्धारण किया है. मैं वास्तव में पसंद नहीं करते कि दो GoDaddy के हैं - कि, यह भी एक बहुत लोकप्रिय मेजबान है लेकिन मैं उनके साथ भयानक अनुभव था और मुझे पता है कि बहुत से लोगों को उनके साथ बहुत भयानक अनुभव किया है. वे तरह से वे क्या कर रहे हैं पता नहीं है लोगों के बाद जाने - शायद आप पहली बार के लिए एक वेबसाइट बना रहे हैं और इसलिए वे तरह से अपने होस्टिंग पैकेज खरीदने में उन्हें चुनाव. यह मत करो. इसके लिए गिरने मत करो. वास्तव में अपनी आवश्यकताओं फिट कि अन्य संकुल की मेजबानी के लिए लग जाओ. और अन्य एक है - मुक्त मेजबान वहाँ बाहर हैं. मुफ्त के लिए अपनी वेबसाइट की मेजबानी करेगा कि वेबसाइटें हैं - कभी कभी अपनी साइट पर एक विज्ञापन डाल द्वारा, कभी कभी बनाकर आप अपने मंचों में भाग लेते हैं लेकिन कभी कभी अभी भी मुक्त करने के लिए. उनमें से एक बहुत वास्तव में सिर्फ व्यापार के लिए बाहर जाना है लेकिन, क्योंकि मुक्त मेजबान के साथ सावधान रहना कुछ महीनों के बाद. तुम सिर्फ लागत के साथ नहीं रख सकते हैं. दूसरों को सिर्फ बहुत अविश्वसनीय हैं, और आपकी साइट हमेशा नीचे हो जाएगा और आप ऐसा करने के लिए नहीं करना चाहती. प्रत्येक मेजबान अपने स्वयं के नियंत्रण कक्ष की पेशकश करेगा. आपके उपकरण के लिए, वास्तव में से प्रति एक नियंत्रण कक्ष भी नहीं है कि सूचना है. आप फ़ाइलों को जाने के लिए और संपादित करने के लिए टर्मिनल का उपयोग किया है. तुम अपने आप से chmod बातें करने के लिए है. आप PHPMyAdmin में जाना चाहता था, तो आप लोकलहोस्ट @ / phpmyadmin और इस तरह बातें करने के लिए जाना है. लेकिन एक नियंत्रण कक्ष के साथ आप अपने सर्वर पर फ़ाइलों में जा सकते हैं और संपादित कर सकते हैं Windows Explorer या एक खोजक प्रकार के आवेदन के साथ. या फिर आप के माध्यम से जाने के लिए और अपने स्वयं के उपकरण के साथ अपने डेटाबेस में देख सकते हैं बजाय phpMyAdmin की. तो, पसंद का एक बहुत यहाँ है, और अधिक लोकप्रिय नियंत्रण पैनल में से कुछ कर रहे हैं. लेकिन अगर आप एक मेजबान के लिए देख रहे हैं, तो आप अनुकूलन और विकल्प की तरह हैं पर देखना चाहता हूँ सकता वे मुझे अपने सर्वर अनुकूलित करने के लिए और अपनी वेबसाइट बेहतर रन बनाने के लिए प्रदान करते हैं. तो, तो आप "ठीक है, मैं कैसे की मेजबानी का चयन करते हैं?" पूछ सकते हैं, आप किसी भी मेजबान वेबसाइट पर जाने के लिए अगर शब्दजाल का एक बहुत कुछ है, और विकल्प की एक बहुत हैं. विभिन्न मूल्यों की एक बहुत कुछ कर रहे हैं. वेबसाइटों शायद तुम और मैं बनाने कि सिर्फ इसलिए कि आम तौर पर मैं सस्ता लोगों के लिए जाना - और विशेष रूप से अब ठीक है, विशेष रूप से शुरुआत के रूप में - वे के रूप में कई संसाधनों की जरूरत नहीं हो सकती Microsoft.com की तरह एक वेबसाइट के रूप में हो सकता. सबसे पहले तो आप वास्तव में उत्सुक हैं, तो ऑपरेटिंग सिस्टम को देखने के लिए चाहते हैं अपनी साइट पर Windows, या मैक पर, लिनक्स पर होस्ट किया जा रहा है. कि आमतौर पर सबसे सस्ता है, क्योंकि आम तौर पर हम बस, लिनक्स के साथ जाना और भी शायद आप लोग क्योंकि उपकरण के साथ अधिक परिचित हैं कि एक. और फिर, शायद वे तुम्हें मिलता है कि बैंडविड्थ की मात्रा पर कुछ प्रतिबंध डाल देता हूँ - पसंद कितने मेगाबाइट या डेटा के गीगाबाइट उपयोगकर्ताओं को डाउनलोड कर सकते हैं प्रति माह अपनी वेबसाइट से? या डिस्क स्थान. आप कितना अंतरिक्ष मिलता है? यह 500 एमबी है? यह 2 जीबी है? यह असीमित है? आजकल, वेब सर्वर का एक बहुत उनके लिए एक रास्ते के रूप में आप असीमित डिस्क स्थान दे अपने होस्टिंग पैकेज पाने के लिए आप को लुभाने के लिए. आप वास्तव में इसके बारे में सोचते हैं लेकिन, जब आप कभी असीमित डिस्क स्थान की आवश्यकता के लिए जा रहे हैं? - आप HTML फ़ाइलों की एक जोड़ी, पीएचपी की एक जोड़ी, छवियों का एक जोड़ा है, तो कि इतना ही मेगाबाइट की एक जोड़ी है, और आमतौर पर मैं सिर्फ अंतरिक्ष की शायद कुछ गीगाबाइट की कीमत के लिए जाना और कहा कि मैं काफी अधिक जरूरत है जब तक मुझ पर से शुरू हो सकता है. अंत में, वे किस तरह पर प्रतिबंध लगा सकता है - आप कैसे हो सकता है कई डेटाबेस. हो सकता है कि आप केवल 1 डेटाबेस हो सकता है. हो सकता है कि आप 2 हो सकता है. हो सकता है कि आप 10 हो सकता है. यह आप के लिए वास्तव में महत्वपूर्ण है कि आप कितने मिलता है? अपने आप से पूछना करने के लिए चीजें. और फिर अंत में, भाषा की तरह सिर्फ बातें. वे PHP का समर्थन करते हैं? वे MySQL का समर्थन करते हैं? वे स्वतंत्र हैं क्योंकि अधिकांश होस्टिंग वेबसाइटों इन का समर्थन करते हैं. वे खुले स्रोत हैं. यह उन्हें आप के लिए इन प्रदान करने के लिए कुछ भी खर्च नहीं करता है. लेकिन आप उपयोग करना चाहते हैं, रूबी या अजगर या इन अन्य भाषाओं में से कुछ कहना है - वे अपने सर्वर पर इसे समर्थन नहीं कर सकते, तो यह उन चीजों की तरह देखने के लिए महत्वपूर्ण है. और अंत में, वे आप एसएसएल या क्रॉन नौकरियों की तरह कुछ और अधिक उन्नत बातें करने की अनुमति है? एसएसएल आप HTTPS बनाकर अपनी वेबसाइट और अधिक सुरक्षित बना सकते हैं जहां एक विकल्प है और आपके कनेक्शन को एनक्रिप्ट. और क्रॉन नौकरियों आप चलाना चाहते हैं कि बस हो सकता लिपियों हैं हर 5 मिनट, हर 10 मिनट, हर 15. साझा होस्टिंग वेबसाइटों के बहुत सारे प्रतिबंध रखा है अधिक संसाधनों लेता है क्योंकि आप चला सकते हैं कि क्रॉन नौकरियों की संख्या पर. और अंत में, आप में देखना चाहता हूँ कि बाकी सब कुछ बस - हो रहा है कि क्या वास्तव में यह सुनिश्चित कर लें आप अपने होस्टिंग पैकेज खरीदने से पहले. और अंत में, प्रदर्शन. प्रदर्शन बहुत बड़ा है. मेरी वेबसाइट पर कितनी तेजी से चला जा रहा है? अधिकांश उपयोगकर्ताओं को चलाने के लिए अपनी वेबसाइट के लिए भी सेकंड के लिए प्रतीक्षा करने के लिए नहीं जा रहे हैं वे बस ऊब मिलता है, और वे MeanBase पर जाने के लिए और चित्रों को देख शुरू करने से पहले बिल्लियों की - आप होता है कि पता है, और क्या आप बोर्ड पर है कि उपयोगकर्ता है कि मिल बनाना चाहते और आप अच्छा uptime है कि बस का अर्थ है कि जो अपनी वेबसाइट पर हर समय सुलभ होने जा रहा है. मेजबान टीम का एक बहुत वास्तव में बुरा uptime है और वह सिर्फ अपनी वेबसाइट नहीं किया जा रहा है इसका मतलब सुलभ, और आप आप उदास हो सकता है क्योंकि ऐसा करने के लिए नहीं करना चाहती. और तुम भी तरह की वेबसाइटों के साथ अपने मेजबान के प्रदर्शन को ट्रैक कर सकते हैं Pingdom.com या मेजबान tracker.com, और वे सिर्फ अपनी साइट कितनी बार नीचे है तुम बताओ. और अंत में, आप अपने समर्थन के बारे में देखना चाहते हैं. यदि आप एक समस्या है, तो वे 24 घंटे के भीतर करने के लिए प्रतिक्रिया करने के लिए जा रहे हैं? वे 48 घंटे के भीतर करने के लिए प्रतिक्रिया करने के लिए जा रहे हैं? मैं सामान्य रूप से उपयोग करने वाले होस्टिंग सेवा मिनट के भीतर मेरे लिए जवाब है जो वास्तव में अच्छा है. वाह! ठीक है! यह एक को तोड़ने के लिए समय है. लेकिन मैं आप को देने के लिए नहीं जा रहा हूँ. हम बस हर अब और फिर प्यारा बिल्लियों के चित्रों में देख लेंगे. एक और सच में, वास्तव में बड़ी बात यह पार ब्राउज़र संगतता है. मैं पार ब्राउज़र संगतता का क्या मतलब है? , आजकल यह सिर्फ माइक्रोसॉफ्ट इंटरनेट एक्सप्लोरर नहीं है तुम्हें पता है. यह सिर्फ मोज़िला फ़ायरफ़ॉक्स या सफ़ारी नहीं है. अब हम क्रोम है. हम ओपेरा है. हम डॉल्फिन है. हम कैमिनो है. हम विजेता है. हम इन विभिन्न ब्राउज़रों के सभी है. अब बाहर आ रहे हैं कि चीजें - RockMelt - उन सभी क्रोमियम के आधार पर कर रहे हैं. लेकिन इस मामले के तथ्य यह है, सिर्फ एक ब्राउज़र अब वहां नहीं है. आप सिर्फ एक आवेदन के साथ इन वेबपेजों को देखने नहीं जा रहे हैं. और हां, तो अलग ब्राउज़रों अलग एचटीएमएल, अलग सीएसएस का जवाब है, और होगा तुम उस के साथ अलग अलग ढंग से जावास्क्रिप्ट, और कैसे सौदा करते हैं? खैर, कुछ मामलों में, तुम सच में नहीं कर सकते हैं. आपकी वेबसाइट - यह एक ब्राउज़र में काम करता है, तो आप ने लिखा है कि कोड काम नहीं करेगा अन्य ब्राउज़र में, और यह सुनिश्चित करने के लिए अपने काम है कि आप लिखना कि कोड यह हर जगह काम करता है, सार्वभौमिक है. तो, यह वास्तव में खतरनाक है. यदि आप कहते हैं, "ठीक है, यह मेरे कंप्यूटर पर काम कर रहा है. महान! है पर चलते हैं." खैर, यह शायद खान पर काम करने के लिए नहीं जा रहा है, और मैं अपनी वेबसाइट पर जाने के लिए जब मैं बहुत दु: खी होने जा रहा हूँ, और मैं तुरंत छोड़ने के लिए जा रहा हूँ. तो, आप यह कैसे रोका जा सकता देखते हैं. पहली बात, ज़ाहिर है, केवल मानक एचटीएमएल, सीएसएस, और जावास्क्रिप्ट का उपयोग करने के लिए है. मुझे लगता है कि क्या मतलब है? खैर, मानक नहीं चीजों की एक बहुत वहाँ बाहर हैं. उदाहरण के लिए, सीएसएस में कई संस्करण हैं. आप किसी भी सीएसएस नियमों को देखते हैं, तो साथ-moz या वेबकिट-, उन नियमों विशिष्ट हैं मोज़िला ब्राउज़र और वेबकिट ब्राउज़रों दोनों को, और तो आप शायद आप उन चीजों से बचना चाहते हैं कि सुनिश्चित करना चाहते हैं क्योंकि आप उपयोग-moz-कि अगर नियम केवल फ़ायरफ़ॉक्स पर काम चल रहा है. और तुम सच में भी इंटरनेट एक्सप्लोरर पर अच्छा देखने के लिए यह चाहते हैं, तुम भाग्य से बाहर हो जा रहे हैं. HTML के लिए भी, आप काम है कि एक ब्राउज़र में HTML में बातें कर सकता है लेकिन यह एक में टूट जाता है, और आपको लगता है कि जितना संभव हो बचना चाहते हैं. और अंत में जावास्क्रिप्ट के लिए भी - जावास्क्रिप्ट के कई संस्करणों, वहाँ रहे हैं - Document.getElementsByClassName और इस गर्मी में हम एक समस्या जहां में भाग जो आमतौर पर जावास्क्रिप्ट मानक के एक भाग के रूप में परिभाषित किया गया है कि एक समारोह है - इंटरनेट एक्सप्लोरर 8 में खोजने के लिए नहीं था. तो, गर्मियों में मैं एक प्रयोगशाला में काम कर रहा था और हम ऑनलाइन प्रयोगों का निर्माण किया गया. हम इस्तेमाल कर रहे थे कि उपयोगकर्ताओं को एहसास हुआ और जब तक हम यह वास्तव में अच्छी तरह से काम कर रहा था सोचा इंटरनेट एक्सप्लोरर 8 के अपने परिणाम प्रस्तुत नहीं कर सका. हम डेटा का एक बहुत पर याद कर रहे थे. यही कारण है कि हमें वास्तव में दुखी कर दिया. तो, आप हमेशा अपनी स्क्रिप्ट हर जगह काम करने के लिए जा रहे हैं बनाना चाहते. और अंत में, validator.w3.org उपयोग जो हम pset 7 में करने के लिए आप क्या कहना है. अपने पृष्ठों पुष्टि कर रहे हैं कि सुनिश्चित करें. कि कम से कम एक पहला कदम के मानसिक स्वास्थ्य की जांच इसलिए है क्योंकि यह महत्वपूर्ण है. मेरे कोड वास्तव में मानकों के अनुरूप है? आप अपनी साइट पर काम करने जा रहा है यह सुनिश्चित करने में मदद की तरह का एक अन्य तरीका अधिकांश परिस्थितियों में हो सकता है कुछ पुस्तकालयों और चौखटे का उपयोग करने के लिए है ये वास्तव में स्मार्ट डेवलपर्स आप के लिए इन मुद्दों के बारे में सोचा है क्योंकि. वे के माध्यम से चले गए हैं और वे ब्राउज़रों में काम करते हैं कि विभिन्न कार्यों लिखा है. उदाहरण के लिए, हम Pset 7 में jQuery का उपयोग करें. आप यह नहीं देखा हो सकता है, भले ही jQuery के कार्यों का एक बहुत प्रदान करता है अन्यथा आप अपने आप को लिखने के लिए होगा. लेकिन इन डेवलपर्स इसे लिखा था, और वे इसे सभी ब्राउज़रों में काम करता है कि सुनिश्चित कर दिया. और बूटस्ट्रैप - हम Pset 7 में आप से पता चला है कि एक और सीएसएस ढांचा है जो - यह वास्तव में अच्छी लग रही है कि वेबसाइटों को डिजाइन करने के साथ सिर दर्द का एक बहुत दूर ले जाता है. सभी ब्राउज़रों में. आप इसे से बचने कर सकते हैं और अंत में, मैं आमतौर पर खरोंच से कोडिंग से बचें. तुम सिर्फ अपने स्कूल क्लब के लिए एक वेबसाइट का निर्माण कर रहे हैं, उदाहरण के लिए, और तुम सब करने की ज़रूरत कुछ पृष्ठों को प्रदर्शित करने और शायद अपने अध्यक्ष में जाना है और यहाँ और वहाँ कुछ चीजें बदल - कोड करने की कोई जरूरत नहीं है कि अपने आप को वास्तव में नहीं है. यही कारण है कि अपने समय की एक बहुत लेता है. , यह अपनी ऊर्जा का एक बहुत लेता है, और आप के माध्यम से जाना है और तुम बाहर खोजने के लिए है ठीक है, यह इस ब्राउज़र में अच्छा लग रहा है, यह इस ब्राउज़र में अच्छा लग रहा है. शायद दूसरों को पहले से ही आप के लिए लिखा है कि इन पैच में से कुछ, जैसे उपयोग वर्डप्रेस या Joomla या Drupal है. ये सामग्री कहा जाता है - ये मूल रूप से सिर्फ इतना है कि संकुल रहे हैं जो CMSs कहा जाता है पहले से ही आप के लिए किया आते हैं, और आप उन्हें डाउनलोड कर सकते हैं, अपने सर्वर पर डाल, और उन्हें अनुकूलित लेकिन आप चाहते हैं, और आप पहले से ही चल रहे एक वेबसाइट है. उन कोड संकुल में देखने के लिए कुछ कर रहे हैं. आप की तरह कुछ के लिए जाना जब तक इन बातों को खुले स्रोत हैं - आप किसी प्रपत्र पैकेज के लिए देख रहे हैं, की तरह मुक्त नहीं कर रहे हैं कि वहाँ चीज़ें VBulletin या IP.Board. , आप उन उन्नत सुविधाओं में से कुछ की जरूरत नहीं है आप हमेशा से मुक्त विकल्प के लिए विकल्प चुन सकते हैं. और अंत में, यह वहाँ से परहेज कर रहा है कोई. आप परीक्षण, परीक्षण परीक्षण होगा. आप इन ब्राउज़रों के सभी पर और इन प्लेटफार्मों के सभी पर अपने कोड का परीक्षण करना चाहिए. और जैसा कि आप जानते हैं, IE6 - भगवान का शुक्र लोग IE6 से दूर जा रहा शुरू कर दिया है वापस दिन में, क्योंकि हो सकता है कि कुछ साल पहले, वेब डेवलपर्स, हमेशा, हमेशा के लिए किया था हमेशा मानकों का पालन करने में IE6 की कमजोरियों को बढ़ावा देना. वेबसाइटों सिर्फ इसके साथ सौदा करने के लिए एक बेहतर तरीका की कमी के लिए 1990 की तरह लग रहे थे. आप भी अपने सीएसएस की जांच करने के लिए ब्राउज़र स्क्रीनशॉट उपयोग कर सकते हैं. एक सच में अच्छा वेबसाइट browserlab.adobe.com है. यह एडोब से बाहर रखा एक मानार्थ सेवा है. और वे क्या करना है कि वे अपनी वेबसाइट के स्क्रीनशॉट ले जा सकते हैं विभिन्न परिस्थितियों में चल - अलग ब्राउज़रों के तहत चलाने की तरह, विभिन्न प्लेटफार्मों के तहत चल रहा है - और वे कैसा दिखेगा तुम्हें दिखाता. बस मैं यहाँ क्या मतलब है कि आप को दिखाने के लिए, मैं हार्वर्ड में जीवन कहा जाता है पिछले साल एक वेबसाइट बनाई और मैं क्या करने की कोशिश की - मैं my.harvard बेहतर बनाने की कोशिश की. आप यहां पिछले साल के थे तो यह अब लग रहा है, के रूप में my.harvard नहीं लग रही थी क्योंकि. यह बहुत ही घृणित की तरह लग रहा है. लेकिन अब यह एक बहुत अच्छा लग रहा है. मेरा कार्यान्वयन, कि अब और उपयोगी है, लेकिन सभी एक ही नहीं था तुम मुझे जोड़ने की कोशिश की, पता - (अस्पष्ट) कई जो कुछ भी - और यह लग रहा है - यह मेरे कंप्यूटर पर बहुत अच्छा लग रहा है. मैं और अधिक समय था और अगर है, तो शायद मैं ब्राउज़र प्रयोगशाला के लिए पर चला गया होगा और मैं पर ध्यान दिया जाएगा, ठीक है, कैसे यह विंडोज पर क्रोम 18 में दिखता है. मैं नीचे स्क्रॉल होगा और मैं देखना होगा - अरे नहीं! घोषणाओं बॉक्स को देखो. मेरा पाठ बह निकला था. तो, यह सही है, बुरा है? एक उपयोगकर्ता Windows पर क्रोम का उपयोग करते हुए और मेरी वेबसाइट पर आता है, तो कि तुरंत बहुत अव्यवसायिक लग रहा है. तो, मैं अपने सीएसएस में जाओ और मेरे सीएसएस का हिस्सा यहाँ टूट रहा है क्या पता लगाना चाहिए. ऐसा क्यों है कि सभी उपयोगकर्ताओं को एक ही वेबसाइट पर देख सकते हैं कि इतना सही ढंग से प्रदर्शित करने और इसे ठीक नहीं किया गया है और बस के रूप में खुश रहो. और अंत में, अच्छी तरह से, ब्राउज़र स्क्रीनशॉट, अपने सीएसएस के परीक्षण के लिए अच्छा कर रहे हैं लेकिन अपने चयन के बारे में क्या? क्या आप चल रहा है कि कुछ जटिल स्क्रिप्ट के बारे में है? ठीक है, तुम हमेशा वर्चुअलाइजेशन कर सकते हैं. आप एक मैक है, तो आप शायद की एक प्रति virtualize करने Bootcamp या VMWare उपयोग कर सकते हैं वहाँ Windows और उपयोग इंटरनेट एक्सप्लोरर. या, आप दुर्भाग्य ही पीसी पर काम करता है जो Spoon.net तरह कुछ, पर जा सकते हैं. लेकिन क्या वे करते हैं बहुत शांत है. वे आप के लिए सॉफ्टवेयर virtualize तो आप उदाहरण के लिए, IE के विभिन्न संस्करणों को चला सकते हैं. आप Firefox के विभिन्न संस्करणों को चला सकते हैं. आप सफारी के विभिन्न संस्करणों को चलाने के लिए और वहाँ अपनी वेबसाइटों के सब बाहर का परीक्षण कर सकते हैं. दुर्भाग्य से, वे मुक्त नहीं हैं. यह एक भुगतान सेवा है, यह की तरह वहाँ हमेशा इतना - यह व्यापार बंद के बीच की तरह हमेशा वहाँ है, ठीक है, मैं अपनी वेबसाइट के लिए अच्छे लग रहे बनाने जा रहा हूँ. यदि हां, तो मुझे लगता है कि मुझे क्या करना है कि मदद करने के लिए कुछ सेवाओं के लिए भुगतान करने के लिए हो सकता है. कोई भी हम के बारे में बात की है कि कुछ के बारे में इस बिंदु पर सवाल? बहुत बढ़िया. ठीक है. अब हम के बारे में बात करने के लिए और अधिक काम करने हैं. कैसे त्रुटियों के बारे में? आप अपनी वेबसाइट जब भी काम करने के लिए जा रहा है कि यकीन कैसे कर सकता हूँ कुछ बुरा होता है? शायद तुम food.php नाम का एक पृष्ठ नहीं है. लेकिन मुझे, मैं अपनी वेबसाइट पर जाने के लिए और मैं food.php का उपयोग करने की कोशिश. फाइल नहीं मिली - आप सिर्फ मुझे 404 का कहना है कि कि सफेद पृष्ठ दिखाने के लिए जा रहे हैं? या फिर आप, ठीक है, मुझे लगता है मैं आप के लिए यह पता नहीं कर सका कि माफी चाहता हूँ ", कहने के लिए जा रहे हैं लेकिन शायद यहाँ तुम क्या जरूरत के लिए खोज में मदद करने के लिए कुछ अन्य संसाधन दिए गए हैं. " अन्य त्रुटियों - तो, ​​यह सिर्फ कुछ त्रुटि कोड रहे हैं जो HTTP त्रुटियों कहा जाता है आपके सर्वर कुछ बुरा हो रहा है के मामले में ब्राउज़र के लिए वापस भेज दिया है कि हो सकता है. 400 - खराब अनुरोध. 401 - अनधिकृत. आप तक पहुँचा जा चाहिए नहीं है कि एक निर्देशिका है जब 403 आम की तरह है उपयोगकर्ता द्वारा, लेकिन उपयोगकर्ता वैसे भी कोशिश करता है. और 500 - आंतरिक सर्वर त्रुटि - आप कुछ है जब आम तौर पर होता है कि वास्तव में बुरा अपने PHP कोड के साथ चल रहा है. लेकिन किसी भी मामले में, ब्राउज़रों की तरह इन - त्रुटियों के इन प्रकार की होती हैं. तो, अगर आप आप इनायत इन त्रुटियों को संभाल यकीन है कि कैसे कर सकता हूँ और उपयोगकर्ता वहाँ फांसी की बस की तरह नहीं है कि यह सुनिश्चित कर लें? यहाँ आता है. Htaccess. अब,. इनको अपाचे सर्वर पर काम करता है कुछ है काम करता है और कुछ है कि के रूप में अच्छी तरह से कुछ अन्य सर्वर पर काम करता है. यह आपको लगता है कि आपके सर्वर इस तरह कॉन्फ़िगर करने के लिए सिर्फ एक रास्ता है क्या आप यह करना चाहते हैं जो कुछ भी यह करने के लिए कर सकते हैं. आप कर सकते हैं कुछ बातें. आप अपने कैश सेटिंग्स को नियंत्रित कर सकता है. हो सकता है कि आप यह सुनिश्चित कर लें कि आपकी वेबसाइट पर एक निश्चित पृष्ठ है कि उपयोगकर्ता फिर से डाउनलोड हर समय उपयोगकर्ता आता है और अपनी वेबसाइट का दौरा किया. या हो सकता है आप yoursite.com / परीक्षण / HTML / पृष्ठों / hello.html तरह है कि कुछ यूआरएल है और तुम सिर्फ yourname.com / हैलो होना चाहता हूँ कि -. अच्छी तरह से, आप उपयोग कर सकते htaccess दूसरे के लिए एक वेबपेज को दिशानिर्देश देने में. तुम भी प्रमाणीकरण करने के लिए इसका इस्तेमाल कर सकते हैं. शायद तुम एक और पासवर्ड का उपयोग करने की जरूरत है कि अपनी वेबसाइट के कुछ अंश हैं. आप कुछ आईपी पते के ब्लॉक कुछ डोमेन को ब्लॉक कर सकते हैं. शायद तुम सिर्फ सच में अपनी वेबसाइट का उपयोग करते हुए हार्वर्ड छात्रों को पसंद नहीं है. खैर, आप सभी हार्वर्ड आईपी पतों को अवरुद्ध करने का विकल्प है. अंत में, आप चीजों का इलाज कर सकते हैं - आप अपने सर्वर बनाने के लिए कुछ कोड लिख सकते हैं PHP कोड के रूप में. झाओ या. अपने नाम या. हैलो पन्नों की तरह व्यवहार करते हैं. हो सकता है कि उपयोगी हो जाएगा. हो सकता है कि नहीं होगा. और अंत में, आप त्रुटि प्रतिक्रियाओं को संभालने के लिए इसका इस्तेमाल कर सकते हैं. मुझे लगता है कि क्या मतलब है? आप बस इस तरह कोड जोड़ - अगर ErrorDocument का 404 और फिर कुछ करने के लिए उन्हें प्रत्यक्ष त्रुटि पेज, आप उपयोगकर्ता सिर्फ सच में, वास्तव में बदसूरत देख नहीं है कि सुनिश्चित कर सकते हैं 404 और उन्हें कुछ अच्छा दिखा. चलो वास्तव में हम अपनी Pset 7 के साथ ऐसा कर सकते हैं पर एक नज़र रखना. यहाँ, मैं अपने उपकरण में हूँ. मुझे लगता है मैं एक पृष्ठ का उपयोग करने की कोशिश करने जा रहा हूँ तो क्रोम खोलने के लिए जा रहा हूँ, और कि CS50 वित्त पर मौजूद नहीं है. इसलिए, स्थानीय मेजबान - cats.php-तो, मैं एक त्रुटि दस्तावेज बनाया कि नोटिस कि "Canz जेड पृष्ठ नहीं मिल रहा!" कहते हैं, यह इस पर एक बहुत ही दुख की बात है बिल्ली है. आप इन अन्य साइटों में से किसी पर जाना है, अगर आप ट्विटर पर जाना है, आप एक पृष्ठ नहीं मिल सकता है, वे आम तौर पर आप एक सुंदर तस्वीर दिखाने की कोशिश तो आप भी निराश नहीं कर रहे हैं. आप यह भी कहते हैं कि अधिक पेशेवर है कि कुछ हो सकता है ठीक है, मुझे लगता है कि मैं पृष्ठ नहीं मिल सकता माफी चाहता हूँ, लेकिन शायद यहाँ एक खोज बॉक्स है. या हो सकता है यहाँ क्या आप चाहते हैं कि कड़ी खोजने में मदद मिलेगी कि कुछ लिंक कर रहे हैं. तो, मुझे लगता है कि यह कैसे किया? यह कैसे संभव है? हम यहाँ हमारे टर्मिनल में जाओ - मैं बस थोड़ा ज़ूम करने के लिए जा रहा हूँ - मैं एक नया पृष्ठ है कि नोटिस. मेरे एचटीएमएल निर्देशिका के अंदर यह कहा जाता है - आप इसे देख नहीं सकते हैं - यह error.php कहा जाता है. और error.php सिर्फ मैं कर दिया है कि एक फ़ाइल है कि आप उस पृष्ठ पर ही पता चलता है. मैं error.php है क्या आप दिखा सकते हैं. यह वास्तव में इस पृष्ठ है. यह "अरे नहीं! Canz जेड पृष्ठ नहीं मिल रहा!" कहते हैं, आप देखना चाहते हैं, तो - तो, ​​कि नोटिस के htaccess तरह एक अजीब नाम है.. यह जो यह एक प्रणाली फ़ाइल है इसका मतलब है कि एक बिंदु के साथ शुरू होता है. यह सामान्य रूप से नहीं दिखाया गया है जो एक छुपा फ़ाइल है. आप रास-एक करते हैं, तो आप एक निश्चित निर्देशिका में छिपा फ़ाइलों के सभी देख सकते हैं और वास्तव में, जैसा कि आप देख. Htaccess उनमें से एक है. . के आगे जाना है और इनको खोलते हैं - - gedit के साथ बूम! मैं सब वहाँ में एक लाइन है - 404 त्रुटियों के लिए त्रुटि दस्तावेज़ जो भी फाइल पाया नहीं त्रुटियों के रूप में जाना जाता है. के error.php बुलाया कुछ करने के लिए उन्हें पुन: निर्देशित करते हैं. Canz जेड पृष्ठ नहीं मिल रहा है जैसे आप मजेदार बातें कर सकते हैं! और आप. Htaccess के साथ क्या कर सकते हैं कि बहुत ही शांत बातें भी कर रहे हैं. आप अधिक देखना चाहते हैं. Htaccess जादू, इस पर जाने के लिए एक बहुत अच्छी वेबसाइट है - यह कहा जाता है javascriptkit.com/howto/htaccess.shtml-- आप अधिक सर्वर जादू का प्रदर्शन करना चाहते हैं. और यह बहुत मजेदार हो सकता है. वाह! ठीक है! अधिक सुंदर चित्र. यह पुश अप कर एक आदमी है, और उसकी बिल्ली मदद करने के लिए कोशिश कर रहा है. मैं यह बहुत प्यारा है. दुर्भाग्य से, मैं इस तरह एक बिल्ली नहीं है. ठीक है. तो, हम के बारे में बात की है. Htaccess. हम त्रुटि से निपटने के बारे में बात की है. हम होस्टिंग, डोमेन नाम के बारे में बात की है. हम पार ब्राउज़र संगतता के बारे में बात की है. अब हम अपनी वेबसाइट वास्तव में करता है यह सुनिश्चित करें कि कैसे कर सकता हूँ? हम मैं अपनी वेबसाइट पर जाने के लिए अगर यह सुनिश्चित करें कि कैसे कर सकता हूँ मैं एक कुछ सेकंड के भीतर अपने पृष्ठ को देख सकते हैं? मैं लोगों को बस की तरह के बारे में भूल जाते हैं कि लगता है कि चीजों में से एक छवि अनुकूलन है. मान लीजिए कि आप अपनी साइट पर एक तस्वीर डाल करना चाहते थे कहना है कि और यह 2 एमजी बड़ी है. हम हार्वर्ड में कर रहे हैं, क्योंकि हमारे लिए ठीक हो सकता है और हम एक बहुत ही तेजी से इंटरनेट कनेक्शन है. लेकिन चीन में किसी को कल्पना. भारत में किसी को कल्पना करो. किसी ने शायद ग्रामीण केन्सास में जो हो सकता है की इसी तरह की नहीं है कल्पना हम है कि ब्रॉडबैंड इंटरनेट. आप अपनी साइट और उपयोगकर्ता पर एक 2 एमबी छवि है, यह उपयोग करने की कोशिश कर रहा है यह उन्हें डाउनलोड करने के लिए एक बहुत लंबा समय लग जा रहा है. तो, आप संकल्प का है कि तरह की जरूरत नहीं है, तो आप एडोब फोटो शॉप की तरह कुछ के साथ अपनी छवि को आकार कर सकते हैं. वेब और उपकरणों के लिए सुरक्षित एक विकल्प बुलाया, वहां आम तौर पर है और यह क्या करता है यह अनावश्यक जानकारी के सभी बाहर स्ट्रिप्स है और एक छोटी सी छवि आकार में काम्पैक्ट अपनी फ़ाइल की तरह आप कर सकते हैं कि इतना अपनी वेबसाइट पर डाल दिया, और उस पृष्ठ डाउनलोड करने की कोशिश करता है, जो किसी भी उपयोगकर्ता अपनी छवि के एक छोटे संस्करण को डाउनलोड करने के लिए जा रहा है. आप एडोब फोटो शॉप नहीं है जहां आप इनपुट अपनी छवि कर सकते हैं webresizer.com भी एक और संसाधन है और यह ठीक उसी छवि थूक होगा लेकिन यह छोटा 3 बार ऐसा कुछ हो जाएगा. इसलिए कि अपने उपयोगकर्ताओं के लिए बहुत उपयोगी है. आप कर सकते हैं और बात है कि कोड छोटा है. हम Google.com पर एक नज़र, लेते हैं आप यह है कि हम करने के लिए इस्तेमाल कर रहे हैं कि एक ही एचटीएमएल और सीएसएस की तरह नहीं है कि देखेंगे. बस यहाँ स्रोत कोड को देखने जा. मैं सिर्फ नीचे स्क्रॉल - वाह, यह बहुत ही घृणित लग रहा है. इस शैली पर एक शून्य हो जाएगा. आप अपने Pset के लिए इस कोडित है, तो आप अपनी शैली पर एक शून्य हो जाएगी. यह कोई रिक्ति है. नामों वास्तव में गहरी देखो. यह सब वास्तव में बहुत ही घृणित है. और स्क्रिप्ट शरीर में बंद करने के लिए - समापन एचटीएमएल - वे सब एक साथ कर रहे हैं - सब एक साथ smushed. वे ऐसा क्यों करते हैं? वे अपने कोड minified. इस दस्तावेज़ को एक बहुत छोटे होने जा रहा है कि नोटिस मुझे, सफेद स्थान के साथ कुछ से डाउनलोड करने के लिए वास्तव में लंबे समय तक चर नाम के साथ कुछ अधिक है. आप अपने कोड को छोटा करना है तो आप सब सफेद स्थान निकाल देते हैं. आप अपने कोड में किसी भी सफेद स्थान है, तो जाहिर है, अपने ब्राउज़र की परवाह नहीं करता. तुम्हें पता है मैं एक छोटे फाइल डाउनलोड कर सकते हैं, अब इसे बाहर पट्टी - अब फाइल - दस्तावेज़ हम डाउनलोड करने के लिए जा रहे हैं, एक छोटे फ़ाइल आकार की है मुझे डाउनलोड करने के लिए यह तेजी से हो जाएगा, और है कि उपयोगी है. तुम वेबसाइटों के साथ काम कर रहे हैं और आप एक वेबसाइट शुरू कर रहे हैं, यह अपने कोड को छोटा करने के लिए लगभग हमेशा अच्छा है. यह अच्छा हो सकता है एक और कारण है कि आप दूसरों को अपने कोड का उपयोग नहीं करना चाहती हो सकता है. हो सकता है कि आप दूसरों को अपने सीएसएस का उपयोग नहीं करना चाहती. आप वास्तव में उस के साथ कंजूस बनना चाहता था, अगर आप जानते हैं तो आप भी अपने कोड को छोटा कर सकते हैं, और मुझे यह चोरी करने के लिए यह कठिन होगा मैं क्या हो रहा है पता नहीं है क्योंकि. तुम भी minify.avivo.si जैसी वेबसाइटों के लिए जा सकते हैं. इस ऑनलाइन जैसी सेवाओं आप हाथ से ऐसा करने की जरूरत नहीं है कि इतनी है कि आप अपने कोड घटाना मदद. निश्चित रूप से इसे हाथ से नहीं करते. ठीक है. अब स्क्रिप्ट के बारे में बोल रहा हूँ. शायद अपने PHP कोड में आप क्या करने की जरूरत नहीं है कि कुछ है. शायद वहाँ में अतिरिक्त छोरों है. हम CS50 में कोड डिजाइन के बारे में बात की थी. आपके पास अगर तुम सी में कोडिंग कर रहे हैं - भले ही आप अतिरिक्त काम कर रहे हैं तुम सब करने की जरूरत नहीं है, ठीक है, कि अपनी वेबसाइट पर अपनी स्क्रिप्ट को धीमा करने के लिए जा रहा है, उपयोगकर्ताओं को आजकल बहुत अधीर हैं और इस वजह से वेबसाइटों के लिए विशेष रूप से महत्वपूर्ण है. आप अनावश्यक काम कर रहे हैं, यह अब उन्हें ले जा रहा है वे चाहते हैं कि जानकारी को प्राप्त करने के लिए, और वे बहुत दुखी हो जा रहे हैं. अंत में, आप अपने डेटाबेस तालिकाओं का अनुकूलन करने के लिए चाहते हो सकता है. हम अनुक्रमित के बारे में बात की याद है. वे आप में अनूठा है कि एक पंक्ति है कि सुनिश्चित करने के लिए ही अच्छा नहीं कर रहे हैं. वे भी अपने डेटाबेस तेजी से काम करता है कि यह सुनिश्चित करने के लिए अच्छा कर रहे हैं. आप, MySQL के प्रलेखन के लिए कि जाने पर पढ़ने के लिए चाहते हैं या आप पर देख सकते हैं - ठीक है, कैसे मैं अपने डेटाबेस तालिका अनुकूलित कर सकता हूँ? मैं मैं मुझे जानकारी के लिए तेजी लाने में मदद कि सूचकांक को यकीन है कि कैसे कर सकता हूँ? आप कैशिंग की तरह उपयोग कर सकते हैं कि छोटे चाल भी कर रहे हैं. आप PHP है - अगर आप उदाहरण के लिए, एक ब्लॉग है, और आप हैं - और यह PHP के द्वारा या किसी भी अन्य भाषा के द्वारा संचालित है - आप स्थैतिक पृष्ठों की सेवा कर सकते हैं ताकि आप करते हैं पर अपने ब्लॉग कैश कर सकते हैं 50 मिनट के अंतराल कहना आपकी साइट पर आगंतुकों के लिए या स्थिर HTML. यही कारण है कि जिस तरह से उपयोगकर्ताओं को, अपने PHP स्क्रिप्ट हर बार चलाने के लिए नहीं है और हो सकता है कि उन्हें उस जानकारी का उपयोग करने के लिए तेजी से हो जाएगा. और अंत में, आप समन्वय की तरह कुछ का उपयोग कर सकते हैं. आप एक Pset डाउनलोड जब भी सूचना है कि, आप हमेशा CDN.CS50.net के पास जाओ. ऐसा क्यों है? CS50 भी एक CDN तरह तरह का उपयोग करता है - एक सामग्री वितरण नेटवर्क - जो सिर्फ यह विश्व भर में शायद कहीं सर्वर की एक गुच्छा है कि इसका मतलब है कि मदद अपने दर्शकों के लिए अपने पृष्ठों की सेवा. आपके आगंतुक भौगोलिक दृष्टि से उन्हें करीब है कि एक सर्वर से एक पृष्ठ हो रही है, तो सबसे अपने आगंतुक की संभावना बहुत तेजी से उस फ़ाइल को मिल रहा है. आप ऐसा कर मदद कि ऑनलाइन स्रोतों भी कर रहे हैं. उनमें से एक CloudFlare है. वे एक मुक्त समन्वय सेवा प्रदान करते हैं. आप अपने, अपने उपयोगकर्ताओं को सेवारत कि बड़ी फाइल है तो शायद यह है कि वे तेजी से उन्हें प्राप्त कर सकते हैं तो एक समन्वय पर डाल करने के लिए बेहतर है. दिन के अंतिम विषय खोज इंजन अनुकूलन है. खोज इंजन अनुकूलन क्या है? यही बना रहा है यकीन है कि गूगल या बिंग या याहू जैसे सर्च इंजन अपनी साइट पर जाने के लिए और अपनी साइट और सूचकांक अपनी साइट और जब क्रॉल कर सकते हैं , मैं, उदाहरण के लिए, Google.com पर जाने के लिए और मैं कुछ के लिए खोज करने की कोशिश फिर अपनी साइट को पॉप जाएगा. आप अपनी साइट के शीर्ष 10 में से एक है कि यकीन कैसे कर सकता हूँ? क्योंकि हम सभी जानते हैं, गूगल पर कुछ के लिए यदि आप खोज और यह आप सबसे अधिक संभावना अगले 10 में देखने के लिए नहीं जा रहे हैं शीर्ष 10 पर नहीं है. इस रहस्य में डूबा है कि एक विषय की तरह है. इंटरनेट पर बाहर वहाँ प्रचार का एक बहुत कुछ है. आप एक्स तो गूगल आपको बेहतर पसंद करेंगे करते हैं के बारे में अंधविश्वास की एक बहुत हैं. आप y तो गूगल आपको बेहतर पसंद करेंगे करते हैं. यह खोज इस दिग्गज कंपनी के दस्तावेजों में ही देखने को शायद बेहतर है. यह आपकी साइट का अनुकूलन करने के लिए वास्तव में कैसे तुम बताओ कि गूगल पर दस्तावेजों में से एक है इतना है कि गूगल का उपयोग कर सकते हैं और बहुत अच्छी तरह से यह सूचकांक. इस प्रस्तुति के लिए जा रहा है क्योंकि आप इस URL नीचे की नकल करने की जरूरत नहीं है वैसे भी ऑनलाइन हो. तुम इसे देखो और आप इस पढ़ा, तो वहाँ में कुछ बहुत ही उपयोगी संकेत कर रहे हैं. गूगल आपको बताता है - आप वास्तव में अपनी साइट को अच्छी तरह से अनुक्रमित किया जा करना चाहते हैं तो आप इन सब बातों का क्या करना चाहिए. खोज इंजन वास्तव में पसंद है और बात है कि ताजा सामग्री है. आप सामग्री है कि बहुत नियमित रूप से अपडेट किया है तो खोज इंजन उह, मैं अपनी साइट की तरह, कहते हैं. मैं बहुत बार अपनी साइट पर जाने के लिए जा रहा हूँ. मैं सूचकांक अपने पृष्ठों का एक बहुत कुछ करने जा रहा हूँ. आप ताजा सामग्री है तो आप को दिखाने के लिए की संभावना हो - आप अधिक प्रासंगिक होने की संभावना हो. आप अधिक अद्यतन होने की संभावना हो और खोज इंजन दूसरों के ऊपर अपनी साइट पर डाल करने की संभावना है. दीप लिंक भी महत्वपूर्ण हैं. आप वास्तव में एक खोज इंजन की आँखों में अच्छा देखने के लिए अपनी साइट चाहता था अन्य वेबसाइटों की एक बहुत इसे करने के लिए जुड़ा हुआ है और अपनी वेबसाइट में गहराई से जुड़ा हुआ है. बस अपने मुखपृष्ठ के लिए लिंक नहीं है. लिंक करने के लिए शायद yourname.com / कुछ / कुछ / something.php. एक खोज इंजन - से - साधन, वाह, वे वास्तव में रोचक सामग्री है कि किसी और को अपनी साइट में इतनी गहराई से जोड़ने के लिए है कि मैं सच में, सच में करना चाहिए कि उस साइट के पृष्ठों पर अधिक महत्व डाला. यदि आप कोई त्रुटि तो आप सही पृष्ठ शीर्षक है, तो उस वजह से अच्छा है एक खोज इंजन अपनी साइट का दौरा करने के लिए कोशिश कर रहा है, और यह एक त्रुटि हो रही है अगर, यह शायद बहुत, बहुत जल्द ही दे रहा है. और अंत में, आप एक तेजी से लोड समय है चाहता हूँ खोज इंजन क्योंकि - सिर्फ इंसानों की तरह - धीमी वेबसाइटों के लिए धैर्य का एक बहुत कुछ नहींं. यह आप के लिए आप उच्च दिखाने के लिए सुनिश्चित करें कि एक रास्ता है इंजन के खोज प्रश्नों और उम्मीद है जिससे अधिक यातायात मिलता है. क्योंकि सभी के बाद, आप अपनी वेबसाइट को विकसित करने में यह सब समय बिताया है. आप इस वेबसाइट ऑनलाइन की शुरूआत में यह सब समय बिताया. आप वास्तव में अपनी सामग्री देखने वाले उपयोगकर्ताओं के बहुत है कि यह सुनिश्चित करना चाहते हैं. अन्य अच्छा संसाधनों का उपयोग करने के लिए. Google वेबमास्टर टूल में देखने के लिए कुछ है. यह सिर्फ आपको देखने में मदद करता है - गूगल मेरी साइट अनुक्रमण नहीं है. त्रुटियों की तरह यह क्या सामना कर रहा है? यह कितने पृष्ठों अनुक्रमित है? यह अपने पन्ने पर सबसे महत्वपूर्ण सामग्री है क्या लगता है? हो सकता है कि मैं इसे देखना चाहते हैं क्या नहीं है. शायद मैं यह बेहतर परिलक्षित होता है कि एक छोटा सा ऐसी मेरी वेबसाइट को बदलने की जरूरत क्या मेरी वेबसाइट के बारे में सच है. गूगल एनालिटिक्स एक और वास्तव में अच्छा उपकरण है. आप अपने पृष्ठ पर JavaScript का एक छोटा सा जोड़ सकते हैं. और फिर बाद में आप गूगल एनालिटिक्स के लिए जा सकते हैं, और यह ट्रैक करेगा अपने आगंतुक जनसांख्यिकी और अपनी साइट विकास. यह वास्तव में कितने आगंतुकों अपनी साइट का दौरा आपको बता देगा भीतर एक निश्चित सप्ताह के भीतर एक निश्चित समय के भीतर एक निश्चित दिन,. चीन से कितने आगंतुकों? अंटार्कटिका से कितने आगंतुकों - आप अपनी वेबसाइट के लिए हो रही है. देखना है कि कुछ अच्छा हो सकता है या यह भी उपयोगी हो सकता है आप एक खास समूह को लक्षित करने की कोशिश कर रहे हैं. हो सकता है कि आप अपनी वेबसाइट के साथ किशोरों को लक्षित करने की कोशिश कर रहे हैं, और आप देखेंगे कि अपनी वेबसाइट पर आगंतुकों के सबसे शायद 30 हैं - 40 वर्ष के बच्चों के लिए, , तो हो सकता है या तो आप एक समस्या है या आप बस कह सकते हैं ठीक है, तो शायद मैं सिर्फ अपनी वेबसाइट का फोकस बदलना चाहिए ताकि मैं उस आयु समूह पर अधिक ध्यान देते हैं. Google अनुप्रयोग - आप अपने डोमेन नाम के साथ ईमेल की तरह है चाहता था - शायद कुछ पसंद yourname@yourname.com-- आप जीमेल पते का उपयोग कर सकते हैं - आप जीमेल सेवा का उपयोग कर सकते हैं और Google Apps ऐसा करने के लिए एक ही रास्ता है. आप अपने डोमेन नाम के लिए विशिष्ट हैं कि विशिष्ट ईमेल पतों को सेट कर सकते हैं बजाय of@gmail.com. क्रोम के लिए, - और अंत में, वेब डेवलपर एक्सटेंशन और Add-ons रहे हैं Firefox के लिए, अन्य ब्राउज़रों के लिए - कि तुम जाओ और निरीक्षण करने की अनुमति सीएसएस, जावास्क्रिप्ट का निरीक्षण किया, अपने जावास्क्रिप्ट स्क्रिप्ट के साथ गलत है कि वास्तव में क्या देखते हैं और शायद आप बाहर खोजने के लिए, अपने de-गुस्सा दिलाना प्रयोजनों के लिए उपयोगी हो जाएगा कि - ठीक है, क्यों मेरी वेबसाइट पर इस ब्राउज़र में सही ढंग से प्रदर्शित नहीं है? और अंत में, आप इन सभी विषयों के बारे में और अधिक जानने के लिए चाहते थे - आप एचटीएमएल और सीएसएस और जावास्क्रिप्ट के बारे में अधिक जानने के लिए चाहते थे - क्योंकि सभी के बाद, हम केवल आप एक छोटा सा पढ़ाया जाता है - आप और अधिक संसाधनों के लिए देखने के लिए W3Schools.com जैसी वेबसाइटों जा सकते हैं. वे कहते हैं मैं एक्स, या y मतलब क्या करते हैं पर बहुत अच्छा ट्यूटोरियल है? आप इन भाषाओं के बारे में अधिक जानने के लिए चाहता था, तो आप बस यहां जा सकते हैं. ठीक है. मैं, मैं प्रश्नों के लिए इस के अंतिम कुछ मिनट छोड़ना चाहते थे लगता है इसलिए हम के बारे में बात की है कि कुछ के बारे में किसी भी सवाल कर रहे हैं? [दर्शकों के सदस्य] क्या बातें की तरह W3Schools पर कर रहे हैं और यह कैसे कवर किया जाता है? [Yuechen झाओ] क्या बातें की तरह? तो, मैं एक बहुत उपयोग है कि बहुत सबसे बड़ी चीजों में से एक उनके संदर्भ है. सीएसएस के लिए उदाहरण के लिए अपने संदर्भ के विस्तार, - क्या आप एक पृष्ठ की पृष्ठभूमि बदलना चाहते थे तो इस का मतलब है या - आप इसे कैसे करते हैं? जो ब्राउज़रों कि आदेश का समर्थन? कि जैसे हालात. और फिर वे भी बस, जावास्क्रिप्ट पर, पीएचपी पर, एचटीएमएल पर बहुत अच्छा ट्यूटोरियल है MySQL पर, विभिन्न विषयों के सभी प्रकार पर. वे अच्छा ट्यूटोरियल है. वे कैसे काम करने के लिए आपको सिखा. यह जाओ और इन विषयों के बारे में और अधिक जानने के लिए सक्षम होने के लिए अच्छा है. [दर्शकों के सदस्य] एचटीएमएल 5 अभी भी वहाँ बाहर सभी ब्राउज़रों के साथ संगत नहीं है. आप सिर्फ इसलिए संगतता समस्याओं का इससे दूर रहने की सिफारिश करेंगे? आप कैसे उस के साथ सौदा होगा? [Yuechen झाओ] हाँ, तो, सवाल एचटीएमएल 5 है अभी भी एक बच्चे के मानक है. यह वास्तव में ब्राउज़रों की एक बहुत द्वारा समर्थित नहीं है, तो हम इसे से बचना चाहिए? मैं पिछले साल मैं का एक बहुत बड़ा समर्थक हो गया होता, के एचटीएमएल 5 से बचें यह अभी भी है क्योंकि - यह अभी भी बहुत नया है और वास्तव में है, एचटीएमएल 5 मानक अभी तक अंतिम रूप नहीं दिया गया है. और हां, तो वास्तव में कोई एचटीएमएल 5 मानक है. लेकिन मुझे लगता है, तुम अब एक वेबसाइट डिजाइन कर रहे हैं विशेष रूप से अगर आपको लगता है कि भविष्य में होने जा रहा है की तरह है, क्योंकि यह आपको सिर्फ एचटीएमएल 5 के साथ जाना बेहतर हो सकता है और आप अपनी वेबसाइट भविष्य सबूत होना चाहते हैं और आप अपनी वेबसाइट के लिए काम करना चाहते हैं भविष्य ब्राउज़रों में, यह भविष्य के लिए इमारत के कुछ शुरू करने के लिए बेहतर हो सकता है अतीत की तुलना में, और भी सिर्फ इसलिए क्योंकि एचटीएमएल 5 सच है कि अलग नहीं है कि तथ्य की HTML4 या एक्सएचटीएमएल. से आप एचटीएमएल 5 का उपयोग कर रहे हैं, यह आम तौर पर सबसे ब्राउज़रों में काम करेंगे. आप बस में जा सकते हैं और इन स्क्रीनशॉट के साथ सुनिश्चित करें की तरह है और इन वेबसाइटों के लिए अपने आप पर जा के साथ सुनिश्चित कर रही है. आप एचटीएमएल 5 के लिए बहुत ही विशेष सुविधाओं का उपयोग कर रहे हैं, लेकिन जब तक सबसे अधिक संभावना है कि यह काम करेगा. CS50 के लिए भी सूचना है कि - उदाहरण के लिए, हम का उपयोग करने वाले वीडियो प्लेयर के लिए - यह व्याख्यान प्रदर्शित करने के लिए एचटीएमएल 5 और HTML5 वीडियो का उपयोग करता है. आप एक बहुत पुराने ब्राउज़र है, तो यह फ्लैश पर वापस गिर जाएगा. तो, जो भी कुछ और है - आप बस ब्राउज़र को संभालने के लिए नहीं जा रहा है पता है कि जब एक गिर वापस प्रणाली है आप इसे संभाल करने के लिए क्या चाहते हैं. अन्य प्रश्न? हम बात के बारे में कुछ भी है कि. ठीक है. तब मैं मेरे लिए इस बारे में है कि लगता है. मुझे लगता है कि यह. (तालियां) कूल. [CS50.TV]