1 00:00:00,000 --> 00:00:03,486 >> [संगीत बजाना] 2 00:00:03,486 --> 00:00:10,460 3 00:00:10,460 --> 00:00:14,250 >> डेविड जे मालन: इस CS50 है और इस सप्ताह के 7 की शुरुआत है। 4 00:00:14,250 --> 00:00:15,060 तो वापस स्वागत करते हैं। 5 00:00:15,060 --> 00:00:17,540 और अगर आप याद कर सकते हैं समस्या में, चार सेट 6 00:00:17,540 --> 00:00:21,510 एक मेहतर शिकार का एक सा नहीं थी कुछ शानदार पुरस्कार जिससे के लिए 7 00:00:21,510 --> 00:00:24,219 आप की तस्वीरें ठीक बाद दोनों यहाँ और न्यू हेवेन में कर्मचारियों, 8 00:00:24,219 --> 00:00:27,468 आप में से कई के रूप में पता लगाने के लिए चुनौती दी थी तुम सकता है के रूप में उन कंप्यूटर वैज्ञानिकों। 9 00:00:27,468 --> 00:00:29,550 और हम एक पूरे मिल गया है प्रस्तुतियाँ का गुच्छा। 10 00:00:29,550 --> 00:00:31,930 मैं कुछ हिस्सा लगा आज यहाँ तुम्हारे साथ। 11 00:00:31,930 --> 00:00:35,100 >> और हम ऑनलाइन इनमें से सभी पोस्ट करेंगे। 12 00:00:35,100 --> 00:00:39,310 लेकिन विशेष रूप से, मैं चाहता था अच्छी तरह से एक है- आपका ध्यान आकर्षित, 13 00:00:39,310 --> 00:00:42,670 सैम उनमें से काफी कुछ में था आम तौर पर इस तरह प्रस्तुत। 14 00:00:42,670 --> 00:00:45,750 लेकिन इसके बारे में के रूप में प्रतीत होता है कि आज सुबह, विजेता 15 00:00:45,750 --> 00:00:51,170 एक निश्चित किसी के साथ केन नामित किया गया था कर्मचारियों की 24 कैमरे पर कब्जा कर लिया 16 00:00:51,170 --> 00:00:54,600 आप में रखना जब अधिक या कुछ चित्रों में कई कर्मचारियों के खाते। 17 00:00:54,600 --> 00:00:58,300 यहाँ चित्र अगले केन है न्यू हेवन में मरियम के लिए। 18 00:00:58,300 --> 00:01:01,300 >> अब, केन, हालांकि, बदल जाता है बाहर एक कोने मामले का एक सा है 19 00:01:01,300 --> 00:01:02,880 कि अभी तक पहले नहीं हुआ है। 20 00:01:02,880 --> 00:01:05,713 ऐसा लगता है कि नहीं होती थी कि पता चला है मेरे लिए समस्या में ठीक प्रिंट डाल करने के लिए 21 00:01:05,713 --> 00:01:09,710 कर्मचारियों का कहना है कि कि चार सेट शानदार पुरस्कार के लिए अयोग्य 22 00:01:09,710 --> 00:01:13,130 केन की, ज़ाहिर है, एक है क्योंकि हमारे कर्मचारियों पर फोटोग्राफरों। 23 00:01:13,130 --> 00:01:16,820 अब, उस के साथ कहा, वह मूल रूप से कहने के लिए मुझे लिखा था 24 00:01:16,820 --> 00:01:19,180 ऑनलाइन इन तस्वीरों को पोस्ट नहीं करें। 25 00:01:19,180 --> 00:01:21,630 मैं बड़े हिस्से में लगता है तस्वीरों में से सबसे अधिक है क्योंकि 26 00:01:21,630 --> 00:01:24,499 इस फोटोग्राफर नज़र लिया कि इस तरह एक छोटे से कुछ। 27 00:01:24,499 --> 00:01:25,040 और जैसे। 28 00:01:25,040 --> 00:01:28,990 >> लेकिन केन मुझे आपको आश्वस्त करना चाहते हैं वह एक बहुत अच्छे फोटोग्राफर है कि, 29 00:01:28,990 --> 00:01:33,190 उन्होंने कहा कि वह एक पेशेवर लेता है धुंधली नहीं हैं कि फोटो, 30 00:01:33,190 --> 00:01:37,270 ध्यान में बेहतर कर रहे हैं, और कहा कि वह हमारे अपने कर्मचारियों के लिए काफी कुछ ले लिया। 31 00:01:37,270 --> 00:01:40,370 बल्कि केवल से स्वीकार करते हैं हम हम क्या सोचा था क्या केन, 32 00:01:40,370 --> 00:01:43,390 की सूची के माध्यम से जाना जाता है, प्रस्तुत हैं, जो वास्तविक छात्रों। 33 00:01:43,390 --> 00:01:48,640 और इसके साथ कि लांस पता चला है आज सुबह के रूप में 15 तस्वीरें 34 00:01:48,640 --> 00:01:50,030 हमारे विजेता रहा था। 35 00:01:50,030 --> 00:01:55,730 >> और, लांस कोल्टन के साथ है यहाँ चित्र खुद के साथ SKAZ, और सैम के साथ साथ। 36 00:01:55,730 --> 00:02:00,230 लेकिन तब यह पता चला है कि के रूप में 11:46, बस थोड़ा सा पहले तो, 37 00:02:00,230 --> 00:02:04,380 मैं अपने ईमेल में वापस चला गया और पाया हम अभी तक एक और प्रस्तुत करने के लिए किया था कि 38 00:02:04,380 --> 00:02:08,300 बोनी नाम के एक छात्र द्वारा जिसका ईमेल केवल यह बात कही। 39 00:02:08,300 --> 00:02:10,800 झूठ नहीं जा रहा है, मैं कर रहा हूँ कक्षा के दौरान यह कर। 40 00:02:10,800 --> 00:02:17,620 और फिर बस को संलग्न करने के लिए रवाना 14 तस्वीरें, लांस के 15 की शर्मीली है। 41 00:02:17,620 --> 00:02:22,690 >> लेकिन बोनी की तस्वीरों में, यह बदल जाता है बाहर कई स्टाफ के सदस्यों, सैम थे 42 00:02:22,690 --> 00:02:25,960 उन के बीच में है, तो हम क्या सोचा क्या होगा इन दोनों को स्वीकार करते है। 43 00:02:25,960 --> 00:02:29,240 तो ड्रॉपबॉक्स हो रही है के अलावा अंतरिक्ष कि भाग लेने वाले हर 44 00:02:29,240 --> 00:02:33,900 प्राप्त करता है, इन दो वर्गों को भी होगा उनके लिए एक अच्छा catered दोपहर के भोजन प्राप्त करते हैं 45 00:02:33,900 --> 00:02:36,100 और उनके अनुभाग यह आने वाले सप्ताह साथियों। 46 00:02:36,100 --> 00:02:38,970 और तो आप हम से सुना होगा, उस बारे में लांस और बोनी,। 47 00:02:38,970 --> 00:02:40,002 उन्हें इतनी बड़ी बधाई। 48 00:02:40,002 --> 00:02:42,210 अब, आप उन लोगों के लिए जो होगा दोपहर के भोजन की तरह अधिक आम तौर पर 49 00:02:42,210 --> 00:02:45,320 कैम्ब्रिज में है कि CS50 दोपहर के भोजन जानते और न्यू हेवन इस शुक्रवार है। 50 00:02:45,320 --> 00:02:48,510 CS50 की वेबसाइट स्लेश RSVP के लिए जाओ। 51 00:02:48,510 --> 00:02:49,800 और अब सेमिनार पर एक शब्द भी नहीं। 52 00:02:49,800 --> 00:02:50,730 अधिक curricularly। 53 00:02:50,730 --> 00:02:52,490 इसलिए हम पास आ रहे हैं सेमेस्टर के बिंदु 54 00:02:52,490 --> 00:02:55,200 आप कहाँ शुरू करना चाहिए अंतिम परियोजनाओं के बारे में सोच रही है। 55 00:02:55,200 --> 00:02:59,309 और वास्तव में, बस थोड़ा सा में, विल पूर्व के प्रस्तावों के कारण हो तथाकथित। 56 00:02:59,309 --> 00:03:01,850 इसलिए पूर्व के प्रस्तावों के लिए होती हैं होना बहुत कम प्रभाव है और वास्तव में 57 00:03:01,850 --> 00:03:04,109 बस के लिए एक अवसर आप एक छोटे नोट रचना करने के लिए 58 00:03:04,109 --> 00:03:06,900 अपने शिक्षण साथी अवगत कराया उसे या उसके आप क्या सोच रहे हैं 59 00:03:06,900 --> 00:03:09,140 अपने अंतिम परियोजना के लिए क्या करना चाहते हो सकता है। 60 00:03:09,140 --> 00:03:11,730 >> अब, कई छात्रों के अंत तक कर रहा वेब अंतिम परियोजनाओं आधारित है। 61 00:03:11,730 --> 00:03:13,800 और हां, हम सिर्फ रहे हैं इस में अब पिछले सप्ताह 62 00:03:13,800 --> 00:03:15,890 और वेब प्रोग्रामिंग में गोताखोरी से परे। 63 00:03:15,890 --> 00:03:18,200 तो अगर आप चिंता करने की नहीं बिल्कुल पता नहीं कैसे है 64 00:03:18,200 --> 00:03:21,594 आप विचारों का निर्माण होता है कि आप अपने मन में हो सकता है। 65 00:03:21,594 --> 00:03:24,510 यह वास्तव में सिर्फ एक मजबूर कर समारोह है आप सोच रहे हैं और बात कर पाने की 66 00:03:24,510 --> 00:03:25,650 इसके बारे में अपने TF के साथ। 67 00:03:25,650 --> 00:03:28,810 लेकिन उस के साथ मदद के लिए, और अंततः अंतिम परियोजनाओं के साथ, 68 00:03:28,810 --> 00:03:31,750 CS50 एक परंपरा है कि पता के सेमिनार की पेशकश की। 69 00:03:31,750 --> 00:03:36,084 >> और इन हाथों, पर, वैकल्पिक हैं या अवसरों पर आधारित व्याख्यान 70 00:03:36,084 --> 00:03:39,000 कर रहे हैं कि विषयों के बारे में अधिक जानने के लिए पाठ्यक्रम के लिए एक छोटे से सहायक 71 00:03:39,000 --> 00:03:43,310 पाठ्यक्रम, लेकिन फिर भी अद्भुत सामग्री अंतिम परियोजनाओं ड्राइव करने के लिए। 72 00:03:43,310 --> 00:03:46,840 और इसलिए इस होने वाली सूची में है यहां न्यू हेवन में CS50 स्टाफ 73 00:03:46,840 --> 00:03:48,600 के लिए साथ आए हैं आईओएस के बारे में इस साल 74 00:03:48,600 --> 00:03:50,730 प्रोग्रामिंग, एंड्रॉयड प्रोग्रामिंग, खेल के विकास, 75 00:03:50,730 --> 00:03:54,480 अधिक उपकरणों की और गुच्छों और भाषाओं और तकनीक। 76 00:03:54,480 --> 00:03:56,780 >> तो CS50 की वेबसाइट पर नजर रखने के लिए। 77 00:03:56,780 --> 00:04:00,110 और इस बीच में, आप करना चाहते हैं तो इनमें से किसी में आपकी रुचि के रजिस्टर, 78 00:04:00,110 --> 00:04:02,510 CS50 के स्लेश रजिस्टर करने के लिए जाना। 79 00:04:02,510 --> 00:04:05,770 और हम तो के रूप में पालन करेंगे दिन और उड़ान समय और स्थानों 80 00:04:05,770 --> 00:04:09,090 और सब कुछ के सबसे सब कुछ होगा होना स्ट्रीम और मांग पर भी उपलब्ध 81 00:04:09,090 --> 00:04:11,750 आप वास्तव में इसे बनाने के लिए नहीं कर सकते हैं के बाद। 82 00:04:11,750 --> 00:04:15,800 तो आगे की हलचल के बिना, हम मिल के साथ पिछली बार से दूर छोड़ दिया। 83 00:04:15,800 --> 00:04:19,610 >> और यह था कि संदेश की तरह था आभासी लिफाफे के अंदर, याद करते हैं, 84 00:04:19,610 --> 00:04:23,960 हम करने के लिए रूटर के लिए रूटर से पारित कर दिया है कि एक वेब ब्राउज़र और एक वेब के बीच रूटर 85 00:04:23,960 --> 00:04:24,487 सर्वर। 86 00:04:24,487 --> 00:04:26,695 और उस संदेश देखा एक इस तरह छोटे से कुछ। 87 00:04:26,695 --> 00:04:29,700 यह और अधिक रहस्यमय संदेश था कि एक लिफाफे के अंदर वास्तव में था 88 00:04:29,700 --> 00:04:34,440 जिसका कागज के एक टुकड़े पर लिखा पहली पंक्ति सचमुच, स्लेश मिल कहते हैं। 89 00:04:34,440 --> 00:04:37,830 >> और सिर्फ एक मानसिक स्वास्थ्य की जांच के रूप में, स्लेश क्या निरूपित किया? 90 00:04:37,830 --> 00:04:40,455 स्लैश जब इसका क्या मतलब है एक वेबसाइट का अनुरोध? 91 00:04:40,455 --> 00:04:43,070 92 00:04:43,070 --> 00:04:44,250 आप यह सब समय का अनुरोध। 93 00:04:44,250 --> 00:04:47,333 सबसे अधिक किसी भी समय आप किसी वेबसाइट पर, आप वास्तव में एक फ़ाइल के नाम में टाइप न करें। 94 00:04:47,333 --> 00:04:50,960 आपको शायद यह सिर्फ Facebook.com के लिए जाना , gmail.com, या जैसे दर्ज करें। 95 00:04:50,960 --> 00:04:52,260 और स्लेश क्या दर्शाता है? 96 00:04:52,260 --> 00:04:53,506 क्या फ़ाइल? 97 00:04:53,506 --> 00:04:54,630 विशेष रूप से या फिर क्या पृष्ठ? 98 00:04:54,630 --> 00:04:59,642 99 00:04:59,642 --> 00:05:00,720 >> सूचकांक, हाँ। 100 00:05:00,720 --> 00:05:01,810 डिफ़ॉल्ट पृष्ठ तो। 101 00:05:01,810 --> 00:05:04,810 आप एक फ़ाइल निर्दिष्ट नहीं है तो हम देखना शुरू करेंगे के रूप में नाम है, 102 00:05:04,810 --> 00:05:07,750 आप वास्तव में सिर्फ अनुरोध कर रहे हैं मुझे फेसबुक का मूलभूत पेज देना 103 00:05:07,750 --> 00:05:10,800 या मुझे मेरे इनबॉक्स दे या देना मुझे खबर के तयशुदा पेज 104 00:05:10,800 --> 00:05:12,510 सीएनएन की वेबसाइट या पसंद पर। 105 00:05:12,510 --> 00:05:15,220 और एक सर्वर तो करने के लिए जवाब कुछ के साथ कि संदेश 106 00:05:15,220 --> 00:05:18,420 इस तरह, मैं, हाँ कह रही HTTP संस्करण 1.1 बोलते हैं। 107 00:05:18,420 --> 00:05:21,130 >> एक स्थिति है जो 200, हम शायद ही कभी है कि मनुष्य कोड 108 00:05:21,130 --> 00:05:22,790 यह अच्छा है क्योंकि कभी देखते हैं। 109 00:05:22,790 --> 00:05:26,640 यह ठीक है, अनुरोध, क्योंकि इसका मतलब प्राप्त हुआ है और ठीक से संभाला था। 110 00:05:26,640 --> 00:05:28,960 और सामग्री प्रकार जाहिरा तौर पर जवाब में 111 00:05:28,960 --> 00:05:31,170 अक्सर, लेकिन हमेशा नहीं, पाठ है। 112 00:05:31,170 --> 00:05:32,580 और विशेष रूप से, एचटीएमएल। 113 00:05:32,580 --> 00:05:34,760 और कहा कि वास्तव में है जहां हम आज देखो। 114 00:05:34,760 --> 00:05:37,140 >> तो वास्तव में, मैं जा रहा हूँ आगे और एक ब्राउज़र खुला। 115 00:05:37,140 --> 00:05:40,410 मैं क्रोम का उपयोग करने के लिए जा रहा हूँ, आप उपयोग कर सकते हैं सप्ताह में किसी भी ब्राउज़र सबसे आने के लिए। 116 00:05:40,410 --> 00:05:42,410 हम आम तौर पर क्रोम की सिफारिश यह विशेष रूप से है, क्योंकि 117 00:05:42,410 --> 00:05:43,750 सॉफ्टवेयर डेवलपर्स के लिए अच्छा है। 118 00:05:43,750 --> 00:05:46,070 में निर्मित की यह एक बहुत मिल गया है इसे आसान बनाने के उपकरण है कि 119 00:05:46,070 --> 00:05:49,800 एचटीएमएल और सीएसएस न केवल विकसित करने के लिए, हम आज के बारे में बात कर शुरू करेंगे बातें, 120 00:05:49,800 --> 00:05:51,530 बल्कि अन्य भाषाओं के रूप में अच्छी तरह से। 121 00:05:51,530 --> 00:05:55,530 >> और मुझे आगे जाना है और है-- जाने के लिए जा रहा हूँ मैं क्लिक करें या सही नियंत्रण करने के लिए जा रहा हूँ 122 00:05:55,530 --> 00:05:57,210 एक वेब पेज पर कहीं भी क्लिक करें। 123 00:05:57,210 --> 00:05:59,070 और मैं निरीक्षण तत्व पर जाने के लिए जा रहा हूँ। 124 00:05:59,070 --> 00:06:03,850 और मैं tweak करने के लिए जा रहा हूँ मेरी यहाँ स्क्रीन सिर्फ एक छोटा सा। 125 00:06:03,850 --> 00:06:05,790 मुझे नीचे करने के लिए इस चलते हैं। 126 00:06:05,790 --> 00:06:08,140 तो यह क्या कहा जाता है क्रोम के इंस्पेक्टर। 127 00:06:08,140 --> 00:06:11,010 तो यह एक डिबगिंग की तरह है उपकरण क्रोम में बनाया गया। 128 00:06:11,010 --> 00:06:13,520 >> तुम सब पहले से ही इस राशि आप क्रोम का उपयोग किया गया है। 129 00:06:13,520 --> 00:06:17,169 और यह आप क्या हो रहा है यह देखने के लिए अनुमति देता है कुछ वेब पेज के हुड के नीचे। 130 00:06:17,169 --> 00:06:19,210 तो चलो वास्तव में एक ले चलो इस प्रकार के रूप में इसे देखो। 131 00:06:19,210 --> 00:06:21,251 यह तरीका अधिक सुविधाएँ है और हम आज के बारे में परवाह है। 132 00:06:21,251 --> 00:06:22,760 लेकिन यहाँ पर इन टैब नहीं है। 133 00:06:22,760 --> 00:06:25,890 तत्वों, नेटवर्क, सूत्रों का कहना है, समय, और कुछ अन्य सामान। 134 00:06:25,890 --> 00:06:27,800 मैं पर क्लिक करने के लिए जा रहा हूँ एक पल के लिए नेटवर्क। 135 00:06:27,800 --> 00:06:30,500 >> और यह थोड़ा भारी है यहां पहली नज़र में। 136 00:06:30,500 --> 00:06:34,190 लेकिन मैं क्या करने जा रहा हूँ जाने है मुझे यह थोड़ा आसान बनाने में। 137 00:06:34,190 --> 00:06:37,560 मैं चालू करने के लिए जा रहा हूँ यह लाल है, इसलिए है कि प्रकाश की रिकॉर्डिंग। 138 00:06:37,560 --> 00:06:39,140 और मुझे लॉग बनाए रखने के कहने जा रहा हूँ। 139 00:06:39,140 --> 00:06:41,015 और यह सिर्फ एक छोटा सा है बात यह है कि मुझे पता लगा 140 00:06:41,015 --> 00:06:44,120 समय के साथ उन का उद्धार करने जा रहा है ब्राउज़र में होता है कि सब कुछ। 141 00:06:44,120 --> 00:06:50,030 और अब मैं जा रहा हूँ http://facebook.com करने के लिए। 142 00:06:50,030 --> 00:06:52,690 >> वास्तव में, के लिए www करते हैं अच्छे उपाय के लिए, स्लेश। 143 00:06:52,690 --> 00:06:53,643 दर्ज करें। 144 00:06:53,643 --> 00:06:56,180 की तो एक यूआरएल है कि कई आप का दौरा हो सकता है। 145 00:06:56,180 --> 00:06:58,830 और अब फेसबुक के वेब पेज के शीर्ष पर आता है। 146 00:06:58,830 --> 00:07:02,350 और फिर एक पूरी गुच्छा सामान तल पर से उड़ान भरी। 147 00:07:02,350 --> 00:07:04,830 और वास्तव में, यह पता चला है कि आप Facebook.com पर जाते हैं, 148 00:07:04,830 --> 00:07:09,320 तुम सिर्फ एक HTTP अनुरोध नहीं बना रहे हैं यह Facebook.com जा रहा है कि पता चला 149 00:07:09,320 --> 00:07:14,320 , उन लिफाफों का 41 भेजता अपनी खुद की मिल अनुरोध के साथ प्रत्येक, 150 00:07:14,320 --> 00:07:18,360 परदे के पीछे हालांकि, संकेत के रूप में यहाँ, स्क्रीन के नीचे, 151 00:07:18,360 --> 00:07:24,040 यह वास्तव में, इंगित करता है कि मेरी ब्राउज़र 41 अनुरोध किया। 152 00:07:24,040 --> 00:07:29,689 >> और कुल में, यह 861 का तबादला किलोबाइट और यह किसी कारण के लिए ले लिया 153 00:07:29,689 --> 00:07:31,730 के रूप में कई के रूप में आठ सेकंड है कि सभी को डाउनलोड करने के लिए। 154 00:07:31,730 --> 00:07:33,790 तो यह है कि वास्तव में थोड़ा अजीब है फेसबुक की साइट है कि ले जाएगा 155 00:07:33,790 --> 00:07:35,600 लंबे समय है, लेकिन इस मामले में तो यह हो सकता है। 156 00:07:35,600 --> 00:07:39,520 अब, यह सब मैं वास्तव में परवाह नहीं है सर्वोच्च अनुरोध को छोड़कर बारे में। 157 00:07:39,520 --> 00:07:46,440 तो चलो यह एक सही यहाँ के लिए चलते हैं और मुझे बस एक पल के लिए बाहर ज़ूम। 158 00:07:46,440 --> 00:07:47,754 >> और मुझे इस पर ज़ूम करते हैं। 159 00:07:47,754 --> 00:07:50,670 मैं भले ही छोड़ दिया पर किया है तो क्या हुआ यहाँ पर चल रहा एक बहुत कुछ है 160 00:07:50,670 --> 00:07:53,360 मैं प्रकाश डाला है है Facebook.com और उसके बाद 161 00:07:53,360 --> 00:07:56,540 मैं नीचे स्क्रॉल कर रहा हूँ कि नोटिस नीचे स्क्रॉल नीचे स्क्रॉल, 162 00:07:56,540 --> 00:07:58,330 हेडर अनुरोध करने के लिए। 163 00:07:58,330 --> 00:08:01,720 और अगर आप क्रोम दिखा रहा है कि देखेंगे मुझे अनिवार्य रूप से आंतरिक सामग्री 164 00:08:01,720 --> 00:08:02,810 अनुरोध की मैं बनाया है। 165 00:08:02,810 --> 00:08:06,130 यह बहुत ही में स्वरूपण नहीं है जिस तरह से, लेकिन मिल का जिक्र नहीं है नोटिस, 166 00:08:06,130 --> 00:08:09,481 , मेजबान का जिक्र नहीं है नोटिस Facebook.com, पथ, या स्लैश, 167 00:08:09,481 --> 00:08:10,730 जो मैं अनुरोध फाइल है। 168 00:08:10,730 --> 00:08:12,930 >> और फिर मैं स्क्रॉल यदि का बैक अप, हम वास्तव में हूँ 169 00:08:12,930 --> 00:08:17,270 देखना फेसबुक लौटे क्या कि मेरे लिए इन हेडर के सभी है। 170 00:08:17,270 --> 00:08:21,040 कि आभासी लिफाफे के अंदर तो वास्तव में महत्वपूर्ण मूल्य जोड़े की एक बहुत हैं। 171 00:08:21,040 --> 00:08:23,130 एक शब्द, एक पेट के लिए, और फिर एक मूल्य। 172 00:08:23,130 --> 00:08:25,050 एक शब्द, एक पेट, और एक मूल्य। 173 00:08:25,050 --> 00:08:26,160 ये कहा जाता हेडर हैं। 174 00:08:26,160 --> 00:08:31,860 और वैसे भी अधिक विस्तार से यहाँ है हम वास्तव में अभी बारे में परवाह है। 175 00:08:31,860 --> 00:08:33,750 >> लेकिन इस से पीछे नहीं है वहाँ नीचे पिछले एक है, 176 00:08:33,750 --> 00:08:38,809 नोटिस, Facebook.com के सर्वर है कि, वास्तव में यहां कहा कि कुछ पाठ एचटीएमएल आता है। 177 00:08:38,809 --> 00:08:41,409 तो यह सब कहने के लिए है यदि आप एक वेब अनुरोध करते हैं कि 178 00:08:41,409 --> 00:08:44,300 एक करने के लिए एक ब्राउज़र से पेज सर्वर, उस सर्वर से प्रतिक्रिया 179 00:08:44,300 --> 00:08:47,630 अपनी खुद की एक लिफाफा के साथ जो के अंदर पाठ है। 180 00:08:47,630 --> 00:08:49,020 दूसरे शब्दों में, एचटीएमएल। 181 00:08:49,020 --> 00:08:50,590 हाइपर टेक्स्ट मार्कअप लैंग्वेज। 182 00:08:50,590 --> 00:08:53,200 जो एक और भाषा है हम आज से शुरू होने वाले 183 00:08:53,200 --> 00:08:57,740 मनुष्य या कंप्यूटर उत्पन्न कि आदेश में वेब पृष्ठों को लागू करने के लिए। 184 00:08:57,740 --> 00:08:59,580 >> विशेष रूप से, चलो इस पर नजर डालते हैं। 185 00:08:59,580 --> 00:09:03,277 अब मैं वापस जाने के लिए जा रहा हूँ फेसबुक की वेबसाइट पर। 186 00:09:03,277 --> 00:09:05,360 और मैं जा रहा हूँ बस नियंत्रण क्लिक करें या ठीक क्लिक करें 187 00:09:05,360 --> 00:09:07,634 और देखें पृष्ठ स्रोत पर क्लिक करें। 188 00:09:07,634 --> 00:09:10,550 और अगर आप क्रोम का उपयोग नहीं करते हैं, तो भी यानी यह, फ़ायरफ़ॉक्स यह कर सकते हैं कर सकते हैं, 189 00:09:10,550 --> 00:09:14,060 सफारी भी मेनू हालांकि ऐसा करने के लिए कर सकते हैं विकल्पों के एक छोटे से अलग लग सकता है। 190 00:09:14,060 --> 00:09:18,990 और इस HTML है कि मार्क और फेसबुक पर कंपनी के लिए लिखा है। 191 00:09:18,990 --> 00:09:24,640 >> और सामूहिक रूप से, इस भाषा यहाँ करने के लिए नीले और सफेद रंग पेज को लागू करता है 192 00:09:24,640 --> 00:09:26,370 कि हम एक पल पहले देखा था। 193 00:09:26,370 --> 00:09:28,030 अब, यह थोड़ा भारी है। 194 00:09:28,030 --> 00:09:31,400 हम ऊपर छोड़ दिया पर देखो लेकिन, अगर हम कर रहे हैं कुछ पैटर्न देखने के लिए शुरू करने के लिए जा रहा है। 195 00:09:31,400 --> 00:09:34,140 वहाँ एक बहुत ऐसा लगता है इन खुले कोण ब्रैकेट की 196 00:09:34,140 --> 00:09:35,970 और फिर इस कीवर्ड एचटीएमएल नहीं है। 197 00:09:35,970 --> 00:09:38,330 यहाँ एक और खुला है कोण ब्रैकेट और सिर। 198 00:09:38,330 --> 00:09:41,560 >> हम नीचे स्क्रॉल यहाँ, अगर है और नीचे और नीचे, मैं कर रहा हूँ 199 00:09:41,560 --> 00:09:43,820 आगे बढ़ो और कोशिश करने जा रहा कुछ के लिए खोज करने के लिए। 200 00:09:43,820 --> 00:09:48,510 वहाँ के रास्ते पर सही पर यहां खुले ब्रैकेट निकाय है। 201 00:09:48,510 --> 00:09:50,800 और पिछले से याद करते हैं हम प्रस्तावित उस समय 202 00:09:50,800 --> 00:09:53,364 सरल वेब पेज है कि एक मानव लिख सकता है कि 203 00:09:53,364 --> 00:09:55,030 इस तरह एक छोटे से कुछ लग सकता है। 204 00:09:55,030 --> 00:09:58,430 ओपन एचटीएमएल टैग, खुले सिर टैग, खुले शीर्षक टैग, 205 00:09:58,430 --> 00:10:03,230 फिर बंद शीर्षक, बंद सिर पर, खुले शरीर टैग, कुछ पाठ, शरीर को बंद कर दिया 206 00:10:03,230 --> 00:10:04,720 बंद एचटीएमएल। 207 00:10:04,720 --> 00:10:06,290 >> लेकिन बस एक पल के लिए यहां एक ठहराव। 208 00:10:06,290 --> 00:10:09,030 इस कोड, आप भले ही आपने इससे पहले यह कभी नहीं लिखा 209 00:10:09,030 --> 00:10:11,864 लेकिन अभी भी काफी समझ में नहीं आता क्या हो रहा है, बहुत अच्छा लग रहा है। 210 00:10:11,864 --> 00:10:12,821 ठीक है, यह बहुत साफ है। 211 00:10:12,821 --> 00:10:14,120 यह बहुत stylistically के लिए अच्छा है। 212 00:10:14,120 --> 00:10:16,190 खरोज और सफेद अंतरिक्ष के एक बहुत। 213 00:10:16,190 --> 00:10:18,020 फेसबुक के लिए नहीं है। 214 00:10:18,020 --> 00:10:23,190 तो क्यों फेसबुक इतना है एचटीएमएल लिखने में मैं से भी बदतर? 215 00:10:23,190 --> 00:10:24,310 जाहिरा। 216 00:10:24,310 --> 00:10:26,899 >> ठीक है, यह एक तरह है शैली को पांच में से। 217 00:10:26,899 --> 00:10:29,315 एक सम्मोहक कारण नहीं है उनके लिए इन कोनों में कटौती करने के लिए। 218 00:10:29,315 --> 00:10:31,069 219 00:10:31,069 --> 00:10:33,860 ठीक है, तो वे नहीं करना चाहते हैं यह आसान के लिए आप इसे पढ़ने के लिए के लिए बनाते हैं। 220 00:10:33,860 --> 00:10:36,940 तो कुछ समझ में, वे कर रहे हैं यह obfuscating, की तरह यह पांव मार 221 00:10:36,940 --> 00:10:40,260 कम से कम सौंदर्यबोध की दृष्टि से इतने यह माइस्पेस के लिए कठिन है कि 222 00:10:40,260 --> 00:10:42,705 जाओ और चीर करने के लिए उनकी मुखपृष्ठ और इसके लिए एचटीएमएल। 223 00:10:42,705 --> 00:10:45,080 यह प्रोग्राम के साथ पता चला है कि क्रोम सहित, हालांकि, 224 00:10:45,080 --> 00:10:47,020 हम सुपर आसानी से यह साफ कर सकते हैं। 225 00:10:47,020 --> 00:10:49,420 तो यह कारण के रूप में काफी नहीं है कि है। 226 00:10:49,420 --> 00:10:51,290 और क्या कारण हो सकता है। 227 00:10:51,290 --> 00:10:51,790 हाँ। 228 00:10:51,790 --> 00:10:54,680 229 00:10:54,680 --> 00:10:55,890 हाँ, सफेद अंतरिक्ष लागत डेटा। 230 00:10:55,890 --> 00:10:56,598 आपका क्या अर्थ है? 231 00:10:56,598 --> 00:11:02,250 232 00:11:02,250 --> 00:11:02,979 हां, ठीक यही। 233 00:11:02,979 --> 00:11:06,020 आप टैब कुंजी एक बहुत या मारा अंतरिक्ष बार निहितार्थ पर विचार करें। 234 00:11:06,020 --> 00:11:10,060 तो अपने कीबोर्ड पर हर महत्वपूर्ण एक है [अश्राव्य] एक बाइट के रूप में प्रतिनिधित्व किया। 235 00:11:10,060 --> 00:11:14,560 >> ऐसा लगता है कि मार्क या devs के किसी भी इन दिनों बस एक बार SPACEBAR हिट 236 00:11:14,560 --> 00:11:17,899 इस HTML पेज में है कि फेसबुक के होमपेज का प्रतिनिधित्व करता है। 237 00:11:17,899 --> 00:11:19,690 और फेसबुक एक बहुत कुछ है उपयोगकर्ताओं की इन दिनों। 238 00:11:19,690 --> 00:11:24,030 ऐसा लगता है कि फेसबुक के होमपेज आज एक अरब लोगों द्वारा दौरा किया है। 239 00:11:24,030 --> 00:11:27,020 और फेसबुक पर किसी को है सिर्फ एक बार अंतरिक्ष बार मारा। 240 00:11:27,020 --> 00:11:29,890 >> तो एक अतिरिक्त बाइट, एक अरब से अनुरोध, 241 00:11:29,890 --> 00:11:32,790 कितना अधिक डेटा फेसबुक है इंटरनेट पर स्थानांतरित 242 00:11:32,790 --> 00:11:37,160 किसी को मारा क्योंकि अपने या अपने कीबोर्ड पर SPACEBAR? 243 00:11:37,160 --> 00:11:41,660 एक अरब बाइट्स, या के एक गीगाबाइट डेटा फेसबुक के सर्वर से भेजा जा रहा है 244 00:11:41,660 --> 00:11:43,626 आसपास के लोगों के लिए कोई अच्छा कारण के लिए दुनिया। 245 00:11:43,626 --> 00:11:44,750 अब, यह सिर्फ एक जगह है। 246 00:11:44,750 --> 00:11:48,866 >> हम वास्तव में इस को साफ करता है, तो कल्पना कीजिए बात यह है कि ऊपर और यह इंडेंट और कहा कि 247 00:11:48,866 --> 00:11:50,990 सफेद अंतरिक्ष के एक बहुत कुछ है और टैब वर्ण और रिक्त स्थान, 248 00:11:50,990 --> 00:11:53,656 आप खर्च गीगाबाइट खत्म होता है, नहीं तो टेरा बाइट्स अंतरिक्ष के अधिक। 249 00:11:53,656 --> 00:11:56,640 और में तो सुपर आम वेब विकास की वास्तविक दुनिया 250 00:11:56,640 --> 00:11:58,950 अपने कोड छोटा करने के लिए है। 251 00:11:58,950 --> 00:12:01,280 और हम अंत में देखेंगे आप यह कर सकते हैं कि कैसे। 252 00:12:01,280 --> 00:12:04,630 >> लेकिन आज, हम कोड लिखने शुरू करेंगे कि हमें मनुष्य द्वारा वास्तव में पठनीय है। 253 00:12:04,630 --> 00:12:10,120 तुम वापस जाने के लिए अगर यह, हालांकि, पता चला है क्रोम में इस उपकरण के लिए, निरीक्षण तत्व 254 00:12:10,120 --> 00:12:12,030 इससे पहले, हम नेटवर्क टैब पर थे। 255 00:12:12,030 --> 00:12:15,430 यह आप पर जाना है, तो पता चला है कि आप वास्तव में क्या देखते तत्वों टैब, 256 00:12:15,430 --> 00:12:19,230 क्रोम बहुत मुद्रित किया जाता है कि एक ही HTML के संस्करण। 257 00:12:19,230 --> 00:12:20,640 इसलिए हम यह deobfuscated गए हैं। 258 00:12:20,640 --> 00:12:22,472 तो यह एक कंप्यूटर के लिए कोई मुकाबला नहीं है। 259 00:12:22,472 --> 00:12:24,430 और अब आप वास्तव में कर सकते हैं चारों ओर क्लिक करें और शुरू 260 00:12:24,430 --> 00:12:27,630 एक वेब पेज है कि पदानुक्रम देखने के लिए। 261 00:12:27,630 --> 00:12:28,780 तो चलो वास्तव में यह करते हैं। 262 00:12:28,780 --> 00:12:32,120 मुझे आगे जाना है और पर खोलने के लिए जा रहा हूँ अपने मैक पाठ संपादित एक कार्यक्रम में कहा। 263 00:12:32,120 --> 00:12:35,490 और यह सिर्फ है कि याद एक सुपर सरल पाठ कार्यक्रम। 264 00:12:35,490 --> 00:12:37,490 विंडोज Notepad.exe है। 265 00:12:37,490 --> 00:12:39,820 और मैं शब्दशः करने के लिए जा रहा हूँ निम्नलिखित टाइप करें। 266 00:12:39,820 --> 00:12:44,650 डॉक्टर प्रकार एचटीएमएल, खुले ब्रैकेट एचटीएमएल, ब्रैकेट एचटीएमएल बंद कर दिया 267 00:12:44,650 --> 00:12:49,000 हम यहाँ पेज के सिर है यहां पेज के सिर के अंत में, 268 00:12:49,000 --> 00:12:52,310 एक शीर्षक, हैलो दुनिया की तरह हो जाएगा। 269 00:12:52,310 --> 00:12:56,660 >> और फिर यहाँ नीचे, हम की जरूरत है वेब पेज के शरीर। 270 00:12:56,660 --> 00:12:58,050 बंद शरीर। 271 00:12:58,050 --> 00:13:00,700 और फिर यहाँ से, हैलो दुनिया। 272 00:13:00,700 --> 00:13:01,270 ठीक है। 273 00:13:01,270 --> 00:13:03,350 इसलिए हम एक सुपर फास्ट वेब पेज में लिखा है। 274 00:13:03,350 --> 00:13:06,675 मैं के रूप में इसे बचाने के लिए जा रहा हूँ अपने डेस्कटॉप पर hello.html। 275 00:13:06,675 --> 00:13:09,050 मेरे मैक, शिकायत करने जा रहा यह सोच कर कि, एक मिनट रुको, 276 00:13:09,050 --> 00:13:11,091 यह एक पाठ फ़ाइल है, करना आप इसे .txt कॉल करना चाहते हैं? 277 00:13:11,091 --> 00:13:13,300 लेकिन नहीं, मैं डॉट HTML का उपयोग करना चाहते हैं। 278 00:13:13,300 --> 00:13:16,140 >> मैं और फिर अगर अच्छा क्या हो रहा है सिर्फ इस फाइल को डबल क्लिक करें, 279 00:13:16,140 --> 00:13:18,600 hello.html, यहाँ अपने वेब पेज है। 280 00:13:18,600 --> 00:13:22,564 दुर्भाग्य से, मैं कर रहा हूँ दुनिया में केवल एक ही व्यक्ति 281 00:13:22,564 --> 00:13:23,980 अभी जो इस पेज पर जा सकते हैं। 282 00:13:23,980 --> 00:13:26,734 जहां यह स्पष्ट तौर पर रहते है, क्योंकि? 283 00:13:26,734 --> 00:13:27,650 यह अपने मैक पर है, है ना? 284 00:13:27,650 --> 00:13:28,470 कौन सी बेकार है। 285 00:13:28,470 --> 00:13:30,390 इस कमरे में कोई नहीं की तरह इंटरनेट पर अकेले जाने 286 00:13:30,390 --> 00:13:31,598 वास्तव में उस पृष्ठ पर जा सकते हैं। 287 00:13:31,598 --> 00:13:33,820 तो आज, हम करने की जरूरत है एक और तत्व का परिचय। 288 00:13:33,820 --> 00:13:36,720 >> और ऐसा करने के लिए, मैं करने जा रहा हूँ आगे बढ़ो और क्लाउड 9 ऊपर खुला। 289 00:13:36,720 --> 00:13:40,090 तो बादल 9 पाठ्यक्रम एक का है बादल आधारित service-- CS50 290 00:13:40,090 --> 00:13:44,890 IDE-- कि हमारे कार्यस्थानों की गई है कहीं न कहीं इंटरनेट पर चल रहा है। 291 00:13:44,890 --> 00:13:48,330 और कहा कि हमारी फाइलों की है कि सभी का अर्थ पहले से ही सार्वजनिक रूप से सुलभ हैं। 292 00:13:48,330 --> 00:13:49,830 तो चलो आगे जाना है और यह करते हैं। 293 00:13:49,830 --> 00:13:53,670 मैं आगे जाने के लिए जा रहा हूँ और एक नई फ़ाइल NCS50IDE पैदा करते हैं। 294 00:13:53,670 --> 00:13:58,819 मैं पहले की तरह इसे बचाने के लिए जा रहा हूँ और hello.html रूप में बचाने के लिए क्लिक करें। 295 00:13:58,819 --> 00:14:01,860 और अब सिर्फ समय को बचाने के लिए, मैं जा रहा हूँ इस कोड को पेस्ट आगे जाना है और कॉपी करने के लिए 296 00:14:01,860 --> 00:14:03,470 बजाय इसे फिर से लिखें। 297 00:14:03,470 --> 00:14:04,550 और इसे बचाने के। 298 00:14:04,550 --> 00:14:07,550 और इसलिए अब मैं एक है फ़ाइल hello.html बुलाया। 299 00:14:07,550 --> 00:14:09,710 लेकिन यह कैसे वास्तव में मुझे क्या करना है एक वेब पेज के रूप में इसे खोलने? 300 00:14:09,710 --> 00:14:14,120 खैर, यह CS50 के लिए बनाया पता चला है आईडीई बजना की तरह केवल एक संकलक नहीं है 301 00:14:14,120 --> 00:14:16,670 और GDB तरह एक डिबगर और अन्य कार्यक्रमों के गुच्छों, 302 00:14:16,670 --> 00:14:21,140 एक संपूर्ण वास्तव में नहीं है CS50 आईडीई के भीतर चल रहे वेब सर्वर। 303 00:14:21,140 --> 00:14:23,900 >> आप सब के सब, कि कहने के लिए है, अपने स्वयं के वेब सर्वर है। 304 00:14:23,900 --> 00:14:26,850 और एक वेब सर्वर सिर्फ एक टुकड़ा है जिसका उद्देश्य जीवन में सॉफ्टवेयर की 305 00:14:26,850 --> 00:14:28,220 वेब पृष्ठों की सेवा के लिए है। 306 00:14:28,220 --> 00:14:32,490 ब्राउज़र के अनुरोध के लिए और सुनने के लिए थोड़ा आभासी लिफाफे के साथ जवाब 307 00:14:32,490 --> 00:14:35,290 अंदर जो की है मैंने लिखा है कि सामग्री। 308 00:14:35,290 --> 00:14:38,372 इसलिए इस वेब सर्वर है वास्तव में स्वतंत्र और खुला स्रोत। 309 00:14:38,372 --> 00:14:40,830 जहां खुले स्रोत बस का अर्थ किसी और की है कि सॉफ्टवेयर 310 00:14:40,830 --> 00:14:43,480 लिखा है हम सब कर सकते हैं कि वास्तव में देख सकते हैं और यहां तक ​​कि डाउनलोड करने और 311 00:14:43,480 --> 00:14:44,780 स्रोत कोड बदल जाते हैं। 312 00:14:44,780 --> 00:14:46,150 और यह अपाचे कहा जाता है। 313 00:14:46,150 --> 00:14:51,450 >> और हम करने के लिए यह थोड़ा आसान बनाया है अपाचे 50 यह फोन करके CS50IDE में इस्तेमाल करते हैं। 314 00:14:51,450 --> 00:14:53,780 यह वास्तव में कर सकते हैं ताकि निम्नलिखित समझते हैं। 315 00:14:53,780 --> 00:14:56,560 मैं अपाचे 50 प्रारंभ कहने जा रहा हूँ। 316 00:14:56,560 --> 00:14:58,910 और फिर मैं सिर्फ डॉट कहने जा रहा हूँ। 317 00:14:58,910 --> 00:15:01,080 और हम कुछ कुछ हद तक देखना कह रहस्यमय संदेश 318 00:15:01,080 --> 00:15:04,640 अपाचे दस्तावेज़ [स्थापना? समूह?] घर के लिए, Ubuntu, जो कुछ भी है, 319 00:15:04,640 --> 00:15:05,770 कार्यक्षेत्र स्लेश। 320 00:15:05,770 --> 00:15:08,280 शुरू वेब सर्वर सफलतापूर्वक अपाचे 2। 321 00:15:08,280 --> 00:15:11,330 >> तो लंबी कहानी को कम, मैं बस एक बटन धक्का दिया है 322 00:15:11,330 --> 00:15:18,000 और अब है, जो एक वेब सर्वर पर दिया टीसीपी पोर्ट पर इंटरनेट पर सुन 323 00:15:18,000 --> 00:15:20,587 एक विशिष्ट पते पर 80। 324 00:15:20,587 --> 00:15:22,420 और यह यहाँ कहते हैं, और इस आधार पर बदल जाएगा 325 00:15:22,420 --> 00:15:26,550 अपने यूज़रनेम और अन्य कारकों पर, मैं इस पर क्लिक करते हैं, लेकिन, अब नोटिस 326 00:15:26,550 --> 00:15:30,211 IDE50 डॉट jharvard और तो और इसलिए, सूचना सभी कि इस बार 327 00:15:30,211 --> 00:15:31,960 पिछले कई के लिए सप्ताह, तुम हो सकता है 328 00:15:31,960 --> 00:15:35,200 अपने खुद के उपयोगकर्ता नाम देखा कि ऊपर दाहिने हाथ में अंतर्निहित है 329 00:15:35,200 --> 00:15:37,130 CS50IDE के कोने। 330 00:15:37,130 --> 00:15:41,050 >> और कहा कि वास्तव में कर दिया गया है यह सब पता समय जिसके आप कर सकते हैं पर 331 00:15:41,050 --> 00:15:43,574 वेब के माध्यम से आपकी फ़ाइलों के सभी जाएं। 332 00:15:43,574 --> 00:15:45,990 अब तक, यह मायने रखता नहीं किया गया है, सी में, क्योंकि आप आम तौर पर 333 00:15:45,990 --> 00:15:48,073 एक में चल बातें करना चाहते हैं टर्मिनल, नहीं वेब पर। 334 00:15:48,073 --> 00:15:50,800 लेकिन आज, हम शुरू वेब आधारित लेखन कोड 335 00:15:50,800 --> 00:15:53,350 हम चाहते हैं कि सार्वजनिक यूआरएल पर सुलभ। 336 00:15:53,350 --> 00:15:56,100 तो क्या मैं करने जा रहा हूँ ऐसा इस यूआरएल पर क्लिक करें है। 337 00:15:56,100 --> 00:16:00,880 >> और मैं एक काफी देखना है कि नोटिस बदसूरत सूचकांक, एक निर्देशिका लिस्टिंग, 338 00:16:00,880 --> 00:16:04,090 लेकिन क्या फ़ाइल शायद तुम पर बाहर कूदता है? 339 00:16:04,090 --> 00:16:05,210 Hello.html। 340 00:16:05,210 --> 00:16:07,870 मैं बच ऐसा इसलिए है क्योंकि मेरे कार्यक्षेत्र में फ़ाइल। 341 00:16:07,870 --> 00:16:12,310 और मैं अपाचे वेब सर्वर बता दिया है क्या दाऊद के कार्यक्षेत्र निर्देशिका में लग जाता है। 342 00:16:12,310 --> 00:16:15,300 और किसी को जाने दुनिया उन फाइलों को देखते हैं। 343 00:16:15,300 --> 00:16:19,050 >> और वास्तव में, मैं अब अगर hello.html पर क्लिक करें 344 00:16:19,050 --> 00:16:22,180 मैं वास्तव में इस टैब कि फ़ाइल में देखते हैं। 345 00:16:22,180 --> 00:16:26,430 अब 9 बादल की ओर से हुआ, नोटिस हमारे लिए एक छोटी सी उपयोगी कुछ। 346 00:16:26,430 --> 00:16:29,480 CS50 आईडीई के भीतर, वहाँ नोटिस अचानक एक पता पट्टी। 347 00:16:29,480 --> 00:16:33,690 हम कर रहे हैं, भले ही ऐसा इसलिए है क्योंकि CS50IDE यात्रा करने के लिए क्रोम का उपयोग कर, 348 00:16:33,690 --> 00:16:37,940 CS50IDE के अंदर अपने आप ही है अभी एक वेब ब्राउज़र के संस्करण। 349 00:16:37,940 --> 00:16:40,820 और तो बजाय जैसे चीजों को मुश्किल, 350 00:16:40,820 --> 00:16:42,955 मैं आगे जाने के लिए जा रहा हूँ और सिर्फ इस यूआरएल को कॉपी। 351 00:16:42,955 --> 00:16:45,330 मैं आगे और बस जाने के लिए जा रहा हूँ मेरे अपने क्रोम विंडो खोलें। 352 00:16:45,330 --> 00:16:47,800 यहाँ तो कोई जादू, कोई CS50IDE नहीं है। 353 00:16:47,800 --> 00:16:51,800 मैं सिर्फ शाब्दिक पेस्ट करने के लिए जा रहा हूँ मेरी जम्मू हार्वर्ड यूआरएल और हिट दर्ज करें। 354 00:16:51,800 --> 00:16:54,750 और देखा, अब मैं और सिद्धांत रूप में, हर कोई 355 00:16:54,750 --> 00:16:57,700 इंटरनेट पर, मैं विन्यस्त किया है, तो उचित रूप से अनुमतियाँ, 356 00:16:57,700 --> 00:16:58,720 इस फ़ाइल का दौरा कर सकते हैं। 357 00:16:58,720 --> 00:17:03,230 और अब तो मैंने कहा, यदि hello.html, देखा, वहाँ 358 00:17:03,230 --> 00:17:06,366 मेरी अविश्वसनीय रूप से underwhelming वेब पेज है। 359 00:17:06,366 --> 00:17:07,740 तो चलो एक त्वरित मानसिक स्वास्थ्य की जांच करते हैं। 360 00:17:07,740 --> 00:17:09,710 कि क्योंकि सारी वैचारिक सेट अप है। 361 00:17:09,710 --> 00:17:13,180 और हम वास्तव में वास्तव में नहीं है कैसे एचटीएमएल से प्रति लिखने के लिए आपको सिखाया। 362 00:17:13,180 --> 00:17:16,084 कोई प्रश्न इस प्रकार अब तक अभी क्या हुआ है पर? 363 00:17:16,084 --> 00:17:18,549 364 00:17:18,549 --> 00:17:19,049 हाँ। 365 00:17:19,049 --> 00:17:24,290 366 00:17:24,290 --> 00:17:25,800 CS50 इन वेब पृष्ठों के मालिक है? 367 00:17:25,800 --> 00:17:26,460 किस तरीके से? 368 00:17:26,460 --> 00:17:28,947 369 00:17:28,947 --> 00:17:29,530 अच्छा प्रश्न। 370 00:17:29,530 --> 00:17:32,429 तो CS50 के CS50.io. का मालिक 371 00:17:32,429 --> 00:17:33,970 हम वास्तव में है कि डोमेन नाम खरीदा है। 372 00:17:33,970 --> 00:17:37,240 और तुम लोग की प्रकृति के द्वारा CS50IDE में प्रवेश करने, 373 00:17:37,240 --> 00:17:39,270 आप सभी को एक उपडोमेन क्या कहा जाता है मिलता है। 374 00:17:39,270 --> 00:17:46,840 >> तो मालन IDE50-, या IDE50-Rob.CS50.io, कि भीतर अपनी विशिष्ट पता है 375 00:17:46,840 --> 00:17:47,730 हमारे डोमेन नाम। 376 00:17:47,730 --> 00:17:50,850 पाठ्यक्रम के उद्देश्यों के लिए तो, आप अपने खुद के अनूठे पता है। 377 00:17:50,850 --> 00:17:55,150 लेकिन हम द्वारा चीजों को सरल बनाया गया है, शीर्ष स्तर के डोमेन खरीदने, CS50 डॉट 378 00:17:55,150 --> 00:17:58,050 मैं / हे और फिर बाकी सब है उस के अंदर, तो बात करो। 379 00:17:58,050 --> 00:17:59,890 और हम उस के लिए वापस आ गया हूँ शायद कुछ हफ़्ते में, 380 00:17:59,890 --> 00:18:01,930 विशेष रूप से अंतिम परियोजना पर आप का समय है, जब कुछ 381 00:18:01,930 --> 00:18:03,596 अपने खुद के डोमेन नाम पाने के लिए चाहते हो सकता है। 382 00:18:03,596 --> 00:18:06,270 यह अपेक्षाकृत वास्तव में है सीधी। 383 00:18:06,270 --> 00:18:06,770 ठीक है। 384 00:18:06,770 --> 00:18:07,880 तो चलो अब यह करते हैं। 385 00:18:07,880 --> 00:18:11,910 मैं में वापस जाने के लिए जा रहा हूँ CS50IDE, जहां मेरी फाइल अब ठीक है, 386 00:18:11,910 --> 00:18:14,710 hello.html, यह सब दिलचस्प नहीं है। 387 00:18:14,710 --> 00:18:17,130 मैं कुछ करने के लिए करना चाहते हैं उस से भी एक छोटे से अच्छे। 388 00:18:17,130 --> 00:18:19,440 इसलिए मैं इस तरह से कुछ करने के लिए जा रहा हूँ। 389 00:18:19,440 --> 00:18:21,510 खुले paragraphs.html मुझे जाने दो। 390 00:18:21,510 --> 00:18:23,560 तो यह है कि मैं अग्रिम में लिखा एक फाइल है। 391 00:18:23,560 --> 00:18:26,480 यह के शीर्ष पर, जैसे हमेशा की तरह, हम टिप्पणी है। 392 00:18:26,480 --> 00:18:28,730 लेकिन HTML में, टिप्पणियाँ एक छोटे से अलग लग रही है। 393 00:18:28,730 --> 00:18:33,270 लाइन तीन और लाइन 14 पर, आप एक टिप्पणी शुरू के लिए सिंटैक्स देखें 394 00:18:33,270 --> 00:18:34,020 और एक टिप्पणी खत्म होता है। 395 00:18:34,020 --> 00:18:36,820 >> लेकिन इनमें से कोई भी में कार्यात्मक मामलों के बीच। 396 00:18:36,820 --> 00:18:40,250 यह एक करने के लिए सिर्फ एक नोट है यहाँ पर क्या हो रहा है मानव। 397 00:18:40,250 --> 00:18:43,040 और सिर्फ एक त्वरित विवेक के रूप में मैं नीचे स्क्रॉल चेक, अगर, 398 00:18:43,040 --> 00:18:46,820 स्पष्ट नया क्या है हम शुरू की है कि टैग? 399 00:18:46,820 --> 00:18:52,130 अब तक हमने देखा है इस प्रकार टैग खुले हैं ब्रैकेट एचटीएमएल, सिर, शीर्षक, और शरीर। 400 00:18:52,130 --> 00:18:54,400 लेकिन अब जाहिर है, नया क्या है? 401 00:18:54,400 --> 00:18:55,200 >> हाँ, तो पी। 402 00:18:55,200 --> 00:18:57,320 पी टैग या पैरा टैग। 403 00:18:57,320 --> 00:19:01,182 और फिर मैं सिर्फ कुछ मूलभूत उधार लैटिन पाठ मेरी पैराग्राफ का गठन करने के लिए। 404 00:19:01,182 --> 00:19:03,390 मैं चाहता था क्योंकि प्रदर्शन कैसे तुम हो सकता है 405 00:19:03,390 --> 00:19:05,859 HTML में पाठ के पैराग्राफ प्रतिनिधित्व करते हैं। 406 00:19:05,859 --> 00:19:08,400 और तो क्या ऐसा करने के लिए शुरू हो रहा है यहां पहले से ही है कि वहाँ है 407 00:19:08,400 --> 00:19:09,657 एक पैटर्न का विकास। 408 00:19:09,657 --> 00:19:10,990 और मुझे आगे जाना है और यह करते हैं। 409 00:19:10,990 --> 00:19:12,760 मुझे पहली बार अपाचे बंद कर देते हैं। 410 00:19:12,760 --> 00:19:17,340 और मैं खुद को शुरू करने के लिए यह बताने जा रहा हूँ फिर आज के स्रोत सात के अंदर 411 00:19:17,340 --> 00:19:18,420 एम निर्देशिका। 412 00:19:18,420 --> 00:19:20,100 तो यह है कि मैं सब कुछ करने के लिए उपयोग किया है। 413 00:19:20,100 --> 00:19:22,230 >> और अब, मैं करने के लिए वापस जाना है इस निर्देशिका लिस्टिंग, 414 00:19:22,230 --> 00:19:24,846 मैं आज से हर फाइल को देखने के नोटिस। 415 00:19:24,846 --> 00:19:26,720 और तुम में देखेंगे अगले समस्या सेट, हम करेंगे 416 00:19:26,720 --> 00:19:28,594 आप निर्देश दे वास्तव में यह करने के लिए। 417 00:19:28,594 --> 00:19:35,210 मैं paragraphs.html खोलते हैं, तो यह हो सकता है के रूप में अच्छी तरह से एक प्रोग्रामिंग भाषा की तरह लग रहे 418 00:19:35,210 --> 00:19:36,970 आप के लिए आप बात या लैटिन पढ़ा नहीं है। 419 00:19:36,970 --> 00:19:40,525 लेकिन यह सिर्फ तीन पैराग्राफ है पाठ की है कि एचटीएमएल में चिह्नित कर रहे हैं। 420 00:19:40,525 --> 00:19:43,100 >> और पैरा नोटिस उन दोनों के बीच टूट जाता है। 421 00:19:43,100 --> 00:19:46,400 यह पता चला है क्योंकि और भले ही आप 422 00:19:46,400 --> 00:19:49,210 यह करने के लिए इच्छुक हो सकते हैं, असली दुनिया में, जबकि 423 00:19:49,210 --> 00:19:51,370 आप लाइन डाल करना चाहते हैं बातों के बीच टूट जाता है, 424 00:19:51,370 --> 00:19:55,680 तुम हो सकता है काफी बस इस करते हैं और बचाने के लिए मारा। 425 00:19:55,680 --> 00:19:59,460 और अब, मैं यहाँ फिर से लोड है, तो नोटिस सब कुछ है कि सिर्फ एक साथ blurs 426 00:19:59,460 --> 00:20:01,100 पाठ का सिर्फ एक ही बूँद में। 427 00:20:01,100 --> 00:20:03,570 एचटीएमएल एक मूक भाषा की तरह है क्योंकि। 428 00:20:03,570 --> 00:20:07,230 >> यह ऐसे में इस्तेमाल के लिए होती है एक तरह से ब्राउज़र ही होगा कि 429 00:20:07,230 --> 00:20:09,920 स्पष्ट रूप से आप क्या करने के लिए यह बताओ क्या करना है। 430 00:20:09,920 --> 00:20:12,890 आप यह नहीं बताया है तो अगर मुझे एक नया पैरा दे, 431 00:20:12,890 --> 00:20:14,569 आप एक नया पैरा देखने के लिए नहीं जा रहे हैं। 432 00:20:14,569 --> 00:20:16,360 और वास्तव में, क्या ब्राउज़र करने जा रहा है 433 00:20:16,360 --> 00:20:20,020 Enter दबाने भले ही है, चलो फिर से और फिर हम कहते हैं 434 00:20:20,020 --> 00:20:23,190 और फिर, यह पाठ तरह से आगे बढ़ फिर स्क्रीन पर और नीचे बचा 435 00:20:23,190 --> 00:20:26,610 और फिर ब्राउज़र जा रहा है, फिर से लोड कि सफेद अंतरिक्ष के सभी पतन के लिए 436 00:20:26,610 --> 00:20:29,021 सिर्फ एक ही, दिखाई खाली स्थान में। 437 00:20:29,021 --> 00:20:29,520 ठीक है। 438 00:20:29,520 --> 00:20:30,869 तो यह है कि पैरा टैग है। 439 00:20:30,869 --> 00:20:32,910 और तो पैटर्न क्या है यहाँ है कि विकसित कर रहा है? 440 00:20:32,910 --> 00:20:37,450 खैर, यह मामला प्रतीत हो रहा है कि एचटीएमएल सब एक टैग शुरू करने के बारे में है 441 00:20:37,450 --> 00:20:38,460 और एक टैग समाप्त। 442 00:20:38,460 --> 00:20:39,300 और एक टैग क्या है? 443 00:20:39,300 --> 00:20:41,160 खैर, यह वाक्य रचना का सिर्फ एक हिस्सा है। 444 00:20:41,160 --> 00:20:44,400 ओपन वर्ग, एक कीवर्ड, बंद ब्रैकेट, एक टैग है। 445 00:20:44,400 --> 00:20:45,510 या टैग शुरू करते हैं। 446 00:20:45,510 --> 00:20:48,590 और फिर जब तुम अपने आप को व्यक्त किया है, 447 00:20:48,590 --> 00:20:52,300 के रूप में आप पैरा साथ कर रहे हैं, आप विपरीत बात करने के लिए ऐसा करते हैं। 448 00:20:52,300 --> 00:20:55,480 लेकिन विपरीत काफी पीछे की ओर नहीं है। 449 00:20:55,480 --> 00:21:00,630 >> आप बस एक ही टैग का उपसर्ग इस तरह आगे स्लैश के साथ नाम। 450 00:21:00,630 --> 00:21:01,130 ठीक है। 451 00:21:01,130 --> 00:21:02,570 इतना सब है कि आकर्षक नहीं। 452 00:21:02,570 --> 00:21:05,270 और वास्तव में, हम नहीं कर रहे हैं वेब है कि सभी को और अधिक दिलचस्प। 453 00:21:05,270 --> 00:21:07,630 क्या मैं बनाना चाहते हैं बड़ा और बोल्ड बातें? 454 00:21:07,630 --> 00:21:11,780 तो यह यहाँ एक उदाहरण है कि पता चला है headings.html में, जहां मेरे शरीर में, 455 00:21:11,780 --> 00:21:17,280 मैं एक H1 टैग, H2, H3 मिल गया है चार, पांच या छह, जो सभी के लिए 456 00:21:17,280 --> 00:21:18,310 बहुत रहस्यमय लग रहे हैं। 457 00:21:18,310 --> 00:21:21,010 लेकिन मैं इस खोलने जाना है उदाहरण के लिए, एक नजर डालते हैं। 458 00:21:21,010 --> 00:21:22,490 Headings.html। 459 00:21:22,490 --> 00:21:27,030 >> डिफ़ॉल्ट रूप से ब्राउज़रों दे सकते हैं तो आप पाठ कि बड़े और असमान आकार के बोल्ड है। 460 00:21:27,030 --> 00:21:28,070 एच 1 बड़ा है। 461 00:21:28,070 --> 00:21:31,240 H6 तो छोटे और है बीच में सब कुछ। 462 00:21:31,240 --> 00:21:34,170 तो यह है कि अभी भी दिलचस्प है लेकिन है नहीं, वास्तव में मैं जानता हूँ कि वेब। 463 00:21:34,170 --> 00:21:36,870 क्या हम करना चाहते हैं तो मेरे पास है एक सूची की तरह कुछ। । 464 00:21:36,870 --> 00:21:40,190 तो यहाँ की एक बुलेटेड सूची है हार्वर्ड के घरों की तीन। 465 00:21:40,190 --> 00:21:41,600 >> यदि आप ऐसा करने के बारे में कैसे चले गए? 466 00:21:41,600 --> 00:21:45,410 खैर, list.html पर एक नज़र रखना। 467 00:21:45,410 --> 00:21:47,870 और यहाँ, हम एक देखना funkiness का थोड़ा सा 468 00:21:47,870 --> 00:21:49,630 लेकिन क्या हो रहा है पर विचार करते हैं। 469 00:21:49,630 --> 00:21:56,182 तो तुम सिर्फ देखा है, उसके आधार पर, उल unordered सूची के लिए खड़ा है। 470 00:21:56,182 --> 00:21:57,640 Unordered सूची सिर्फ बुलेट का मतलब है। 471 00:21:57,640 --> 00:21:58,431 कोई संख्या नहीं है। 472 00:21:58,431 --> 00:22:01,850 वहाँ भी कुछ एक को बुलाया टैग पर एक राजभाषा है सूची है, जो आदेश दिया। 473 00:22:01,850 --> 00:22:05,350 तब लाइट, सूची आइटम इसका मतलब यह सब है। 474 00:22:05,350 --> 00:22:07,790 >> और तो यह स्वचालित रूप से आप के लिए संख्या है सब कुछ। 475 00:22:07,790 --> 00:22:11,270 लेकिन मेरे खरोज की फिर से, सब और सफेद की जगह सिर्फ मेरे कारण है। 476 00:22:11,270 --> 00:22:13,050 ब्राउज़र नहीं है वास्तव में देखभाल करने के लिए जा रहा है। 477 00:22:13,050 --> 00:22:16,670 तो भले ही आप नहीं कर सका यही नहीं, अभी स्पष्ट होना करने के लिए करते हैं, 478 00:22:16,670 --> 00:22:19,880 आप भले ही नहीं करना चाहिए ब्राउज़र अभी भी होगा 479 00:22:19,880 --> 00:22:22,130 बस ठीक यह समझने में सक्षम हो। 480 00:22:22,130 --> 00:22:24,590 मैं में पुनः लोड मार रहा हूँ मेरी ब्राउज़र, मैं पुनः लोड क्लिक कर रहा हूँ 481 00:22:24,590 --> 00:22:26,760 और कोई परिवर्तन नहीं हो रहा है अभी भी ब्राउज़र क्योंकि 482 00:22:26,760 --> 00:22:29,550 मुझे क्या करना है यह बताने के लिए कि क्या वास्तव में कर रही है। 483 00:22:29,550 --> 00:22:30,050 >> ठीक है। 484 00:22:30,050 --> 00:22:31,340 तो क्या यह सब सिर्फ पाठ है। 485 00:22:31,340 --> 00:22:33,730 अब हम और अधिक दिलचस्प कुछ करते हैं। 486 00:22:33,730 --> 00:22:36,660 मैं आगे जाने के लिए जा रहा हूँ और इस HTML से कुछ उधार ले। 487 00:22:36,660 --> 00:22:40,910 मैं आगे जाने के लिए जा रहा हूँ और यहां एक नई फ़ाइल बनाएँ। 488 00:22:40,910 --> 00:22:43,370 और हम इस rick.html फोन करता हूँ। 489 00:22:43,370 --> 00:22:46,190 490 00:22:46,190 --> 00:22:48,916 हम अधिकतर राशि खेतों में कुछ 491 00:22:48,916 --> 00:22:51,290 इस में एक रिक रोल बुलाया वर्ग इस साल, मैं नहीं जानता, 492 00:22:51,290 --> 00:22:53,880 यह सिर्फ बवाल हुआ। 493 00:22:53,880 --> 00:22:55,397 >> और अब यह नियंत्रण से बाहर हो गया है। 494 00:22:55,397 --> 00:22:56,730 तो मैं बस के साथ जाने के लिए जा रहा हूँ। 495 00:22:56,730 --> 00:22:59,700 और मैं गूगल के लिए जाना है छवियाँ और रिक एस्ले। 496 00:22:59,700 --> 00:23:02,450 497 00:23:02,450 --> 00:23:06,170 हम क्या तुम जानते हो क्यों नहीं करते हैं यह सिर्फ विकिपीडिया पर पढ़ें। 498 00:23:06,170 --> 00:23:11,520 आप इस लिंक पर क्लिक किया है हर बार, किसी को कहीं हँस कर दिया गया है। 499 00:23:11,520 --> 00:23:14,860 और मुझे ahead-- वहाँ जाने दिया हम की इस छवि को देखने के चलो, चले जाते हैं। 500 00:23:14,860 --> 00:23:16,750 >> तो यहाँ हम एक है गूगल छवियाँ में छवि। 501 00:23:16,750 --> 00:23:19,390 और चलो यह है कि कल्पना करते हैं यथोचित हर जगह इंटरनेट पर। 502 00:23:19,390 --> 00:23:22,570 इसलिए मुझे लगता है कि यह मेरे लिए ठीक है मान जा रहा हूँ वास्तव में मेरे वेब पेज में इस डाल करने के लिए। 503 00:23:22,570 --> 00:23:24,820 मैं आगे जाने के लिए जा रहा हूँ और छवि यूआरएल को कॉपी। 504 00:23:24,820 --> 00:23:28,600 और अब मैं बादल को वापस जाने के लिए अगर 9, चलो मैं यहाँ क्या कर सकते हैं देखते हैं। 505 00:23:28,600 --> 00:23:30,630 यहाँ तो बस एक वेब पेज है। 506 00:23:30,630 --> 00:23:39,020 इस Haha, रिक एस्ले है, अब मैं वापस जाने के लिए जा रहा हूँ 507 00:23:39,020 --> 00:23:43,510 अपने ब्राउज़र को पुनः लोड, और दिलचस्प है। 508 00:23:43,510 --> 00:23:44,530 >> रिक कहां है? 509 00:23:44,530 --> 00:23:46,050 तो मुझे क्या हुआ है देखते हैं। 510 00:23:46,050 --> 00:23:49,114 असल में, मैं जा रहा हूँ मैं ऐसा नहीं था कि जैसे नाटक। 511 00:23:49,114 --> 00:23:50,280 [अश्राव्य] यहाँ में डाल दिया। 512 00:23:50,280 --> 00:23:52,520 हम एक पल में वापस करने के लिए आया हूँ। 513 00:23:52,520 --> 00:23:54,200 तो यहाँ rick.html है। 514 00:23:54,200 --> 00:23:56,070 तो यह है कि रिक एस्ले नहीं है। 515 00:23:56,070 --> 00:23:59,680 यह पता चला है तो हम कर सकते हैं वास्तव में यहाँ में उसे जोड़ें। 516 00:23:59,680 --> 00:24:00,830 इस रिक एस्ले है। 517 00:24:00,830 --> 00:24:06,680 मैं मेरे जिसका एक छवि दे कहने जा रहा हूँ स्रोत मैं सिर्फ नकल यूआरएल है, जो 518 00:24:06,680 --> 00:24:09,110 जाहिरा तौर पर एक खुश है जन्मदिन कुछ या अन्य। 519 00:24:09,110 --> 00:24:13,280 >> और अब मैं जा रहा हूँ इस तरह के टैग को बंद करें। 520 00:24:13,280 --> 00:24:15,170 तो इस सुपर लंबे लपेटकर है। 521 00:24:15,170 --> 00:24:17,740 लेकिन मैं यह सब किया है कि नोटिस खुले ब्रैकेट की छवि किया है, 522 00:24:17,740 --> 00:24:20,270 इस की एक विशेषता के साथ स्रोत। 523 00:24:20,270 --> 00:24:21,530 और यह एक बहुत लंबे समय तक कड़ी है। 524 00:24:21,530 --> 00:24:23,720 और अंत में, इस पर ध्यान दिया। 525 00:24:23,720 --> 00:24:29,530 क्यों मैंने किया है स्लेश कोणीय कोष्ठक बजाय, हर दूसरे टैग की तरह, 526 00:24:29,530 --> 00:24:33,590 एक खुला ब्रैकेट होने, आइएमजी, ब्रैकेट बंद कर दिया? 527 00:24:33,590 --> 00:24:37,040 बस, भले ही आप एक अनुमान ले कोई परिचित जो भी है 528 00:24:37,040 --> 00:24:40,410 HTML के साथ पहले। 529 00:24:40,410 --> 00:24:42,710 >> तो यह इसे बंद कर देता है आदेश है, लेकिन क्यों 530 00:24:42,710 --> 00:24:45,850 यह वास्तव में सहज नहीं है भावना एक छोटे से अधिक कुछ करने के लिए 531 00:24:45,850 --> 00:24:48,820 बंद छवि की तरह वर्बोस? 532 00:24:48,820 --> 00:24:51,400 हाँ। 533 00:24:51,400 --> 00:24:52,000 हाँ। 534 00:24:52,000 --> 00:24:55,620 बस शब्दार्थ, का कोई मतलब नहीं है एक छवि शुरू करने और एक छवि समाप्त, 535 00:24:55,620 --> 00:24:56,870 यह या तो वहाँ या यह नहीं है। 536 00:24:56,870 --> 00:25:00,960 तो यह एक अंतराल छोड़ने के लिए मतलब नहीं है एक छवि के अंदर कुछ और के लिए। 537 00:25:00,960 --> 00:25:02,010 तुम बस ऐसा नहीं कर सकते। 538 00:25:02,010 --> 00:25:03,720 और तो वाक्य रचना आम तौर पर सिर्फ होगा 539 00:25:03,720 --> 00:25:07,910 अंदर आगे स्लेश करने के लिए खुले टैग या शुरू टैग की 540 00:25:07,910 --> 00:25:09,020 और फिर सेव मारा। 541 00:25:09,020 --> 00:25:13,350 >> तो अगर मैं अब इस फाइल को फिर से लोड मैं यहाँ एक अच्छा वेब पेज खाना पकाने मिल गया है। 542 00:25:13,350 --> 00:25:15,100 और हम निश्चित रूप से कर सकता है वास्तव में लोगों को परेशान 543 00:25:15,100 --> 00:25:17,010 बजाय embedding द्वारा एक यूट्यूब लिंक की तरह। 544 00:25:17,010 --> 00:25:19,350 और वास्तव में, किसी भी समय यदि आप कभी भी, यूट्यूब के लिए चले गए 545 00:25:19,350 --> 00:25:22,190 और गलती से वास्तव में मुझे दो रिक अपने आप को यहाँ रोल। 546 00:25:22,190 --> 00:25:25,770 तो रिक रोल। 547 00:25:25,770 --> 00:25:29,592 तो रिक मैं यहां जाने के लिए जा रहा हूँ roll--। 548 00:25:29,592 --> 00:25:31,900 >> [संगीत बजाना] 549 00:25:31,900 --> 00:25:33,730 >> ठीक है, कि एक व्यक्ति को पसंद किया। 550 00:25:33,730 --> 00:25:37,270 तो, यह सब समय के नोटिस अगर आप जाहिर है, आप शेयर लिंक क्लिक करें 551 00:25:37,270 --> 00:25:41,390 यूआरएल मिलता है कि आप वास्तव में कर सकते हैं एक ईमेल या एक फोरेंसिक छवि में एम्बेड 552 00:25:41,390 --> 00:25:43,730 या एक समस्या में सेट या एक स्लाइड में। 553 00:25:43,730 --> 00:25:49,055 और अब, मैं बजाय ट्वीट पर क्लिक करते हैं, सूचना है कि यह सब समय, इस सामान 554 00:25:49,055 --> 00:25:49,680 कर दिया गया है। 555 00:25:49,680 --> 00:25:50,910 मुझे आगे जाना है और इस कॉपी करने के लिए जा रहा हूँ। 556 00:25:50,910 --> 00:25:54,000 >> और अभी तो हम मैं कर रहा हूँ, यह बेहतर देख सकते हैं मेरे पाठ संपादक में पेस्ट करने के लिए जा रहा है। 557 00:25:54,000 --> 00:25:55,860 इस सूचना है कि क्या यूट्यूब तुम्हें बता दी गई है। 558 00:25:55,860 --> 00:25:57,693 आप एक यात्रा हर समय यूट्यूब वीडियो, अगर आप 559 00:25:57,693 --> 00:26:00,410 पर वीडियो एम्बेड करना चाहते हैं अपने वेब पेज, बस इस हड़पने। 560 00:26:00,410 --> 00:26:03,350 तो यह अभी तक एक है एचटीएमएल टैग एक iframe बुलाया। 561 00:26:03,350 --> 00:26:04,590 या लाइन फ्रेम में एक। 562 00:26:04,590 --> 00:26:08,680 तो यह भी एक छोटे से अधिक लग रहा है सभी दूसरों की तुलना में जटिल। 563 00:26:08,680 --> 00:26:11,950 तो यह छवि पता चला है कि टैग और जाहिरा तौर पर iframe टैग 564 00:26:11,950 --> 00:26:13,370 कहा जाता गुण हैं क्या ले। 565 00:26:13,370 --> 00:26:15,710 >> और यह एक और है एचटीएमएल में वाक्य रचना का टुकड़ा। 566 00:26:15,710 --> 00:26:19,240 टैग के अलावा नाम, खुले ब्रैकेट टैग नाम, 567 00:26:19,240 --> 00:26:23,780 आप टैग के व्यवहार को नियंत्रित कर सकते हैं विशेषता की एक पूरी गुच्छा होने से 568 00:26:23,780 --> 00:26:24,860 मूल्य के बराबर होती है। 569 00:26:24,860 --> 00:26:26,290 विशेषता मान के बराबर होती है। 570 00:26:26,290 --> 00:26:28,100 और तो उदाहरण के लिए, यूट्यूब हमें कह रही है 571 00:26:28,100 --> 00:26:31,990 आप इस वीडियो की चौड़ाई चाहते हैं 420 पिक्सल और ऊंचाई होने के लिए 572 00:26:31,990 --> 00:26:35,470 315 पिक्सल होने के लिए, कि कैसे आप HTML में व्यक्त करते हैं। 573 00:26:35,470 --> 00:26:38,480 >> वीडियो का स्रोत रहा है लंबे समय है कि यूट्यूब यूआरएल होने के लिए 574 00:26:38,480 --> 00:26:40,830 और फिर कुछ अन्य सामान , फ्रेम सीमा शून्य है की तरह 575 00:26:40,830 --> 00:26:43,500 इतना है कि शायद नहीं है इसका मतलब बात यह है कि आसपास कोई सीमा। 576 00:26:43,500 --> 00:26:45,450 शायद पूर्ण स्क्रीन की अनुमति दें उपयोगकर्ता का मतलब है कि 577 00:26:45,450 --> 00:26:47,840 एक बटन क्लिक कर सकते हैं और वास्तव में पूर्ण स्क्रीन वीडियो। 578 00:26:47,840 --> 00:26:52,870 मैं वास्तव में होना चाहते हैं, तो रिक डॉट एचटीएमएल में यहां प्रभावशाली, 579 00:26:52,870 --> 00:26:58,490 छवि टैग का उपयोग करने के बजाय, चलो मुझे लगता है कि हटाना, बजाय इस पेस्ट। 580 00:26:58,490 --> 00:27:00,810 और अब फिर से लोड। 581 00:27:00,810 --> 00:27:02,500 और अब यहाँ हम फिर जाओ। 582 00:27:02,500 --> 00:27:04,979 583 00:27:04,979 --> 00:27:06,020 ठीक है, यह काफी है। 584 00:27:06,020 --> 00:27:08,970 सभी अधिकार मैं कोशिश करेंगे, ताकि कठिन है कि फिर से ऐसा करने के लिए नहीं। 585 00:27:08,970 --> 00:27:11,400 तो यहाँ takeaways में से कुछ क्या हैं? 586 00:27:11,400 --> 00:27:15,130 इन वेब पृष्ठों के रूप में तो एचटीएमएल, के रूप में बदसूरत कर रहे हैं, वास्तव में बहुत सरल है। 587 00:27:15,130 --> 00:27:16,467 यह एक प्रोग्रामिंग भाषा नहीं है। 588 00:27:16,467 --> 00:27:17,550 यह कार्य नहीं है। 589 00:27:17,550 --> 00:27:18,410 यह छोरों के पास नहीं है। 590 00:27:18,410 --> 00:27:19,535 यह परिस्थितियों के पास नहीं है। 591 00:27:19,535 --> 00:27:22,900 यह सभी के दर्जनों है अलग टैग, जिनमें से प्रत्येक का 592 00:27:22,900 --> 00:27:24,620 शून्य या अधिक गुण है। 593 00:27:24,620 --> 00:27:27,320 और वास्तव में, आनन्द के बारे में क्या हो रहा है एचटीएमएल आप में गोता लगाने के लिए शुरू के रूप में 594 00:27:27,320 --> 00:27:29,560 यह बहुत आत्म मेहनती है कि है। 595 00:27:29,560 --> 00:27:32,880 >> सभी इसे लेता है एक समझ है HTML के सामान्य रूपरेखा की। 596 00:27:32,880 --> 00:27:36,510 एक टैग है क्या, एक विशेषता क्या है, आप वास्तव में एक वेब पेज को विन्यस्त कि कैसे 597 00:27:36,510 --> 00:27:37,250 निम्नलिखित नुसार। 598 00:27:37,250 --> 00:27:40,720 और बाकी सब वास्तव में परिणाम है की एक ऑनलाइन संदर्भ में देख 599 00:27:40,720 --> 00:27:43,080 या कुछ कैसे करना है googling तकनीक या कि हमने देखा है, 600 00:27:43,080 --> 00:27:45,371 फेसबुक के स्रोत पर देख कोड, एक वेबसाइट पर देख रहे हैं 601 00:27:45,371 --> 00:27:48,710 आप इसे कम से पसंद है कि स्रोत कोड है और समझ और कैसे वहाँ डेवलपर्स 602 00:27:48,710 --> 00:27:50,550 वास्तव में चीजें बाहर रखी। 603 00:27:50,550 --> 00:27:52,180 >> इसलिए हम के रूप में अच्छी तरह से छवियों कर सकते हैं। 604 00:27:52,180 --> 00:27:53,994 और वास्तव में, हम एक पल पहले ऐसा किया था। 605 00:27:53,994 --> 00:27:55,410 मुझे आगे जाना है और तुम सिर्फ दिखाते हैं। 606 00:27:55,410 --> 00:27:56,770 यहाँ कुछ नमूना कोड है। 607 00:27:56,770 --> 00:27:58,380 क्या आपने कभी क्रोधी बिल्ली देखना चाहते हैं। 608 00:27:58,380 --> 00:28:00,620 तो मैं कर सकता हूँ कि नोटिस यहां एक छवि टैग है। 609 00:28:00,620 --> 00:28:02,090 और मुझे लगता है कि यह ऊपर एक टिप्पणी मिल गया है। 610 00:28:02,090 --> 00:28:04,490 मैं एक विकल्प मिल गया है पहुँच के लिए पाठ। 611 00:28:04,490 --> 00:28:07,250 एक स्क्रीन का उपयोग कौन है तो किसी को दृष्टि के कारणों के लिए पाठक 612 00:28:07,250 --> 00:28:10,172 वास्तव में तो हो सकता है उनकी स्क्रीन रीडर क्रोधी बिल्ली का कहना है। 613 00:28:10,172 --> 00:28:11,880 यदि वे नहीं कर सकते क्योंकि छवि देखते हैं, वे 614 00:28:11,880 --> 00:28:14,504 कम से कम अपने कंप्यूटर हो सकता है यह है मौखिक रूप से उन्हें बताओ कि क्या। 615 00:28:14,504 --> 00:28:18,020 और उस फ़ाइल के स्रोत cat.jpeg है। 616 00:28:18,020 --> 00:28:22,472 तो वास्तव में, मैं वास्तव में करना चाहता था मैं कर सकता था क्या, चालाक हो done-- 617 00:28:22,472 --> 00:28:25,680 मैं तो, रिक एस्ले पर जाने के लिए वादा नहीं मैं बजाय एक बिल्ली के लिए गूगल के लिए जा रहा हूँ। 618 00:28:25,680 --> 00:28:28,290 और मैं गूगल छवियाँ के लिए जाना है यहाँ, और हम मान लेंगे 619 00:28:28,290 --> 00:28:30,040 कि यह मेरी बिल्ली की एक तस्वीर है। 620 00:28:30,040 --> 00:28:35,070 >> मैं नियंत्रण क्लिक किया है कि मान लीजिए या सही गलती से, इस पर क्लिक किया 621 00:28:35,070 --> 00:28:35,630 खौफनाक। 622 00:28:35,630 --> 00:28:40,320 और cat.jpeg मैं जा रहा हूँ अपने डेस्कटॉप पर बचाने के लिए। 623 00:28:40,320 --> 00:28:44,700 मुझे अब क्लाउड 9 के लिए वापस जाओ। 624 00:28:44,700 --> 00:28:48,150 , जो कि यहाँ मैं कर सकते हैं नोटिस स्थानीय फ़ाइलों को अपलोड करने के लिए जाना। 625 00:28:48,150 --> 00:28:51,530 और मैं इस हड़पने यदि फ़ाइल, cat.jpeg, नोटिस 626 00:28:51,530 --> 00:28:54,674 मैं इसे खींच सकते हैं कि और बादल 9 में ड्रॉप 627 00:28:54,674 --> 00:28:56,090 और यह मुझे यहाँ पर चिल्लाना जा रहा है। 628 00:28:56,090 --> 00:28:59,000 >> हम पहले से ही है, क्योंकि आप एक cat.jpeg फ़ाइल दिया, 629 00:28:59,000 --> 00:29:01,430 लेकिन यह करने के लिए सुपर आसान है आप है कि एक तस्वीर हड़पने 630 00:29:01,430 --> 00:29:03,220 फेसबुक से लिया फ़्लिकर या पसंद या 631 00:29:03,220 --> 00:29:05,678 और वास्तव में खींचें और ड्रॉप उसके बाद क्लाउड 9 में है और इसे बनाने 632 00:29:05,678 --> 00:29:07,970 अपनी खुद की निजी का हिस्सा वेबसाइट या समस्या 633 00:29:07,970 --> 00:29:10,442 हम जल्द ही देखेंगे के रूप में सात या आठ निर्धारित किया है। 634 00:29:10,442 --> 00:29:12,150 और फिर जब आप अंत में है कि बिल्ली का दौरा, 635 00:29:12,150 --> 00:29:16,610 मुझे लगता है कि एक ही बिल्ली डाउनलोड किया, यह सोचते हैं कि that-- नोटिस आराध्य था। 636 00:29:16,610 --> 00:29:19,160 >> क्या आपको देखना होगा है यहाँ इस चेहरे की तरह कुछ। 637 00:29:19,160 --> 00:29:21,810 फ़ाइलों को इतना है कि आप एक वेब पेज के भीतर संदर्भ 638 00:29:21,810 --> 00:29:26,050 या तो अपने स्वयं के स्थानीय हो सकता है कुछ अन्य सर्वर पर खाते या दूरदराज 639 00:29:26,050 --> 00:29:29,670 रिक के मामले में एक छोटा सा पहले एस्ले तस्वीर। 640 00:29:29,670 --> 00:29:32,990 तो कहाँ क्या else-- नहीं तो हम यहाँ क्या कर सकते हैं? 641 00:29:32,990 --> 00:29:34,890 तो चलो निम्नलिखित पर एक नजर डालते हैं। 642 00:29:34,890 --> 00:29:36,160 आप की तरह क्या अच्छा है यह पता है? 643 00:29:36,160 --> 00:29:39,330 >> हम इस प्रकार अब तक कर रहा है बहुत स्थिर वेब पृष्ठों की है। 644 00:29:39,330 --> 00:29:41,830 मैं इस प्रकार के रूप मसाला बातें करना चाहते हैं। 645 00:29:41,830 --> 00:29:44,344 मैं अपने स्वयं के खोज इंजन बनाना चाहते हैं। 646 00:29:44,344 --> 00:29:47,010 तो चलो, एक खोज इंजन बनाने के लिए आगे जाकर यह शुरू कर रही है। 647 00:29:47,010 --> 00:29:52,570 मुझे आगे जाना है और बनाने के लिए जा रहा हूँ एक नई फ़ाइल search.html बुलाया। 648 00:29:52,570 --> 00:29:54,890 और हम ऑनलाइन संस्करणों prefabed है। 649 00:29:54,890 --> 00:29:56,027 वूप्स। 650 00:29:56,027 --> 00:29:57,610 अपने टर्मिनल विंडो में पेस्ट न करें। 651 00:29:57,610 --> 00:29:58,744 ऑनलाइन पूर्वनिर्मित संस्करणों। 652 00:29:58,744 --> 00:30:00,160 और मैं इस प्रकार के रूप में शुरू करने जा रहा हूँ। 653 00:30:00,160 --> 00:30:04,490 तो यहाँ की शुरुआत है एक फ़ाइल search.html बुलाया। 654 00:30:04,490 --> 00:30:07,510 मैं इसे बचाने के लिए जा रहा हूँ आज के स्रोत निर्देशिका। 655 00:30:07,510 --> 00:30:09,079 मैं इस खोज को फोन करने के लिए जा रहा हूँ। 656 00:30:09,079 --> 00:30:10,370 असल में, हम इसे बेहतर बना देंगे। 657 00:30:10,370 --> 00:30:13,600 CS50 खोजें और वास्तव में यह ब्रांड। 658 00:30:13,600 --> 00:30:17,500 और अब, मैं कहने जा रहा हूँ एच 1 CS50 खोज की तरह कुछ और। 659 00:30:17,500 --> 00:30:20,930 और फिर यहाँ नीचे, एच ​​2 जल्द ही आ रहा है। 660 00:30:20,930 --> 00:30:23,230 और बस, एच 1 संक्षिप्त करने के लिए और एच 2 क्या क्रमशः मतलब है? 661 00:30:23,230 --> 00:30:26,750 662 00:30:26,750 --> 00:30:30,320 >> हाँ, इतना बड़ा और बोल्ड, और के रूप में बड़ा है, लेकिन अभी भी बोल्ड नहीं। 663 00:30:30,320 --> 00:30:37,375 इसलिए मैं इस बचाने के लिए और यहाँ पर जाना है, फाइल search.html देखते हैं। 664 00:30:37,375 --> 00:30:42,560 ठीक है, और यह एक [अश्राव्य] right-- है। 665 00:30:42,560 --> 00:30:46,980 666 00:30:46,980 --> 00:30:49,110 समर्थन करना। 667 00:30:49,110 --> 00:30:49,945 डेविड उलझन में है। 668 00:30:49,945 --> 00:30:52,610 669 00:30:52,610 --> 00:30:54,080 ओह, यह सही नहीं है। 670 00:30:54,080 --> 00:30:54,860 डेविड एक मूर्ख है। 671 00:30:54,860 --> 00:30:55,420 ठीक। 672 00:30:55,420 --> 00:30:56,660 तो यह है। 673 00:30:56,660 --> 00:30:58,350 तो CS50 खोज जल्द ही आ रहा है। 674 00:30:58,350 --> 00:31:00,370 तो अब, चलो synthesize जाने हम पिछले हफ्ते क्या किया। 675 00:31:00,370 --> 00:31:03,400 >> हम इस बारे में बात कहाँ HTTP के निचले स्तर यांत्रिकी। 676 00:31:03,400 --> 00:31:05,780 और इन नए विचारों एचटीएमएल, की जो बस है 677 00:31:05,780 --> 00:31:08,890 इस मार्कअप भाषा जहां आप वास्तव में क्या करने के लिए एक ब्राउज़र बताओ 678 00:31:08,890 --> 00:31:10,740 और हमारे अपने खोज इंजन को लागू करने। 679 00:31:10,740 --> 00:31:12,520 तो बजाय सिर्फ जल्द ही आ रहा कि मैं कर रहा हूँ 680 00:31:12,520 --> 00:31:14,810 शुरू करने जा रहा कुछ एक रूप टैग बुलाया। 681 00:31:14,810 --> 00:31:19,610 और इस रूप में, मैं जा रहा हूँ एक इनपुट क्षेत्र की तरह कुछ है। 682 00:31:19,610 --> 00:31:22,450 >> और इस इनपुट के नाम क्षेत्र में, मैं यह कॉल करने के लिए जा रहा हूँ प्र 683 00:31:22,450 --> 00:31:26,240 और इस इनपुट क्षेत्र के प्रकार मैं कहने जा रहा हूँ बस "पाठ" है। 684 00:31:26,240 --> 00:31:29,130 एक पाठ क्षेत्र और, के रूप में हम करेंगे देखते हैं, सिर्फ एक पाठ बॉक्स है। 685 00:31:29,130 --> 00:31:32,830 और तो यह है की यहाँ भावना नहीं है इस बिंदु पर इसके अंदर कुछ भी। 686 00:31:32,830 --> 00:31:35,320 और इसलिए मैं बस जा रहा हूँ उस के साथ टैग को बंद करने के लिए 687 00:31:35,320 --> 00:31:38,099 आगे टैग अपने आप में सही स्लेश। 688 00:31:38,099 --> 00:31:39,890 और फिर मैं जा रहा हूँ एक अन्य इनपुट है। 689 00:31:39,890 --> 00:31:43,480 इनपुट प्रकार प्रस्तुत बराबर होती है। 690 00:31:43,480 --> 00:31:45,320 और फिर मैं जा रहा हूँ इस एक बहुत करीब है। 691 00:31:45,320 --> 00:31:46,840 >> और अब मैं यहाँ वापस जाने के लिए जा रहा हूँ। 692 00:31:46,840 --> 00:31:49,520 और पहले से ही हम देखते हैं, बहुत बदसूरत यद्यपि, मैं 693 00:31:49,520 --> 00:31:52,460 की शुरुआत मिला यहाँ अपने स्वयं के खोज पेज। 694 00:31:52,460 --> 00:31:55,150 वास्तव में, मुझे की कोशिश करते हैं एक छोटा सा यह साफ। 695 00:31:55,150 --> 00:31:57,330 यह पर पता चला है कि यहां इनपुट, मैं हो सकता है 696 00:31:57,330 --> 00:31:59,910 प्लेसहोल्डर नामक एक और विशेषता। 697 00:31:59,910 --> 00:32:05,165 और मैं कीवर्ड की तरह कुछ देख सकते हैं, या अधिक विशेष रूप से, क्यू के लिए क्वेरी। 698 00:32:05,165 --> 00:32:07,820 >> और अब, मुझे लगता है, नोटिस ग्रे पाठ के इस तरह के 699 00:32:07,820 --> 00:32:10,440 उस के रूप में गायब हो जाता है जल्द ही मैं टाइपिंग शुरू के रूप में, 700 00:32:10,440 --> 00:32:12,930 लेकिन यह शायद कुछ है आप अन्य वेब पृष्ठों में देखा है। 701 00:32:12,930 --> 00:32:14,650 मैं वास्तव में सबमिट बटन पसंद नहीं है। 702 00:32:14,650 --> 00:32:18,320 इसलिए मैं वास्तव में देने जा रहा हूँ बटन खोज का एक मूल्य जमा करें। 703 00:32:18,320 --> 00:32:21,680 मैं फिर से लोड करता है, तो और अब, कि नोटिस मेरे बटन खोज नामित हो जाता है। 704 00:32:21,680 --> 00:32:24,140 तुम्हें पता है मैं वास्तव में नहीं है, पता है यहाँ के लोगो की तरह। 705 00:32:24,140 --> 00:32:27,140 तो गूगल फ़ॉन्ट जनरेटर। 706 00:32:27,140 --> 00:32:28,820 >> मैं आगे इस मसाला करने के लिए चाहते हैं। 707 00:32:28,820 --> 00:32:30,660 तो CS50 खोज। 708 00:32:30,660 --> 00:32:31,870 मुझे अपने ही लोगो पैदा करते हैं। 709 00:32:31,870 --> 00:32:33,080 यह अच्छा लग रहा है। 710 00:32:33,080 --> 00:32:36,945 तो अब मुझे इस पर आने as-- बचाने के लिए करते। 711 00:32:36,945 --> 00:32:40,710 712 00:32:40,710 --> 00:32:43,120 ये कहां जा रहा है? 713 00:32:43,120 --> 00:32:43,620 क्या आप वहां मौजूद हैं. 714 00:32:43,620 --> 00:32:44,160 ठीक। 715 00:32:44,160 --> 00:32:44,980 इसे छोड़ दिया। 716 00:32:44,980 --> 00:32:47,740 के रूप रक्षित करें। 717 00:32:47,740 --> 00:32:49,470 बेवकूफ ब्राउज़रों। 718 00:32:49,470 --> 00:32:51,700 द्वारा खड़े हो जाओ, हम करने जा रहे हैं इस बार और सभी के लिए तय कर लो। 719 00:32:51,700 --> 00:32:57,650 720 00:32:57,650 --> 00:32:58,590 हम वहाँ चलें। 721 00:32:58,590 --> 00:32:59,090 ठीक है। 722 00:32:59,090 --> 00:32:59,600 माफ़ कीजिए। 723 00:32:59,600 --> 00:33:00,750 छुट्टी का दिन। 724 00:33:00,750 --> 00:33:02,310 अब इस कायरता है। 725 00:33:02,310 --> 00:33:03,160 पूर्ण स्क्रीन से बाहर निकलें। 726 00:33:03,160 --> 00:33:04,150 ठीक है। 727 00:33:04,150 --> 00:33:06,870 >> अब, एक सामान्य की तरह व्यक्ति के रूप में छवि को बचाने के। 728 00:33:06,870 --> 00:33:08,810 Logo.gif। 729 00:33:08,810 --> 00:33:13,194 अब मैं CS50IDE और में जाने के लिए जा रहा हूँ मैं बस लोगो को हड़पने के लिए जा रहा हूँ, 730 00:33:13,194 --> 00:33:15,360 मैं में खींचें करने के लिए जा रहा हूँ मेरे स्रोत सात निर्देशिका, 731 00:33:15,360 --> 00:33:17,002 फ़ाइल पहले मैं उस के साथ ठीक हूँ, मौजूद है। 732 00:33:17,002 --> 00:33:19,210 तो मैं इसे ओवरराइड करने के लिए जा रहा हूँ मैं पहले से ही यह किया था। 733 00:33:19,210 --> 00:33:20,630 और अब मैं यह कैसे से छुटकारा मिलता है? 734 00:33:20,630 --> 00:33:24,670 >> चलो यहाँ से आगे जाने के लिए और करते हैं छवि स्रोत logo.gif बराबर होती है। 735 00:33:24,670 --> 00:33:25,490 इसे बंद करो। 736 00:33:25,490 --> 00:33:26,050 बचाओ। 737 00:33:26,050 --> 00:33:30,560 और अब मैं अपनी खोज को वापस जाने के लिए अगर पेज, अब यह बहुत अच्छा लग रहा है। 738 00:33:30,560 --> 00:33:33,610 ठीक है, यह नहीं है तो काफी उपयोगी कुछ भी किया। 739 00:33:33,610 --> 00:33:37,000 वास्तव में, मुझे खोज करने की कोशिश करते हैं और एक बिल्ली के लिए देखो क्या होता है। 740 00:33:37,000 --> 00:33:38,890 बिल्लियों। 741 00:33:38,890 --> 00:33:39,420 लानत है। 742 00:33:39,420 --> 00:33:41,400 यह सिर्फ जाहिरा तौर पर काम नहीं करता। 743 00:33:41,400 --> 00:33:43,760 इसलिए महत्वपूर्ण टुकड़ा क्या है लगता है कि यहाँ याद आ रही है? 744 00:33:43,760 --> 00:33:49,100 >> ठीक है, आप किसी भी HTML पता नहीं है, भले ही मैं फोन फार्म अंकन शुरू कर दिया है 745 00:33:49,100 --> 00:33:54,130 और मुझे लगता है कि जानकारी प्राप्त करने के लिए कैसे यह बता दिया है मुझे एक टेक्स्ट बॉक्स देने के लिए और एक बटन सबमिट करें, 746 00:33:54,130 --> 00:33:55,730 जाहिरा तौर पर क्या टुकड़ा याद आ रही है? 747 00:33:55,730 --> 00:33:58,975 हम वास्तव में प्राप्त करना चाहते हैं सही ढंग से काम कर रहे हैं इस बात को। 748 00:33:58,975 --> 00:34:02,420 749 00:34:02,420 --> 00:34:05,360 हमें क्या करना होगा? 750 00:34:05,360 --> 00:34:08,860 हम वापस अंत को लागू करने के लिए एक की जरूरत है डेटाबेस या खोज इंजन ही है, 751 00:34:08,860 --> 00:34:11,210 और कहा कि एक ले जा रहा है स्पष्ट रूप से समय की बहुत सारी,। 752 00:34:11,210 --> 00:34:13,380 >> इसलिए हम पिछली बार क्या किया। 753 00:34:13,380 --> 00:34:18,230 तो अगर आप गूगल पर कुछ के लिए खोज करता है, तो और यदि आप पहले से बंद कर दिया है 754 00:34:18,230 --> 00:34:20,355 याद है, त्वरित खोज। 755 00:34:20,355 --> 00:34:22,230 तो मुझे लगता है कि बंद बारी इतना है कि यह वास्तव में 756 00:34:22,230 --> 00:34:26,650 एक पुराने स्कूल ब्राउज़र की तरह बर्ताव करता है, अब मैं बिल्लियों की तरह कुछ के लिए खोज करते हैं, 757 00:34:26,650 --> 00:34:28,190 यूआरएल की तरह लग रहा है क्या याद करते हैं। 758 00:34:28,190 --> 00:34:29,449 यह बहुत गुप्त है। 759 00:34:29,449 --> 00:34:33,000 लेकिन वहाँ में एम्बेडेड, याद है, स्लेश खोज है। 760 00:34:33,000 --> 00:34:35,100 प्रश्न चिह्न क्यू बिल्लियों के बराबर होती है। 761 00:34:35,100 --> 00:34:37,760 >> और कहा कि मुझे देने के लिए प्रतीत होता है खोज परिणामों की एक पूरी गुच्छा। 762 00:34:37,760 --> 00:34:39,134 तो तुम मुझे क्या करने जा रहा हूँ पता है क्या? 763 00:34:39,134 --> 00:34:41,650 मैं उधार लेने के लिए जा रहा हूँ बस एक मिनट के लिए गूगल। 764 00:34:41,650 --> 00:34:43,670 मैं ऊपर जाने के लिए जा रहा हूँ यहाँ और मैं कहने जा रहा हूँ 765 00:34:43,670 --> 00:34:47,850 इस कार्रवाई है कि रूपों या गंतव्य, तो बात है, 766 00:34:47,850 --> 00:34:49,330 सचमुच गूगल होना चाहिए। 767 00:34:49,330 --> 00:34:52,590 और विधि मैं चाहता था उपयोग करने के लिए प्राप्त होने जा रहा है। 768 00:34:52,590 --> 00:34:53,560 >> तो कार्रवाई क्या है? 769 00:34:53,560 --> 00:34:55,760 कार्रवाई अजीब तरह से, के नाम पर है लेकिन लगता है कि बस का अर्थ 770 00:34:55,760 --> 00:34:58,120 कौन संभालने जा रहा है इस फार्म की कार्रवाई? 771 00:34:58,120 --> 00:35:00,820 मैं खोज, जहां पर क्लिक करते हैं परिणाम जाना चाहिए? 772 00:35:00,820 --> 00:35:05,300 और अब मैं अपने फार्म के लिए वापस जाना है यहाँ और मेरे वेब पेज को फिर से लोड 773 00:35:05,300 --> 00:35:09,000 और अब कुछ के लिए खोज कुत्ते की तरह, अब नोटिस 774 00:35:09,000 --> 00:35:10,850 मैं गूगल कार्यान्वित कर रहे है। 775 00:35:10,850 --> 00:35:11,350 है ना? 776 00:35:11,350 --> 00:35:14,141 >> मैं कुछ के लिए खोज करना चाहते हैं वरना, यह न सिर्फ कुत्तों के लिए काम करता है, 777 00:35:14,141 --> 00:35:16,400 यह भी बिल्लियों के लिए काम करता है। 778 00:35:16,400 --> 00:35:21,930 यह भी CS50 के लिए काम करता है। 779 00:35:21,930 --> 00:35:24,310 और ठीक है, यह सिर्फ है विराट के तहत, यह नहीं है? 780 00:35:24,310 --> 00:35:25,920 ठीक है, लेकिन यह वास्तव में काम करता है। 781 00:35:25,920 --> 00:35:27,360 तो वास्तव में क्या चल रहा है? 782 00:35:27,360 --> 00:35:31,340 इसलिए मैं का उपयोग कर, अपने ब्राउज़र सिखाया है एचटीएमएल, उपयोगकर्ता से इनपुट लेने के लिए 783 00:35:31,340 --> 00:35:35,810 और वास्तव में है कि इनपुट भेजने एक दूरस्थ सर्वर से HTTP का उपयोग। 784 00:35:35,810 --> 00:35:39,120 >> और अपने ब्राउज़र क्योंकि HTTP, यह वास्तव में समझता है 785 00:35:39,120 --> 00:35:43,500 क्या इतना है कि यूआरएल का निर्माण मैं अपने ब्राउज़र में खत्म हो गया अंत 786 00:35:43,500 --> 00:35:45,660 क्या होता है नोटिस जब मैं कुत्ते के लिए खोज की। 787 00:35:45,660 --> 00:35:49,270 मैं खोजें क्लिक करते हैं, कि नोटिस मैं के रूप में करना यूआरएल में परिवर्तन 788 00:35:49,270 --> 00:35:52,770 क्वेरी कुत्ते के बराबर होती है google.com/search करने के लिए। 789 00:35:52,770 --> 00:35:56,020 और कहा कि प्रपत्र क्योंकि है विधि मिलता है, क्योंकि जानता है, 790 00:35:56,020 --> 00:35:59,560 बस वहाँ है कि यूआरएल को संलग्न करने के लिए। 791 00:35:59,560 --> 00:36:01,730 >> अब, इन वेब पृष्ठों अभी भी बदसूरत हैं। 792 00:36:01,730 --> 00:36:04,890 तो चलो एक अन्य परिचय वाक्य रचना का टुकड़ा हम आज कर सकते हैं। 793 00:36:04,890 --> 00:36:07,640 और यह जाना कुछ है व्यापक स्टाइल शीट के रूप में। 794 00:36:07,640 --> 00:36:10,720 इसलिए मुझ पर एक नजर डालते हैं यहाँ इस उदाहरण करें और देखें 795 00:36:10,720 --> 00:36:12,380 हम पर क्या हो रहा है उसका अनुमान लगा सकते हैं। 796 00:36:12,380 --> 00:36:14,520 इस CSS0.html है। 797 00:36:14,520 --> 00:36:16,532 और इस जहां चीजें है एक छोटे बदसूरत मिलता है। 798 00:36:16,532 --> 00:36:18,490 , दुर्भाग्य से, क्योंकि वेब की दुनिया में, 799 00:36:18,490 --> 00:36:20,920 एचटीएमएल अकेले सब कुछ नहीं कर सकते। 800 00:36:20,920 --> 00:36:22,920 और इसलिए यदि आप चाहते हैं अपने वेब पेज stylize 801 00:36:22,920 --> 00:36:28,370 आप वास्तव में पर ध्यान केंद्रित करने की जरूरत है एक अलग तरह से सौंदर्यशास्त्र। 802 00:36:28,370 --> 00:36:33,090 यहाँ तो, मैं अपने वेब का शरीर है जो के अंदर पेज एक बड़ा div है। 803 00:36:33,090 --> 00:36:34,700 और एक div सिर्फ विभाजन का मतलब है। 804 00:36:34,700 --> 00:36:38,060 तो यह एक पैरा लेकिन यह पसंद है एक ही अर्थ विज्ञान के पास नहीं है 805 00:36:38,060 --> 00:36:39,180 पाठ के एक पैरा की। 806 00:36:39,180 --> 00:36:40,940 >> यह सिर्फ करने के लिए इसका मतलब है ब्राउज़र, यहाँ आता है 807 00:36:40,940 --> 00:36:45,210 अपने वेब का एक बड़ा आयताकार क्षेत्र पेज, मैं विशेष रूप से इसे संभाल करने के लिए चाहते हैं। 808 00:36:45,210 --> 00:36:47,420 कि div शुरू होता है जहां अब, लाइन 21 है। 809 00:36:47,420 --> 00:36:48,770 और सिर्फ एक अनुमान ले। 810 00:36:48,770 --> 00:36:53,080 पर लाइन 21 का प्रभाव क्या है पेज की सामग्री के बाकी? 811 00:36:53,080 --> 00:36:55,640 812 00:36:55,640 --> 00:36:56,311 यह केंद्रीभूत। 813 00:36:56,311 --> 00:36:56,810 बस इतना ही। 814 00:36:56,810 --> 00:36:58,830 इसलिए हम एक तरह से नहीं देखा है वास्तव में पाठ केंद्रित। 815 00:36:58,830 --> 00:37:00,996 >> वास्तव में, मेरी खोज इंजन, वास्तविक गूगल के विपरीत, 816 00:37:00,996 --> 00:37:03,040 सभी बाईं ओर से अधिक उचित था। 817 00:37:03,040 --> 00:37:07,430 और अब तो लाइन 21 में, मैं अरे, कह रहा हूँ ब्राउज़र, पेज का एक प्रभाग पैदा करते हैं। 818 00:37:07,430 --> 00:37:09,450 बस मुझे एक बड़ा, अदृश्य आयत दे। 819 00:37:09,450 --> 00:37:11,490 यही कारण है कि मैं चाहता हूँ कि कैसे है वेब पेज के बारे में सोचते हैं। 820 00:37:11,490 --> 00:37:13,870 इस प्रकार के रूप और फिर यह stylize। 821 00:37:13,870 --> 00:37:16,900 उन उद्धरण के अंदर, अब, एक दूसरी भाषा है 822 00:37:16,900 --> 00:37:19,969 हम आज पेश कि कहा जाता व्यापक स्टाइल शीट। 823 00:37:19,969 --> 00:37:22,010 शुक्र है, यह भी नहीं है एक प्रोग्रामिंग भाषा, 824 00:37:22,010 --> 00:37:26,470 तो यह बहुत ही अपने वाक्य रचना में ही सीमित है लेकिन यह भी बहुत अपनी कार्यक्षमता में सीमित 825 00:37:26,470 --> 00:37:30,670 एचटीएमएल जबकि सब के बारे में एक वेब पेज के डेटा को अंकन 826 00:37:30,670 --> 00:37:32,130 और एक वेब पेज की संरचना। 827 00:37:32,130 --> 00:37:35,320 सीएसएस के बारे में आम तौर पर है पिछले मील, सौंदर्यशास्त्र, 828 00:37:35,320 --> 00:37:40,160 आकार और रंग और हो रही है एक वेब पेज में बिल्कुल सही स्थान। 829 00:37:40,160 --> 00:37:43,000 और वास्तव में, यह बनाई है कुंजी मान जोड़े के साथ। 830 00:37:43,000 --> 00:37:46,290 >> यह, पाठ की तरह एक संपत्ति एक बृहदान्त्र के बाद, संरेखित, 831 00:37:46,290 --> 00:37:49,720 इस बात का मूल्य द्वारा पीछा इस मामले में केंद्र संपत्ति है, जो। 832 00:37:49,720 --> 00:37:51,910 और अब तुम नोटिस घोंसला इन बातों से कर सकते हैं। 833 00:37:51,910 --> 00:37:56,780 मुझे लगता है कि हर चीज में चाहता था मैं केन्द्रित करने पर प्रकाश डाला है 834 00:37:56,780 --> 00:38:00,270 यही कारण है कि मैं लाइन 21 है और इसी लाइन पर 31। 835 00:38:00,270 --> 00:38:04,820 लेकिन अब लगता है कि जॉन कहना चाहता हूँ हार्वर्ड, मेरे घर पृष्ठ पर आपका स्वागत है। 836 00:38:04,820 --> 00:38:06,530 >> कॉपीराइट प्रतीक जॉन हार्वर्ड। 837 00:38:06,530 --> 00:38:09,180 और मुझे लगता है की पहली चाहता हूँ उन पंक्तियों बहुत बड़ा होने के लिए। 838 00:38:09,180 --> 00:38:10,450 36 पिक्सल। 839 00:38:10,450 --> 00:38:11,530 तो यह है कि एक सभ्य आकार है। 840 00:38:11,530 --> 00:38:13,240 और मैं बोल्ड होने के लिए अपने वजन चाहता था। 841 00:38:13,240 --> 00:38:15,450 लेकिन तब है कि नीचे, मैं छोटे पाठ चाहते हैं। 842 00:38:15,450 --> 00:38:19,980 और कहा कि नीचे, मैं चाहता हूँ यहां तक ​​कि छोटे पाठ। 843 00:38:19,980 --> 00:38:20,480 माफ़ कीजिए। 844 00:38:20,480 --> 00:38:24,490 845 00:38:24,490 --> 00:38:26,940 आज बंद एक दिन की तरह लगता है। 846 00:38:26,940 --> 00:38:29,840 >> तो अब, मैं इस व्यक्त करने के लिए क्या कर रहा हूँ? 847 00:38:29,840 --> 00:38:34,580 यहाँ लाइन 22 पर एक एम्बेडेड है div या नेस्टेड div, अगर तुम जाएगा। 848 00:38:34,580 --> 00:38:36,190 यह भी अपनी खुद की शैली टैग है। 849 00:38:36,190 --> 00:38:38,160 मैं 36 का एक फ़ॉन्ट आकार निर्दिष्ट करें। 850 00:38:38,160 --> 00:38:40,460 मैं बोल्ड का एक फ़ॉन्ट वजन निर्दिष्ट करें। 851 00:38:40,460 --> 00:38:43,360 यहाँ नीचे, मैं केवल 24 पिक्सल निर्दिष्ट करें। 852 00:38:43,360 --> 00:38:45,960 और अंत में, लाइन 28 में, मैं 12 निर्दिष्ट करें। 853 00:38:45,960 --> 00:38:49,070 तो बस एक त्वरित मानसिक स्वास्थ्य की जांच के रूप में और एक मानव इस पढ़ने के रूप में, 854 00:38:49,070 --> 00:38:52,545 स्क्रीन पर जो शब्द हैं वास्तव में बोल्ड होने के लिए जा रहे हैं? 855 00:38:52,545 --> 00:38:56,100 856 00:38:56,100 --> 00:38:58,760 जो लाइनों वास्तव में बोल्ड कर रहे हैं? 857 00:38:58,760 --> 00:38:59,570 >> बस जॉन हार्वर्ड। 858 00:38:59,570 --> 00:39:00,070 है ना? 859 00:39:00,070 --> 00:39:05,940 लाइन 22 हे कहते हैं बस के रूप में है, क्योंकि ब्राउज़र, पृष्ठ यहाँ का एक प्रभाग है। 860 00:39:05,940 --> 00:39:07,920 यह फ़ॉन्ट आकार 36 बिंदु बना। 861 00:39:07,920 --> 00:39:09,460 फ़ॉन्ट वजन बोल्ड बनाओ। 862 00:39:09,460 --> 00:39:11,920 जैसे ही आप तक पहुंच के रूप में इसी अंत टैग 863 00:39:11,920 --> 00:39:15,340 या लाइन 24 पर बंद टैग, इसका मतलब है कि, हे ब्राउज़र, 864 00:39:15,340 --> 00:39:17,640 यह आप क्या कर रहे है जो कुछ भी कर बंद करो। 865 00:39:17,640 --> 00:39:21,020 और नोटिस, भले ही स्पष्ट होना लाइन 22 इन विशेषताओं के सभी है 866 00:39:21,020 --> 00:39:24,430 शैली की तरह, जब आप 24 लाइन में टैग को बंद, 867 00:39:24,430 --> 00:39:25,940 आप केवल टैग के नाम का उल्लेख। 868 00:39:25,940 --> 00:39:29,990 >> आप शब्द शैली को दोहराना नहीं है या उन उद्धरण के अंदर कुछ भी है कि। 869 00:39:29,990 --> 00:39:32,860 और अब मैं इसे देखो यदि हां अपने ब्राउज़र में, चलो ले चलो 870 00:39:32,860 --> 00:39:38,060 एक अंतिम परिणाम पर नजर डालें। मुझे जाने दो आगे सीएसएस 0 है जो इस फ़ाइल में करने के लिए। 871 00:39:38,060 --> 00:39:41,814 और यह बहुत सादा अब भी है लेकिन बहुत दिलचस्प हो रही है। 872 00:39:41,814 --> 00:39:43,980 लेकिन यह वहाँ है पता चला है मैं यहाँ क्या कर सकते हैं, अन्य बातों के, 873 00:39:43,980 --> 00:39:46,490 और बनाने का जोखिम पर पूरी तरह से घृणित इस, 874 00:39:46,490 --> 00:39:48,630 यहां कि में नोटिस मेरी अपने वेब पेज के शरीर, 875 00:39:48,630 --> 00:39:53,930 मैं अजीब कुछ कर सकते हैं बीजी या पृष्ठभूमि रंग की तरह। 876 00:39:53,930 --> 00:39:56,670 >> और जल्दी, अपने पसंदीदा रंग क्या है? 877 00:39:56,670 --> 00:39:57,720 ग्रीन मैंने सुना है। 878 00:39:57,720 --> 00:39:58,750 ठीक है। 879 00:39:58,750 --> 00:40:02,920 तो अब, मैं अब पुनः लोड मारा, हम एक हरे रंग की वेब पेज है। 880 00:40:02,920 --> 00:40:04,710 ठीक है, तो यह बुरा नहीं है। 881 00:40:04,710 --> 00:40:08,350 और अब, मैं यह करना चाहते हैं तो वास्तव में शांत, मैं अपने पाठ का रंग बना सकते हैं 882 00:40:08,350 --> 00:40:09,360 यहां तक ​​कि लाल। 883 00:40:09,360 --> 00:40:10,870 तो चलो इस तरह दिखता है क्या देखते हैं। 884 00:40:10,870 --> 00:40:12,230 अब यह बहुत अच्छा लग रहा है। 885 00:40:12,230 --> 00:40:15,460 और नीचे यहाँ, अगर आप वास्तव में किसी के साथ गड़बड़ करने के लिए करना चाहते हैं 886 00:40:15,460 --> 00:40:17,487 या आप होना चाहते हैं उन लोगों में से एक हैं, जो 887 00:40:17,487 --> 00:40:20,570 एक वेब का दौरा करने में चाल की कोशिश करता है पेज वे गूगल धोखा दिया है क्योंकि 888 00:40:20,570 --> 00:40:27,610 सोच में एक पूरी गुच्छा है कुंजी शब्दों चलो देखते हैं like-- की, पुनः लोड। 889 00:40:27,610 --> 00:40:29,020 890 00:40:29,020 --> 00:40:30,680 वह कहाँ चला गया? 891 00:40:30,680 --> 00:40:31,530 और हमें इसे वहाँ। 892 00:40:31,530 --> 00:40:32,030 ठीक है। 893 00:40:32,030 --> 00:40:34,905 मैं एक अलग रूप में यह कहते तो, हम करेंगे कुछ ही हफ्तों में इस सामान के बारे में बात करते हैं 894 00:40:34,905 --> 00:40:36,740 हम के बारे में बात करते हैं सुरक्षा, अगर आप वास्तव में 895 00:40:36,740 --> 00:40:38,852 ट्वीट पूरे गुच्छों एक वेब पेज में खोजशब्दों, 896 00:40:38,852 --> 00:40:41,810 वे एक को दिखाई नहीं कर रहे हैं, भले ही गूगल की तरह मानव, किसी को, ज़ाहिर है, 897 00:40:41,810 --> 00:40:43,250 अभी भी वास्तव में इस पा सकते हैं। 898 00:40:43,250 --> 00:40:45,820 ठीक है, तो लगता है कि बहुत है बहुत जल्दी घृणित। 899 00:40:45,820 --> 00:40:48,420 >> और वास्तव में, यह सब नहीं है अपने खुद के वेब के विपरीत है कि ज्यादा 900 00:40:48,420 --> 00:40:51,480 एक स्नातक, के रूप में पृष्ठ जो मैं पता लगाने के लिए चारों ओर googling शुरू कर दिया 901 00:40:51,480 --> 00:40:53,690 मेरे पुराने वेबसाइटों के पिछले संस्करणों। 902 00:40:53,690 --> 00:40:54,500 यह बहुत बुरा था। 903 00:40:54,500 --> 00:40:56,650 वास्तव में, मैं मिला सिर्फ कक्षा एक से पहले। 904 00:40:56,650 --> 00:40:58,620 लेकिन वहाँ बाहर बदतर नहीं है। 905 00:40:58,620 --> 00:41:01,534 यह जाहिरा तौर पर था मेरी 1996 में वापस घर पृष्ठ। 906 00:41:01,534 --> 00:41:04,200 जाहिर है मैंने सोचा था लोगों को अपने नाम पूछने के लिए उचित 907 00:41:04,200 --> 00:41:05,991 वे सकता से पहले वास्तव में मेरे वेब पेज देखने के लिए। 908 00:41:05,991 --> 00:41:09,380 909 00:41:09,380 --> 00:41:11,920 >> और फिर मैं उन्हें पता चला शायद बेवकूफ कुछ। 910 00:41:11,920 --> 00:41:13,450 मैं अगली बार के लिए अधिक मिलूँगा। 911 00:41:13,450 --> 00:41:16,220 लेकिन अब के लिए, चलो डिजाइन का एक सा विचार करें। 912 00:41:16,220 --> 00:41:17,444 हम शैली के बारे में बात की है। 913 00:41:17,444 --> 00:41:19,735 और इस पृष्ठ इस प्रकार अब तक और मैंने लिखा है सबसे सब कुछ 914 00:41:19,735 --> 00:41:21,890 शैलीगत बहुत साफ है। 915 00:41:21,890 --> 00:41:23,320 लेकिन डिजाइन के बारे में क्या? 916 00:41:23,320 --> 00:41:25,990 खैर, अतिरेक का एक बहुत कुछ है मैं यहाँ क्या कर रहा हूँ में। 917 00:41:25,990 --> 00:41:28,156 >> मैं शब्द का उल्लेख किया है स्थानों के एक जोड़े में रंग। 918 00:41:28,156 --> 00:41:31,630 मैं के एक जोड़े में फ़ॉन्ट आकार का उल्लेख किया है स्थानों के एक जोड़े में स्थानों और बोल्ड। 919 00:41:31,630 --> 00:41:34,870 और मौलिक रूप से, मैं सह हूँ दो भाषाओं mingling। 920 00:41:34,870 --> 00:41:38,100 मैं अपने टैग और साथ HTML मिल गया है मेरा जिम्मेदार बताते हैं और फिर अचानक, 921 00:41:38,100 --> 00:41:40,100 उद्धरण के बीच, मेरे पास है दूसरी भाषा आज 922 00:41:40,100 --> 00:41:43,830 फिर से, बस इन है, जो कहा जाता सीएसएस, महत्वपूर्ण मूल्य जोड़े या इन गुणों 923 00:41:43,830 --> 00:41:45,280 कॉलन से अलग कर दिया। 924 00:41:45,280 --> 00:41:47,700 >> ऐसा लगता है कि ज्यादा पता चला है जैसे सी में जहां हम 925 00:41:47,700 --> 00:41:50,550 बाहर कारक करने के लिए शुरू कर सकते हैं हेडर फाइल में कुछ कोड, 926 00:41:50,550 --> 00:41:53,520 इसलिए हम एचटीएमएल में ही कर सकते हैं। 927 00:41:53,520 --> 00:41:56,030 इस प्रकार के रूप और उस की ओर एक कदम है। 928 00:41:56,030 --> 00:42:02,230 इस संस्करण CSS1.html है कि नोटिस ठीक उसी वेब पेज संरचनात्मक रूप से। 929 00:42:02,230 --> 00:42:05,250 तो मैं एक पूरी गुच्छा मिल गया है divs की, लेकिन इस बार, मैं 930 00:42:05,250 --> 00:42:07,220 आवरण से छुटकारा मिल गया जैसा कि आप देखेंगे डिव। 931 00:42:07,220 --> 00:42:12,390 >> और मैं उन तीन divs दिया है ऊपर, मध्य, और नीचे, अद्वितीय आईडी। 932 00:42:12,390 --> 00:42:14,760 इस वजह से अच्छा है, उन डिवीजनों दे रही है 933 00:42:14,760 --> 00:42:18,715 पेज एकमात्र पहचान, मैं उन्हें कहीं संदर्भित कर सकते हैं। 934 00:42:18,715 --> 00:42:19,215 कहाँ हैं? 935 00:42:19,215 --> 00:42:21,070 खैर, मुझे ऊपर स्क्रॉल करते हैं। 936 00:42:21,070 --> 00:42:24,070 और इस प्रकार अब तक, किसी भी समय हम देखा है एक वेब पेज के सिर पर, क्या है 937 00:42:24,070 --> 00:42:28,560 हम में लिया है ही टैग एक वेब पेज के सिर? 938 00:42:28,560 --> 00:42:29,740 थोड़ा जोर से। 939 00:42:29,740 --> 00:42:30,799 बस शीर्षक अब तक। 940 00:42:30,799 --> 00:42:32,590 लेकिन यह वहाँ है पता चला है कुछ अन्य बातें 941 00:42:32,590 --> 00:42:35,840 आप में वहाँ की एक डाल सकते हैं जो इसे एक शैली टैग कहा जाता है। 942 00:42:35,840 --> 00:42:37,850 तो एक पल पहले, हम देखा एक शैली विशेषता पर। 943 00:42:37,850 --> 00:42:39,150 एक शैली टैग वहाँ पता चला है। 944 00:42:39,150 --> 00:42:41,200 इसके अंदर अंतर्गत आता है एक वेब पेज के प्रमुख के। 945 00:42:41,200 --> 00:42:42,840 और अब मैं क्या कर रहा हूँ नोटिस। 946 00:42:42,840 --> 00:42:46,540 मैं इस के अंदर है शैली टैग निम्नलिखित। 947 00:42:46,540 --> 00:42:51,190 मैं सचमुच लाइन 20 पर उल्लेख कर रहा हूँ मैं stylize करना चाहते हैं कि एक टैग का नाम है। 948 00:42:51,190 --> 00:42:53,489 >> तब मैं खुले घुंघराले ब्रेस है और घुंघराले ब्रेस बंद हुआ। 949 00:42:53,489 --> 00:42:56,030 , सी भावना में तो समान है लेकिन फिर, यह एक समारोह में नहीं है, 950 00:42:56,030 --> 00:42:57,796 यहाँ यह सिर्फ एक वाक्यात्मक विस्तार है। 951 00:42:57,796 --> 00:43:00,170 और फिर निश्चित रूप से, मैं कह रहा हूँ ब्राउज़र, हे ब्राउज़र, 952 00:43:00,170 --> 00:43:05,210 पेज के पूरे शरीर को बनाने केंद्र के एक पाठ संरेखण है। 953 00:43:05,210 --> 00:43:06,930 और फिर इस निम्नलिखित कह रहा है। 954 00:43:06,930 --> 00:43:12,600 अरे ब्राउज़र, आप एक HTML देखते हैं तो पेज में तत्व या टैग कि 955 00:43:12,600 --> 00:43:17,040 , शीर्ष की एक अद्वितीय पहचानकर्ता है इसलिए हैश प्रतीक यहाँ बस का अर्थ 956 00:43:17,040 --> 00:43:21,010 शीर्ष की अद्वितीय विचार, आगे बढ़ो और उसके फ़ॉन्ट आकार बनाने के 36 957 00:43:21,010 --> 00:43:22,490 और उसके फ़ॉन्ट वजन बोल्ड। 958 00:43:22,490 --> 00:43:26,840 >> अरे ब्राउज़र, जिसका एक तत्व आईडी यह 24 पिक्सल बनाने, मध्य है। 959 00:43:26,840 --> 00:43:31,070 और हे ब्राउज़र, यदि आप देखते हैं एक नीचे का विचार है, यह 12 पिक्सल बनाते हैं। 960 00:43:31,070 --> 00:43:33,540 अंत में प्रभाव बिल्कुल सैम है। 961 00:43:33,540 --> 00:43:36,500 मैं सीएसएस 1 में जाना है, पेज एक ही लग रहा है। 962 00:43:36,500 --> 00:43:39,810 लेकिन हम की ओर एक कदम हो एक से थोड़ा बेहतर डिजाइन। 963 00:43:39,810 --> 00:43:44,850 मुझे अब सीएसएस 2 करने के लिए यहाँ वापस जाओ और मैंने किया है और क्या देखते हैं। 964 00:43:44,850 --> 00:43:48,030 >> अब पेज वास्तव में, वास्तव में साफ है। 965 00:43:48,030 --> 00:43:50,730 वास्तव में, मैं के सभी फिट कर सकते हैं यहां एक पेज पर सामग्री। 966 00:43:50,730 --> 00:43:54,270 लेकिन क्या नया टैग मेरे पास है जाहिर है, शुरू की? 967 00:43:54,270 --> 00:43:54,770 लिंक। 968 00:43:54,770 --> 00:43:57,853 और यह एक टैग के लिए सबसे अच्छा नाम नहीं है यह समझ में एक लिंक नहीं है, क्योंकि 969 00:43:57,853 --> 00:44:00,780 हम यह जानते हैं, लेकिन इसका मतलब यह है कि कुछ अन्य फ़ाइल में एक लिंक। 970 00:44:00,780 --> 00:44:02,890 इस तेज सी में शामिल की तरह की तरह है 971 00:44:02,890 --> 00:44:06,280 >> इस HTML में जिस तरह से है ब्राउज़र अरे कहना है, 972 00:44:06,280 --> 00:44:10,240 की सामग्री को मिल जाना फ़ाइल css2.css बुलाया। 973 00:44:10,240 --> 00:44:12,880 रिश्ते, मेरे लिए, यह एक शैली पत्रक है कि है। 974 00:44:12,880 --> 00:44:17,980 और वास्तव में, कि क्या में से एक व्यापक स्टाइल शीट साधन में एस। 975 00:44:17,980 --> 00:44:20,350 यह एक शैली पत्रक है। 976 00:44:20,350 --> 00:44:23,120 यह युक्त सिर्फ पाठ फ़ाइल है संपत्ति की एक पूरी गुच्छा। 977 00:44:23,120 --> 00:44:25,940 यह शैलियों की एक पूरी गुच्छा है आप एक पृष्ठ के लिए लागू करना चाहते हैं। 978 00:44:25,940 --> 00:44:28,860 >> और इसलिए इस जाहिरा तौर पर है एक दूसरी फाइल का जिक्र है। 979 00:44:28,860 --> 00:44:32,970 और मुझे लगता है कि, CSS2.css खुला है, सब मैंने किया है कि नोटिस 980 00:44:32,970 --> 00:44:35,900 कॉपी और सभी पेस्ट है इस फाइल में इस बात का। 981 00:44:35,900 --> 00:44:38,220 और अब, आप कभी नहीं किया है इससे पहले इस सामान कोडित, 982 00:44:38,220 --> 00:44:40,700 बस के साथ विचार लौकिक इंजीनियरिंग टोपी 983 00:44:40,700 --> 00:44:44,220 पर, क्यों यह एक है शायद बेहतर डिजाइन? 984 00:44:44,220 --> 00:44:48,910 उन सीएसएस संपत्तियों बाहर फैक्टरिंग, अपने स्वयं के फ़ाइल में डाल। 985 00:44:48,910 --> 00:44:51,330 भले ही हम इस हल समस्या की तरह पांच मिनट पहले 986 00:44:51,330 --> 00:44:52,600 बहुत पहले संस्करण में। 987 00:44:52,600 --> 00:44:55,730 >> हम सुधार नहीं किया है पेज Stylistically, 988 00:44:55,730 --> 00:44:57,520 यह सिर्फ बेहतर है कुछ समझ में डिजाइन। 989 00:44:57,520 --> 00:44:58,990 आपको क्या लगता है? 990 00:44:58,990 --> 00:45:01,510 हाँ। 991 00:45:01,510 --> 00:45:02,260 अधिक लचीला कैसे? 992 00:45:02,260 --> 00:45:05,040 993 00:45:05,040 --> 00:45:05,540 हाँ। 994 00:45:05,540 --> 00:45:07,373 आप जाना चाहते हैं, तो पीठ और चीजों को बदलने, 995 00:45:07,373 --> 00:45:09,540 अब, आप एक जगह है जहां आप चीजों को बदल सकते हैं। 996 00:45:09,540 --> 00:45:11,622 और वास्तव में, कुछ के लिए जैसे समस्या, सात सेट 997 00:45:11,622 --> 00:45:13,690 हम एक को लागू करेंगे जहां शेयर ट्रेडिंग वेबसाइट, 998 00:45:13,690 --> 00:45:15,523 कि एक किया जा रहा है पृष्ठों की पूरी गुच्छा। 999 00:45:15,523 --> 00:45:17,620 और यह सच होगा कष्टप्रद आप निर्णय लेते हैं, एचएम, 1000 00:45:17,620 --> 00:45:21,630 मैं वास्तव में मैं चाहता हूँ, 24 पिक्सल पसंद नहीं है यह 28 पिक्सल या थोड़ा बड़ा होने के लिए। 1001 00:45:21,630 --> 00:45:23,550 और फिर एक को करना है खोजने के लिए और की जगह वैश्विक 1002 00:45:23,550 --> 00:45:27,560 या अपनी वेबसाइट की फ़ाइलों के सभी के लिए खुला बस वास्तव में एक मूल्य बदलने के लिए। 1003 00:45:27,560 --> 00:45:31,290 इन शैलियों बाहर फैक्टरिंग द्वारा एक केंद्रीय स्थान में, 1004 00:45:31,290 --> 00:45:34,720 आप अब एक पाठ फ़ाइल खोल सकते हैं किसी भी कार्यक्रम में CS50IDE में, 1005 00:45:34,720 --> 00:45:36,479 इसे बदलने के लिए इसे बचाने, और किया। 1006 00:45:36,479 --> 00:45:38,270 आप उन लोगों में प्रचारित किया है हर जगह बदलता है। 1007 00:45:38,270 --> 00:45:42,450 और कहा कि एक ही होगा एक डॉट ज फ़ाइल में के रूप में अच्छी तरह से। 1008 00:45:42,450 --> 00:45:46,697 इसलिए किसी भी प्रश्न इस प्रकार अब तक इस वाक्य रचना पर? 1009 00:45:46,697 --> 00:45:48,530 ठीक है, तो हम है सब कुछ ऐसा लगता है किया 1010 00:45:48,530 --> 00:45:51,170 वास्तव में छोड़कर हाइपरलिंक को लागू करने। 1011 00:45:51,170 --> 00:45:52,740 और तो आगे बढ़ते हैं और यह करते हैं। 1012 00:45:52,740 --> 00:45:54,830 मुझे आगे चलते हैं और यहां एक नई फ़ाइल बनाएँ। 1013 00:45:54,830 --> 00:45:59,970 मैं यह कॉल करने के लिए जा रहा हूँ link.html, आज के कोड में डाल दिया है। 1014 00:45:59,970 --> 00:46:03,000 >> और मैं खुले क्या करने जा रहा हूँ ब्रैकेट डॉक्टर प्रकार एचटीएमएल। 1015 00:46:03,000 --> 00:46:05,970 पर एक तरफ, इस बात के रूप में शीर्ष, इस डॉक्टर प्रकार घोषणा, 1016 00:46:05,970 --> 00:46:08,420 यह अजीब है कि केवल एक ही है विस्मयबोधक चिन्ह के साथ। 1017 00:46:08,420 --> 00:46:12,100 तुम सिर्फ वहाँ यह करना है और यह हम एचटीएमएल 5 संस्करण का उपयोग कर रहे हैं इसका मतलब है। 1018 00:46:12,100 --> 00:46:14,460 के पुराने संस्करण भाषा बहुत लंबे समय तक था 1019 00:46:14,460 --> 00:46:16,400 आप की जरूरत है कि तार कर रख दिया। 1020 00:46:16,400 --> 00:46:18,620 तो यहाँ लिंक नामक एक उदाहरण है। 1021 00:46:18,620 --> 00:46:20,950 >> मैं यहाँ अपने वेब पेज की एक संस्था की जरूरत है। 1022 00:46:20,950 --> 00:46:29,770 और यहाँ में, एक href बराबरी के HTTP://www.disney.com हम कहते हैं 1023 00:46:29,770 --> 00:46:35,420 और मेरा पसंदीदा वेबसाइट, हम कह देंगे। 1024 00:46:35,420 --> 00:46:38,550 ठीक है, तो एक बहुत अहानिकर, उपयोगकर्ता के अनुकूल पृष्ठ। 1025 00:46:38,550 --> 00:46:42,950 अब मैं अपने निर्देशिका में जाओ यहां लिस्टिंग और link.html को खोलने, 1026 00:46:42,950 --> 00:46:44,780 हम हाइपर टेक्स्ट है। 1027 00:46:44,780 --> 00:46:47,410 >> और वास्तव में, यह कहाँ है HTTP में एच से आता है। 1028 00:46:47,410 --> 00:46:51,580 हाइपरटेक्स्ट ट्रांसफ़र प्रोटोकॉल पाठ में परिवर्तित करने के बारे में है 1029 00:46:51,580 --> 00:46:53,840 कि अन्य संसाधनों के हाइपरलिंक है। 1030 00:46:53,840 --> 00:46:58,210 और वास्तव में, यहाँ, परिचित है रेट्रो, तो नीले लिंक पर क्लिक किया है कि अगर, 1031 00:46:58,210 --> 00:47:02,607 वास्तव में Disney.com के लिए मुझे का नेतृत्व करेंगे। 1032 00:47:02,607 --> 00:47:03,940 अब, ओह, कि जल्द ही बाहर आ रहा है। 1033 00:47:03,940 --> 00:47:08,970 ठीक है, तो अब क्या कर रहे हैं कुछ इस के निहितार्थ की? 1034 00:47:08,970 --> 00:47:11,610 >> और सच में, दुनिया से शुरू होता है एक छोटे से अधिक परिचित पाने के लिए 1035 00:47:11,610 --> 00:47:15,090 और यह भी एक छोटे डरावना लेकिन यह भी एक छोटे से अधिक 1036 00:47:15,090 --> 00:47:17,840 एक बार आप शुरू सफ़ाई स्व इन बातों को समझने के लिए। 1037 00:47:17,840 --> 00:47:21,610 बाधाओं, आप में से कुछ, अगर तुम जाओ हैं क्योंकि अपने जीमेल स्पैम फोल्डर के माध्यम से या यहाँ तक 1038 00:47:21,610 --> 00:47:23,990 आपके इनबॉक्स, तो आप शायद है ईमेल किसी तरह का हो गया 1039 00:47:23,990 --> 00:47:26,980 कि बदलने के लिए आप पूछ रहा है अपने पासवर्ड सकता है या शायद सत्यापित करें 1040 00:47:26,980 --> 00:47:28,910 अपने पेपैल साख या whatnot। 1041 00:47:28,910 --> 00:47:34,510 >> और वास्तव में, आपको प्राप्त हो सकता है यहाँ क्लिक करें की तरह कहते हैं कि कुछ 1042 00:47:34,510 --> 00:47:42,260 अपने पेपैल पासवर्ड रीसेट करने के लिए। 1043 00:47:42,260 --> 00:47:44,130 और अब, यदि नोटिस इस Disney.com नहीं है 1044 00:47:44,130 --> 00:47:51,600 लेकिन जैसे badplace.com और पुनः लोड ध्यान दें कि यहां पाठ 1045 00:47:51,600 --> 00:47:53,710 जो भी कुछ भी कह सकते हैं। 1046 00:47:53,710 --> 00:47:55,260 और वास्तव में, यह सिर्फ शब्द है। 1047 00:47:55,260 --> 00:48:04,610 क्यों मैं वास्तव में सुपर दुर्भावनापूर्ण न हो और http://www.paypal.com कहते हैं। 1048 00:48:04,610 --> 00:48:14,090 >> अपने पेपैल रीसेट यहां क्लिक करें पासवर्ड और अब फिर से लोड। 1049 00:48:14,090 --> 00:48:16,220 यह ठीक है, बहुत वैध लग रहा है? 1050 00:48:16,220 --> 00:48:20,470 मैं मैं पर क्लिक नहीं होगा, मतलब सिर्फ यह कहते हैं कि एक ईमेल। 1051 00:48:20,470 --> 00:48:22,450 लेकिन यहाँ विरोधाभास पर ध्यान दिया। 1052 00:48:22,450 --> 00:48:26,880 यह www.paypal.com कहते हैं, और वास्तव में, एक मिनट रुको, 1053 00:48:26,880 --> 00:48:29,210 हम चाहते हैं कि पता है सुरक्षा के लिए एस। 1054 00:48:29,210 --> 00:48:35,450 तो अब, www.paypal.com HTTPS के लिए जाना है, लेकिन इससे पहले कि आप यह कभी नहीं किया गया है, 1055 00:48:35,450 --> 00:48:38,182 की आदत में मिलता है यहां छोटी सी लिंक पर मँडरा। 1056 00:48:38,182 --> 00:48:39,890 और यह देखना मुश्किल है वहाँ स्क्रीन पर, 1057 00:48:39,890 --> 00:48:41,340 और यह यहाँ नहीं है कि सब आसान है। 1058 00:48:41,340 --> 00:48:43,615 लेकिन जिस तरह से यहाँ नीचे में छोटे छोटे कोने 1059 00:48:43,615 --> 00:48:45,740 वास्तव में ब्राउज़र करता है हम जा रहे हैं कि तुम बताओ 1060 00:48:45,740 --> 00:48:48,850 बजाय Paypal.com की badplace.com करने के लिए। 1061 00:48:48,850 --> 00:48:51,620 अब, जहां हम इस के साथ जा रहे हैं? 1062 00:48:51,620 --> 00:48:54,859 हम आज किया है सब उदाहरण हैं, हम कड़ी मेहनत से कोडित और मैन्युअल बाहर टाइप किया है। 1063 00:48:54,859 --> 00:48:56,900 वेब अविश्वसनीय है शुष्क जब आप मुश्किल 1064 00:48:56,900 --> 00:48:59,844 उस सामग्री को तो अपने वेब पेज Code स्थिर और कभी नहीं बदल रहा है। 1065 00:48:59,844 --> 00:49:01,760 बेशक, हमारे सभी पसंदीदा वेबसाइटों आज 1066 00:49:01,760 --> 00:49:04,470 यह जीमेल या ट्विटर या है कि क्या फेसबुक या दूसरों के किसी भी नंबर 1067 00:49:04,470 --> 00:49:05,290 गतिशील हैं। 1068 00:49:05,290 --> 00:49:07,340 वे में बदल रहे हैं उपयोगकर्ता इनपुट के जवाब 1069 00:49:07,340 --> 00:49:08,840 बस गूगल खोज परिणामों की तरह। 1070 00:49:08,840 --> 00:49:12,415 >> और तो बुधवार को, हम क्या है हम एचटीएमएल और सीएसएस परिचय छोड़ 1071 00:49:12,415 --> 00:49:14,290 हम लेते हैं और हमारे पीछे अब हम उस के लिए दी 1072 00:49:14,290 --> 00:49:16,640 यह जानते हैं और हम परिचय एक नई प्रोग्रामिंग भाषा 1073 00:49:16,640 --> 00:49:19,050 पसंद है, जो कहा जाता है, पीएचपी, सी, हमें देने के लिए जा रहा है 1074 00:49:19,050 --> 00:49:22,450 वास्तव में कार्यक्रम बनाने के लिए बिजली खुद को कि उत्पादन उत्पन्न करते हैं। 1075 00:49:22,450 --> 00:49:25,900 इस मामले में, हम का उपयोग होगा पीएचपी गतिशील वेब उत्पन्न करने के लिए 1076 00:49:25,900 --> 00:49:27,340 इस नई भाषा का उपयोग कर पृष्ठों। 1077 00:49:27,340 --> 00:49:28,989 बुधवार को उस पर इतना अधिक। 1078 00:49:28,989 --> 00:49:29,530 तब आप देखना। 1079 00:49:29,530 --> 00:49:33,130 1080 00:49:33,130 --> 00:49:37,380 >> [संगीत बजाना] 1081 00:49:37,380 --> 00:52:38,864