1
00:00:00,000 --> 00:00:01,390

2
00:00:01,390 --> 00:00:04,890
>> [संगीत खेल]

3
00:00:04,890 --> 00:00:10,955

4
00:00:10,955 --> 00:00:12,580
डेविड जे Malan: सब ठीक है, वापस स्वागत करते हैं.

5
00:00:12,580 --> 00:00:13,600
इस CS50 है.

6
00:00:13,600 --> 00:00:15,540
इस सप्ताह सात का अंत है.

7
00:00:15,540 --> 00:00:18,180
और यह कि मेहतर का अंत है
समस्या से शिकार चार सेट

8
00:00:18,180 --> 00:00:19,220
यदि आपको याद हो सकता है.

9
00:00:19,220 --> 00:00:21,650
के सभी उबरने के बाद
कर्मचारियों की उन JPEGs,

10
00:00:21,650 --> 00:00:24,820
यदि आप चाहते हैं आप, चुनौती दी थी
के रूप में कई के साथ खुद को तस्वीर

11
00:00:24,820 --> 00:00:25,981
आप कर सकते हैं उन लोगों की.

12
00:00:25,981 --> 00:00:28,480
हम प्रस्तुतियाँ की एक पूरी गुच्छा मिला
पिछले कुछ हफ्तों में,

13
00:00:28,480 --> 00:00:32,980
दरअसल, काफी कुछ सही दोपहर से पहले
आज, जिनमें से कुछ, यहां उन हैं

14
00:00:32,980 --> 00:00:37,670
Annenberg like-- दिखता in-- यहां पकड़ा
यहां कार्यालय समय पर हॉल, एक

15
00:00:37,670 --> 00:00:39,530
निक के साथ लोवेल हाउस में.

16
00:00:39,530 --> 00:00:41,750
यहाँ रेमन फोन पर पकड़ा जा रहा है.

17
00:00:41,750 --> 00:00:43,870
यह एक CS50 दोपहर के भोजन पर था.

18
00:00:43,870 --> 00:00:46,840
इस जेसन के साथ Skyping था
एक और अधिक रचनात्मक सहपाठी,

19
00:00:46,840 --> 00:00:48,280
जो उसे इस तरह से फोन किया था.

20
00:00:48,280 --> 00:00:49,690
हम यह क्या था पता नहीं है.

21
00:00:49,690 --> 00:00:51,940
>> [हँसी]

22
00:00:51,940 --> 00:00:54,570
>> डेविड जे Malan: लेकिन
कि एक गीगाबाइट लायक है.

23
00:00:54,570 --> 00:00:56,960
यहाँ चांग, ​​कौन है
सचमुच मंच से भागा

24
00:00:56,960 --> 00:01:00,480
एक फोटो खिंचवाने जा रहा से बचने के लिए
दिन, लेकिन अंत में पकड़ा गया था.

25
00:01:00,480 --> 00:01:02,050
यहाँ निक है.

26
00:01:02,050 --> 00:01:03,480
यहाँ निक है.

27
00:01:03,480 --> 00:01:04,080
यहाँ निक है.

28
00:01:04,080 --> 00:01:05,090

29
00:01:05,090 --> 00:01:07,670
और यहाँ एलिसन नीचे क्षेत्रों से है.

30
00:01:07,670 --> 00:01:11,840
और Zamyla भी नहीं मिला
एक बॉलरूम प्रतियोगिता में.

31
00:01:11,840 --> 00:01:14,100
इसलिए हम के माध्यम से जाना जाएगा
इन तस्वीरों, यह पता लगाने

32
00:01:14,100 --> 00:01:16,690
जो प्रस्तुत सबसे
जल्द से जल्द, और इनाम

33
00:01:16,690 --> 00:01:20,662
एक शानदार पुरस्कार के रूप में
कल्पना में वादा किया था.

34
00:01:20,662 --> 00:01:23,120
और हम भी बारे में ऊपर का पालन करेंगे
शामिल किया गया था कि अंतरिक्ष.

35
00:01:23,120 --> 00:01:26,860
>> Announcements-- तो दोपहर के भोजन के एक जोड़े
, फिर से, 1:15 पर इस शुक्रवार है.

36
00:01:26,860 --> 00:01:30,420
आप हमारे साथ शामिल करना चाहते हैं,
यहां कि यूआरएल पर RSVP.

37
00:01:30,420 --> 00:01:33,730
जेसन एक से यहां फिर से प्रकट होता है
साल के वर्गों के एक जोड़े

38
00:01:33,730 --> 00:01:35,510
पीठ, जो हुआ
हैलोवीन पर गिर करने के लिए.

39
00:01:35,510 --> 00:01:38,950
और वास्तव में, वह एक के रूप में तैयार
उस विशेष वर्ष कद्दू.

40
00:01:38,950 --> 00:01:42,700
आप इस खंड घड़ी
उसकी 2011 खंड की

41
00:01:42,700 --> 00:01:46,480
आठ, आप उत्सुक हैं,
CS50.tv में, मुझे लगता है कि

42
00:01:46,480 --> 00:01:49,730
इस वर्ष था जिसमें
उसकी हवा पंप काम कर रहा था.

43
00:01:49,730 --> 00:01:52,490
>> आप तो घड़ी
2012 में भी इसी खंड,

44
00:01:52,490 --> 00:01:55,620
आप बहुत पिचकाकर इस जेसन देखेंगे
सूट नहीं रह कार्य के बाद से,

45
00:01:55,620 --> 00:01:58,060
जो सिर्फ कहने के लिए है
इस शुक्रवार, आप चाहते हैं

46
00:01:58,060 --> 00:02:02,720
दावेन साथ एक कद्दू उत्कीर्ण पसंद
और Gabe और दूसरों को, सिर को RSVP

47
00:02:02,720 --> 00:02:04,480
cs50.harvard.edu पते पर.

48
00:02:04,480 --> 00:02:06,200
यह बहुत मजेदार होने का वादा.

49
00:02:06,200 --> 00:02:08,660
दावेन, हम से कहा, खुदी हुई है रहे हैं
अपने जीवन के सभी कद्दू.

50
00:02:08,660 --> 00:02:11,930
ब्राजील से गेब्रियल कभी नहीं किया है
हैलोवीन के लिए एक कद्दू खुदी हुई.

51
00:02:11,930 --> 00:02:14,700
वह सीखता है तो जैसा कि उनके साथ वहाँ हो.

52
00:02:14,700 --> 00:02:16,830
>> सेमिनार, meanwhile--
तो आप जल्दी ही सीख जाओगे

53
00:02:16,830 --> 00:02:20,650
के बारे में क्या हमारी उम्मीदों के लिए कर रहे हैं
अंतिम परियोजना, जो अनिवार्य रूप से

54
00:02:20,650 --> 00:02:23,150
को लेकर ही होगा
डिजाइन और कार्यान्वयन

55
00:02:23,150 --> 00:02:26,440
ब्याज की किसी भी परियोजना के लिए सबसे
अनुमोदन के अधीन यद्यपि आप,

56
00:02:26,440 --> 00:02:28,490
और अपने शिक्षण साथी से मार्गदर्शन.

57
00:02:28,490 --> 00:02:32,110
के अंत की ओर
सेमेस्टर, हम एक नंबर का परिचय

58
00:02:32,110 --> 00:02:35,610
वैकल्पिक कक्षाएं हैं जो सेमिनार, की
शिक्षण साथियों और हार्वर्ड के नेतृत्व में

59
00:02:35,610 --> 00:02:38,570
स्टाफ, भर में पाठ्यक्रम के दोस्तों से
विभिन्न विषयों पर परिसर, कि

60
00:02:38,570 --> 00:02:41,470
के लिए स्पर्शरेखा हैं
पाठ्यक्रम के अंतर्निहित पाठ्यक्रम

61
00:02:41,470 --> 00:02:45,590
लेकिन फिर भी लागू हो, मज़ा, और
संभावित अंतिम परियोजनाओं के लिए अलग.

62
00:02:45,590 --> 00:02:49,530
>> उदाहरण के लिए, सबसे पहले, यदि आप चाहते हैं
वहाँ कि यूआरएल के लिए, सिर रजिस्टर करने के लिए.

63
00:02:49,530 --> 00:02:53,010
और इस के लिए लाइनअप है
अकेले इस साल के सेमिनार.

64
00:02:53,010 --> 00:02:56,060
लेकिन हम में से दर्जनों एहसास
पिछले कुछ वर्षों से सेमिनार, जो सभी के लिए

65
00:02:56,060 --> 00:02:59,774
सेमिनार मेनू में जुड़े हुए हैं
पाठ्यक्रम की वेबसाइट का विकल्प.

66
00:02:59,774 --> 00:03:02,190
आप के बारे में सोच रहे हैं तो अगर
अपनी सुविधा क्षेत्र के बाहर जा रहा

67
00:03:02,190 --> 00:03:05,060
या कुछ नए कौशल उठा,
उदाहरण के लिए, iPhone प्रोग्रामिंग

68
00:03:05,060 --> 00:03:08,100
स्विफ्ट, एक नई भाषा के साथ क्षुधा
एप्पल या उद्देश्य सी से

69
00:03:08,100 --> 00:03:11,230
या एंड्रॉयड क्षुधा या प्रोग्रामिंग [? क्यू?]
प्रकाश बल्ब, या विषयों के किसी भी

70
00:03:11,230 --> 00:03:15,490
यहाँ और अधिक होने के कारण जांच
पंजीकरण पेज बाहर.

71
00:03:15,490 --> 00:03:19,730
>> इसलिए हम शुरू हुआ और पर यह निष्कर्ष निकाला
एचटीटीपी को देख के साथ सोमवार.

72
00:03:19,730 --> 00:03:22,675
तो जल्दी refresher-- एचटीटीपी,
हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल.

73
00:03:22,675 --> 00:03:24,045
लेकिन यह है कि वास्तव में क्या मतलब है?

74
00:03:24,045 --> 00:03:26,805

75
00:03:26,805 --> 00:03:27,930
कि वास्तव में क्या मतलब है?

76
00:03:27,930 --> 00:03:30,665

77
00:03:30,665 --> 00:03:31,290
कि एक हाथ है?

78
00:03:31,290 --> 00:03:33,074

79
00:03:33,074 --> 00:03:34,740
मैं तुम सिर्फ अपने सिर scratching रहे हैं.

80
00:03:34,740 --> 00:03:36,400
लेकिन आप HTTP क्या है प्रस्ताव करना चाहते हैं?

81
00:03:36,400 --> 00:03:37,792

82
00:03:37,792 --> 00:03:40,576
>> दर्शक: कैसे कंप्यूटर
[अश्राव्य] के साथ संवाद.

83
00:03:40,576 --> 00:03:41,517

84
00:03:41,517 --> 00:03:43,100
डेविड जे Malan: मैं पिछले भाग याद किया.

85
00:03:43,100 --> 00:03:45,774
कंप्यूटर with-- कैसे संवाद

86
00:03:45,774 --> 00:03:47,325
>> दर्शक: इंटरनेट सर्वर.

87
00:03:47,325 --> 00:03:50,450
डेविड जे Malan: इंटरनेट के साथ Good--
सर्वर, और विशेष रूप से, वेब सर्वर.

88
00:03:50,450 --> 00:03:53,533
याद क्योंकि, का एक गुच्छा है
इंटरनेट पर सेवाओं, जिनमें से कुछ

89
00:03:53,533 --> 00:03:57,349
आप चैट के बीच दैनिक शायद का उपयोग
और संदेश, चैट, और वेब, और ईमेल,

90
00:03:57,349 --> 00:03:57,890
और पसंद है.

91
00:03:57,890 --> 00:04:00,900
और HTTP बस है
प्रोटोकॉल वेब ब्राउज़रों कि

92
00:04:00,900 --> 00:04:03,750
साथ संवाद स्थापित करने के लिए जब बोलने
वेब सर्वर, और इसके विपरीत.

93
00:04:03,750 --> 00:04:05,580
और में एनालॉग
इंसानों की दुनिया, हो सकता है

94
00:04:05,580 --> 00:04:08,730
मैं कुछ हिला मेरे हाथ का विस्तार
अन्य मानव और वह

95
00:04:08,730 --> 00:04:11,970
विस्तार से मानता है
उसके हाथ के रूप में अच्छी तरह से.

96
00:04:11,970 --> 00:04:13,970
इसलिए कि सिर्फ एक प्रोटोकॉल है,
सम्मेलनों का एक सेट.

97
00:04:13,970 --> 00:04:15,630
>> और उन सम्मेलनों वास्तव में क्या कर रहे हैं?

98
00:04:15,630 --> 00:04:18,640
खैर, यह सिर्फ करने के लिए नीचे फोड़े
आगे और पीछे संदेश भेजने,

99
00:04:18,640 --> 00:04:19,770
हम यहाँ दर्शाया के रूप में.

100
00:04:19,770 --> 00:04:22,520
और तरीके के एक जोड़े में नहीं है
जो आप इन संदेशों को भेज सकते हैं.

101
00:04:22,520 --> 00:04:24,360
और शायद सबसे
आम मिल के रूप में जाना जाता है.

102
00:04:24,360 --> 00:04:26,510
और हम एक विपरीत देखेंगे
इस के लिए लंबे समय से पहले.

103
00:04:26,510 --> 00:04:30,010
>> लेकिन एक ब्राउज़र से एक अनुरोध प्राप्त
सर्वर से सिर्फ इस तरह दिखता है.

104
00:04:30,010 --> 00:04:32,960
यह कहते हैं कि पाठ का एक गुच्छा है
एक आभासी लिफाफे के अंदर.

105
00:04:32,960 --> 00:04:35,854
उस लिफाफे के बाहर
विवरण के एक जोड़े के टुकड़े जाना.

106
00:04:35,854 --> 00:04:37,770
क्या पर जाने की जरूरत है
लिफाफा, तो बात है,

107
00:04:37,770 --> 00:04:41,820
जैसे एक अनुरोध प्राप्त करने के लिए
एक वेब सर्वर से मुझसे यह?

108
00:04:41,820 --> 00:04:42,320
हाँ.

109
00:04:42,320 --> 00:04:43,270
>> दर्शक: आपका आईपी पता.

110
00:04:43,270 --> 00:04:45,890
>> डेविड जे Malan: मेरे आईपी पता
से क्षेत्र में, तो बात है,

111
00:04:45,890 --> 00:04:49,490
और जाहिर है,
प्राप्तकर्ता का आईपी पता.

112
00:04:49,490 --> 00:04:52,710
लेकिन एक वेब पैकेट के मामले में,
हम थोड़ा और विस्तार की जरूरत

113
00:04:52,710 --> 00:04:55,254
यह सिर्फ करने के लिए पर्याप्त नहीं है
एक सर्वर से एक लिफाफा भेजना,

114
00:04:55,254 --> 00:04:57,670
सर्वर है कि हो सकता है क्योंकि
विभिन्न प्रकार के लिए सुन

115
00:04:57,670 --> 00:04:59,180
इंटरनेट यातायात की.

116
00:04:59,180 --> 00:05:01,370
तो और क्या हम क्या ज़रूरत है
प्राप्तकर्ता का आईपी के अलावा?

117
00:05:01,370 --> 00:05:02,723

118
00:05:02,723 --> 00:05:03,222
हाँ?

119
00:05:03,222 --> 00:05:04,241
>> दर्शक: यह टीसीपी है?

120
00:05:04,241 --> 00:05:05,074
डेविड जे Malan: अच्छा.

121
00:05:05,074 --> 00:05:06,470
TCP--

122
00:05:06,470 --> 00:05:07,340
>> दर्शक: पता.

123
00:05:07,340 --> 00:05:09,340
>> डेविड जे Malan: पता,
या यह कहा जाता है बंदरगाह, के रूप में.

124
00:05:09,340 --> 00:05:11,010
बंद, लेकिन एक टीसीपी पोर्ट नंबर.

125
00:05:11,010 --> 00:05:12,220
और इनमें से एक गुच्छा है.

126
00:05:12,220 --> 00:05:14,310
लेकिन निश्चित रूप से सबसे
परिचित होना चाहिए अंततः

127
00:05:14,310 --> 00:05:17,590
डिफ़ॉल्ट है, जो 80 हो
एक वेब यातायात के लिए प्रयोग किया जाता है.

128
00:05:17,590 --> 00:05:20,040
और एक अन्य परिचित
एक जल्द ही 443 हो जाएगा

129
00:05:20,040 --> 00:05:24,280
जो सुरक्षित वेब के लिए प्रयोग किया जाता है
यातायात, https के साथ शुरू है कि यूआरएल.

130
00:05:24,280 --> 00:05:26,650
>> तो यह क्या जाता है
उस लिफाफे के अंदर.

131
00:05:26,650 --> 00:05:29,780
और मिल / बस, दे मतलब
मुझे डिफ़ॉल्ट वेब पेज.

132
00:05:29,780 --> 00:05:32,700
मुझे मुश्किल की जड़ दे दो
कि वेब सर्वर पर ड्राइव.

133
00:05:32,700 --> 00:05:36,050
और उम्मीद है, वेब
ठीक है, के साथ जवाब देंगे सर्वर

134
00:05:36,050 --> 00:05:39,630
बस है जो और संख्या 200,
सभी, हाँ, एक कहावत सम्मेलन

135
00:05:39,630 --> 00:05:40,470
वास्तव में ठीक है.

136
00:05:40,470 --> 00:05:41,680
यहाँ पेज है.

137
00:05:41,680 --> 00:05:45,510
वेब पेज के प्रकार के लिए जा रहा है
पाठ हो, लेकिन और अधिक विशेष रूप से, एचटीएमएल,

138
00:05:45,510 --> 00:05:47,010
जो हम वापस में गोता लगाने वाले हैं.

139
00:05:47,010 --> 00:05:49,877
और डॉट डॉट सिर्फ डॉट
इसका मतलब है, यहाँ एचटीएमएल है.

140
00:05:49,877 --> 00:05:51,710
और कहा कि जहां हम
आज कहानी उठाओ,

141
00:05:51,710 --> 00:05:55,740
वास्तव में, एचटीएमएल लेखन
हाइपरटेक्स्ट मार्कअप लैंग्वेज, जो

142
00:05:55,740 --> 00:05:57,727
भाषा है जिसमें
वेब पृष्ठों को लिखा जाता है.

143
00:05:57,727 --> 00:05:59,060
यह एक प्रोग्रामिंग भाषा नहीं है.

144
00:05:59,060 --> 00:06:01,270
कोई कार्य कर रहा है
या छोरों या स्थितियों.

145
00:06:01,270 --> 00:06:03,800
यह एक मार्कअप भाषा है,
साथ ही आज फिर से देखना,

146
00:06:03,800 --> 00:06:07,240
कि आप निर्दिष्ट करने के लिए अनुमति देता है
संरचना और stylize कैसे करें

147
00:06:07,240 --> 00:06:09,300
सौंदर्य की दृष्टि से एक वेब पेज.

148
00:06:09,300 --> 00:06:11,470
>> तो यह एक था
और केवल पेज हम वास्तव में

149
00:06:11,470 --> 00:06:13,930
संक्षेप में अगर सोमवार को, देखा.

150
00:06:13,930 --> 00:06:16,250
और कुछ नोटिस
मुख्य विशेषताओं.

151
00:06:16,250 --> 00:06:20,170
खुले कोण का एक बहुत कुछ है
ब्रैकेट और करीब कोण ब्रैकेट.

152
00:06:20,170 --> 00:06:23,160
उन कोण के बीच में
कोष्ठक शब्द हैं.

153
00:06:23,160 --> 00:06:25,660
और हम शुरू करने जा रहे हैं
उन शब्दों टैग बुला.

154
00:06:25,660 --> 00:06:28,800
इतना खुला ब्रैकेट सिर
और बंद ब्रैकेट सिर

155
00:06:28,800 --> 00:06:33,620
खुले और बंद टैग कर रहे हैं,
या आरंभ और अंत टैग

156
00:06:33,620 --> 00:06:37,660
क्रमशः, एक HTML तत्व की,
हम यह फोन करता हूँ के रूप में, सिर बुलाया.

157
00:06:37,660 --> 00:06:41,760
और उसी शब्दजाल लागू होता है
एचटीएमएल में और इसके आगे के शरीर को.

158
00:06:41,760 --> 00:06:43,970
>> और क्या अच्छा है
HTML-- और वास्तव में, हम करेंगे

159
00:06:43,970 --> 00:06:47,187
इस पर बहुत कम समय खर्च करते हैं,
आप ज्यादातर सिर्फ यह पता लगाने हूँ क्योंकि

160
00:06:47,187 --> 00:06:49,770
क्या यह सुविधाएँ जब आप है
वास्तव में एक ठोस समस्या है

161
00:06:49,770 --> 00:06:52,820
आप पाएंगे कि solve-- को
एक ब्राउज़र सुंदर गूंगा है.

162
00:06:52,820 --> 00:06:56,450
यह सिर्फ विपरीत नहीं do-- जा रहा है
एक तुम्हें क्या करना है यह बताना क्या computer--.

163
00:06:56,450 --> 00:06:59,279
और तो आप खुला है जब
ऊपर से ही ब्रैकेट एचटीएमएल

164
00:06:59,279 --> 00:07:01,320
वहाँ, कि अनिवार्य रूप
बस का अर्थ है, हे, ब्राउज़र,

165
00:07:01,320 --> 00:07:04,090
यहाँ HTML में लिखा एक वेब पेज आता है.

166
00:07:04,090 --> 00:07:06,130
>> यह खुला ब्रैकेट देखता है
बस का अर्थ है कि सिर,

167
00:07:06,130 --> 00:07:10,350
अरे, ब्राउज़र, यहां सिर आता है, या
अपने वेब पेज के सर्वोच्च भाग.

168
00:07:10,350 --> 00:07:14,192
यह एक बंद ब्रैकेट देखता है
सिर्फ अरे, इसका मतलब है कि सिर,

169
00:07:14,192 --> 00:07:15,150
कि सिर के लिए है.

170
00:07:15,150 --> 00:07:16,420
कुछ और के लिए अतिरिक्त.

171
00:07:16,420 --> 00:07:18,878
और सब कुछ है कि
जाहिरा तौर पर शरीर में होने जा रहा.

172
00:07:18,878 --> 00:07:22,630
और तुम एक टैग की तरह नहीं है जब
आप, सिर्फ हैलो, अल्पविराम, दुनिया है

173
00:07:22,630 --> 00:07:26,610
कि सिर्फ कच्चे पाठ होने जा रहा है कि
अंततः स्क्रीन में प्रदर्शित किया जाता है.

174
00:07:26,610 --> 00:07:29,220
>> अब, आप भी नोटिस देंगे
यहाँ खरोज.

175
00:07:29,220 --> 00:07:32,160
आप शायद अनुमान कर सकते हैं
कैसे हम यह stylizing रहे हैं.

176
00:07:32,160 --> 00:07:34,850
मैं एक टैग खुला हर बार,
तो बात है, मैं इंडेंट.

177
00:07:34,850 --> 00:07:38,540
और हर बार मैं बंद
एक टैग, मैं संयुक्त राष्ट्र मांगपत्र,

178
00:07:38,540 --> 00:07:40,690
घुंघराले ब्रेसिज़ के लिए भावना में समान.

179
00:07:40,690 --> 00:07:43,470
और उस पार, मैं तरह कर रहा हूँ
मेरे निर्णय का उपयोग कर की.

180
00:07:43,470 --> 00:07:48,380
मैं मार जहमत नहीं उठाई कि नोटिस
कि शीर्षक टैग के अंदर प्रविष्ट करें.

181
00:07:48,380 --> 00:07:48,990
क्यों?

182
00:07:48,990 --> 00:07:51,920
खैर, मैं सिर्फ यह एक देखा का फैसला
मेरे लिए थोड़ा क्लीनर, मानव,

183
00:07:51,920 --> 00:07:53,181
बस कर परेशान नहीं करने के लिए.

184
00:07:53,181 --> 00:07:54,930
तो फिर, वहाँ कुछ
न्याय सिर्फ कॉल

185
00:07:54,930 --> 00:07:57,670
जैसे सी या किसी भी भाषा में नहीं है.

186
00:07:57,670 --> 00:08:04,110
>> लेकिन बहुत नोटिस इस खरोज कि
एक मानसिक मॉडल को उधार देता है,

187
00:08:04,110 --> 00:08:05,670
नहीं यह जटिल करने के लिए ऊपर.

188
00:08:05,670 --> 00:08:07,020
लेकिन एक पेड़, है ना?

189
00:08:07,020 --> 00:08:09,290
आप एक वेब की सोचते हैं
पेज, जाहिरा तौर पर लिखा

190
00:08:09,290 --> 00:08:12,050
इस तरह, के रूप में
अच्छी तरह से, कि जिस तरह से इंडेंट

191
00:08:12,050 --> 00:08:17,390
आप लगभग खुला ब्रैकेट के बारे में सोच सकते हैं
एचटीएमएल बंद ब्रैकेट टैग Demarcating है

192
00:08:17,390 --> 00:08:21,380
एक नोड के रूट, एक परिवार के पेड़
पेड़ों की शैली में शैली नोड

193
00:08:21,380 --> 00:08:22,900
हम पिछले शुक्रवार को देखा.

194
00:08:22,900 --> 00:08:27,630
>> और वास्तव में, हम यहीं पर है
हम एक डोम, डी-ओ-एम, दस्तावेज़ फोन करता हूँ क्या

195
00:08:27,630 --> 00:08:31,680
ऑब्जेक्ट मॉडल, कह का एक अच्छा तरीका
कि एचटीएमएल का प्रतिनिधित्व करता है कि एक पेड़.

196
00:08:31,680 --> 00:08:36,140
और HTML है कि नोटिस, हम कहते हैं,
एक परिवार के पेड़, दो बच्चों की तरह.

197
00:08:36,140 --> 00:08:37,659
बाईं तरफ सिर है.

198
00:08:37,659 --> 00:08:39,179
सही पर शरीर है.

199
00:08:39,179 --> 00:08:44,220
>> और सिर्फ एक नासमझ सोचा व्यायाम के रूप में,
सिर, ज़ाहिर है, कितने बच्चों की है

200
00:08:44,220 --> 00:08:46,070
इस संरचना के हिसाब से?

201
00:08:46,070 --> 00:08:48,200
तो बस एक, title--
हमारे पास यही कारण है कि

202
00:08:48,200 --> 00:08:50,580
खिताब के लिए सिर से जा तीर.

203
00:08:50,580 --> 00:08:55,110
तो उस में उस व्यक्ति के रूप में यद्यपि है
परिवार के पेड़ सिर्फ एक वंश था.

204
00:08:55,110 --> 00:08:58,230
और फिर शीर्षक ही कर सकते हैं
भी एक बच्चे के लिए कहा जा सकता है.

205
00:08:58,230 --> 00:09:01,780
>> एचटीएमएल था कि स्मरण करो
हैलो, अल्पविराम, यह नीचे दुनिया.

206
00:09:01,780 --> 00:09:06,090
और मैं सिर्फ एक के भीतर इसे तैयार किया है
बजाय एक आयत का अंडाकार बस

207
00:09:06,090 --> 00:09:10,559
कि भले ही शब्दार्थ संप्रेषित करने के लिए
यह तो बात है, पेड़ में एक नोड है,

208
00:09:10,559 --> 00:09:12,100
यह की तरह मौलिक अलग है.

209
00:09:12,100 --> 00:09:12,800
यह एक टैग नहीं है.

210
00:09:12,800 --> 00:09:14,780
या अधिक उचित रूप से, यह एक तत्व नहीं है.

211
00:09:14,780 --> 00:09:16,590
अगर तुम जाएगा यह सिर्फ एक पाठ नोड है.

212
00:09:16,590 --> 00:09:18,990
लेकिन ये पूरी तरह से कर रहे हैं
मनमाने ढंग से मानव सम्मेलनों.

213
00:09:18,990 --> 00:09:23,180
इस के बस अब मेरा तरीका है
एक समग्र रूप में क्या मैं हूँ का प्रतिनिधित्व

214
00:09:23,180 --> 00:09:24,340
दस्तावेज़ कहते हैं.

215
00:09:24,340 --> 00:09:27,750
>> और एक तरफ, बात के रूप में
सुपर शीर्ष बाएँ हाथ के कोने,

216
00:09:27,750 --> 00:09:32,080
खुला ब्रैकेट विस्मयादिबोधक बिंदु डॉक्टर
प्रकार एचटीएमएल, यह एक टैग की तरह लग रहा है

217
00:09:32,080 --> 00:09:35,560
लेकिन यह बेवकूफ कोने मामला जहां है
कि अभी वहाँ, कॉपी और चिपकाया है

218
00:09:35,560 --> 00:09:38,460
ब्राउज़र इंगित करने के लिए
इस HTML संस्करण 5 है.

219
00:09:38,460 --> 00:09:41,540
दुनिया क्या बदलता रहता है
एक पेज में कोड की पहली पंक्ति होना चाहिए.

220
00:09:41,540 --> 00:09:43,820
यह सिर्फ 5 संस्करण का मतलब है.

221
00:09:43,820 --> 00:09:45,950
तो यह काफी नहीं करता
दूसरों की तरह दिखेगा.

222
00:09:45,950 --> 00:09:48,120
>> उस के साथ तो सब ठीक है,
आप अब की सराहना करता हूँ, कहा

223
00:09:48,120 --> 00:09:50,767
यह काफी इस बेवकूफ
टैटू किसी को मिला है.

224
00:09:50,767 --> 00:09:51,990
>> [हँसी]

225
00:09:51,990 --> 00:09:54,210
>> डेविड जे Malan: सब ठीक है,
और अब वास्तव में डुबकी चलो

226
00:09:54,210 --> 00:09:55,710
इस के साथ कुछ करने में.

227
00:09:55,710 --> 00:09:58,610
आपको लगता है कि पिछली बार याद करेंगे
मैं CS50 उपकरण खोला

228
00:09:58,610 --> 00:10:01,650
और मैं के रूप में कुछ किया
खोलने एडिट के रूप में सरल.

229
00:10:01,650 --> 00:10:05,190
और मैं भी पर फ़ाइल को बचाया
मेरे desktop-- कहीं नहीं special--

230
00:10:05,190 --> 00:10:05,870
hello.html के रूप में.

231
00:10:05,870 --> 00:10:07,100

232
00:10:07,100 --> 00:10:10,984
>> तो मुझे लगता है कि
again-- hello.html दर्ज करें.

233
00:10:10,984 --> 00:10:13,900
और अब इस फाइल में, मैं जा रहा हूँ
आगे बढ़ो और दोहराने क्या हम बस

234
00:10:13,900 --> 00:10:18,850
saw-- डॉक्टर प्रकार HTML तो मैं करने जा रहा हूँ
खुला ब्रैकेट HTML बंद ब्रैकेट नहीं है.

235
00:10:18,850 --> 00:10:21,890
और फिर मैं preemptively करने जा रहा हूँ
खोलने और टैग को बंद करें.

236
00:10:21,890 --> 00:10:22,390
क्यों?

237
00:10:22,390 --> 00:10:23,598
अभी तो मैं बाद में भूल नहीं है.

238
00:10:23,598 --> 00:10:26,850
इसे खोलने की तरह, सिर्फ अच्छा अभ्यास है
और सभी को एक बार घुंघराले ब्रेसिज़ बंद.

239
00:10:26,850 --> 00:10:28,900
>> और फिर आगे क्या आया?

240
00:10:28,900 --> 00:10:30,582
आप टैटू के बारे में सोच सकते हैं.

241
00:10:30,582 --> 00:10:31,450
>> दर्शक: सिर.

242
00:10:31,450 --> 00:10:32,500
>> डेविड जे Malan: सिर.

243
00:10:32,500 --> 00:10:36,020
और फिर यहाँ में, मैं
शीर्षक था, मुझे लगता है.

244
00:10:36,020 --> 00:10:39,886
और शीर्षक, मनमाने ढंग से किया गया था
हैलो, दुनिया के करीब शीर्षक.

245
00:10:39,886 --> 00:10:42,760
और फिर यहाँ नीचे, शरीर, की
course-- तो हम शरीर टैग को बंद करें.

246
00:10:42,760 --> 00:10:45,660
और फिर सिर्फ कुछ हद तक प्रचुरता से,
मैं यहाँ नीचे एक ही बात थी.

247
00:10:45,660 --> 00:10:47,150
>> इसलिए मुझे लगता है कि यह एक वेब पेज है कि दावा करते हैं.

248
00:10:47,150 --> 00:10:49,050
यह कुछ ऐसा है कि
अब वेब पर रह सकता है,

249
00:10:49,050 --> 00:10:51,925
यहां तक ​​कि पाठ्यक्रम की है, हालांकि, यह सचमुच है
अभी मेरे डेस्कटॉप पर रह रहे हैं.

250
00:10:51,925 --> 00:10:55,837
लेकिन वास्तव में, मैं एडिट को कम करते हैं,
मैं अपने डेस्कटॉप अपने आइकन पर देखेंगे.

251
00:10:55,837 --> 00:10:58,420
इस उपकरण है, भले ही
आप मैक ओएस पर यह कर सकता है

252
00:10:58,420 --> 00:11:01,580
TextEdit बिना या
यहां तक ​​कि नोटपैड के साथ Windows.

253
00:11:01,580 --> 00:11:06,115
>> और मुझे आगे जाना है और डबल क्लिक करें
कि भी, और select-- ठीक है, चलो चलो

254
00:11:06,115 --> 00:11:07,990
वजह यह है कि चयन नहीं
क्रोम नहीं खोल रहा है.

255
00:11:07,990 --> 00:11:09,281
के आगे जाना है और क्रोम खोलते हैं.

256
00:11:09,281 --> 00:11:10,160

257
00:11:10,160 --> 00:11:14,040
और उसके बाद कमांड-ओ ओपन के लिए करते हैं
और अपने डेस्कटॉप पर नेविगेट

258
00:11:14,040 --> 00:11:15,320
और उस फ़ाइल को खोलने.

259
00:11:15,320 --> 00:11:20,120
एक ब्राउज़र की व्याख्या कैसे है कि
एचटीएमएल, नीचे से ऊपर, सही करने के लिए छोड़ दिया है.

260
00:11:20,120 --> 00:11:21,314
अरे, ब्राउज़र यहाँ एचटीएमएल है.

261
00:11:21,314 --> 00:11:21,980
यहाँ सिर है.

262
00:11:21,980 --> 00:11:23,250
यहाँ शीर्षक है.

263
00:11:23,250 --> 00:11:24,090
यहाँ शरीर है.

264
00:11:24,090 --> 00:11:26,620
और वास्तव में, यह कैसे है
यह उस वेब पेज प्रदान करता है.

265
00:11:26,620 --> 00:11:27,800
>> लेकिन यूआरएल नोटिस.

266
00:11:27,800 --> 00:11:32,430
आप में से कोई भी इस विशिष्ट ऊपर खींच सकता है
अभी अपने लैपटॉप पर पेज,

267
00:11:32,430 --> 00:11:34,910
यहां तक ​​की अपने अंदर
कि यूआरएल के माध्यम से उपकरण,

268
00:11:34,910 --> 00:11:40,130
फ़ाइल क्योंकि: // यह वास्तव में इंगित करता है
मेरी फाइल सिस्टम पर, मेरे हार्ड ड्राइव,

269
00:11:40,130 --> 00:11:40,990
तुम्हारा नहीं.

270
00:11:40,990 --> 00:11:42,440
तो यह है कि सभी उपयोगी नहीं है.

271
00:11:42,440 --> 00:11:44,940
>> चलो अब की ओर चलते हैं
एक वास्तविक वेब सर्वर का उपयोग.

272
00:11:44,940 --> 00:11:48,309
और यह CS50 उपकरण पता चला है
सिर्फ एक पर्यावरण जहां से भी अधिक है

273
00:11:48,309 --> 00:11:51,100
आप सी कोड लिखने और संकलन कर सकते हैं
तुम क्या कर रहा हूँ की तरह है और इसे चलाते हैं.

274
00:11:51,100 --> 00:11:55,500
यह भी द्वारा विन्यस्त किया गया है
कर्मचारियों को एक ठेठ वेब प्रतिनिधित्व करने के लिए

275
00:11:55,500 --> 00:11:58,290
इंटरनेट पर है कि सर्वर,
आप के लिए भुगतान कर सकते हैं कि एक

276
00:11:58,290 --> 00:12:00,210
तथाकथित बादल में है कि या एक.

277
00:12:00,210 --> 00:12:02,600
>> और यह चल रहा है
मानक मुक्त खुला स्रोत

278
00:12:02,600 --> 00:12:06,160
सॉफ्टवेयर, उदाहरण के लिए, कुछ
शायद जो कहा जाता है, अपाचे,

279
00:12:06,160 --> 00:12:08,700
अभी भी सबसे लोकप्रिय वेब
दुनिया में सर्वर सॉफ्टवेयर

280
00:12:08,700 --> 00:12:11,030
वेबसाइटों के हजारों आज का उपयोग करें.

281
00:12:11,030 --> 00:12:13,420
और यह भी भी है
MySQL की तरह सॉफ्टवेयर,

282
00:12:13,420 --> 00:12:16,240
जो एक डाटाबेस सर्वर है
हम अंततः को मिलेगा कि,

283
00:12:16,240 --> 00:12:18,330
जो सिर्फ कहने के लिए है
मैं इलाज शुरू कर सकते हैं

284
00:12:18,330 --> 00:12:22,040
एक संपूर्ण सर्वर के रूप में मेरे उपकरण
कि मैं कहीं और के लिए भुगतान नहीं कर रहा हूँ.

285
00:12:22,040 --> 00:12:25,980
यह बस के लिए अपना खुद का लैपटॉप पर रहता है
विकास और सुविधा प्रयोजनों.

286
00:12:25,980 --> 00:12:27,870
>> तो चलो आगे चलते हैं और
इस का लाभ ले.

287
00:12:27,870 --> 00:12:30,120
मैं आगे जाने के लिए जा रहा हूँ और
एक टर्मिनल विंडो खोलने के.

288
00:12:30,120 --> 00:12:33,030
और मैं आगे जाने के लिए जा रहा हूँ और
पहले मैं कर रहा हूँ, वास्तव में move--

289
00:12:33,030 --> 00:12:34,860
अपने डेस्कटॉप के लिए नेविगेट करने के लिए जा रहा है.

290
00:12:34,860 --> 00:12:36,400
मैं रास करते हैं, hello.html है.

291
00:12:36,400 --> 00:12:37,022

292
00:12:37,022 --> 00:12:38,730
और मैं जा रहा हूँ
आगे और का उपयोग शुरू

293
00:12:38,730 --> 00:12:40,800
हम है एक नया निर्देशिका
आज से पहले इस्तेमाल नहीं किया.

294
00:12:40,800 --> 00:12:46,840
>> hello.html-- मैं स्थानांतरित करने के लिए जा रहा हूँ
आभासी hosts-- के लिए ../vhosts को

295
00:12:46,840 --> 00:12:50,940
फिर future-- और में उस पर और अधिक
स्थानीय होस्ट नामक एक निर्देशिका में,

296
00:12:50,940 --> 00:12:54,420
लगभग करने के लिए दिया उपनाम जो है
किसी भी कंप्यूटर, यह एक मैक, पीसी, चाहे

297
00:12:54,420 --> 00:12:57,560
लिनक्स कंप्यूटर, और उसके बाद या
विशेष रूप से एक निर्देशिका में है कि हम,

298
00:12:57,560 --> 00:13:01,260
स्टाफ पहले से ही आप के लिए जब बनाया
तुम्हें बुलाया उपकरण डाउनलोड

299
00:13:01,260 --> 00:13:01,760
जनता.

300
00:13:01,760 --> 00:13:04,551
और अपने नाम, कुछ भी पता चलता है के रूप में
मैं सिद्धांत रूप में, इस फ़ोल्डर में डाल

301
00:13:04,551 --> 00:13:07,790
अब होने जा रहा है
सार्वजनिक, कम से कम लोगों को

302
00:13:07,790 --> 00:13:10,030
एक सीधा है जो
अपने कंप्यूटर के लिए कनेक्शन.

303
00:13:10,030 --> 00:13:13,160
>> तो अब मुझे आगे चलते हैं और
कि एक ही निर्देशिका के लिए सीडी करना

304
00:13:13,160 --> 00:13:15,490
तो मैं क्या देख सकते हैं
चल रहा है और प्रकार रास.

305
00:13:15,490 --> 00:13:17,630
और वास्तव में, कि है
वहाँ में ही बात.

306
00:13:17,630 --> 00:13:23,250
मैं अब मैं इस डाल दिया है क्योंकि दावा है कि
एक निर्देशिका के अंदर hello.html फाइल

307
00:13:23,250 --> 00:13:26,940
एक निर्देशिका की जनता के अंदर बुलाया
एक निर्देशिका के अंदर बुलाया स्थानीय होस्ट

308
00:13:26,940 --> 00:13:29,810
कहा जाता vhosts, जो
CS50 स्टाफ को धन्यवाद

309
00:13:29,810 --> 00:13:34,390
होने के लिए पूर्व विन्यस्त किया गया है
अपने वेब सर्वर के रूट,

310
00:13:34,390 --> 00:13:36,900
मैं अब उम्मीद है कि यह कर सकते हैं.

311
00:13:36,900 --> 00:13:38,390
>> मैं एक नया टैब खोलने के लिए जा रहा हूँ.

312
00:13:38,390 --> 00:13:40,090
//: और मैं फाइल करने के लिए नहीं जा रहा हूँ.

313
00:13:40,090 --> 00:13:44,520
मैं वास्तविक उपयोग करने के लिए जा रहा हूँ
HTTP / स्थानीय होस्ट, जो

314
00:13:44,520 --> 00:13:47,470
फिर, उपनाम है
अपने खुद के सर्वर के लिए.

315
00:13:47,470 --> 00:13:51,085
और फिर मैं करने जा रहा हूँ क्या
नाम फाइल, अभी स्पष्ट होना करने के लिए?

316
00:13:51,085 --> 00:13:52,680

317
00:13:52,680 --> 00:13:54,320
इस कहानी शायद कहाँ जा रहा है?

318
00:13:54,320 --> 00:13:56,066

319
00:13:56,066 --> 00:13:56,565
hello.html.

320
00:13:56,565 --> 00:13:58,350

321
00:13:58,350 --> 00:14:04,270
>> दूसरे शब्दों में, मैं अब इस करना चाहते हैं
मेरे अपने कंप्यूटर, अपने ही उपकरण है,

322
00:14:04,270 --> 00:14:05,660
यह एक वास्तविक सर्वर है के रूप में यद्यपि.

323
00:14:05,660 --> 00:14:07,490
अपने उपनाम लोकलहोस्ट है.

324
00:14:07,490 --> 00:14:10,210
लेकिन स्थानीय होस्ट के बारे में सोच की तरह के रूप में
Facebook.com google.com, जो भी हो.

325
00:14:10,210 --> 00:14:11,600
यह सिर्फ मेरे स्थानीय नाम है.

326
00:14:11,600 --> 00:14:14,810
और फिर मैं चाहता हूँ फाइनल में है
हार्ड ड्राइव की जड़ है, तो बात करने के लिए

327
00:14:14,810 --> 00:14:17,729
या वेब सर्वर के रूट,
तो आगे स्लैश फलस्वरूप और

328
00:14:17,729 --> 00:14:18,770
फ़ाइल नाम hello.html.

329
00:14:18,770 --> 00:14:19,880

330
00:14:19,880 --> 00:14:21,930
>> मुझे बाहर ज़ूम और हिट दर्ज करते हैं.

331
00:14:21,930 --> 00:14:24,266
और वास्तव में, अब अपने वेब पेज है.

332
00:14:24,266 --> 00:14:25,390
इसलिए यह थोड़ा अलग है.

333
00:14:25,390 --> 00:14:26,880
और यह सिर्फ underwhelming के रूप में है.

334
00:14:26,880 --> 00:14:27,904
इस पुराने संस्करण है.

335
00:14:27,904 --> 00:14:29,070
मुझे वापस फ़ॉन्ट हटना करते हैं.

336
00:14:29,070 --> 00:14:29,745
यह पुराना है.

337
00:14:29,745 --> 00:14:30,890
यह नया है.

338
00:14:30,890 --> 00:14:35,430
लेकिन मौलिक क्या हो रहा है
अब एचटीटीपी इस्तेमाल किया जा रहा है.

339
00:14:35,430 --> 00:14:39,344
>> चलो इस एक छोटे से अधिक स्पष्ट या करते हैं,
एक छोटे से अधिक जटिल, अगर तुम जाएगा.

340
00:14:39,344 --> 00:14:41,760
मुझे नीचे सही करने के लिए जाओ
मेरे उपकरण के हाथ कोने.

341
00:14:41,760 --> 00:14:44,000
और यह सब उस नोटिस
समय, एक नंबर दिया गया है.

342
00:14:44,000 --> 00:14:47,330
यही विशिष्ट पता है
अपने CS50 उपकरण की.

343
00:14:47,330 --> 00:14:50,800
यह एक निजी पता है
172.16 से गर्भित के रूप में,

344
00:14:50,800 --> 00:14:53,860
जो अभी केवल आप शारीरिक रूप से मतलब है
इस वेब सर्वर का उपयोग कर सकते हैं.

345
00:14:53,860 --> 00:14:56,340
सब कुछ firewalled है और
अच्छी तरह से आराम से संरक्षित

346
00:14:56,340 --> 00:14:58,130
इस वजह से दुनिया के संबोधित.

347
00:14:58,130 --> 00:15:01,920
>> मैं करने के लिए जाना है और अब हालांकि नोटिस
नहीं मेरे उपकरण में इस पते,

348
00:15:01,920 --> 00:15:04,340
लेकिन मैक OS-- में मैं जा रहा हूँ
यहाँ पर वापस जाने के लिए.

349
00:15:04,340 --> 00:15:05,930
यह अब अपने मैक है.

350
00:15:05,930 --> 00:15:08,460
और अब मैं खोलने के लिए जा रहा हूँ
यहाँ क्रोम के इस संस्करण.

351
00:15:08,460 --> 00:15:17,370
और मैं http के लिए जा रहा हूँ: //172.16.25
/ और मैं rest-- 133 भूलना.

352
00:15:17,370 --> 00:15:25,210
>> इसलिए मैं अपने मैक से यात्रा करने के लिए जा रहा हूँ
कि आईपी पता दर्ज /hello.html.

353
00:15:25,210 --> 00:15:29,850
और अब मैं अपने मैक से देखना
मेरे CS50 उपकरण है, कि कौन है

354
00:15:29,850 --> 00:15:32,600
आईपी ​​पता है कि
संख्या, वास्तव में व्यवहार कर रही है

355
00:15:32,600 --> 00:15:34,320
इंटरनेट पर एक वेब सर्वर की तरह.

356
00:15:34,320 --> 00:15:36,944
यह एक अच्छा आसान नहीं है
Facebook.com जैसे नाम याद है,

357
00:15:36,944 --> 00:15:40,370
लेकिन यह HTTP इस्तेमाल कर रहा है
जाहिर है, भले ही क्रोम

358
00:15:40,370 --> 00:15:43,560
एक तरह से दुनिया सरलीकृत कर रहा है
हमारे लिए लेकिन HTTP हमें दिखा नहीं.

359
00:15:43,560 --> 00:15:46,210
लेकिन यह वास्तव में ठीक है कि.

360
00:15:46,210 --> 00:15:48,470
क्रोम सिर्फ कुछ बचत है
इन दिनों keystrokes.

361
00:15:48,470 --> 00:15:50,530
और कहा कि अब हम देखते हैं क्या है.

362
00:15:50,530 --> 00:15:51,890
>> तो यह है कि सब ठीक है और अच्छा है.

363
00:15:51,890 --> 00:15:53,740
लेकिन यह एक बहुत underwhelming पेज है.

364
00:15:53,740 --> 00:15:56,230
मुझ में जाने के लिए और कुछ करने दो
अब एक छोटे से अलग.

365
00:15:56,230 --> 00:15:57,910
तो मुझे एडिट करने के लिए वापस जाने दिया.

366
00:15:57,910 --> 00:16:00,580
और बदले नमस्ते की,
दुनिया, की एक छवि डाल दिया.

367
00:16:00,580 --> 00:16:05,880
और मैं मुझे जाने दो before-- से दावा किया
मेरे स्थानीय होस्ट निर्देशिका जनता में.

368
00:16:05,880 --> 00:16:10,580
और मुझे आगे जाना है और एक कॉपी करते हैं
आज से फाइल की पूरी गुच्छा

369
00:16:10,580 --> 00:16:15,633
मेरे ड्रॉपबॉक्स फोल्डर से यहाँ पर.

370
00:16:15,633 --> 00:16:19,470

371
00:16:19,470 --> 00:16:21,680
>> मैं लोकसभा टाइप अब, अगर देखो
इन सभी फाइलों पर

372
00:16:21,680 --> 00:16:24,940
मैं द्वारा वितरित किया है कि
आज के अग्रिम में पाठ्यक्रम की वेबसाइट,

373
00:16:24,940 --> 00:16:26,830
जिनमें से एक अभी भी hello.html है.

374
00:16:26,830 --> 00:16:27,830
इसलिए कि वहाँ एक है.

375
00:16:27,830 --> 00:16:30,730
और यह मूर्खतापूर्ण एक याद
पिछले time-- cat.jpg से.

376
00:16:30,730 --> 00:16:34,550
तो मुझे एम्बेड करने के लिए कोशिश करते हैं
अपने वेब पेज के अंदर cat.jpg.

377
00:16:34,550 --> 00:16:37,690
>> मैं आगे जाने के लिए जा रहा हूँ
और, cat.jpg कर बचाने के लिए.

378
00:16:37,690 --> 00:16:38,950
मुझे क्रोम के लिए वापस जाओ.

379
00:16:38,950 --> 00:16:41,140
और मुझ में ज़ूम
फ़ॉन्ट और अब पुनः लोड.

380
00:16:41,140 --> 00:16:43,090

381
00:16:43,090 --> 00:16:45,030
ओह, मैं इस जहां रखा है?

382
00:16:45,030 --> 00:16:48,210

383
00:16:48,210 --> 00:16:51,520
Standby-- मैं अभी भी पुरानी है
अपने डेस्कटॉप खुला से संस्करण.

384
00:16:51,520 --> 00:16:56,020
तो मेरा, मुझे मेरे vhost में चलते हैं
स्थानीय होस्ट, मेरी जनता, और hello.html.

385
00:16:56,020 --> 00:16:57,320

386
00:16:57,320 --> 00:17:00,670
तो अब मुझे आगे चलते हैं और
शरीर के अंदर cat.jpg कहना

387
00:17:00,670 --> 00:17:02,830
मैं चाहता हूँ कि जहां यह होना
प्रदर्शित और पुनः लोड.

388
00:17:02,830 --> 00:17:04,560
बेशक, यह सही नहीं है.

389
00:17:04,560 --> 00:17:08,050
>> तो मैं ब्राउज़र एक छोटे से बताने की जरूरत
अधिक जानबूझ मैं यह क्या करना चाहते हैं.

390
00:17:08,050 --> 00:17:10,210
बस नाम है टाइपिंग
जाहिर है पर्याप्त नहीं.

391
00:17:10,210 --> 00:17:15,134
तो एक और वहाँ था कि याद
टैग, छवि, कम करने के लिए आईएमजी.

392
00:17:15,134 --> 00:17:17,550
वह सिर्फ इंसानों क्योंकि है
प्रकार पूर्ण शब्द पसंद नहीं है.

393
00:17:17,550 --> 00:17:19,050
और फिर हम = "cat.jpg" स्रोत कर सकते हैं.

394
00:17:19,050 --> 00:17:21,470

395
00:17:21,470 --> 00:17:23,550
>> और अब मैं क्या करने जा रहा हूँ
यहाँ एक बात अलग.

396
00:17:23,550 --> 00:17:25,390
यहां तक ​​की सब के बावजूद
हमारे टैग इस प्रकार दूर है

397
00:17:25,390 --> 00:17:28,086
एक की इस धारणा थी
शुरू टैग और एक अंत टैग,

398
00:17:28,086 --> 00:17:30,210
कि वास्तव में नहीं कर सकता है
एक छवि के लिए समझ, सही?

399
00:17:30,210 --> 00:17:32,430
एक छवि या तो वहाँ है या नहीं है.

400
00:17:32,430 --> 00:17:36,650
और इसलिए मनुष्य के लिए आए हैं
एक सरल सम्मेलन के साथ.

401
00:17:36,650 --> 00:17:40,310
आप एक टैग है जब कि कर सकते हैं दोनों
शुरू करने और एक ही time-- पर खत्म

402
00:17:40,310 --> 00:17:43,790
यह तो सिर्फ speak-- करने, खाली किया जा सकता है
टैग के अंदर आगे स्लैश डाल

403
00:17:43,790 --> 00:17:44,710
बहुत अंत में.

404
00:17:44,710 --> 00:17:45,776

405
00:17:45,776 --> 00:17:47,150
अब मुझे अपने ब्राउज़र को वापस जाने दिया.

406
00:17:47,150 --> 00:17:50,377
पुनः लोड अरे नहीं, कुछ गलत है मारो.

407
00:17:50,377 --> 00:17:52,460
आप शायद यह देखा है
कभी कभी वेब पर,

408
00:17:52,460 --> 00:17:53,600
भले ही यह आपकी गलती नहीं किया गया है.

409
00:17:53,600 --> 00:17:54,766
यह वेब सर्वर की गलती है.

410
00:17:54,766 --> 00:17:56,240
क्या odes यह इंगित करने के लिए लग रहे हो?

411
00:17:56,240 --> 00:17:57,450

412
00:17:57,450 --> 00:17:58,009
यह टूट गया है.

413
00:17:58,009 --> 00:17:59,300
छवि अंतर्गत आता है कि जहां.

414
00:17:59,300 --> 00:17:59,700
हाँ?

415
00:17:59,700 --> 00:18:01,560
>> दर्शक: लेकिन यह नहीं है
छवि का उपयोग किया है.

416
00:18:01,560 --> 00:18:03,070
>> डेविड जे Malan: यह नहीं करता
छवि का उपयोग किया है.

417
00:18:03,070 --> 00:18:05,230
यही है, या और भी बदतर है, शायद
यह भी मौजूद नहीं है.

418
00:18:05,230 --> 00:18:06,729
हम उस का निदान नहीं कर सकते हैं देखते हैं.

419
00:18:06,729 --> 00:18:09,390
पिछली बार से याद करते हैं कि
क्रोम में, उपकरण में,

420
00:18:09,390 --> 00:18:11,870
या यहां तक ​​कि अपने मैक या पीसी पर,
आप डेवलपर मेनू में जाना

421
00:18:11,870 --> 00:18:14,650
और डेवलपर उपकरण के लिए जाना
विकल्प, शायद आपने जो

422
00:18:14,650 --> 00:18:16,850
बहुत ज्यादा नहीं या कभी इस्तेमाल किया.

423
00:18:16,850 --> 00:18:20,780
और मैं नेटवर्क के लिए जाना
और पृष्ठ पुनः लोड,

424
00:18:20,780 --> 00:18:24,110
वास्तव एचटीटीपी को देखो
किए जा रहे हैं कि अनुरोधों.

425
00:18:24,110 --> 00:18:28,400
>> Hello.html है ऐसा लगता है
वास्तव में ठीक है, इसलिए 200.

426
00:18:28,400 --> 00:18:30,630
लेकिन cat.jpg एक 403 है.

427
00:18:30,630 --> 00:18:31,650
तो यह एक 404 नहीं है.

428
00:18:31,650 --> 00:18:33,490
फ़ाइल शायद मौजूद है.

429
00:18:33,490 --> 00:18:35,250
403 मना मतलब है.

430
00:18:35,250 --> 00:18:37,790
तो यह थोड़ा भ्रमित है.

431
00:18:37,790 --> 00:18:42,340
मैं वापस जाने के लिए जा रहा हूँ
मेरे टर्मिनल विंडो के लिए.

432
00:18:42,340 --> 00:18:43,700
मुझे यहाँ जूम इन करते हैं.

433
00:18:43,700 --> 00:18:44,750
और मुझे एक रास करते हैं.

434
00:18:44,750 --> 00:18:46,430
उन्हीं फाइलों है.

435
00:18:46,430 --> 00:18:49,410
>> अब मुझे एक LS-एल करते हैं,
आप शायद है जो

436
00:18:49,410 --> 00:18:53,350
फ़ाइल को देखने के लिए पहले प्रयोग किया
आकार हो सकता है या timestamps.

437
00:18:53,350 --> 00:18:55,590
और हम की एक पूरी गुच्छा देखना
भारी जानकारी.

438
00:18:55,590 --> 00:18:57,040
लेकिन कुछ विवरण नोटिस.

439
00:18:57,040 --> 00:19:01,660
यहाँ hello.html इस में है
यहां पंक्ति और यहाँ cat.jpg है.

440
00:19:01,660 --> 00:19:02,934

441
00:19:02,934 --> 00:19:05,850
और यह जा रहा है बस उपकरण है
जेपीईजी की हाइलाइटिंग द्वारा अनुकूल उपयोगकर्ता

442
00:19:05,850 --> 00:19:07,380
इस तरह बैंगनी में.

443
00:19:07,380 --> 00:19:11,470
लेकिन और क्या बगल में अलग है
फ़ाइल आकार और फ़ाइल नाम?

444
00:19:11,470 --> 00:19:13,438

445
00:19:13,438 --> 00:19:14,754
>> दर्शक: [अश्राव्य].

446
00:19:14,754 --> 00:19:16,920
डेविड जे Malan: हाँ, वहाँ है
के यहाँ पर दो और आर.

447
00:19:16,920 --> 00:19:20,170
Hello.html पर जा रहा है क्या सूचना है.

448
00:19:20,170 --> 00:19:24,050
इसलिए इसे का नाम पता चला है कि
इस निर्देशिका सार्वजनिक महत्वपूर्ण है.

449
00:19:24,050 --> 00:19:26,400
इस निर्देशिका में कुछ भी
जनता के लिए होती है.

450
00:19:26,400 --> 00:19:28,790
लेकिन यह पर्याप्त नहीं है
बस वहाँ में फ़ाइलों को छोड़ करने के लिए.

451
00:19:28,790 --> 00:19:31,480
आप भी बदलने की जरूरत है
फ़ाइलों के मोड,

452
00:19:31,480 --> 00:19:35,180
की अनुमतियाँ परिवर्तित
फ़ाइल लगातार नहीं करने के लिए

453
00:19:35,180 --> 00:19:37,650
डिफ़ॉल्ट सेटिंग हो,
जो केवल मैं पढ़ सकता है

454
00:19:37,650 --> 00:19:39,220
और मैं मालिक जा रहा है, यह लिखना.

455
00:19:39,220 --> 00:19:43,540
मैं पूरी दुनिया को हर कोई करना चाहते हैं
तो बात है, मेरी फाइल पढ़ने में सक्षम हो.

456
00:19:43,540 --> 00:19:44,950
बस यह देखने का मतलब है पढ़ें.

457
00:19:44,950 --> 00:19:49,780
>> और वास्तव में, के रूप में आप समस्या में देखेंगे
सात सेट, कि क्या इन अनुसंधान के मतलब है.

458
00:19:49,780 --> 00:19:53,160
इन दो आर मतलब हर कोई जाने
बाकी दुनिया में भी, इसे पढ़ें

459
00:19:53,160 --> 00:19:55,300
विशेष रूप से अब है कि
यह इस निर्देशिका में है.

460
00:19:55,300 --> 00:19:59,620
तो यह तय करने के लिए सबसे आसान तरीका है
मेरे शीघ्र करने के लिए जा सकते हैं और बदलाव के लिए chmod करना

461
00:19:59,620 --> 00:20:05,580
मोड और फिर, कुल मिलाकर, एक + आर करना
हर कोई, पढ़ने के लिए सभी, प्लस आर,

462
00:20:05,580 --> 00:20:07,944
और फिर cat.jpg दर्ज करें.

463
00:20:07,944 --> 00:20:10,360
कुछ नहीं, होने लगता है जो
आम तौर पर एक अच्छी बात का मतलब है.

464
00:20:10,360 --> 00:20:13,850
अब again-- तो रास-एल
के cat.jpg को देखो.

465
00:20:13,850 --> 00:20:15,750
और इस अनुमति
बदल गए लगते हैं.

466
00:20:15,750 --> 00:20:18,670
एक अलग रूप में, आप अगर एक
गलती और आप, उदाहरण के लिए,

467
00:20:18,670 --> 00:20:23,210
बस मैं निबंध know-- नहीं है your-- बनाया
सार्वजनिक रूप से दुर्घटना से सुलभ,

468
00:20:23,210 --> 00:20:25,480
आप विपरीत कर सकते हैं, एक-आर हमें.

469
00:20:25,480 --> 00:20:25,909

470
00:20:25,909 --> 00:20:28,200
स्पष्ट रूप से हालांकि, यह नहीं होना चाहिए
सार्वजनिक निर्देशिका में होना

471
00:20:28,200 --> 00:20:29,760
वैसे भी चिंता यह है कि अगर.

472
00:20:29,760 --> 00:20:32,475
>> तो अब के लिए वापस जाओ
मेरे ब्राउज़र और पुनः लोड करें.

473
00:20:32,475 --> 00:20:32,904

474
00:20:32,904 --> 00:20:34,820
और मैं क्लिक करने के लिए जा रहा हूँ
थोड़ा Ghostbusters

475
00:20:34,820 --> 00:20:38,030
प्रतीक का वह हिस्सा खाली करने के लिए
स्क्रीन तो हम नया अनुरोध देख सकते हैं.

476
00:20:38,030 --> 00:20:40,630
और वास्तव में, यहाँ है
पहले से grump बिल्ली.

477
00:20:40,630 --> 00:20:43,010
लेकिन अधिक महत्वपूर्ण बात,
तकनीकी रूप से, वहाँ है

478
00:20:43,010 --> 00:20:45,565
संख्या 200, जो
हम इसे ठीक मिला मतलब है.

479
00:20:45,565 --> 00:20:47,190
सब ठीक है, इतना कि ठीक है और अच्छा सब है.

480
00:20:47,190 --> 00:20:48,940
लेकिन हम नहीं बना रहे हैं
वेबसाइटों के सर्वश्रेष्ठ,

481
00:20:48,940 --> 00:20:51,967
और न ही हम भी मुश्किल करने के लिए प्रयास करने के लिए जा रहे हैं
वेबसाइटों के fanciest आज बनाते हैं.

482
00:20:51,967 --> 00:20:54,550
लेकिन कम से कम कुछ करते हैं
तेजस्वी पहले सुपर परिचित

483
00:20:54,550 --> 00:20:56,030
कुछ अन्य टैग से दूर.

484
00:20:56,030 --> 00:20:58,470
तो मैं बस यहाँ एक बिल्ली नहीं करना चाहता हूँ.

485
00:20:58,470 --> 00:21:02,530
मैं वास्तव में यह चाहते हैं कि मान लीजिए
बिल्ली कुछ करने के लिए लिंक करने के लिए.

486
00:21:02,530 --> 00:21:07,210
>> मैं हो सकता है, उदाहरण के लिए
कुछ इस तरह करते हैं.

487
00:21:07,210 --> 00:21:08,580

488
00:21:08,580 --> 00:21:12,890
के लिए लंगर href के लिए एक
हाइपर संदर्भ equals--

489
00:21:12,890 --> 00:21:17,440
और चलो बस कुछ करते हैं
www.google.com करीब तरह

490
00:21:17,440 --> 00:21:19,540
बंद कोष्ठक में बोली.

491
00:21:19,540 --> 00:21:22,000
और अब बिल्लियों के लिए खोज.

492
00:21:22,000 --> 00:21:23,520
बंद लंगर टैग.

493
00:21:23,520 --> 00:21:26,760
तो यह केवल एक ही प्रकार का है
के मौलिक नए विस्तार.

494
00:21:26,760 --> 00:21:28,190
पाठ्यक्रम के टैग, अलग है.

495
00:21:28,190 --> 00:21:31,770
यह लंगर के लिए नाम एक है
href या हाइपर संदर्भ.

496
00:21:31,770 --> 00:21:35,269
>> लेकिन अधिक महत्वपूर्ण बात, वहाँ
यहाँ इस वाक्य सुविधा.

497
00:21:35,269 --> 00:21:37,810
यह हम बुला शुरू करेंगे क्या है
नहीं एक टैग, लेकिन एक विशेषता.

498
00:21:37,810 --> 00:21:40,830
और एक विशेषता कुछ है कि
एक टैग के व्यवहार को संशोधित.

499
00:21:40,830 --> 00:21:45,400
और यह विशेषता, href, साधन
इस लंगर के व्यवहार को संशोधित

500
00:21:45,400 --> 00:21:48,430
, इसे क्लिक किया है ताकि जब
यह यहां इस यूआरएल को जाता है.

501
00:21:48,430 --> 00:21:50,330
और हां, कि यूआरएल गूगल है.

502
00:21:50,330 --> 00:21:53,951
>> इस बीच, क्या यह है
होने जा रहा यहां पाठ?

503
00:21:53,951 --> 00:21:55,950
वैसे, यह होने जा रहा है
क्या मानव वास्तव में

504
00:21:55,950 --> 00:21:58,470
रेखांकित के रूप में देखता है
लिंक, कि जैसे ही आसान.

505
00:21:58,470 --> 00:21:59,220
तो चलो इस कोशिश करते हैं.

506
00:21:59,220 --> 00:21:59,980
मुझे इसे बचाने के लिए करते हैं.

507
00:21:59,980 --> 00:22:01,650
मैं hello.html में अब भी हूँ.

508
00:22:01,650 --> 00:22:05,360
लेकिन ऑनलाइन संस्करणों में, आप देखेंगे
हम वास्तविक फ़ाइल नाम पहले से तैयार है.

509
00:22:05,360 --> 00:22:06,805
मुझे आगे जाना है और फिर से लोड करते हैं.

510
00:22:06,805 --> 00:22:08,680
और अब यह एक बहुत है
अभी underwhelming पेज.

511
00:22:08,680 --> 00:22:10,910
लेकिन मैं पर जाएँ अगर there--
और यह एक छोटे से छोटा है

512
00:22:10,910 --> 00:22:13,576
but-- आप नीचे देख सकते हैं
अपनी स्क्रीन के बाएँ हाथ के कोने,

513
00:22:13,576 --> 00:22:15,242
यह वास्तव में google.com जा रहा है.

514
00:22:15,242 --> 00:22:19,280
मैं उस पर क्लिक करें और अगर यह होगा
मुझे वास्तविक गूगल के लिए रास्ता अलग निर्धारित करें.

515
00:22:19,280 --> 00:22:22,610
>> लेकिन एक अवसर के लिए यहाँ नोटिस
बस एक अलग रूप में शोषण,.

516
00:22:22,610 --> 00:22:25,150
और हम दूसरे के लिए वापस आ गया हूँ
लंबे समय से पहले सुरक्षा के मुद्दे हैं.

517
00:22:25,150 --> 00:22:29,290
इस विरोधाभास है क्योंकि वहाँ
तुम जाओ और तुम क्या कहते हैं जहां के बीच,

518
00:22:29,290 --> 00:22:34,722
आप ऐसा कुछ कर सकता
this-- http://www.google.com.

519
00:22:34,722 --> 00:22:37,134
ठीक है, और अब मैं फिर से लोड अगर
उस पेज को सहेजने के बाद,

520
00:22:37,134 --> 00:22:38,800
मैं गूगल पर जाने के लिए जा रहा हूँ की तरह यह लग रहा है.

521
00:22:38,800 --> 00:22:40,966
लेकिन कोई कारण नहीं है कि मैं
ठीक है, गूगल के पास जाना है?

522
00:22:40,966 --> 00:22:47,460
मैं वास्तव में ऐसा कुछ करने के लिए जा सकते हैं
badguy.com, यहाँ पर पृष्ठ पुनः लोड.

523
00:22:47,460 --> 00:22:49,750
और नोटिस, यह अभी भी गूगल की तरह लग रहा है.

524
00:22:49,750 --> 00:22:52,020
और मैं तेज हूँ केवल अगर
यहां पर जाएँ करने के लिए पर्याप्त

525
00:22:52,020 --> 00:22:54,770
मैं यह भी जा रहा है देखते हैं
एक अलग स्थान पर जाना.

526
00:22:54,770 --> 00:22:57,400
>> आप कभी भी मिल गया है तो अगर
एक ईमेल, विशेष रूप से

527
00:22:57,400 --> 00:22:59,610
पेपैल से एक, या
प्रतीत होता है पेपैल से

528
00:22:59,610 --> 00:23:01,830
आप पूछ में लॉग इन करने के लिए
अपने खाते में, इस

529
00:23:01,830 --> 00:23:06,380
यही कारण है कि आप कभी नहीं करना चाहिए
कभी ईमेल में लिंक पर क्लिक करें

530
00:23:06,380 --> 00:23:07,930
स्पष्ट रूप से, ईमेल में किसी भी लिंक.

531
00:23:07,930 --> 00:23:10,380
यदि आप जानते हैं कि आप वास्तविक है
पेपैल या बैंक में पैसे

532
00:23:10,380 --> 00:23:14,250
अमेरिका या फिडेलिटी या किसी की
वेबसाइट मैन्युअल में यह टाइप करें.

533
00:23:14,250 --> 00:23:17,530
यह कितना आसान लग रही है क्योंकि
पेश में किसी को क्या चाल

534
00:23:17,530 --> 00:23:18,526
एक कड़ी की तरह लग रहा है.

535
00:23:18,526 --> 00:23:20,400
लेकिन यह वास्तव में कर सकता है
बिल्कुल कहीं भी जाओ.

536
00:23:20,400 --> 00:23:23,301
>> और कहीं ज्यादा नहीं है
इस से खतरों.

537
00:23:23,301 --> 00:23:25,300
वास्तव में, यह एक सा है
एक स्पर्श की अब, लेकिन एक

538
00:23:25,300 --> 00:23:28,430
सबसे अच्छा लोगों में से मैं कभी भी देखा
जो बाद बंद कर दिया गया है

539
00:23:28,430 --> 00:23:34,060
किसी के नेतृत्व में लोगों को है
इस कह सकते हैं तो to--,

540
00:23:34,060 --> 00:23:37,660
पर लॉग इन करने के लिए यहाँ क्लिक करें अपने
खाते, एक बैंक खाता.

541
00:23:37,660 --> 00:23:40,985
और यह पश्चिम के बैंक था.

542
00:23:40,985 --> 00:23:43,030

543
00:23:43,030 --> 00:23:44,250
>> इसलिए किसी को इस खरीदा.

544
00:23:44,250 --> 00:23:47,090
और यह देखने के लिए थोड़ा आसान है
एक मोनो स्थान दिया फ़ॉन्ट में यह तेजी से बढ़ी

545
00:23:47,090 --> 00:23:49,190
एक 30 फुट प्रोजेक्टर पर में.

546
00:23:49,190 --> 00:23:51,720
लेकिन यह छोटा सा फ़ॉन्ट एक में है जब
आप प्राप्त कर रहे हैं कि ईमेल,

547
00:23:51,720 --> 00:23:54,690
इस bankofthewest.com की तरह दिखता है,
नहीं bankofthevvest.com,

548
00:23:54,690 --> 00:23:58,230
जो किसी को खरीदने पर 10 डॉलर का भुगतान किया था.

549
00:23:58,230 --> 00:24:00,840
और फिर इस के लिए उन्हें नेतृत्व
कुछ बुरा वेबसाइट के बराबर.

550
00:24:00,840 --> 00:24:05,540
>> और अगर आप वास्तव में हम क्या कर सकते too-- देखेंगे
मैं वास्तविक वेबसाइट पर जाकर अगर this--,

551
00:24:05,540 --> 00:24:10,335
bankofthewest.com, फिर से,
पिछली बार से याद

552
00:24:10,335 --> 00:24:13,210
यह अपने वेब पेज है कि अगर और
आप यह कैसे काम करता है के रूप में उत्सुक हो

553
00:24:13,210 --> 00:24:15,610
आप निश्चित रूप से लिए जा सकते हैं
क्रोम के डेवलपर उपकरण.

554
00:24:15,610 --> 00:24:18,890
और आप सब देख सकते हैं
एचटीएमएल अच्छी तरह से वहाँ प्रारूपित.

555
00:24:18,890 --> 00:24:20,890
>> लेकिन मुद्दे पर,
आप के करीबी जाने cam--

556
00:24:20,890 --> 00:24:24,760
आप देखना जा सकते this--
डेवलपर स्रोत देखें.

557
00:24:24,760 --> 00:24:25,770

558
00:24:25,770 --> 00:24:28,350
क्यों मैं सिर्फ नकल नहीं है
कि सब के सब और फिर मैं

559
00:24:28,350 --> 00:24:31,630
मेरी छोटी एडिट खिड़की में जा सकते हैं
यहाँ और अपने खुद के वेब पेज बनाने.

560
00:24:31,630 --> 00:24:33,210
Hello.html में इस बचाओ.

561
00:24:33,210 --> 00:24:36,770
और शायद यह तोड़ने जा रही है
यह आमतौर पर यह आसान नहीं है क्योंकि.

562
00:24:36,770 --> 00:24:41,590
लेकिन मैं पर मेरे अपने पृष्ठ को फिर से लोड अब अगर
, CS50 उपकरण और हिट पुनः लोड अपना खुद का

563
00:24:41,590 --> 00:24:42,990
ठीक है, कुछ सामान तोड़ दिया.

564
00:24:42,990 --> 00:24:45,750
लेकिन मैं होने के बहुत करीब हूँ
अपना खुद का बैंकिंग वेबसाइट, है ना?

565
00:24:45,750 --> 00:24:46,570
इस सब के सब HTML--

566
00:24:46,570 --> 00:24:47,370
>> [हँसी]

567
00:24:47,370 --> 00:24:49,210
>> डेविड जे Malan: --I
actually-- और आप नहीं किया

568
00:24:49,210 --> 00:24:52,210
किसी को वहाँ से बाहर है जो जानते हैं
वास्तव में भी इन लिंक पर क्लिक करेंगे.

569
00:24:52,210 --> 00:24:54,864
तो जाहिर है, कुछ सामान तोड़ दिया.

570
00:24:54,864 --> 00:24:56,780
लेकिन यह है कि नेतृत्व करने के लिए जा रहा है
एक चर्चा में हमें,

571
00:24:56,780 --> 00:25:00,810
अनावश्यक रूप से सही अब, के रूप में क्या
सीएसएस, व्यापक स्टाइल शीट्स, कर रहे हैं

572
00:25:00,810 --> 00:25:03,410
और कैसे आप वास्तव में
अन्य HTML फ़ाइलों को डाउनलोड

573
00:25:03,410 --> 00:25:06,140
और जेपीईजी फ़ाइलें GIF फ़ाइलें कि
वेबसाइट का उपयोग किया जा सकता है.

574
00:25:06,140 --> 00:25:07,960
लेकिन उस के सभी accomplishable है.

575
00:25:07,960 --> 00:25:11,110
लेकिन यह सच करने के लिए नीचे फोड़े
ये बहुत सरल heuristics.

576
00:25:11,110 --> 00:25:14,450
>> तो अब सिर्फ एक के माध्यम से हवा में घूमना दें
एचटीएमएल के अन्य उदाहरण की जोड़ी

577
00:25:14,450 --> 00:25:16,680
बस आपको एक भाव देने के लिए
आप और क्या कर सकते की.

578
00:25:16,680 --> 00:25:18,670
उदाहरण के लिए, इस list.html है.

579
00:25:18,670 --> 00:25:23,240
मैं एक वेब पेज बनाना चाहते थे मान लीजिए
ट्रैक्टर में घरों की एक सूची के साथ.

580
00:25:23,240 --> 00:25:28,960
मैं unordered के लिए उल टैग का उपयोग हो सकता है
सूची और फिर सूची आइटम बच्चे

581
00:25:28,960 --> 00:25:33,760
और फिर, over-- या सूची से पुनरावृति
प्रश्न में घरों rather--.

582
00:25:33,760 --> 00:25:36,080
>> मैं इस खोलो और अगर, चलो यह करते हैं.

583
00:25:36,080 --> 00:25:40,670
के hello.html के लिए नहीं चलते हैं,
लेकिन list.html लिए.

584
00:25:40,670 --> 00:25:42,160
लानत है.

585
00:25:42,160 --> 00:25:43,000
मैं यह कैसे तय करते हैं?

586
00:25:43,000 --> 00:25:45,679

587
00:25:45,679 --> 00:25:47,220
यह ठीक है, पहले की तरह ही मुद्दा है?

588
00:25:47,220 --> 00:25:52,510
तो मुझे chmod-- oops-- करते हैं
chmod A + list.html के आर.

589
00:25:52,510 --> 00:25:54,610

590
00:25:54,610 --> 00:25:59,610
और अब मैं अपने ब्राउज़र को वापस जाने के लिए अगर
और पुनः लोड क्लिक करें, वहाँ यह है.

591
00:25:59,610 --> 00:26:02,360
तो तुम कभी बनाना चाहता है
एक बुलेटेड सूची, तुम ऐसा कर सकते हैं.

592
00:26:02,360 --> 00:26:06,210
आप सुपर फैंसी होना और बनाना चाहते हैं
एक आदेश दिया सूची, नहीं एक unordered सूची,

593
00:26:06,210 --> 00:26:10,170
, राजभाषा को उन बदलने पृष्ठ को फिर से लोड, और
अब ब्राउज़र आप के लिए यह संख्या होगी.

594
00:26:10,170 --> 00:26:11,241
>> हम और क्या कर सकते हैं?

595
00:26:11,241 --> 00:26:13,990
खैर, others-- की एक जोड़ी अगर
आप text-- के लंबे पैराग्राफ मिल गया है

596
00:26:13,990 --> 00:26:15,698
उदाहरण के लिए, कुछ
This-- की तरह लैटिन पाठ

597
00:26:15,698 --> 00:26:20,730
और आप अलग पैराग्राफ में यह चाहते हैं,
खुला पी, पैरा टैग के लिए करीब पी.

598
00:26:20,730 --> 00:26:22,010
और फिर और फिर इसे करते हैं.

599
00:26:22,010 --> 00:26:26,600
और मैं अब इस फाइल को खोलने अगर,
paragraphs.html, ठीक है, यह

600
00:26:26,600 --> 00:26:27,570
गुस्सा आ रहा है.

601
00:26:27,570 --> 00:26:34,320
तो अब चलो बस को वापस जाने दिया मेरे
शीघ्र, एक + आर आर सितारा chmod .html--

602
00:26:34,320 --> 00:26:36,099
एक अच्छा सा वाइल्ड कार्ड तो बात करो.

603
00:26:36,099 --> 00:26:37,890
यह सब ठीक करना चाहिए
मेरे लिए इन समस्याओं.

604
00:26:37,890 --> 00:26:38,990
के फिर से लोड करते हैं.

605
00:26:38,990 --> 00:26:40,500
तीन पैराग्राफ है.

606
00:26:40,500 --> 00:26:42,930
>> और अब आगे चलते हैं
और एक दूसरे के ऊपर खुला.

607
00:26:42,930 --> 00:26:44,310
कैसे टेबल के बारे में?

608
00:26:44,310 --> 00:26:46,440
आप तालिका लग रहा है पर ध्यान देंगे
एक छोटे से अधिक जटिल.

609
00:26:46,440 --> 00:26:49,110
लेकिन यह एक ही idea-- है
खुला टैग, खुला टैग,

610
00:26:49,110 --> 00:26:51,360
खुला, खुला, खुला, करीब टैग, खुला टैग.

611
00:26:51,360 --> 00:26:54,410
और इन के लिए खड़े हो
जिसका सीमा मेज, जाहिरा तौर पर है

612
00:26:54,410 --> 00:26:58,500
एक मोटाई होने जा रहा 1-- जो कुछ भी
कि means-- तालिका पंक्ति, टेबल

613
00:26:58,500 --> 00:27:00,320
एक सेल का मतलब है जो डेटा,.

614
00:27:00,320 --> 00:27:03,840
और मैं अपने ब्राउज़र को वापस जाने के लिए अगर
यहाँ और table.html में जाना है,

615
00:27:03,840 --> 00:27:05,840
तुम कुछ देख सकते हैं
इस तरह, घृणित.

616
00:27:05,840 --> 00:27:07,840
लेकिन हम बात करने के लिए मिल जाएगा
जहां हम वास्तव में कर सकते हैं

617
00:27:07,840 --> 00:27:09,260
उस से भी बातें सुंदर बनाते हैं.

618
00:27:09,260 --> 00:27:10,530
>> तो मुझे अब के लिए निर्धारित करते हैं.

619
00:27:10,530 --> 00:27:11,870
अधिक टैग की गुच्छों है.

620
00:27:11,870 --> 00:27:15,225
और एचटीएमएल लेने के लिए बहुत बढ़िया है
क्योंकि, सच में, तुम सब करने की ज़रूरत है

621
00:27:15,225 --> 00:27:17,600
मौजूदा वेब पृष्ठों पर देखने के लिए है
जिसके साथ आप परिचित हैं.

622
00:27:17,600 --> 00:27:20,340
और तुम ओह, कि कैसे है, पसंद कर रहे हैं
वे सौंदर्य की दृष्टि से ऐसा किया.

623
00:27:20,340 --> 00:27:23,159
>> या फिर आप किसी भी ऑनलाइन देख सकते हैं
एचटीएमएल कैसे काम करता है के रूप में संसाधन,

624
00:27:23,159 --> 00:27:25,700
और आप एक है कि वहाँ देखेंगे
अन्य टैग की सारी शब्दावली.

625
00:27:25,700 --> 00:27:30,110
लेकिन साधारण मानसिक मॉडल के साथ
अकेले कि आप को खोलने के लगभग किसी भी टैग

626
00:27:30,110 --> 00:27:33,620
वास्तव में, यह बंद हो गया है
अपने आप को पढ़ाने के लिए पर्याप्त होता है

627
00:27:33,620 --> 00:27:36,950
एचटीएमएल के बाद समझ में
टैग की इन बुनियादी विचारों

628
00:27:36,950 --> 00:27:40,520
गुण और अच्छी तरह से formedness और
हम के बारे में बात की है कि,

629
00:27:40,520 --> 00:27:44,697
हम खोल सकता है कि बंद करने के लिए कुछ भी
इतना है कि हम एक ब्राउज़र को भ्रमित नहीं है.

630
00:27:44,697 --> 00:27:46,780
तो चलो अब इस लेते हैं
एक और अधिक दिलचस्प स्तर

631
00:27:46,780 --> 00:27:48,100
वास्तविक करने के लिए जा रहा द्वारा.

632
00:27:48,100 --> 00:27:51,095
और चलो मेरे मैक के लिए चलते हैं
यहाँ, google.com पर.

633
00:27:51,095 --> 00:27:52,280

634
00:27:52,280 --> 00:27:54,020
और अब notice-- चलो यह करते हैं.

635
00:27:54,020 --> 00:27:57,280
मैं करने के लिए जाने के लिए घंटा रहा हूँ
सेटिंग्स, खोज सेटिंग.

636
00:27:57,280 --> 00:28:01,070
मैं इस कष्टप्रद तत्काल बंद करना चाहते हैं
परिणामों बात जहां इसे तुरंत

637
00:28:01,070 --> 00:28:02,450
अपनी टाइपिंग का जवाब देने के लिए शुरू होता है.

638
00:28:02,450 --> 00:28:05,300
तो इस पुराने स्कूल करते हैं
हम वास्तव में क्या हो रहा है देखते हैं.

639
00:28:05,300 --> 00:28:08,260
>> तो मैं बचाने के लिए जा रहा हूँ मेरे
यहां गूगल सेटिंग्स.

640
00:28:08,260 --> 00:28:11,160
और अब मैं जा रहा हूँ notice--
बिल्लियों की तरह कुछ के लिए खोज.

641
00:28:11,160 --> 00:28:14,500
और यह अभी भी ऑटो कर रहा है
यहाँ पूरा, लेकिन बातों पर आधारित

642
00:28:14,500 --> 00:28:15,970
लोग अतीत में टाइप किया है.

643
00:28:15,970 --> 00:28:17,490
लेकिन ऐसा करने के लिए क्या हो रहा है पर ध्यान दिया.

644
00:28:17,490 --> 00:28:20,272
>> पल में URL में
यह वह जगह है, सिर्फ google.com.

645
00:28:20,272 --> 00:28:22,650
और तकनीकी रूप से, यह स्लैश है.

646
00:28:22,650 --> 00:28:25,910
गूगल सिर्फ एक चरित्र बचत है
और हमें दिखा रहा है कि नहीं.

647
00:28:25,910 --> 00:28:30,400
वे सिर्फ हमें https दिखा रहे हैं
हम कर रहे हैं कि सुपर आश्वस्त होने के लिए

648
00:28:30,400 --> 00:28:32,850
एक सुरक्षित या एन्क्रिप्टेड पेज पर.

649
00:28:32,850 --> 00:28:35,690
>> तो मुझे आगे जाना है और बिल्लियों के लिए खोज करते हैं.

650
00:28:35,690 --> 00:28:37,670
अब यह सच मिला
जल्दी से भारी.

651
00:28:37,670 --> 00:28:39,470
इस URL की लंबाई को देखो.

652
00:28:39,470 --> 00:28:43,070
लेकिन यह पता चला है इस सामान की सबसे कि
यूआरएल में वास्तव में बहुत बेकार है.

653
00:28:43,070 --> 00:28:45,320
मैं हटाने शुरू करने जा रहा हूँ
मुझे समझ नहीं आता बातें.

654
00:28:45,320 --> 00:28:46,560

655
00:28:46,560 --> 00:28:47,360
मैं बिल्लियों देखते हैं.

656
00:28:47,360 --> 00:28:48,470
मैं बिल्लियों को समझते हैं.

657
00:28:48,470 --> 00:28:50,380
बिल्लियों फिर वहाँ क्यों कर रहे हैं मुझे नहीं पता.

658
00:28:50,380 --> 00:28:52,620
मैं सच में नहीं पता
यह बकवास है क्या.

659
00:28:52,620 --> 00:28:56,030
इसलिए मैं सिर्फ रखने के लिए जा रहा हूँ
पर प्रकाश डाला और सामान को हटाने

660
00:28:56,030 --> 00:28:59,905
कि मुझे समझ नहीं आता,
अभी इस मामले में यूआरएल distilling.

661
00:28:59,905 --> 00:29:00,920

662
00:29:00,920 --> 00:29:02,270
>> अब मुझे फिर से दर्ज हो जाओ.

663
00:29:02,270 --> 00:29:03,814
गूगल अभी भी काम करता है ऐसा लगता है.

664
00:29:03,814 --> 00:29:06,980
इसलिए किसी कारण के लिए, वे एक जोड़ रहे हैं
उनके यूआरएल द्वारा डिफ़ॉल्ट के लिए सामान की बहुत.

665
00:29:06,980 --> 00:29:09,000
लेकिन यह सख्ती की आवश्यकता नहीं है.

666
00:29:09,000 --> 00:29:10,340
इसलिए इस बारे में अच्छा क्या है?

667
00:29:10,340 --> 00:29:13,630
खैर, मुझे आगे चलते हैं और
क्रोम के इंस्पेक्टर खुला.

668
00:29:13,630 --> 00:29:15,960
इसके लिए एक छोटे से माउस शॉर्टकट नहीं है.

669
00:29:15,960 --> 00:29:17,360
>> नेटवर्क टैब पर जाएं.

670
00:29:17,360 --> 00:29:19,340
और अब मुझे फिर से लोड करते हैं
इस पृष्ठ पर एक बार फिर.

671
00:29:19,340 --> 00:29:20,280
और मैं शिफ्ट पकड़ रहा हूँ.

672
00:29:20,280 --> 00:29:22,520
एक तरफ, ब्राउज़रों के रूप में
कैश या बचाने के लिए करते हैं

673
00:29:22,520 --> 00:29:24,697
बस दक्षता की खातिर जानकारी.

674
00:29:24,697 --> 00:29:27,280
लेकिन आम तौर पर, पकड़े शिफ्ट और
सब कुछ के लिए मजबूर करेंगे reloading

675
00:29:27,280 --> 00:29:28,994
उसे शुरू से करने के लिए.

676
00:29:28,994 --> 00:29:30,410
और कहा कि मैं यहाँ क्या करना चाहते है.

677
00:29:30,410 --> 00:29:33,550
>> और इन सभी को नोटिस
सिर्फ दिखाई दिया कि पंक्तियाँ.

678
00:29:33,550 --> 00:29:37,920
यह किसी भी वेब में पता चला है कि
पेज, सिर्फ एक फाइल हो सकता है

679
00:29:37,920 --> 00:29:43,500
involved-- hello.html-- या वहाँ
इस मामले में के रूप में, 52 हो सकता है.

680
00:29:43,500 --> 00:29:45,820
मैं जब यात्रा google.com,
जाहिर है, अपने ब्राउज़र

681
00:29:45,820 --> 00:29:49,650
52 अलग HTTP अनुरोध बंद kicks.

682
00:29:49,650 --> 00:29:50,520
ऐसा क्यों?

683
00:29:50,520 --> 00:29:53,380
>> खैर, अंदर क्या है पर देखने के लिए
इस वेब पेज के ऊपर शीर्ष की.

684
00:29:53,380 --> 00:29:55,620
केवल पाठ नहीं है,
लेकिन वास्तविक छवियों वहाँ

685
00:29:55,620 --> 00:29:57,130
सही करने के लिए बिल्लियों की.

686
00:29:57,130 --> 00:29:59,110
एक रंगीन लोगो छोड़ दिया पर यहाँ नहीं है.

687
00:29:59,110 --> 00:30:01,750
इन माउस के सभी नहीं है
एक माइक्रोफोन के लिए और बहुत आगे है.

688
00:30:01,750 --> 00:30:05,130
टुकड़े का एक बहुत निर्माण, वहाँ
ब्लॉक, खरोंच टुकड़े, अगर तुम जाएगा,

689
00:30:05,130 --> 00:30:06,250
इस वेब पेज के लिए.

690
00:30:06,250 --> 00:30:10,310
और ब्राउज़र क्या पर कर रही है
बहुत पहले फाइल हो रही है, जो

691
00:30:10,310 --> 00:30:16,180
यहाँ इस पंक्ति, यह अनिवार्य है
एचटीएमएल शीर्ष पर पुनरावृति

692
00:30:16,180 --> 00:30:19,880
नीचे करने के लिए, के लिए देख रहे हैं, सही करने के लिए छोड़ दिया
छवि टैग या अन्य टैग की तरह बातें

693
00:30:19,880 --> 00:30:23,160
कि अन्य फ़ाइलों उल्लेख कर रहे हैं और
यह उन्हें देखता है, चला जाता है और उन्हें fetches

694
00:30:23,160 --> 00:30:26,050
HTTP के द्वारा, व्यवहार्य पूरे
लिफाफा रूपक,

695
00:30:26,050 --> 00:30:29,670
और फिर में उन्हें प्रदर्शित करता है
वेब पेज में उचित स्थान.

696
00:30:29,670 --> 00:30:33,370
>> मैं पर ध्यान केंद्रित लेकिन अगर यहां नोटिस
पहली फेंक, खोज बिल्लियों,

697
00:30:33,370 --> 00:30:37,090
वास्तव में यह HTTP 1.1 का उपयोग कर रहा है, उस पर ध्यान दिया.

698
00:30:37,090 --> 00:30:41,690
और दुर्भाग्य से, गूगल
अब सही संस्करण 39 में क्रोम

699
00:30:41,690 --> 00:30:45,110
है नीचे dumbing चीजों की तरह और
हमें वास्तविक हेडर दिखा नहीं.

700
00:30:45,110 --> 00:30:49,680
लेकिन क्या वास्तव में भेजा गया था एक अनुरोध है
स्लेश नहीं लिए, लेकिन / खोज? क्ष = बिल्लियों.

701
00:30:49,680 --> 00:30:52,830

702
00:30:52,830 --> 00:30:54,340
>> अब, क्यों कि महत्वपूर्ण है?

703
00:30:54,340 --> 00:30:57,110
खैर, मैं अनुमान करने जा रहा हूँ
इस से कि अगर आप गूगल

704
00:30:57,110 --> 00:31:01,520
इस फार्म, क्यों की जिज्ञासाओं का समर्थन करता है
मैं अपने ही खोज को लागू नहीं

705
00:31:01,520 --> 00:31:06,420
CS50 के लिए इंजन, लेकिन अभी सामने
अंत में, बस ग्राफिकल यूजर इंटरफेस.

706
00:31:06,420 --> 00:31:09,610
और हम वापस अंत आउटसोर्स करेंगे,
वास्तविक खोज गूगल के लिए यह परिणाम है.

707
00:31:09,610 --> 00:31:10,510
>> तो मैं ऐसा कैसे कर सकते हैं?

708
00:31:10,510 --> 00:31:13,820
खैर, मुझे यहाँ पर एडिट में चलते हैं.

709
00:31:13,820 --> 00:31:19,180
और मुझे आगे जाना है और खुला
ऊपर, कहते एक नई फाइल करते हैं.

710
00:31:19,180 --> 00:31:22,280
और मैं इस बचाने के लिए जा रहा हूँ
अस्थायी रूप से खोज-0.html के रूप में.

711
00:31:22,280 --> 00:31:25,111

712
00:31:25,111 --> 00:31:27,860
और फिर अंत में, हम तेजी से हूँ
आगे मैं एक पूर्व तैयार किया.

713
00:31:27,860 --> 00:31:30,190
>> और मैं जा रहा हूँ
जल्दी से डॉक्टर प्रकार कोड़ा

714
00:31:30,190 --> 00:31:33,840
HTML खुला ब्रैकेट HTML
करीब ब्रैकेट HTML.

715
00:31:33,840 --> 00:31:38,390
तब मैं सिर क्या करने जा रहा हूँ
करीब सिर ओपन खिताब CS50

716
00:31:38,390 --> 00:31:40,150
बजाय गूगल खोज की खोज.

717
00:31:40,150 --> 00:31:43,480
यहाँ नीचे मैं जा रहा हूँ
शरीर, यहाँ नीचे करीब शरीर.

718
00:31:43,480 --> 00:31:45,835
और अब मैं CS50 खोज की जरूरत है.

719
00:31:45,835 --> 00:31:47,710
और वास्तव में, चलो
संवर्द्धित इस निर्माण.

720
00:31:47,710 --> 00:31:51,043
मुझे आगे जाना है और यह बंद करने के लिए जा रहा हूँ
वास्तव में मेरे सार्वजनिक निर्देशिका में डाल दिया.

721
00:31:51,043 --> 00:31:52,730
तो मुझे सिर्फ एक पल दे.

722
00:31:52,730 --> 00:31:55,390
मैं जा रहा हूँ खोज-0.html--
अस्थायी search.html कहते हैं.

723
00:31:55,390 --> 00:31:56,600

724
00:31:56,600 --> 00:31:59,750
मैं इसे एक + आर search.html chmod करने जा रहा हूँ.

725
00:31:59,750 --> 00:32:01,072

726
00:32:01,072 --> 00:32:02,280
और अब मैं इसे खोलने के लिए जा रहा हूँ.

727
00:32:02,280 --> 00:32:03,224

728
00:32:03,224 --> 00:32:04,390
सब ठीक है, कि जल्दी थी इसलिए.

729
00:32:04,390 --> 00:32:06,800
लेकिन लक्ष्य को आसानी से था
बात करने के लिए हमें प्राप्त करने के लिए

730
00:32:06,800 --> 00:32:09,630
इस पाठ होने के
कहा जाता search.html फ़ाइल.

731
00:32:09,630 --> 00:32:10,940

732
00:32:10,940 --> 00:32:12,790
अभी तक को देखने के लिए इतना नहीं.

733
00:32:12,790 --> 00:32:16,970
दरअसल, मैं अपने ब्राउज़र के लिए जाना है, और अगर
कि यह सब है, search.html के पास जाओ.

734
00:32:16,970 --> 00:32:17,720
लेकिन क्या आप जानते हैं?

735
00:32:17,720 --> 00:32:19,000
मैं एक छोटे से शौक़ीन हो सकता है.

736
00:32:19,000 --> 00:32:22,710
मैं यह है कि वहाँ एक किताब में पढ़ा
एक शीर्षक टैग H1 बुलाया.

737
00:32:22,710 --> 00:32:26,100
और मैं आगे जाने के लिए जा रहा हूँ और
कि खुले H1 और करीब H1 का उपयोग करें.

738
00:32:26,100 --> 00:32:27,220
पृष्ठ पुनः लोड करें.

739
00:32:27,220 --> 00:32:29,600
और अब यह बड़ा और बिंदास है
नहीं सभी दिलचस्प है कि,

740
00:32:29,600 --> 00:32:32,399
लेकिन कम से कम यह संरचनात्मक रूप
अधिक दिलचस्प.

741
00:32:32,399 --> 00:32:33,940
लेकिन अब मुझे एक और टैग परिचय.

742
00:32:33,940 --> 00:32:36,500
एक फार्म टैग वहाँ बाहर बदल जाता है.

743
00:32:36,500 --> 00:32:38,400
और मुझे उस टैग को बंद करते हैं.

744
00:32:38,400 --> 00:32:40,830
और यह वहाँ का पता चला है
एक इनपुट टैग कि

745
00:32:40,830 --> 00:32:44,600
प्रकार कहा जाता है एक विशेषता है, जो
क्षेत्र के डेटा प्रकार है,

746
00:32:44,600 --> 00:32:45,200
अगर तुम जाएगा.

747
00:32:45,200 --> 00:32:47,050
और प्रकार पाठ का होने जा रहा है.

748
00:32:47,050 --> 00:32:52,200
और इसकी कीमत जा रहा है
CS50 खोज हो.

749
00:32:52,200 --> 00:32:53,850
बंद टैग.

750
00:32:53,850 --> 00:32:57,100
और की कोई धारणा होने जा रहा है
खोलने और अलग टैग के साथ बंद.

751
00:32:57,100 --> 00:33:00,300
>> मुझे यहाँ पर वापस जाओ और
चल रहा पुनः लोड है क्या देखते हैं.

752
00:33:00,300 --> 00:33:01,380
दिलचस्प हो रही.

753
00:33:01,380 --> 00:33:02,950
यह एक पाठ क्षेत्र है ऐसा लगता है.

754
00:33:02,950 --> 00:33:04,080

755
00:33:04,080 --> 00:33:06,999
और वास्तव में, मैं नहीं चाहता था
अभी तक वहाँ एक मूल्य डालने के लिए.

756
00:33:06,999 --> 00:33:10,040
मुझे यहाँ वापस जाने के लिए और वास्तव में मिलता है
इसे सरल रखने के लिए इस मान से छुटकारा.

757
00:33:10,040 --> 00:33:12,939
इसके बजाय एक मूल्य की, मैं क्या चाहता था
इस बात को देने के लिए एक नाम था.

758
00:33:12,939 --> 00:33:15,230
और मैं यह क्या है पता नहीं है
इसलिए मुझे लगता है कि वापस आ जाएगा.

759
00:33:15,230 --> 00:33:18,270
>> लेकिन वह नीचे, मैं चाहता हूँ
इनपुट प्रकार क्या करना = सबमिट करें.

760
00:33:18,270 --> 00:33:19,840

761
00:33:19,840 --> 00:33:22,120
और यह मान CS50 खोज हो जाएगा.

762
00:33:22,120 --> 00:33:24,850
और हम मैं क्यों देखेंगे
इस के लिए मूल्य चले गए.

763
00:33:24,850 --> 00:33:28,900
मैं फिर से लोड करते हैं, मैं अब नहीं है लगता है
मेरी खुद की खोज की शुरुआत

764
00:33:28,900 --> 00:33:30,820
इंजन, सुपर घृणित,
स्पष्ट है, हालांकि, यह है

765
00:33:30,820 --> 00:33:34,260
से नहीं एक दूर फेंक क्या
गूगल के डिफ़ॉल्ट पेज की तरह लग रहा है.

766
00:33:34,260 --> 00:33:37,950
>> मैं अब यहाँ जाओ, मैं में टाइप कर सकते हैं
बिल्लियों और उम्मीद है कि खोज पर क्लिक करें.

767
00:33:37,950 --> 00:33:40,380
लेकिन मैं काफी, अभी तक नहीं कर रहा हूँ
मैं लागू नहीं किया है, क्योंकि

768
00:33:40,380 --> 00:33:41,045
जाहिर है, एक डेटाबेस.

769
00:33:41,045 --> 00:33:42,940
मैं क्रॉल नहीं किया है
खोज परिणामों के लिए वेब.

770
00:33:42,940 --> 00:33:44,840
इसलिए मैं गूगल के लिए कि आउटसोर्स करने की जरूरत है.

771
00:33:44,840 --> 00:33:46,290
तो कैसे मैं यह क्या करते हो?

772
00:33:46,290 --> 00:33:49,170
>> सब मैं की खैर, सबसे पहले
जोड़ने के लिए और कार्रवाई करने की जरूरत है

773
00:33:49,170 --> 00:33:58,460
मेरी फार्म टैग करने के लिए विशेषता है कि
http://www.google.com/search है.

774
00:33:58,460 --> 00:34:01,180
और मुझे पता है कि केवल होने से
बारीकी से देखने से inferred

775
00:34:01,180 --> 00:34:02,505
उनके यूआरएल पर.

776
00:34:02,505 --> 00:34:03,380
और अब एक अनुमान ले.

777
00:34:03,380 --> 00:34:09,090
क्या करना चाहिए इस पाठ क्षेत्र शायद
हम आए थे, जहां पर आधारित, कहा जा

778
00:34:09,090 --> 00:34:09,754
पहले से?

779
00:34:09,754 --> 00:34:11,896

780
00:34:11,896 --> 00:34:13,290
>> दर्शकों: क्यू.

781
00:34:13,290 --> 00:34:14,370
>> डेविड जे Malan: क्यू.

782
00:34:14,370 --> 00:34:17,800
और हम वास्तव में सवाल की जरूरत नहीं है
यह पता चला है, लेकिन क्यू वास्तव में यह है निशान,

783
00:34:17,800 --> 00:34:20,489
क्वेरी शायद द्वारा लिए क्यू
डिफ़ॉल्ट, कि बस, क्योंकि

784
00:34:20,489 --> 00:34:23,060
क्या लैरी और सेर्गेई
साल पहले के साथ आया था.

785
00:34:23,060 --> 00:34:24,739
तो अब मुझे इस पेज को फिर से लोड करते हैं.

786
00:34:24,739 --> 00:34:26,409
यह सब है कि अलग नहीं लगती.

787
00:34:26,409 --> 00:34:28,120
लेकिन अब देखो क्या होता है.

788
00:34:28,120 --> 00:34:32,360
>> मैं बिल्लियों और क्लिक में टाइप करें
खोज और चलते CS50,

789
00:34:32,360 --> 00:34:35,770
मैं whisked पाने नोटिस
दूर वास्तविक गूगल को.

790
00:34:35,770 --> 00:34:38,150
अब, गूगल के एक छोटे से किया जा रहा है
वे कर रहे हैं कि में कष्टप्रद

791
00:34:38,150 --> 00:34:41,877
एक अतिरिक्त पैरामीटर जोड़कर,
आप यूआरएल के लिए, अगर.

792
00:34:41,877 --> 00:34:43,960
यह सब हो रहा है
स्वचालित रूप से Google पक्ष पर.

793
00:34:43,960 --> 00:34:48,730
>> महत्वपूर्ण हिस्सा है कि मैं लगता है
यहाँ इस अनुरोध को उत्पन्न किया है.

794
00:34:48,730 --> 00:34:50,179
और वास्तव में, कि क्या होता है.

795
00:34:50,179 --> 00:34:53,040
आप HTML है जब कि
यह इस तरह दिखता है

796
00:34:53,040 --> 00:34:57,620
वेब डेवलपर्स अंकन की तरह है
कह के लिए, आगे जाकर एक फार्म बनाने

797
00:34:57,620 --> 00:34:59,990
यह प्रस्तुत है जब कि,
यह इस यूआरएल पर जाने के लिए जा रहा है.

798
00:34:59,990 --> 00:35:03,430
और यूआरएल प्रदान की गई है जब
क्यू जैसी चीजों के लिए मूल्यों,

799
00:35:03,430 --> 00:35:05,440
सिर्फ इस URL पर मत जाओ.

800
00:35:05,440 --> 00:35:08,210
दरअसल, सवाल करने के लिए जाना
मार्क और फिर क्यू = बिल्लियों.

801
00:35:08,210 --> 00:35:09,590

802
00:35:09,590 --> 00:35:13,060
पैरामीटर जोड़ें,
उस तरह एचटीटीपी पैरामीटर.

803
00:35:13,060 --> 00:35:15,590
>> और बस, सुपर सटीक होना
क्या here-- inferred किया जा रहा है

804
00:35:15,590 --> 00:35:18,130
लेकिन मैं और अधिक explicit-- है हो जाएगा
कि मैं का उपयोग करना चाहते विधि

805
00:35:18,130 --> 00:35:22,270
बजाय तरह कुछ की, है मिल
हम अंत में देखेंगे जो पद,.

806
00:35:22,270 --> 00:35:27,710
संक्षेप में, बस समझ से तो
एचटीएमएल और कुछ काफी सरल टैग का उपयोग कर,

807
00:35:27,710 --> 00:35:30,610
अब हम बनाने के लिए शुरू कर सकते हैं
हमारे अपने सामने अंत उपयोगकर्ता

808
00:35:30,610 --> 00:35:32,850
एक खोज के साथ इंटरफेस
इसके पीछे इंजन.

809
00:35:32,850 --> 00:35:34,800
>> लेकिन यह निश्चित रूप से, बहुत भयंकर है.

810
00:35:34,800 --> 00:35:37,259
तो मुझे वास्तव में खोल दें
एक थोड़ा बेहतर संस्करण.

811
00:35:37,259 --> 00:35:39,800
यह मैं में तैयार एक है
कि कुछ टिप्पणी की है अग्रिम.

812
00:35:39,800 --> 00:35:41,900
लेकिन आपको लगता है कि मैं देख रहा हूँ
यह बहुत सुंदर निर्मित.

813
00:35:41,900 --> 00:35:44,150
तो यह पहले से ही ऑनलाइन उपलब्ध है.

814
00:35:44,150 --> 00:35:48,050
और मैं preemptively हुआ
बस इसे सरल रखने के लिए https के लिए जाना.

815
00:35:48,050 --> 00:35:50,610
>> और अब का एक खोल दें
इस के अगले चलना.

816
00:35:50,610 --> 00:35:52,510
संस्करण 1 के बजाय 0 है.

817
00:35:52,510 --> 00:35:55,315
क्या रूप में थोड़ा तुम पर बाहर कूदता
इस उदाहरण में अलग है?

818
00:35:55,315 --> 00:35:59,480

819
00:35:59,480 --> 00:36:00,440
>> दर्शक: [अश्राव्य].

820
00:36:00,440 --> 00:36:03,020
>> हाँ, यह पाठ संरेखित केंद्र है.

821
00:36:03,020 --> 00:36:04,590
यह यहां थोड़ा अजीब है.

822
00:36:04,590 --> 00:36:06,150
लेकिन यह वास्तव में नया है.

823
00:36:06,150 --> 00:36:07,800
और शायद होने जा रहा है लगता है क्या.

824
00:36:07,800 --> 00:36:11,730
मैं अब अपने ब्राउज़र में जाओ
और, खोज-1.html जाएँ

825
00:36:11,730 --> 00:36:13,090
यह लगभग एक ही बात है.

826
00:36:13,090 --> 00:36:15,705
लेकिन यह करने के लिए एक कदम और करीब है
अधिक सुंदर एक छोटे से किया जा रहा है.

827
00:36:15,705 --> 00:36:19,150
यह अभी भी बदसूरत है, लेकिन उस में सुंदर
कम से कम अब सब कुछ केन्द्रित है.

828
00:36:19,150 --> 00:36:23,470
>> तो यह है कि मैं क्या कर रहा हूँ कि पता चला है
एक और भाषा पूरी तरह कहा जाता है

829
00:36:23,470 --> 00:36:25,680
सीएसएस, व्यापक स्टाइल शीट्स.

830
00:36:25,680 --> 00:36:28,310
और सीएसएस, सच में, प्रकार है
की, मेरी निजी राय में,

831
00:36:28,310 --> 00:36:29,775
एक atrociously बनाया गया भाषा.

832
00:36:29,775 --> 00:36:33,110
यह याद रखना बहुत गुस्सा आ रहा है
सभी विभिन्न विवरण.

833
00:36:33,110 --> 00:36:38,479
लेकिन यह stylizes क्या है
पूरी दुनिया भर में वेब आज.

834
00:36:38,479 --> 00:36:39,270
मैं किसी को नाराज.

835
00:36:39,270 --> 00:36:39,769
ठीक है.

836
00:36:39,769 --> 00:36:43,180
तो चलो यहाँ वापस जा सकते हैं और देखते हैं
कैसे हम वास्तव में यह प्रयोग कर रहे हैं.

837
00:36:43,180 --> 00:36:45,940
और यह कम से कम यह पता चला है,
वास्तव में एक बहुत सरल भाषा.

838
00:36:45,940 --> 00:36:49,470
यह सिर्फ महत्वपूर्ण मूल्य जोड़े, गुण है
और मूल्यों, गुण और मूल्यों.

839
00:36:49,470 --> 00:36:52,080
दरअसल, यहां एक है
ऐसी संपत्ति और मूल्य.

840
00:36:52,080 --> 00:36:55,890
>> बस शैली का उपयोग करके
मेरे शरीर टैग पर गुण

841
00:36:55,890 --> 00:37:00,360
और यह एक का एक मूल्य दे रही है
शब्द कोलोन और एक और शब्द,

842
00:37:00,360 --> 00:37:03,730
या एक संपत्ति और एक मूल्य,
मैं सौंदर्यशास्त्र को प्रभावित कर सकते हैं

843
00:37:03,730 --> 00:37:06,210
वेब पेज, नहीं की
जरूरी अभी तक संरचना,

844
00:37:06,210 --> 00:37:07,550
लेकिन इसके बारे में सौंदर्यशास्त्र.

845
00:37:07,550 --> 00:37:10,960
और बस के चारों ओर Googling द्वारा, मैं एहसास
कि सीएसएस, व्यापक स्टाइल शीट्स,

846
00:37:10,960 --> 00:37:14,170
कहा जाता है एक संपत्ति का समर्थन करता है
जिसका मूल्य पाठ के अनुरूप कर सकते हैं

847
00:37:14,170 --> 00:37:16,980
उदाहरण के लिए, सही या केन्द्र नहीं छोड़ा जा सकता.

848
00:37:16,980 --> 00:37:19,990
>> तो अब मैं फिर से लोड जब
इस पन्ने, मैं क्या मिला

849
00:37:19,990 --> 00:37:22,730
एक केंद्रित पेज था,
लेकिन अभी भी बहुत बदसूरत.

850
00:37:22,730 --> 00:37:25,770
आगे जाने के लिए और खोल दें
खोज के 2 संस्करण ऊपर.

851
00:37:25,770 --> 00:37:28,570
और अब मैं एक छोटे से अधिक किया है नोटिस.

852
00:37:28,570 --> 00:37:33,760
सिर के अंदर यहां कि ऊपर नोटिस
टैग, शीर्षक से अधिक हो सकता है.

853
00:37:33,760 --> 00:37:35,400
वास्तव में, एक शैली टैग है.

854
00:37:35,400 --> 00:37:38,630
यह सिर्फ एक हो जाता है और ये कहाँ है
कभी कभी थोड़ा गन्दा देखकर सीएसएस.

855
00:37:38,630 --> 00:37:41,971
>> मैं कुछ है लगता है कि सूचना
कि संरचनात्मक रूप बहुत अलग दिखता है.

856
00:37:41,971 --> 00:37:44,095
लेकिन यहाँ का नाम है
मैं चाहता हूँ टैग शैली के लिए.

857
00:37:44,095 --> 00:37:47,570
यहाँ हमारे पुराने दोस्तों घुंघराले हैं
ब्रेसिज़ और बंद घुंघराले ब्रेस.

858
00:37:47,570 --> 00:37:50,290
और फिर यहाँ यह है कि
संपत्ति और इसकी कीमत.

859
00:37:50,290 --> 00:37:56,300
>> मैं इस फाइल लोड, search2.html,
अंतिम परिणाम समान है.

860
00:37:56,300 --> 00:37:59,300
लेकिन यह बेहतर डिजाइन की ओर एक कदम है.

861
00:37:59,300 --> 00:38:04,560
इस सीएसएस बाहर फैक्टरिंग से, मैं
मेरे HTML के साथ यह मिश्रित नहीं.

862
00:38:04,560 --> 00:38:07,560
हम देखेंगे के रूप में और वास्तव में, मैं कर सकता
इन गुणों और मूल्यों को पुन: उपयोग.

863
00:38:07,560 --> 00:38:10,420
मैं के गुच्छों बनाने के लिए चाहते थे
अपने वेब पेज के कुछ हिस्सों केंद्रित,

864
00:38:10,420 --> 00:38:13,630
मैं शैली = text-align टाइप करने की जरूरत नहीं है
सभी जगह केंद्र.

865
00:38:13,630 --> 00:38:16,580
मैं एक ही स्थान में रख सकते हैं
शायद, शीर्ष पर पसंद है.

866
00:38:16,580 --> 00:38:18,210
>> लेकिन फिर भी यह सबसे अच्छा डिजाइन नहीं है.

867
00:38:18,210 --> 00:38:21,720
वास्तव में, चीजों में से एक तुम सीख जाओगे
आप के साथ अधिक से अधिक समय बिताने के रूप में

868
00:38:21,720 --> 00:38:25,730
वेब प्रोग्रामिंग कि अधिक आप यह कर सकते है
बाहर बातें और कारक बातें modularize

869
00:38:25,730 --> 00:38:30,610
ज फ़ाइलों की तरह, हमें कारक सामान बाहर जाने
हमें कारक बातें बाहर जाने helpers.c पसंद

870
00:38:30,610 --> 00:38:31,880
कुछ psets पहले.

871
00:38:31,880 --> 00:38:34,200
इसी तरह, हम कर सकते हैं
इस लक्ष्य को हासिल करना चाहते हैं.

872
00:38:34,200 --> 00:38:37,920
>> इसलिए संस्करण में नोटिस
search.html की तीन मैं

873
00:38:37,920 --> 00:38:40,610
सिर के ऊपर साफ
पेज और बस डाल

874
00:38:40,610 --> 00:38:43,320
इस में, एक कड़ी टैग, जो
नाम के विपरीत,

875
00:38:43,320 --> 00:38:44,700
आप एक हाइपरलिंक देना नहीं है.

876
00:38:44,700 --> 00:38:49,150
यह के माध्यम से एक और फाइल करने के लिए लिंक
जिसका मूल्य इस मामले में एक href,

877
00:38:49,150 --> 00:38:51,586
खोज-3.css है

878
00:38:51,586 --> 00:38:52,960
इसलिए मुझे लगता है कि हम जल्दी जा रहे हैं एहसास.

879
00:38:52,960 --> 00:38:54,600
लेकिन मैं क्या कर रहा हूँ सभी प्रकार है
के आसपास बातें चलती.

880
00:38:54,600 --> 00:38:55,760
मुझे खुला खोज-3.css करते हैं.

881
00:38:55,760 --> 00:38:57,114

882
00:38:57,114 --> 00:38:58,530
यह करने के लिए वास्तव में, कुछ भी नहीं है.

883
00:38:58,530 --> 00:39:02,270
मैं सिर्फ नकल और एक नया में चिपकाया
हम बाहर सामान सकारात्मक असर बहुत पसंद है, फाइल

884
00:39:02,270 --> 00:39:03,509
पहले अन्य फाइलों में.

885
00:39:03,509 --> 00:39:05,300
और result--
पूरी तरह से underwhelming--

886
00:39:05,300 --> 00:39:06,730
बिल्कुल वैसा ही होने जा रहा है.

887
00:39:06,730 --> 00:39:10,490
लेकिन हम toward-- जा रहे हैं नहीं, ऐसा नहीं है.

888
00:39:10,490 --> 00:39:11,930
ओह, मुझे पता है क्यों.

889
00:39:11,930 --> 00:39:13,790
>> तो यह एक बग प्रतीत हो रहा है.

890
00:39:13,790 --> 00:39:15,010
और यह कुछ अर्थों में है.

891
00:39:15,010 --> 00:39:17,730
लेकिन मुझे अपने नेटवर्क टैब खोल दें.

892
00:39:17,730 --> 00:39:19,660
मुझे पृष्ठ को फिर से लोड करते हैं.

893
00:39:19,660 --> 00:39:23,315
आह, क्यों सीएसएस नहीं लागू किया जा रहा है?

894
00:39:23,315 --> 00:39:26,920
खैर, सीएसएस फ़ाइल, इसी प्रकार है
पठनीय दुनिया हो, तो बात करने के लिए.

895
00:39:26,920 --> 00:39:28,440
और यह भी वर्तमान में मना किया है.

896
00:39:28,440 --> 00:39:33,760
तो मुझे एक chmod एक + R करते हैं
स्टार डॉट CSS-- whoops--

897
00:39:33,760 --> 00:39:37,067
हम डॉट सीएसएस बस हो
सीएसएस फ़ाइलों के लिए फ़ाइल एक्सटेंशन.

898
00:39:37,067 --> 00:39:38,900
अब मेरे पास वापस जाने दिया
मेरे ब्राउज़र और पुनः लोड करें.

899
00:39:38,900 --> 00:39:40,910
ठीक है, एक छोटे से बेहतर.

900
00:39:40,910 --> 00:39:42,282
>> अब मुझे एक अंतिम बात करते हैं.

901
00:39:42,282 --> 00:39:42,990
खोज-4.html में.

902
00:39:42,990 --> 00:39:44,550

903
00:39:44,550 --> 00:39:48,220
मुझे लगता है मैं बस सोचा था कि एक संस्करण है
जिस तरह से अधिक है, हालांकि जिस तरह से कूलर था

904
00:39:48,220 --> 00:39:48,980
जटिल.

905
00:39:48,980 --> 00:39:50,690
के पहले परिणाम में देखें.

906
00:39:50,690 --> 00:39:52,290
हमें और अधिक कमरे देने के लिए इस बंद करें.

907
00:39:52,290 --> 00:39:54,275
यह -4 खोज दर्ज करने के लिए परिवर्तित करें.

908
00:39:54,275 --> 00:39:55,430

909
00:39:55,430 --> 00:39:57,200
>> और अब चीजों की एक गुच्छा टूट रहे हैं.

910
00:39:57,200 --> 00:39:59,910
मैं वापस जाने के लिए जा रहा हूँ
यहाँ मेरी निर्देशिका में.

911
00:39:59,910 --> 00:40:04,190
और अब मैं सिर्फ क्या करने जा रहा हूँ
एक file-- पर एक + आर के chmod

912
00:40:04,190 --> 00:40:07,450
मैं यह कहा जाता exists-- क्योंकि मुझे पता है
एक छवि है जो logo.gif,.

913
00:40:07,450 --> 00:40:08,590
और अब पुनः लोड.

914
00:40:08,590 --> 00:40:11,040
और मैं हूँ अब तो wow--
बहुत करीब है, स्पष्ट रूप से,

915
00:40:11,040 --> 00:40:15,860
गूगल के 1999 के संस्करण की तरह है, और करने के लिए
सच कहूँ तो, गूगल के 2014 संस्करण,

916
00:40:15,860 --> 00:40:16,360
सही?

917
00:40:16,360 --> 00:40:21,920
>> तो यह अब, अपनी वेबसाइट के लिए जा रहा है
अंत में, मैं बिल्लियों के लिए खोज.

918
00:40:21,920 --> 00:40:23,900
और वास्तव में यह है.

919
00:40:23,900 --> 00:40:26,410
लेकिन मैं अलग क्या किया
इस संस्करण 4 में?

920
00:40:26,410 --> 00:40:28,020
इसलिए हम इसे यहाँ पर बहुत ज्यादा ध्यान केन्द्रित नहीं किया जाएगा.

921
00:40:28,020 --> 00:40:30,100
आप समस्या में यह देखेंगे
अंततः सात निर्धारित किया है.

922
00:40:30,100 --> 00:40:31,350
लेकिन मैं कुछ बातें किया नोटिस.

923
00:40:31,350 --> 00:40:33,690
>> मैं एक div पेश
विभाजन है जो टैग,

924
00:40:33,690 --> 00:40:35,450
एक पैरा टैग करने के लिए भावना में समान.

925
00:40:35,450 --> 00:40:38,220
लेकिन एक प्रभाग यहाँ है, बस की तरह है
एक आयताकार अदृश्य क्षेत्र

926
00:40:38,220 --> 00:40:39,150
स्क्रीन की.

927
00:40:39,150 --> 00:40:41,680
चलो यह एक अद्वितीय दे
पहचानकर्ता, एक पाद, बस

928
00:40:41,680 --> 00:40:44,700
इसलिए हम इस बारे में बात कर सकते हैं
यह कहीं हमारे एचटीएमएल में.

929
00:40:44,700 --> 00:40:47,952
यहाँ पेज का एक और div है
जिसका आईडी सामग्री होने जा रहा है.

930
00:40:47,952 --> 00:40:49,160
यह पेज की सामग्री है.

931
00:40:49,160 --> 00:40:51,090
और यहाँ पृष्ठ का शीर्षक है.

932
00:40:51,090 --> 00:40:54,960
>> दूसरे शब्दों में, मैं
अनिवार्य रूप से एचटीएमएल में मानसिक रूप से कर रहा हूँ

933
00:40:54,960 --> 00:40:57,700
इस वेब पेज के रूप में देखने
तीन घटकों, एक हैडर

934
00:40:57,700 --> 00:41:01,200
इस अदृश्य आयत के साथ यहाँ,
बीच में सामग्री, और उसके बाद

935
00:41:01,200 --> 00:41:04,800
नीचे नीचे पाद लेख, और भी
हालांकि हम उन चीजों को नहीं देखते हैं.

936
00:41:04,800 --> 00:41:09,940
मैं मेरे सिर में करना चाहते हैं क्योंकि
पेज यहाँ, या एक सीएसएस फ़ाइल में,

937
00:41:09,940 --> 00:41:11,460
मैं इस वाक्य रचना का उपयोग कर सकते हैं.

938
00:41:11,460 --> 00:41:13,070
>> हैडर एक टैग नहीं है.

939
00:41:13,070 --> 00:41:17,060
यह बदल जाता है तो यह एक आईडी है
#header कर रही है कि बाहर,

940
00:41:17,060 --> 00:41:20,840
मैं अब एक या एक से अधिक आवेदन कर सकते हैं
शीर्षक के गुण.

941
00:41:20,840 --> 00:41:24,130
मैं एक ही सामग्री कर सकते हैं,
यहाँ सामग्री के लिए ही.

942
00:41:24,130 --> 00:41:27,230
>> उदाहरण के लिए, पाद लेख में, नोटिस तो
मैं जोड़ रहा हूँ इन गुणों के सभी.

943
00:41:27,230 --> 00:41:30,660
और मुझे लगता है वे पढ़ने से अभी मौजूद पता
सीएसएस के लिए दस्तावेज पर.

944
00:41:30,660 --> 00:41:33,450
फ़ॉन्ट आकार smaller-- होने जा रहा है
इतना कुछ रिश्तेदार फ़ॉन्ट आकार.

945
00:41:33,450 --> 00:41:34,741
वजन बोल्ड होने जा रहा है.

946
00:41:34,741 --> 00:41:37,340
कितने पिक्सल Margin--
आसपास it-- 20 पिक्सल है.

947
00:41:37,340 --> 00:41:38,590
और यह केन्द्रित किया जा रहा है.

948
00:41:38,590 --> 00:41:40,256
>> लेकिन अभी, पेज इस तरह दिखता है.

949
00:41:40,256 --> 00:41:42,840
मैं के साथ खुश नहीं हूँ
सही वहाँ मेरी नकल,

950
00:41:42,840 --> 00:41:46,560
मैं रंग लाल की तरह कुछ कर सकता है.

951
00:41:46,560 --> 00:41:50,570
और फिर मैं इस बचा सकता है, पुनः लोड,
और अब मैं पाद शैली की है.

952
00:41:50,570 --> 00:41:54,130
तो यह सिर्फ सत्ता पर इशारा है
आप एक वेब पेज में क्या कर सकते हैं

953
00:41:54,130 --> 00:41:55,510
बातों के आसपास बदलने के लिए.

954
00:41:55,510 --> 00:41:59,080
>> और इस से भी कूलर, अगर आप चाहते हैं
वास्तविक वेबसाइटों के साथ चारों ओर ढकेलना,

955
00:41:59,080 --> 00:42:00,810
आप उन्हें स्थायी रूप से बदल नहीं सकते.

956
00:42:00,810 --> 00:42:03,640
लेकिन मैं खोल अगर
क्रोम के इंस्पेक्टर फिर

957
00:42:03,640 --> 00:42:07,610
और मैं बाएं हाथ की ओर करने के लिए नहीं जाना
यहां फेसबुक का HTML से पता चलता है, जो

958
00:42:07,610 --> 00:42:11,380
लेकिन सही पर पता चलता है
हाथ की ओर अपने सीएसएस के सभी,

959
00:42:11,380 --> 00:42:13,789
आप कर सकते हैं या तो और
मक्खी पर चीजें बदल जाते हैं.

960
00:42:13,789 --> 00:42:15,080
तो मुझे आगे जाना है और यह करते हैं.

961
00:42:15,080 --> 00:42:18,670
>> मुझे आगे और नियंत्रण चलें
यहाँ इस यादृच्छिक शब्द पर क्लिक करें,

962
00:42:18,670 --> 00:42:21,230
हस्ताक्षर, और तत्व का निरीक्षण करें.

963
00:42:21,230 --> 00:42:25,130
क्रोम बहुत आसानी से करने के लिए कूदता
फेसबुक का उपयोग कर रहा है कि H1 टैग.

964
00:42:25,130 --> 00:42:27,290
और यहाँ फेसबुक नोटिस
तरह की lazily है

965
00:42:27,290 --> 00:42:29,960
कठिन यहाँ एक संपत्ति के रूप में फ़ॉन्ट आकार कोडित.

966
00:42:29,960 --> 00:42:33,530
>> तो शांत बात यह है
मैं वास्तव में यहाँ जाना है कि

967
00:42:33,530 --> 00:42:39,560
और ओह, फेसबुक, मुझे लगता है कि पसंद नहीं है, कहना
64 पिक्सल, अब हम फेसबुक को बदल सकते हैं.

968
00:42:39,560 --> 00:42:42,590
बेशक, हम केवल यह बदल रहे हैं
मेरे लिए व्यक्तिगत रूप से इस समय.

969
00:42:42,590 --> 00:42:45,150
लेकिन यह सिर्फ एक और है
हमारे उपकरण किट में उपकरण

970
00:42:45,150 --> 00:42:48,360
कि हमें tweak करने के लिए अनुमति देने के लिए जा रहा है
और यह पता लगाने के लिए और भी निदान

971
00:42:48,360 --> 00:42:49,729
हमारे अपने वेब पृष्ठों में मुद्दों.

972
00:42:49,729 --> 00:42:52,270
और हम इसी तरह के ऊपर जा सकते हैं
यहां, एक ही बात जो है.

973
00:42:52,270 --> 00:42:55,830
आप वास्तव में कल्पना करना चाहते हैं, तो मैं
अब आप वास्तव में पेज बदलना कर सकते हैं, इसका मतलब

974
00:42:55,830 --> 00:42:57,380
और पागल बातें करते हैं.

975
00:42:57,380 --> 00:42:59,870
>> तो क्यों यह सब उपयोगी है?

976
00:42:59,870 --> 00:43:02,330
खैर, अंत में, हम कर रहे हैं
होना चाहता हूँ के लिए जा रहा

977
00:43:02,330 --> 00:43:07,110
वेब पृष्ठों को बनाने के लिए सक्षम है कि
हमारी अपनी पीठ सिरों से प्रेरित हैं,

978
00:43:07,110 --> 00:43:10,520
नहीं द्वारा बस गूगल और
वहाँ वापस अंत आउटसोर्सिंग.

979
00:43:10,520 --> 00:43:13,510
हम वास्तव में चाहते हैं
मूल्य, उदाहरण के लिए,

980
00:43:13,510 --> 00:43:18,830
हमारी खोज इंजन की कार्रवाई की
किसी और के लिए नहीं जाने के लिए विशेषता,

981
00:43:18,830 --> 00:43:24,270
लेकिन search.php तरह से कुछ के लिए,
search.php हमारे खुद के सर्वर पर है जहां,

982
00:43:24,270 --> 00:43:25,670
नहीं किसी और का है.

983
00:43:25,670 --> 00:43:30,316
>> और इसलिए हम वास्तव में, वहाँ पाने के लिए
एक नई भाषा शुरू करने की जरूरत है.

984
00:43:30,316 --> 00:43:33,190
तो हम पहले से ही एक नया पर देखा है
वास्तव में यहां भाषा, या दो, एचटीएमएल

985
00:43:33,190 --> 00:43:33,700
और सीएसएस.

986
00:43:33,700 --> 00:43:36,330
लेकिन वे वास्तव में बस रहे हैं
संरचनात्मक और सौंदर्य भाषा.

987
00:43:36,330 --> 00:43:38,360
वे प्रोग्रामिंग नहीं रहे
भाषा से प्रति.

988
00:43:38,360 --> 00:43:41,160
और कहा कि औपचारिक बारे में ज्यादा है
समय हम उन पर खर्च करेंगे के रूप में.

989
00:43:41,160 --> 00:43:44,910
अब हम शुरू करेंगे क्योंकि
PHP के लिए संक्रमण के लिए.

990
00:43:44,910 --> 00:43:48,160
>> तो PHP के एक वास्तविक है
प्रोग्रामिंग भाषा.

991
00:43:48,160 --> 00:43:50,750
यह एक पटकथा भाषा है
यह है कि भावना में

992
00:43:50,750 --> 00:43:52,855
हल्के वजन होने का मतलब
सी की तरह कुछ से

993
00:43:52,855 --> 00:43:56,082
और यह एक व्याख्या की भाषा है,
जो इसे संकलित नहीं है इसका मतलब है.

994
00:43:56,082 --> 00:43:58,790
संक्षेप में तो, इसका मतलब क्या था
हम सी की तरह एक भाषा का इस्तेमाल किया जब

995
00:43:58,790 --> 00:44:00,290
और हम यह संकलन करने के लिए था?

996
00:44:00,290 --> 00:44:02,120
यह करने के लिए क्या मतलब है
सी स्रोत कोड संकलन?

997
00:44:02,120 --> 00:44:03,864

998
00:44:03,864 --> 00:44:04,780
दर्शक: [अश्राव्य].

999
00:44:04,780 --> 00:44:06,184
डेविड जे Malan: फिर से कहो?

1000
00:44:06,184 --> 00:44:07,100
दर्शक: [अश्राव्य].

1001
00:44:07,100 --> 00:44:07,962

1002
00:44:07,962 --> 00:44:08,920
डेविड जे Malan: बिल्कुल सही.

1003
00:44:08,920 --> 00:44:10,180
यह बाइनरी में बदल जाता है.

1004
00:44:10,180 --> 00:44:14,200
यह शून्य और लोगों में बदल जाता है
वास्तविक अंग्रेजी की तरह स्रोत कोड से.

1005
00:44:14,200 --> 00:44:16,424
और फिर हम वास्तव में कर सकते हैं
उन zeroes और लोगों को चलाने

1006
00:44:16,424 --> 00:44:18,840
के माध्यम से उन्हें पारित करके
डबल क्लिक एक आइकन से सीपीयू

1007
00:44:18,840 --> 00:44:19,980
या किसी आदेश चल रहा है.

1008
00:44:19,980 --> 00:44:23,770
>> PHP और पायथन और रूबी
पर्ल और जावास्क्रिप्ट और

1009
00:44:23,770 --> 00:44:26,250
और अन्य के गुच्छों
भाषा व्याख्या कर रहे हैं

1010
00:44:26,250 --> 00:44:29,290
कहने के लिए है जो भाषा,
आप उन्हें संकलन नहीं है.

1011
00:44:29,290 --> 00:44:34,220
बल्कि, आप के लिए निवेश के रूप में उन्हें खिलाने
एक कार्यक्रम के लिए एक दुभाषिया बुलाया.

1012
00:44:34,220 --> 00:44:36,640
और वह दुभाषिया,
जो किसी और ने लिखा है,

1013
00:44:36,640 --> 00:44:40,930
, नीचे करने के लिए अपने स्रोत कोड शीर्ष पढ़ता
सही और बस की व्याख्या करने के लिए छोड़ दिया

1014
00:44:40,930 --> 00:44:43,000
उन पंक्तियों और आप क्या कहते हैं करता है.

1015
00:44:43,000 --> 00:44:45,360
>> तुम मुठभेड़ तो अगर एक
प्रिंट कहते हैं कि लाइन,

1016
00:44:45,360 --> 00:44:48,660
यह जरूरी प्रिंट परिवर्तित नहीं करता
इसी शून्य और लोगों के लिए.

1017
00:44:48,660 --> 00:44:51,910
यह बस की तरह इस दुभाषिया है
कहते हैं कि एक बड़ा अगर हालत,

1018
00:44:51,910 --> 00:44:56,110
प्रोग्रामर के निर्देश है अगर
प्रिंट, तो निम्नलिखित करें.

1019
00:44:56,110 --> 00:44:58,170
तो यह सिर्फ यह व्याख्या
तर्क की तरह से

1020
00:44:58,170 --> 00:44:59,800
तुम्हें क्या करना है यह क्या कह रहे हैं के माध्यम से.

1021
00:44:59,800 --> 00:45:01,320
>> और PHP इन भाषाओं में से एक है.

1022
00:45:01,320 --> 00:45:05,310
और PHP साल पहले तैयार किया गया था
ठीक वेब प्रोग्रामिंग के लिए.

1023
00:45:05,310 --> 00:45:08,160
और यह शुरू में एक था
बहुत मैला गंदा भाषा.

1024
00:45:08,160 --> 00:45:10,940
और वास्तव में, एक बहुत बड़ा नहीं है
वहाँ से बाहर बुरा PHP कोड की राशि.

1025
00:45:10,940 --> 00:45:13,520
लेकिन भाषा ही
पिछले कुछ वर्षों में परिपक्व हो गया है,

1026
00:45:13,520 --> 00:45:16,200
इतना कि अब यह तो
वास्तव में एक अद्भुत अगले कदम

1027
00:45:16,200 --> 00:45:19,970
pedagogically यह है क्योंकि सी से
सब कुछ करने के लिए परिचित इतना रफ़ू

1028
00:45:19,970 --> 00:45:22,380
तुम सिर्फ पिछले कुछ हफ्तों में देखा है.

1029
00:45:22,380 --> 00:45:25,724
>> हम देखेंगे एक प्रारंभिक फर्क
कोई मुख्य समारोह अब वहाँ है.

1030
00:45:25,724 --> 00:45:28,890
आप लेखन कोड शुरू करते हैं, यह सिर्फ है
जा कोई बात नहीं क्या निष्पादित करने के लिए,

1031
00:45:28,890 --> 00:45:30,220
हम एक पल में देखेंगे के रूप में.

1032
00:45:30,220 --> 00:45:33,320
इस बीच, यहाँ है क्या एक
चर PHP में की तरह दिखता है.

1033
00:45:33,320 --> 00:45:35,840
यह थोड़ा अलग है
लेकिन केवल मुश्किल से.

1034
00:45:35,840 --> 00:45:39,380
>> PHP में, मजबूत टाइपिंग नहीं है.

1035
00:45:39,380 --> 00:45:41,430
सप्ताह टाइपिंग नहीं है,
जो अभी वहाँ का मतलब

1036
00:45:41,430 --> 00:45:44,030
तार की तरह डेटा प्रकार हैं
और नंबर और अन्य चीजें.

1037
00:45:44,030 --> 00:45:47,030
लेकिन आप निर्दिष्ट परेशान नहीं करते
वे अब और क्या कर रहे हैं.

1038
00:45:47,030 --> 00:45:48,980
PHP यदि आप के लिए यह बाहर के आंकड़े.

1039
00:45:48,980 --> 00:45:52,030
डॉलर के हस्ताक्षर सिर्फ एक निर्णय है
PHP के लोगों को साल कर दिया कि

1040
00:45:52,030 --> 00:45:54,890
पहले ऐसी है कि PHP में किसी भी चर
सिर्फ एक डॉलर के हस्ताक्षर के साथ शुरू होता है.

1041
00:45:54,890 --> 00:45:58,130
ऐसा लगता है कि वास्तव में एक तरह से उपयोगी है
यह एक छोटे से अधिक तुम पर बाहर कूदता है.

1042
00:45:58,130 --> 00:46:01,315
>> लेकिन उसके बाद, यह
PHP में एक शर्त है.

1043
00:46:01,315 --> 00:46:03,140

1044
00:46:03,140 --> 00:46:04,730
सी बनाम अलग क्या है?

1045
00:46:04,730 --> 00:46:07,180

1046
00:46:07,180 --> 00:46:09,600
कुछ भी नहीं question-- छल,
जो वास्तव में बहुत अच्छी है.

1047
00:46:09,600 --> 00:46:12,140
PHP-- ही में बूलियन अभिव्यक्ति.

1048
00:46:12,140 --> 00:46:19,354
साथ और बनाम बूलियन अभिव्यक्ति
या, स्विच, छोरों, छोरों, ठीक loops--,

1049
00:46:19,354 --> 00:46:20,270
यह एक अलग है.

1050
00:46:20,270 --> 00:46:22,660
>> एक वहाँ बाहर तो यह बदल जाता है
PHP में अन्य सुविधाओं की जोड़ी.

1051
00:46:22,660 --> 00:46:25,243
उनमें से एक, वास्तव में यह है
जो अद्भुत सुविधाजनक है.

1052
00:46:25,243 --> 00:46:29,250
$ संख्या यदि आपने कि एक सरणी है
एक कार्यक्रम में पहले से घोषित,

1053
00:46:29,250 --> 00:46:33,350
आप प्रत्येक निर्माण के लिए इस फैंसी है
कि कि सब करने के बजाय

1054
00:46:33,350 --> 00:46:37,020
कष्टप्रद मैं मैं है, 0 के बराबर होती है
इस से भी कम, [? I ++?],

1055
00:46:37,020 --> 00:46:40,320
संख्या, जहां प्रत्येक के रूप में प्रत्येक संख्या के लिए
उन डॉलर के हस्ताक्षर मूल्यों की बस है

1056
00:46:40,320 --> 00:46:42,790
एक चर, और बाद
आप के रूप में मैं के बारे में सोच सकते हैं

1057
00:46:42,790 --> 00:46:44,290
क्या आप चाहते हैं कुछ भी कह सकते हैं.

1058
00:46:44,290 --> 00:46:45,770
मैं संख्या कहा जाता है.

1059
00:46:45,770 --> 00:46:48,825
इस पर पुनरावृति करने जा रहा है
सरणी संख्या कहा जाता है.

1060
00:46:48,825 --> 00:46:51,200
और प्रत्येक यात्रा पर, यह है
स्वचालित रूप से अपडेट करने के लिए जा रहा

1061
00:46:51,200 --> 00:46:54,340
आप डॉलर साइन संख्या के लिए
चर इतना है कि आप लगातार

1062
00:46:54,340 --> 00:46:58,210
आप चाहते हैं चर का उपयोग किया है
किसी भी वर्ग ब्रैकेट करने के लिए बिना

1063
00:46:58,210 --> 00:47:00,980
एक सरणी में अंकन या अनुक्रमण.

1064
00:47:00,980 --> 00:47:04,950
>> इसके अलावा, हम भी तरह बातें है
लगभग एक ही देखो जो सरणियों,

1065
00:47:04,950 --> 00:47:08,210
यह बहुत आम है, सिवाय के रूप में हम करेंगे
PHP और जावास्क्रिप्ट में दोनों, देखना

1066
00:47:08,210 --> 00:47:10,750
एक सरणी को प्रारंभ से पूर्व की
वर्ग कोष्ठक का उपयोग.

1067
00:47:10,750 --> 00:47:12,040
सी घुंघराले ब्रेसिज़ का उपयोग करता है.

1068
00:47:12,040 --> 00:47:15,330
तो यह है, भले ही थोड़ा अलग है
हम वास्तव में ज्यादा है कि चाल का उपयोग नहीं किया.

1069
00:47:15,330 --> 00:47:20,090
>> लेकिन इससे भी ज्यादा शक्तिशाली,
पीएचपी, साहचर्य सरणियों है

1070
00:47:20,090 --> 00:47:23,100
जो एक अच्छा तरीका है
हैश तालिकाओं कहने का.

1071
00:47:23,100 --> 00:47:31,610
वास्तव में, यदि आप एक हैश की घोषणा करना चाहते हैं
तालिका PHP में, C-- में विपरीत कितने

1072
00:47:31,610 --> 00:47:34,775
कोड की लाइनों यह करने के लिए ले गए थे
वास्तव में सी में एक हैश तालिका लागू?

1073
00:47:34,775 --> 00:47:38,310
या कोड यह कितने लाइनों है की
सी में एक हैश तालिका लागू करने के लिए ले रही है?

1074
00:47:38,310 --> 00:47:39,820
तो यह ठीक है, शायद एक बहुत कुछ है?

1075
00:47:39,820 --> 00:47:41,680
यह हो सकता है, 100 या 200 कुछ दर्जन है.

1076
00:47:41,680 --> 00:47:42,980
यह nontrivial है.

1077
00:47:42,980 --> 00:47:45,420
या यह रूप में हो सकता है, के बारे में है
आप जल्द ही, nontrivial देखेंगे

1078
00:47:45,420 --> 00:47:48,080
एक हैश तालिका लागू करने के लिए
[अश्राव्य] और भी एक कोशिश.

1079
00:47:48,080 --> 00:47:50,580
PHP-- में और स्पष्ट लेकिन, मैं
शायद आपको यह बता नहीं चाहिए

1080
00:47:50,580 --> 00:47:53,630
Monday-- तक PHP में, अगर
तुमने क्या किया, एक मेज चाहते हैं.

1081
00:47:53,630 --> 00:47:56,431
यह एक हैश तो table-- है
कोड की एक पंक्ति के साथ.

1082
00:47:56,431 --> 00:47:56,930
और

1083
00:47:56,930 --> 00:47:58,810
>> भाषा का एक बहुत करते हैं.

1084
00:47:58,810 --> 00:48:00,190
Pset पाँच साथ मज़े.

1085
00:48:00,190 --> 00:48:01,980
तो भाषा की एक बहुत यह करते हैं.

1086
00:48:01,980 --> 00:48:03,050

1087
00:48:03,050 --> 00:48:06,140
वे तुम्हें इन चीजें दे
अन्य लोगों, अन्य प्रोग्रामर कि,

1088
00:48:06,140 --> 00:48:09,870
इतना है कि आप के लिए बनाया है
आप अपने कंधों पर खड़े हो सकते हैं

1089
00:48:09,870 --> 00:48:13,290
और सुपर हैं कि विचारों का उपयोग शुरू
सम्मोहक, हैश तालिकाओं और पेड़ की तरह

1090
00:48:13,290 --> 00:48:14,140
और कोशिश करता है.

1091
00:48:14,140 --> 00:48:17,790
लेकिन आप जरूरी करने के लिए नहीं है
उन चीजों को अपने आप को लागू करने.

1092
00:48:17,790 --> 00:48:20,850
>> और इसलिए अंत में, क्या
हम के लिए PHP का उपयोग करने के लिए जा रहे हैं

1093
00:48:20,850 --> 00:48:23,580
संभावित कार्यक्रमों लिख रही है
तथाकथित आदेश पंक्ति की.

1094
00:48:23,580 --> 00:48:26,600
हम हर कार्यक्रम विश्राम सकता है
हम इस प्रकार अब तक इस सत्र में लिखा है

1095
00:48:26,600 --> 00:48:30,410
शायद छोड़कर एसपीएल का उपयोग करता है जो ब्रेकआउट,
जो पल में सी के लिए विशिष्ट है.

1096
00:48:30,410 --> 00:48:33,100
लेकिन हर दूसरे समस्या सेट,
निश्चित रूप से मारियो और सीज़र

1097
00:48:33,100 --> 00:48:35,300
और Vigenere और
[? , हम? क्रैक] और आगे

1098
00:48:35,300 --> 00:48:39,520
सकता है PHP में फिर से लागू करने, और
शायद अधिक आसानी से एक छोटे से.

1099
00:48:39,520 --> 00:48:43,050
>> लेकिन हम अंत में क्या जा रहे हैं
वेब प्रोग्रामिंग है के लिए PHP का उपयोग करने के लिए.

1100
00:48:43,050 --> 00:48:46,420
और हम अगले पेश करने जा रहे हैं
सप्ताह एक मानसिक मॉडल कहा जाता है, एक प्रतिमान

1101
00:48:46,420 --> 00:48:49,610
MVC, मॉडल दृश्य नियंत्रक,
जो आप प्रोग्रामिंग किया है

1102
00:48:49,610 --> 00:48:51,610
अजगर में पहले या
रूबी या कहीं और, आप

1103
00:48:51,610 --> 00:48:54,112
इस टीम के साथ के बारे में पता हो सकता है
रेल और Django और पसंद है.

1104
00:48:54,112 --> 00:48:55,820
लेकिन आप के लिए नए हैं अगर
यह भी, आप देखेंगे

1105
00:48:55,820 --> 00:48:59,652
यह वास्तव में एक बहुत ही स्वाभाविक है कि
factorization का विस्तार

1106
00:48:59,652 --> 00:49:01,360
और डिजाइन की तरह
कोड की हम है कि

1107
00:49:01,360 --> 00:49:04,670
सी में कर दिया गया अब हम जा रहे हैं
PHP के लिए उन सबक के कुछ लागू

1108
00:49:04,670 --> 00:49:07,190
ताकि अंत में, हम कर रहे हैं
हमारी अपनी वेबसाइटों को लागू करने.

1109
00:49:07,190 --> 00:49:09,080
और आप की तरह कर रहे हैं
मंत्रमुग्ध या हैरान

1110
00:49:09,080 --> 00:49:10,954
हम क्या करने जा रहे हैं कि
इतनी जल्दी सब,

1111
00:49:10,954 --> 00:49:13,410
लगभग हर एहसास है कि
सेमेस्टर, लगभग 90%

1112
00:49:13,410 --> 00:49:16,560
उन सहित छात्रों CS50, की
जो, पहले क्रमादेशित कभी नहीं किया है

1113
00:49:16,560 --> 00:49:20,329
अंतिम परियोजनाओं कर रही है कि अंत
वेब प्रोग्रामिंग पर आधारित हैं.

1114
00:49:20,329 --> 00:49:23,120
और तो आप रिटर्न देखेंगे कि
आने के लिए सप्ताह में अधिक हैं.

1115
00:49:23,120 --> 00:49:24,965
तो हम सोमवार को तो आप देखेंगे.

1116
00:49:24,965 --> 00:49:27,260

1117
00:49:27,260 --> 00:49:30,120
>> अध्यक्ष 1: और अब, दीप
दावेन Farnham द्वारा विचार.

1118
00:49:30,120 --> 00:49:34,055

1119
00:49:34,055 --> 00:49:34,780
हैश तालिकाओं.

1120
00:49:34,780 --> 00:49:37,180

1121
00:49:37,180 --> 00:49:38,402
>> [हँसी]

1122
00:49:38,402 --> 00:49:38,902