1
00:00:00,000 --> 00:00:02,620
[Powered by Google Translate] [Недела 7, Продолжува]

2
00:00:02,620 --> 00:00:05,090
[Дејвид Џ Malan, Универзитетот Харвард]

3
00:00:05,090 --> 00:00:07,780
[Ова е CS50.] [CS50.TV]

4
00:00:07,780 --> 00:00:09,810
Во ред. Добредојдовте назад. Ова е CS50,

5
00:00:09,810 --> 00:00:12,100
и ова е крајот на недела 7.

6
00:00:12,100 --> 00:00:15,460
Значи еден од овие глупави малку нешта што оди низ интернет

7
00:00:15,460 --> 00:00:24,080
и ние slurped нагоре, и сега треба да се направи малку geeky смисла за вас.

8
00:00:24,080 --> 00:00:28,330
Па, тоа е funnier да овој човек отколку што беше за вас момци.

9
00:00:28,330 --> 00:00:32,619
Говорејќи на, добро, момци,

10
00:00:32,619 --> 00:00:42,550
денес е роденден на Nate.

11
00:00:42,550 --> 00:00:46,630
Да ви даде чувство за тоа колку добро Нејт и јас се

12
00:00:46,630 --> 00:00:50,140
во веб развој врз основа на класата во понеделникот и врз основа сега за ова,

13
00:00:50,140 --> 00:00:53,170
Мислев дека ќе се повлечат до почетната страница на Nate, ако не сте го виделе досега.

14
00:00:53,170 --> 00:00:57,020
Ова овде IA Нејт е HTML.

15
00:00:57,020 --> 00:00:59,380
Па види неговата sourcecode ако сакате да видите како да го направите ова, и Нејт,

16
00:00:59,380 --> 00:01:02,250
ако ние може да ви embarass само накратко, персоналот имаш малку нешто

17
00:01:02,250 --> 00:01:06,080
ако сакате да споделиме некои десерт со некои од децата во класата тука.

18
00:01:06,080 --> 00:01:10,150
Ако сакате да дојдете на долу.

19
00:01:10,150 --> 00:01:14,350
Вие сите аплаудираат и се многу убави, но никој не седи некаде во близина Нејт,

20
00:01:14,350 --> 00:01:17,560
поради некоја причина, во која назад зона.

21
00:01:17,560 --> 00:01:24,020
Така што можеби може да се најдат некои луѓе да уживаат во овие со.

22
00:01:24,020 --> 00:01:33,380
Среќен роденден, Нејт.

23
00:01:33,380 --> 00:01:37,660
>> Дополнителни hellos: Ние покажавме неколку клипови од нашите CS50x студенти.

24
00:01:37,660 --> 00:01:39,710
Ако би сакал да видам кој друг е во светот

25
00:01:39,710 --> 00:01:41,850
дека е по должината, можете да се упатат кон овој URL,

26
00:01:41,850 --> 00:01:45,780
каде што Јосиф, еден од нашите TFS, ги стави заедно монтажа на видови

27
00:01:45,780 --> 00:01:50,290
на сите кои се поднесуваат овие видеа, меѓу нив Рик Astley.

28
00:01:50,290 --> 00:01:53,010
И ако дојдете во текот на овие, тоа е навистина инспиративна

29
00:01:53,010 --> 00:01:56,890
да се види разновидноста на земји и градови од кои луѓето го поздравуваат.

30
00:01:56,890 --> 00:02:00,830
Значи, ако сакате да ги погледне во тоа, тоа ќе биде до преку крајот на семестарот.

31
00:02:00,830 --> 00:02:05,370
Денес ние ја продолжиме нашата погледне на веб, веб програмирање, HTML и слично,

32
00:02:05,370 --> 00:02:08,280
и ние исто така имаме ручек доаѓа овој петок

33
00:02:08,280 --> 00:02:11,360
ако сакате, а особено, не го направиле тоа порано.

34
00:02:11,360 --> 00:02:13,630
Темата овој петок ќе биде роденден на Nate,

35
00:02:13,630 --> 00:02:15,700
па ако би сакале да имаат роденден ручек со Nate

36
00:02:15,700 --> 00:02:17,500
и други, некои од нашите пријатели од индустријата,

37
00:02:17,500 --> 00:02:19,300
Ве молиме глава до овој URL тука.

38
00:02:19,300 --> 00:02:22,510
Простор, како и секогаш, е ограничен. Исто така, ако си заборавил,

39
00:02:22,510 --> 00:02:26,460
сфаќаат дека следната недела е рокот за проблемот поставите 4 на чистач лов,

40
00:02:26,460 --> 00:02:30,070
при што по наплата на сите оние JPEG слики од card.raw,

41
00:02:30,070 --> 00:02:32,880
вие и вашиот дел другари, ако сакате, може да се обидете фотографирање

42
00:02:32,880 --> 00:02:36,100
како многу од компјутерски научници од тоа мемориска картичка што е можно,

43
00:02:36,100 --> 00:02:39,070
и вие и вашиот дел, тогаш ќе победи прекрасен награда.

44
00:02:39,070 --> 00:02:44,470
Се однесува назад кон pset 4 на спецификација за тоа што да достават и до кога.

45
00:02:44,470 --> 00:02:47,650
Исто така, ако вие би сакале да имате дело овековечиле

46
00:02:47,650 --> 00:02:51,400
на веб-страницата на курсот и неговата историја на облека,

47
00:02:51,400 --> 00:02:54,010
знаат дека вие сте добредојдени сега да почнат да поднесуваат дизајни

48
00:02:54,010 --> 00:02:57,180
за оваа година маици и Суичери и слично.

49
00:02:57,180 --> 00:02:59,200
Ние ќе се потрудиме да се вклучат колку што можеме,

50
00:02:59,200 --> 00:03:01,440
но ќе имаме некои членови на персоналот преглед на сите дизајни

51
00:03:01,440 --> 00:03:04,180
да бидете сигурни дека тие се во согласност со спецификациите,

52
00:03:04,180 --> 00:03:07,500
а ние потоа изберете генерално неколку од нив да бидат изложени.

53
00:03:07,500 --> 00:03:10,620
Значи, ако сте на дизајнот тип, само знам дека барањата

54
00:03:10,620 --> 00:03:14,030
за графика се PNG, најмалку 200 dpi,

55
00:03:14,030 --> 00:03:16,520
тие не треба да биде повеќе од 4000 x 4000 пиксели,

56
00:03:16,520 --> 00:03:19,010
и не повеќе од 10 MB, но ти си добредојде за користење работи како

57
00:03:19,010 --> 00:03:22,430
Photoshop или GIMP или различни програми графички е,

58
00:03:22,430 --> 00:03:24,590
она што ќе го имаат на располагање.

59
00:03:24,590 --> 00:03:28,280
>> Исто така, на хоризонтот е последниот проект. Конечниот проект навистина е кулминација на 50,

60
00:03:28,280 --> 00:03:30,560
при што на сите задачи во текот,

61
00:03:30,560 --> 00:03:33,170
тоа е вашата шанса навистина да го направите вашиот сопствен нешто.

62
00:03:33,170 --> 00:03:35,280
И дека може да биде едноставно да се направи нешто за забава,

63
00:03:35,280 --> 00:03:38,160
тоа може да биде да се решат некои притискање на проблемот на вашиот студент група има,

64
00:03:38,160 --> 00:03:40,980
за некои нови веб-сајт, на некои нови наплата механизам за податоци.

65
00:03:40,980 --> 00:03:43,420
Тоа може да биде мобилна апликација за Android, за iOS.

66
00:03:43,420 --> 00:03:46,030
Навистина, небото е лимит, и во текот на следните неколку недели,

67
00:03:46,030 --> 00:03:50,900
како што транзицијата од C до овие повисоко ниво јазици како PHP и го вклучите Javascript-,

68
00:03:50,900 --> 00:03:55,150
ќе најдете се повеќе запознаени со некои реалниот свет техники,

69
00:03:55,150 --> 00:03:57,800
некои реалниот свет алатки, и да се дополни дека,

70
00:03:57,800 --> 00:04:00,170
знам дека курсот има историја на семинари,

71
00:04:00,170 --> 00:04:02,880
при што во текот на следните неколку недели, некои од наставниот кадар

72
00:04:02,880 --> 00:04:06,160
и наши пријатели од на кампусот ќе понуди опција семинари

73
00:04:06,160 --> 00:04:08,540
кои одат погоре и подалеку од она што е обично се прави во делот

74
00:04:08,540 --> 00:04:11,090
да те запознаам со нешта како Андроид програмирање,

75
00:04:11,090 --> 00:04:13,450
да те запознаам со нешта како iOS програмирање

76
00:04:13,450 --> 00:04:15,950
или повеќе напредни веб-развој техники.

77
00:04:15,950 --> 00:04:17,970
Има цела историја на овие веќе онлајн.

78
00:04:17,970 --> 00:04:25,000
Ако одите на cs50.net/seminars, ние сме биле тоа за сосема извесно години,

79
00:04:25,000 --> 00:04:28,740
и ќе видите дека архивирани тука со PDF датотеки и видеа и слично

80
00:04:28,740 --> 00:04:33,090
неколку десетици видеа на семинари.

81
00:04:33,090 --> 00:04:37,380
Минатата година, на пример, имавме семинар за acing вашиот технички интервјуа,

82
00:04:37,380 --> 00:04:40,980
ако сте всушност бараат да одам и се направи една стажирање или со полно работно време свирка.

83
00:04:40,980 --> 00:04:43,450
Windows Mobile развој, Андроид развој, Google Мапи,

84
00:04:43,450 --> 00:04:47,700
API, CSS, развој на Blackberry, Emacs.

85
00:04:47,700 --> 00:04:52,610
Навистина, вие сте добредојдени да ги погледне во која било од овие семинари во својата погодност.

86
00:04:52,610 --> 00:04:57,080
И ние ќе се држи некои нови овој семестар, како и.

87
00:04:57,080 --> 00:04:59,020
>> Значи она што е напред со финалниот проект?

88
00:04:59,020 --> 00:05:01,090
Па, прво, иако овој датум е нешто неизбежно,

89
00:05:01,090 --> 00:05:06,460
ова е навистина само можност да почнат да размислуваат за завршниот проект, сосема реално.

90
00:05:06,460 --> 00:05:10,550
Ние знаеме само почетоците на некои од она што ние сеуште ќе се покриваат во текот,

91
00:05:10,550 --> 00:05:13,470
HTML, PHP и слично, но вие ќе бидете сите запознаени со интернет,

92
00:05:13,470 --> 00:05:16,270
и јас пристрасност овој разговор кон веб-само затоа што

93
00:05:16,270 --> 00:05:18,380
повеќето луѓе завршуваат прави веб-базирани конечниот проекти,

94
00:05:18,380 --> 00:05:20,260
но тоа воопшто не значи потребното.

95
00:05:20,260 --> 00:05:22,260
Користење на C е во ред, цел C, Java,

96
00:05:22,260 --> 00:05:25,350
кој било друг јазик што може да се знае или сакате да знаете е сосема во ред.

97
00:05:25,350 --> 00:05:29,370
Но за да го добиете сокови тече во почетокот, ние ќе очекуваме поднесување на preproposal

98
00:05:29,370 --> 00:05:33,520
кои, според PDF на веб страната, која сега е во cs50.net,

99
00:05:33,520 --> 00:05:36,080
и во горниот лев ќе видите конечниот проект

100
00:05:36,080 --> 00:05:38,920
е спецификација за финалниот проект,

101
00:05:38,920 --> 00:05:41,470
и има детали за preproposal и слично.

102
00:05:41,470 --> 00:05:44,760
Тоа доста се сведува на е-маил за да ги настава колеги

103
00:05:44,760 --> 00:05:48,450
само за да започнат разговор со него или неа за тоа што сте размислување.

104
00:05:48,450 --> 00:05:52,510
На projects.cs50.net е складиштето на идеи од луѓе на кампусот

105
00:05:52,510 --> 00:05:54,480
ако сте се борат да дојдат до некоја идеја,

106
00:05:54,480 --> 00:06:01,140
и manual.cs50.net/APIs е складиштето на линкови до API-јата.

107
00:06:01,140 --> 00:06:06,710
>> Што, пак, е API?

108
00:06:06,710 --> 00:06:09,790
Што е API? Сум го рече барем двапати,

109
00:06:09,790 --> 00:06:12,640
според записите на изминатите неколку недели.

110
00:06:12,640 --> 00:06:17,050
Што е тоа? [Студент, неразбирливо]

111
00:06:17,050 --> 00:06:19,340
>> Океј, добро. Значи нешто програмски интерфејс.

112
00:06:19,340 --> 00:06:22,710
Апликација програмски интерфејс, и ова може да потрае неколку форми,

113
00:06:22,710 --> 00:06:25,850
но она што ова навистина се сведува на е кодот

114
00:06:25,850 --> 00:06:29,660
дека некој друг ХС писмена или податоци дека некој друг има собрано

115
00:06:29,660 --> 00:06:33,670
која е ставена на располагање на вас во некои програмски начин.

116
00:06:33,670 --> 00:06:36,630
Можете да напишете кодот во C, PHP, Python, Ruby,

117
00:06:36,630 --> 00:06:38,760
Без оглед на вашиот јазик на избор обично е,

118
00:06:38,760 --> 00:06:42,240
и некако може да се гради врз нечија функционалност

119
00:06:42,240 --> 00:06:44,440
или некој друг податоци.

120
00:06:44,440 --> 00:06:47,210
На пример, ако одам на овој линк тука,

121
00:06:47,210 --> 00:06:50,750
и ќе видите еден пар на линкови на следните страница

122
00:06:50,750 --> 00:06:56,093
при што ние имаме свој API-CS50, кои се многу Харвард-центрични, а потоа трети лица API-јата.

123
00:06:56,930 --> 00:06:59,300
Меѓу трети лица API-јата се навистина корисни работи

124
00:06:59,300 --> 00:07:01,780
како да се биде во можност да испрати луѓе на SMS,

125
00:07:01,780 --> 00:07:04,690
биде во можност да примате текстуални пораки од луѓе.

126
00:07:04,690 --> 00:07:08,160
И работи како што тоа може да немаат идеја како да се имплементираат,

127
00:07:08,160 --> 00:07:10,440
но благодарение на услуги, некои бесплатни, а некои комерцијални,

128
00:07:10,440 --> 00:07:14,000
може да се изгради на врвот на оние кои и се направи нешто од интерес за вас.

129
00:07:14,000 --> 00:07:16,990
Меѓу API-CS50 се овие кампусот-оддалечиме работи како

130
00:07:16,990 --> 00:07:21,480
Харвард курсеви, енергија, настани, храна, мапи, вести, твитови и Shuttleboy сопствената,

131
00:07:21,480 --> 00:07:23,940
и овие се API-јата кои изгледаат малку нешто како ова.

132
00:07:23,940 --> 00:07:26,990
>> Дозволете ми да се повлече до API HarvardFood.

133
00:07:26,990 --> 00:07:30,620
Ако некогаш сте биле на веб страницата HUD, сте веројатно биле таму

134
00:07:30,620 --> 00:07:35,410
само да се види она што е за вечера или да видиме што часови за некои г-сала.

135
00:07:35,410 --> 00:07:38,000
Па, тоа не е особено лесно да се движите,

136
00:07:38,000 --> 00:07:41,100
и така она што го правевме пред некое време беше ние напиша софтвер,

137
00:07:41,100 --> 00:07:47,270
тоа се случува да биде во PHP, кои, всушност, екран гребење на интегритет на веб-сајтот HUD е.

138
00:07:47,270 --> 00:07:51,400
На екранот одвај нешто значи да напише програма на јазик како PHP

139
00:07:51,400 --> 00:07:55,270
која претендира да биде прелистувачот, иако може да се стартува од командната линија,

140
00:07:55,270 --> 00:07:58,180
која претендира да биде интернет пребарувач, се поврзува со веб-сајт,

141
00:07:58,180 --> 00:08:01,480
преземања својата HTML, јазикот на кој е пишуван,

142
00:08:01,480 --> 00:08:04,300
а потоа го чита, или поконкретно, таа parses

143
00:08:04,300 --> 00:08:06,140
врвот до дното, лево кон десно.

144
00:08:06,140 --> 00:08:08,870
И она што го правевме беше ние напиша нашиот код во таков начин што

145
00:08:08,870 --> 00:08:12,910
секое време видовме нешто во таа HTML кој изгледаше како нешто на менито,

146
00:08:12,910 --> 00:08:16,470
како хамбургер, тогаш ние ќе донесат дека во нашата сопствена база на податоци.

147
00:08:16,470 --> 00:08:20,410
И во секое време видовме хранлива содржина, ние ќе донесат дека во нашата сопствена база на податоци.

148
00:08:20,410 --> 00:08:23,090
И она што го правевме беше потпора на фактот дека HUD го веб-сајтот,

149
00:08:23,090 --> 00:08:27,280
иако тоа може да биде малку предизвик за нас луѓето да се движите

150
00:08:27,280 --> 00:08:32,559
под хауба, сите на HTML е генерирана од страна на нивните компјутерски програми.

151
00:08:32,559 --> 00:08:35,159
Па сите нивните HTML, иако тоа може да изгледа неуредна,

152
00:08:35,159 --> 00:08:38,026
како и повеќето веб-сајтови под хауба го следи моделот.

153
00:08:38,260 --> 00:08:40,799
Па ние само помина неколку часа да пронајдат што шема

154
00:08:40,799 --> 00:08:44,240
така што на крајот, ние фрлаат сите неуредна HTML,

155
00:08:44,240 --> 00:08:47,340
сите на естетиката на храбар соочува и искосен и слично,

156
00:08:47,340 --> 00:08:52,350
и што сме во можност потоа да направите е да се изложи дека истите податоци.

157
00:08:52,350 --> 00:08:54,870
На пример, на овој начин.

158
00:08:54,870 --> 00:08:56,840
Значи ние, според документацијата тука,

159
00:08:56,840 --> 00:08:59,190
го информираа светот дека ако побара рачно

160
00:08:59,190 --> 00:09:03,310
што личи ова, food.cs50.net / нешто,

161
00:09:03,310 --> 00:09:07,220
и ви обезбеди одредени параметри, кои ние ќе зборуваме за денес,

162
00:09:07,220 --> 00:09:11,780
како на завршување на турнирот време, старт-датум време, оброк и така натаму,

163
00:09:11,780 --> 00:09:14,090
она што нашите сервери ќе се врати за вас, на пример,

164
00:09:14,090 --> 00:09:18,740
е CSV датотека, запирка separted вредности како една датотека Excel,

165
00:09:18,740 --> 00:09:23,140
содржи сè за појадок на овој датум во март минатата година

166
00:09:23,140 --> 00:09:25,450
кога јас се случи да пишуваат оваа документација.

167
00:09:25,450 --> 00:09:27,870
>> За оние кои се запознаени, CSV не е само формат на датотека.

168
00:09:27,870 --> 00:09:30,610
Има уште една формат, кој е сè повеќе и повеќе разноврсна

169
00:09:30,610 --> 00:09:32,670
наречен JSON, JavaScript Цел Нотација.

170
00:09:32,670 --> 00:09:34,770
Податоците може да се врати во тој формат.

171
00:09:34,770 --> 00:09:38,110
Па готова брза тука е дека без разлика дали се нурне во овој API

172
00:09:38,110 --> 00:09:41,170
или било која друга на CS50 или нешто таму на интернет,

173
00:09:41,170 --> 00:09:45,560
или воопшто не, сфаќаат дека светот има повеќе почна да се стандардизираат

174
00:09:45,560 --> 00:09:47,670
како машини intercommunicate.

175
00:09:47,670 --> 00:09:50,660
Ние користиме стандардни податоци формати како CSV или JSON.

176
00:09:50,660 --> 00:09:54,320
И што тоа значи за вас е да може да напише интересна дел од програмата

177
00:09:54,320 --> 00:09:56,580
која ви овозможува вашето корисничко пребарување за јадење сала мени,

178
00:09:56,580 --> 00:10:00,010
што им овозможува да креирате листи на омилени која ви овозможува да ги добиете текст сигнали

179
00:10:00,010 --> 00:10:02,480
кога нивниот омилен оброк е за да се служи во некои г-сала

180
00:10:02,480 --> 00:10:07,090
со користење на некој друг сетови на податоци и изградба на врвот на нивните API-јата.

181
00:10:07,090 --> 00:10:13,600
Па повеќе за тоа во форма на семинари и документација што го имаме тука на интернет.

182
00:10:13,600 --> 00:10:16,450
Па оние, тогаш, API-јата.

183
00:10:16,450 --> 00:10:18,900
>> Тоа нè враќа во HTML. Брз повториме.

184
00:10:18,900 --> 00:10:22,920
Што е HTML?

185
00:10:22,920 --> 00:10:25,000
[Студент, неразбирливо] >> Добро. HyperText Markup Language.

186
00:10:25,000 --> 00:10:31,300
Некој друг, што е HyperText Markup Language?

187
00:10:31,300 --> 00:10:37,340
HyperText Markup Language.

188
00:10:37,340 --> 00:10:40,330
Во ред. Значи HTML, хипертекст.

189
00:10:40,330 --> 00:10:43,100
HyperText само се однесува на веб, во најголем дел.

190
00:10:43,100 --> 00:10:45,730
Селектирај значи дека тоа не е всушност јазик за програмирање, HTML.

191
00:10:45,730 --> 00:10:48,120
Тоа не е јазик што ќе можат да ги изразат логика внатре

192
00:10:48,120 --> 00:10:50,710
Тоа не мора петелки. Тоа не мора услови.

193
00:10:50,710 --> 00:10:52,820
Тоа не мора функции, сама за себе.

194
00:10:52,820 --> 00:10:56,680
Напротив, тоа има овие нешта наречени тагови или повеќе правилно, елементи.

195
00:10:56,680 --> 00:10:59,970
И овие елементи имаат почеток тагови и крајот тагови,

196
00:10:59,970 --> 00:11:04,300
или отворена тагови и затворени тагови, и она што тие тагови генерално значи за интернет пребарувач е,

197
00:11:04,300 --> 00:11:09,270
почнете да правите нешто и потоа да престане да прави нешто, иако постојат исклучоци на тоа.

198
00:11:09,270 --> 00:11:12,480
Понекогаш тоа е само "стави ред тука", на пример.

199
00:11:12,480 --> 00:11:15,150
И видовме примери за тоа пред некој ден, меѓу храбар кои се соочува,

200
00:11:15,150 --> 00:11:17,430
линија паузи, а потоа неколку други ознаки.

201
00:11:17,430 --> 00:11:19,880
Значи HTML е јазикот на кој веб-страници се напишани.

202
00:11:19,880 --> 00:11:23,760
Значи, ако јас одам на нешто како Google.com

203
00:11:23,760 --> 00:11:26,180
и повлечете само нивните Главна страница,

204
00:11:26,180 --> 00:11:29,690
потсетиме дека ако десен клик или контрола кликнете

205
00:11:29,690 --> 00:11:32,140
и гледам во поглед на кодот на страницата, обично

206
00:11:32,140 --> 00:11:34,420
тоа е комплетен хаос овие денови под хауба, но тоа е затоа што

207
00:11:34,420 --> 00:11:38,170
компјутери не се грижат за бел простор, така што ова не мора да изгледа убаво.

208
00:11:38,170 --> 00:11:40,240
Но, ако ние зумирате на делови од него,

209
00:11:40,240 --> 00:11:43,460
забележите дека Хром, само за да биде убаво, има боја кодирани работи.

210
00:11:43,460 --> 00:11:48,460
Всушност, ова е прв таг што сме го виделе во веб-страница.

211
00:11:48,460 --> 00:11:51,750
И повторно, HTML 5, најновата верзија на овој јазик,

212
00:11:51,750 --> 00:11:53,830
ја имаат оваа работа на почетокот,

213
00:11:53,830 --> 00:11:57,820
<! DOCTYPE html, без разлика дали мали или големи букви,

214
00:11:57,820 --> 00:12:03,580
но тоа е само вид на стандард кој вели, еј светот, тука доаѓа една HTML датотека во верзија 5.

215
00:12:03,580 --> 00:12:08,920
>> Интересните дел започнува тука. Значи <HTML, а потоа имаше две деца

216
00:12:08,920 --> 00:12:11,640
на HTML елементите последен пат.

217
00:12:11,640 --> 00:12:14,630
Кои беа тие две главни деца?

218
00:12:14,630 --> 00:12:17,170
Главата и телото, исто како човек со тетоважа пред еден момент.

219
00:12:17,170 --> 00:12:19,640
Има две делови од веб страница, главата и телото,

220
00:12:19,640 --> 00:12:23,750
и отповикување, тогаш, дека можеби наједноставниот веб страница ние би можеле да направат изгледа вака.

221
00:12:23,750 --> 00:12:27,460
И сум го требуван само за да биде вид на уредни и чисти, со мојот код,

222
00:12:27,460 --> 00:12:30,710
но она што е навистина важно тука е дека постои некоја хиерархија на ова.

223
00:12:30,710 --> 00:12:35,420
И сите таг што сум ги отвори Јас се затворени и дека е затоа оваа симетрија

224
00:12:35,420 --> 00:12:38,300
на сите Селектирај што сум замислен.

225
00:12:38,300 --> 00:12:41,620
Значи последен пат почнав да пишувам веб страници на мојот лаптоп.

226
00:12:41,620 --> 00:12:45,470
Јас отвори текст уреди, јас го зачувале фајлот како hello.html,

227
00:12:45,470 --> 00:12:50,190
Јас тогаш влечеше датотека на мојот интернет пребарувач, и Voila, имав страница на Интернет.

228
00:12:50,190 --> 00:12:53,110
Сега, тоа не е сосема случај, имав страница на мојот хард диск,

229
00:12:53,110 --> 00:12:58,260
и јас бев буквално единствената личност во светот кои ќе видите дека веб страната во пребарувачот.

230
00:12:58,260 --> 00:13:00,670
>> Така, денес, ќе се воведат вистински веб сервер

231
00:13:00,670 --> 00:13:02,750
и идејата за всушност служат содржини на интернет

232
00:13:02,750 --> 00:13:04,970
и како сето тоа почнува да се вклопуваат заедно.

233
00:13:04,970 --> 00:13:08,350
Значи излегува дека сето ова време во CS50 апаратот

234
00:13:08,350 --> 00:13:11,590
сте имале веб сервер на вашиот компјутер.

235
00:13:11,590 --> 00:13:16,560
Ние сме во праведноста, само што се користат за gedit, за ѕвекот, за gdb и слично,

236
00:13:16,560 --> 00:13:21,000
но, исто така, инсталирани од нас за вас во апаратот е веб сервер,

237
00:13:21,000 --> 00:13:23,940
и дека веб серверот се случува да биде слободен, софтвер со отворен код,

238
00:13:23,940 --> 00:13:26,580
еден од најпопуларните оние во светот, наречен Апачи.

239
00:13:26,580 --> 00:13:31,340
Нејзините повеќе технички име е httpd, г се за серверот тука,

240
00:13:31,340 --> 00:13:34,110
која е технички збор за серверот.

241
00:13:34,110 --> 00:13:38,690
Така инсталирана во CS50 апаратот е веб сервер, и што значи тоа?

242
00:13:38,690 --> 00:13:43,740
Па, веб серверот е, концепциски, некои сервер на интернет дека служи до веб содржина.

243
00:13:43,740 --> 00:13:48,630
Кога беа прашани за датотеката, таа плука на HTML кој ја сочинува таа датотека, и Voila.

244
00:13:48,630 --> 00:13:51,370
Гледаш Главна страница некои веб страницата.

245
00:13:51,370 --> 00:13:54,970
Но, серверот е, поточно, парче софтвер.

246
00:13:54,970 --> 00:13:59,190
Тоа не мора да биде на физички машина, тоа едноставно мора да биде дел од софтверот работи.

247
00:13:59,190 --> 00:14:01,980
Па CS50 апаратот, се разбира, е парче софтвер

248
00:14:01,980 --> 00:14:04,270
иако тоа е вид на претендира да биде машина.

249
00:14:04,270 --> 00:14:06,960
Тоа претендира да биде компјутер во внатрешноста на компјутерот,

250
00:14:06,960 --> 00:14:11,140
но тоа само значи дека уредот сигурно може да се кандидира работи како веб сервери.

251
00:14:11,140 --> 00:14:13,260
Тоа всушност може да работи e-mail сервери.

252
00:14:13,260 --> 00:14:16,440
Ние би можеле да работат за инстант пораки на серверот во апаратот ако сакавме да,

253
00:14:16,440 --> 00:14:20,780
и навистина, ние се кандидира еден друг тип на сервер, позната како база на податоци на серверот, MySQL.

254
00:14:20,780 --> 00:14:22,620
Но повеќе за тоа следната недела.

255
00:14:22,620 --> 00:14:26,400
Ова значи дека јас всушност може да ја посетите веб страници

256
00:14:26,400 --> 00:14:30,480
внатрешноста на мојата апаратот со помош на пребарувачот во внатрешноста на апаратот

257
00:14:30,480 --> 00:14:33,600
или дури и на моето лаптоп, мојот Mac или мојот компјутер.

258
00:14:33,600 --> 00:14:37,780
Значи она што значи ова? Излезе дека секое време сте водење на Линукс компјутер,

259
00:14:37,780 --> 00:14:40,910
нејзините прекар е "локалниот компјутер."

260
00:14:40,910 --> 00:14:43,370
Тоа не мора на име на домен, бидејќи ние не ги купуваа на име на домен

261
00:14:43,370 --> 00:14:46,590
за нешто како на апаратот, па неговите стандардни име е локалниот компјутер.

262
00:14:46,590 --> 00:14:50,470
>> Но, со цел да се добие на апаратот за да започнете служат веб страни,

263
00:14:50,470 --> 00:14:52,270
ние мора да ги создаде во прв план.

264
00:14:52,270 --> 00:14:55,200
Значи, да го направите тоа. Дозволете ми да одат во терминален прозорец тука

265
00:14:55,200 --> 00:14:58,190
и ќе забележите дека јас сум во мојата типичен Џон Харвард прашува.

266
00:14:58,190 --> 00:15:01,670
Дозволете ми да оди напред и да напишеш ls, и ние ќе видите некои познати работи од овој семестар,

267
00:15:01,670 --> 00:15:04,580
десктоп, преземања, Dropbox и така натаму,

268
00:15:04,580 --> 00:15:07,540
но сега ние започне претворање на нашето внимание на неколку.

269
00:15:07,540 --> 00:15:11,530
На многу Линукс веб сервери има оваа папка наречена јавноста HTML,

270
00:15:11,530 --> 00:15:15,630
но ние ќе го прескокнете дека една сега за сега и се фокусира на ова, vhosts.

271
00:15:15,630 --> 00:15:18,850
Секој знае што е vhost е?

272
00:15:18,850 --> 00:15:21,110
Само глупави жаргон за виртуелен домаќин,

273
00:15:21,110 --> 00:15:23,850
и што тоа значи е дека на еден типичен сервер

274
00:15:23,850 --> 00:15:26,810
вие всушност може да биде домаќин на повеќе веб-сајтови.

275
00:15:26,810 --> 00:15:31,500
Можете да ги купите домен име како foo.com, и можете да го домаќин на серверот.

276
00:15:31,500 --> 00:15:36,100
Но вие исто така може да се купи bar.com и домаќин на истиот сервер.

277
00:15:36,100 --> 00:15:40,250
Причината е, прелистувачи се доволно паметни да се информираат на серверот

278
00:15:40,250 --> 00:15:45,880
кога корисникот се бара некои интернет страница, она име на домен на корисникот сака страница за.

279
00:15:45,880 --> 00:15:48,760
Значи она што е убаво за ова е дека не треба еден физички сервер

280
00:15:48,760 --> 00:15:52,040
или еден CS50 апаратот за секој веб-сајт можеби ќе сакате да се создаде.

281
00:15:52,040 --> 00:15:55,520
Можете да го користите истиот сервер и развој на сто различни веб страници.

282
00:15:55,520 --> 00:15:58,770
И навистина, ако сте човек се обидува да започне веб-сајт,

283
00:15:58,770 --> 00:16:02,100
дали за забава или за бизнис, обично ќе излезат на интернет,

284
00:16:02,100 --> 00:16:04,650
и ќе плати некој десет долари месечно, сто долари месечно

285
00:16:04,650 --> 00:16:06,670
да биде домаќин на вашиот веб-сајт за вас.

286
00:16:06,670 --> 00:16:11,060
И начинот на кој работи е дека тие се полнење други луѓе

287
00:16:11,060 --> 00:16:13,160
десет долари месечно или сто долари месечно

288
00:16:13,160 --> 00:16:17,200
да биде домаќин на другите луѓе веб-сајтови на нивните ист сервер.

289
00:16:17,200 --> 00:16:20,740
Причината поради која тие може да го направите тоа е затоа што на оваа функција наречена bhosts,

290
00:16:20,740 --> 00:16:23,790
но повеќе за тоа кога ќе дојде време за конечна проекти.

291
00:16:23,790 --> 00:16:28,360
>> За сега, ајде да се нурне во таму. Значи CD vhosts, и ако напишете ls сега,

292
00:16:28,360 --> 00:16:31,370
забележите дека постои папката таму се нарекува локалниот компјутер.

293
00:16:31,370 --> 00:16:33,440
Тоа е затоа што, по правило, апаратот бројки

294
00:16:33,440 --> 00:16:36,160
сте некогаш ќе се кандидира една веб-страница на апаратот.

295
00:16:36,160 --> 00:16:38,970
Ова не е навистина реалниот свет, тоа не е реалниот свет веб серверот.

296
00:16:38,970 --> 00:16:41,690
Па дозволете ми да одат во локалниот компјутер, и сега ќе видиме таму

297
00:16:41,690 --> 00:16:44,290
последен директориумот наречен HTML.

298
00:16:44,290 --> 00:16:47,080
Па тоа е малку длабоко, хиерархијата, но ако и кога

299
00:16:47,080 --> 00:16:51,230
ќе одлучи да се започне развој на повеќе веб-сајтови во текот на следните n месеци или години,

300
00:16:51,230 --> 00:16:54,370
овој вид на директориумот структура има тенденција да биде корисно.

301
00:16:54,370 --> 00:16:56,560
Сега ајде да одиме во HTML како што скоро сторив,

302
00:16:56,560 --> 00:16:59,010
тип ls, и ништо не е таму.

303
00:16:59,010 --> 00:17:01,390
Па сега ајде да одиме напред и да го направите тоа. Дозволете ми да се отвори Хром

304
00:17:01,390 --> 00:17:07,300
внатрешноста на апаратот, и дозволете ми да одат на http://localhost.

305
00:17:07,300 --> 00:17:14,440
Значи буквално име за мојот апарат, влезе, а јас се добие индекс на /.

306
00:17:14,440 --> 00:17:18,290
Ова не е навистина ми покажува нешто од интерес,

307
00:17:18,290 --> 00:17:23,400
но излегува дека она што го гледате е таа папка, HTML код.

308
00:17:23,400 --> 00:17:25,770
Нема ништо во таа папка токму сега,

309
00:17:25,770 --> 00:17:28,750
па наместо тоа, она што јас ќе одам да треба да направите е прво да се создаде датотека.

310
00:17:28,750 --> 00:17:33,530
Креирај HTML датотека како што правевме во понеделник, но овој пат таа се стави во внатрешноста на апаратот.

311
00:17:33,530 --> 00:17:36,830
За оние од вас кои се обидуваат да го следат заедно со лаптопи сега,

312
00:17:36,830 --> 00:17:42,040
дозволете ми да направам една настрана кои ќе бидат опфатени во веб-базирани pset,

313
00:17:42,040 --> 00:17:44,280
но со цел да се добие оваа работа за прв пат,

314
00:17:44,280 --> 00:17:49,830
сте ќе треба да ја извршите оваа команда: sudo услугата httpd на проектот.

315
00:17:49,830 --> 00:17:52,670
И оваа, пак, ќе се повтори во последните pset,

316
00:17:52,670 --> 00:17:55,460
но ако си играат заедно дома сега, на веб серверот

317
00:17:55,460 --> 00:17:58,660
е исклучен во апаратот, а тоа е, така што тоа не поткопале до RAM меморија

318
00:17:58,660 --> 00:18:01,960
и меморијата за 7 недели од семестар кога не треба.

319
00:18:01,960 --> 00:18:05,190
Така што треба да ја извршите оваа команда еднаш, и ќе добиете излез слично.

320
00:18:05,190 --> 00:18:07,920
Тогаш треба да бидете во можност да игра заедно тука.

321
00:18:07,920 --> 00:18:10,330
Сега да се вратиме во оваа папка.

322
00:18:10,330 --> 00:18:12,770
Оваа папка е празна, па дозволете ми да започнете со креирање на датотека,

323
00:18:12,770 --> 00:18:16,360
Зачувувањето hello.html.

324
00:18:16,360 --> 00:18:20,930
>> Во ред. Gedit е отворена, како и обично. Дозволете ми да се направи DOCTYPE, HTML,

325
00:18:20,930 --> 00:18:25,270
html, дозволете ми да го добие пред себе и да почне затворањето на мојата тагови однапред.

326
00:18:25,270 --> 00:18:28,380
Сега имам на главата. Дозволете ми да оди напред и да се затвори на главата,

327
00:18:28,380 --> 00:18:32,450
дозволете ми сега да наслов на страница, здраво светот како минатиот пат,

328
00:18:32,450 --> 00:18:34,790
блиску наслов, сега дозволете ми да се направи телото.

329
00:18:34,790 --> 00:18:38,130
Тука јас ќе кажам здраво, свет со некои exclams

330
00:18:38,130 --> 00:18:40,550
да го направи јасно дека тоа е различен стринг.

331
00:18:40,550 --> 00:18:45,800
Затвори тело, а сега дозволете ми да оди напред и да зачувам датотеката.

332
00:18:45,800 --> 00:18:48,470
Дозволете ми да се вратам на мојот терминален прозорец, и ако напишете ls,

333
00:18:48,470 --> 00:18:51,830
Јас треба, веројатно, видете hello.html. И јас.

334
00:18:51,830 --> 00:18:55,070
Па сега ајде да се вратиме на мојот интернет пребарувач, кликнете ја превчитате,

335
00:18:55,070 --> 00:18:58,930
и можете да видите ние сме навистина во внатрешноста на оваа HTML папка.

336
00:18:58,930 --> 00:19:02,310
Не гледам некоја веб страница сепак, тоа е Apache-то, веб сервер,

337
00:19:02,310 --> 00:19:04,670
само ми покажува листата содржината на овој директориум.

338
00:19:04,670 --> 00:19:08,260
Исто како Mac OS или Windows обично ќе го направите на свој локален хард диск.

339
00:19:08,260 --> 00:19:12,730
Значи, ако сакам да видам оваа веб-страница, можам да кликнете на ова малку линк тука, hello.html,

340
00:19:12,730 --> 00:19:15,160
и навистина, тоа е она што јас го очекував да ја видите.

341
00:19:15,160 --> 00:19:18,080
Сега, пак, ова не е URL кој било од вас да ја посетите токму сега,

342
00:19:18,080 --> 00:19:20,760
затоа што за вас, локалниот компјутер, ако имаш лаптоп тука,

343
00:19:20,760 --> 00:19:23,050
тоа е се однесува на вашиот сопствен пример на апаратот.

344
00:19:23,050 --> 00:19:25,900
Ова е моето лично апаратот,

345
00:19:25,900 --> 00:19:29,080
но ова е вид на нем за мене да има, да имаат

346
00:19:29,080 --> 00:19:34,480
корисникот како мене кликнете на hello.html да всушност ја видите содржината на оваа страница.

347
00:19:34,480 --> 00:19:42,590
Излегува дека веб сервери како Apache да имате стандардна датотека за било кој веб сервер.

348
00:19:42,590 --> 00:19:44,640
Забележете тука имаме hello.html.

349
00:19:44,640 --> 00:19:48,410
Што е команда во Linux да се преименува датотека?

350
00:19:48,410 --> 00:19:50,870
>> МВ, за овој потег. Па дозволете ми да го направи тоа,

351
00:19:50,870 --> 00:19:55,870
и дозволете ми да преименувате hello.html да index.html.

352
00:19:55,870 --> 00:19:58,610
Дозволете ми да напишете ls да потврди тоа сега е преименуван.

353
00:19:58,610 --> 00:20:03,250
Сега ова се случува да - ако се навратам на локалниот компјутер,

354
00:20:03,250 --> 00:20:06,710
забележите дека сега сум автоматски гледајќи дека веб-страница.

355
00:20:06,710 --> 00:20:11,740
Ова е идентична со мојата всушност прави / index.html,

356
00:20:11,740 --> 00:20:14,740
но убаво нешто сега е дека на веб-серверот пронајдат,

357
00:20:14,740 --> 00:20:18,830
ох, ако имате датотеката која, од човечки конвенции, се нарекува index.html,

358
00:20:18,830 --> 00:20:21,200
нека ми покаже на корисникот дека датотеката стандардно

359
00:20:21,200 --> 00:20:25,290
отколку некои глупави директориумот кој воопшто не е лесен за користење.

360
00:20:25,290 --> 00:20:28,900
Всушност, повеќето веб-сајтови кои ги посетувате на интернет немаат листа на датотеки за да кликнете на,

361
00:20:28,900 --> 00:20:34,040
тие само ви покаже на содржината. Значи тоа е како да го направите тоа, index.html.

362
00:20:34,040 --> 00:20:37,000
Значи ова е за сите забава и добри, но ова е прилично едноставна веб-страница.

363
00:20:37,000 --> 00:20:41,640
Дозволете ми да оди напред и да се отвори index.html во мојот vhosts,

364
00:20:41,640 --> 00:20:47,620
локалните домаќин, HTML директориум, и ајде да додадете нешто на поголем интерес.

365
00:20:47,620 --> 00:20:56,120
Па таму е здраво светот, ајде, наместо да каже "Ова е CS50, Харвард колеџот. . ".

366
00:20:56,120 --> 00:21:00,000
Значи на почетокот на курсот каталог опис на некој вид таму.

367
00:21:00,000 --> 00:21:03,780
Сега, ако јас ја превчитате, јас треба да го видите ова во мојот дом страница.

368
00:21:03,780 --> 00:21:09,560
Океј, и јас го гледам тоа, но претпоставувам дека сакате да го сега листа на некои повеќе содржина во оваа датотека.

369
00:21:09,560 --> 00:21:15,160
Јас би можеле да одат надолу тука и да кажам, предуслови нема,

370
00:21:15,160 --> 00:21:18,740
иако некои од вас се веројатно се допаѓа, "Ха ха ха, без предуслови".

371
00:21:18,740 --> 00:21:24,320
Но - официјално. Значи повторно, и сега имаме исто поврат што сме го виделе последен пат.

372
00:21:24,320 --> 00:21:26,240
Но, зошто е тоа така? Тоа беше едноставен фикс.

373
00:21:26,240 --> 00:21:31,440
Зошто оваа страница скршени?

374
00:21:31,440 --> 00:21:34,170
[Студент, неразбирливо] >> Да, ние сме решени ова пред

375
00:21:34,170 --> 00:21:37,440
со експлицитно кажува на пребарувачот стави ред овде.

376
00:21:37,440 --> 00:21:39,440
А тоа е затоа што, повторно, интернет пребарувач е само случува да се направи

377
00:21:39,440 --> 00:21:42,610
експлицитно што јазик за Селектирај кажува да се направи,

378
00:21:42,610 --> 00:21:45,730
па иако можеби сте притиснете ентер еднаш или двапати или дури десет пати,

379
00:21:45,730 --> 00:21:49,870
тоа се случува да се комбинираат сите во еден простор, само со конвенцијата.

380
00:21:49,870 --> 00:21:52,770
Значи, ако навистина сакаат ред, ќе мора да го користат таг br,

381
00:21:52,770 --> 00:21:56,840
и сега известување, како понеделник, ја ставив / внатрешноста на оваа ознака,

382
00:21:56,840 --> 00:22:00,090
само затоа што тоа едноставно не се чувствуваат право

383
00:22:00,090 --> 00:22:02,990
за да започнете нов ред тогаш престане со ништо помеѓу.

384
00:22:02,990 --> 00:22:07,740
>> Така конвенцијата во HTML е да се отвораат и затвораат таг истовремено.

385
00:22:07,740 --> 00:22:11,050
Како настрана, ќе видите многу веб-сајтови во книгите не прават.

386
00:22:11,050 --> 00:22:14,240
Точно е да се прават или да не го направи тоа, но ние би рекле

387
00:22:14,240 --> 00:22:17,430
дека Дизајн-мудар и стилски, ова е само подобро

388
00:22:17,430 --> 00:22:20,540
затоа што тогаш секој таг е и отварање и затварање некако.

389
00:22:20,540 --> 00:22:23,370
Па сега ајде да се спаси и повторно. Врати се на прелистувачот, во ред.

390
00:22:23,370 --> 00:22:26,680
Сега сме постигнуваме некаков напредок, но тоа не е сосема доволно.

391
00:22:26,680 --> 00:22:33,210
Ајде да одиме напред и да почнете да пишувате во некои веќе телото на текстот.

392
00:22:33,210 --> 00:22:40,610
Па да речеме, "А Брзата кафена лисица скокови над мрзливи куче."

393
00:22:40,610 --> 00:22:42,700
И сега дозволете ми да копирате и залепите ова неколку пати

394
00:22:42,700 --> 00:22:45,040
така што ние имаме став од текстот.

395
00:22:45,040 --> 00:22:47,780
Дозволете ми да се вратам овде. Па тоа не е во потрага многу добро.

396
00:22:47,780 --> 00:22:50,000
Јас немам ред, па тоа е во ред,

397
00:22:50,000 --> 00:22:52,140
но сега, откако сме да дојдеме до точка на се има веб-страница

398
00:22:52,140 --> 00:22:55,640
дека има многу содржини, а не само еден линии за да се демонстрира HTML,

399
00:22:55,640 --> 00:22:58,570
можеме да почнеме да размислуваме за овие работи како вистински ставови.

400
00:22:58,570 --> 00:23:01,590
И ние може да почнат да структура на нашата веб страница малку повеќе демонтирани.

401
00:23:01,590 --> 00:23:05,120
И навистина, она што можам да направите е да отидете до тука во внатрешноста на моето тело ознака,

402
00:23:05,120 --> 00:23:09,400
и знаеш што, ако "Ова е CS50. . ". навистина demarks почетокот на став,

403
00:23:09,400 --> 00:23:11,310
добро, ајде да означите како таква.

404
00:23:11,310 --> 00:23:13,570
Дозволете ми алинеја текстот, само со конвенцијата, дозволете ми да кажам

405
00:23:13,570 --> 00:23:15,710
дека овој став завршува тука,

406
00:23:15,710 --> 00:23:18,320
а потоа наместо да оваа линија пауза, дозволете ми да кажам

407
00:23:18,320 --> 00:23:23,300
дека тоа му припаѓа таму и како се додава нов став,

408
00:23:23,300 --> 00:23:27,610
и јас ќе само брзо алинеја од само clobbering сите на овој материјал.

409
00:23:27,610 --> 00:23:30,660
>> Така, сега имаме требуван став таму,

410
00:23:30,660 --> 00:23:33,510
и сега нашите Селектирај почнува да се добие малку повеќе

411
00:23:33,510 --> 00:23:37,070
семантички согласност со она што ние се обидуваме да се направи.

412
00:23:37,070 --> 00:23:40,130
Ние имаме став, па нека го наречеме став со таг стр.

413
00:23:40,130 --> 00:23:43,370
Имаме вториот став, па нека го наречеме став со таг стр.

414
00:23:43,370 --> 00:23:45,850
И сега, што на пребарувачот обично ќе направи

415
00:23:45,850 --> 00:23:48,490
е исто како во англискиот книга или есеј,

416
00:23:48,490 --> 00:23:51,280
каде што обично видите некои линија паузи помеѓу ставовите.

417
00:23:51,280 --> 00:23:53,720
Пребарувачи ќе го направи тоа за вас автоматски.

418
00:23:53,720 --> 00:23:56,680
Така, сега имаме две ставовите и можеме да продолжиме ова.

419
00:23:56,680 --> 00:23:58,770
Но, се разбира, на интернет, кога имаш тела на текст

420
00:23:58,770 --> 00:24:01,370
тоа не е обично само огромни грутки на текст.

421
00:24:01,370 --> 00:24:04,040
Постојат често хиперлинкови во таму.

422
00:24:04,040 --> 00:24:07,250
Значи, ако сакаме, на пример, вклучуваат некои линкови таму,

423
00:24:07,250 --> 00:24:10,760
Претпоставувам дека она што може да биде од интерес во она што веб-страница Јас сум создавање тука е -

424
00:24:10,760 --> 00:24:12,780
дозволете ми да одат на Google.com,

425
00:24:12,780 --> 00:24:16,540
и дозволете ми да пребарувате за Брзата кафена лисица.

426
00:24:16,540 --> 00:24:22,150
Одете на Google слики, и, како за - ова е симпатична.

427
00:24:22,150 --> 00:24:27,420
Ќе одиме со ова. Значи тука имаме Брзата кафена лисица скокање во текот на мрзливи куче.

428
00:24:27,420 --> 00:24:30,560
Значи она што јас ќе одам да направите тука, само за доброто на демонстрација,

429
00:24:30,560 --> 00:24:32,950
е претпоставувам дека оваа слика е на мојот сервер,

430
00:24:32,950 --> 00:24:35,240
и сум бил креирање на овие слики.

431
00:24:35,240 --> 00:24:38,720
Она што јас само не беше десен клик или контрола клик на сликата,

432
00:24:38,720 --> 00:24:42,370
и она што ќе видите во повеќето пребарувачи е малку мени -

433
00:24:42,370 --> 00:24:48,800
престанат да го прават тоа - малку мени што ви овозможува да изберете Copy Link Location или копија рачно.

434
00:24:48,800 --> 00:24:52,750
Па дозволете ми да се вратам сега на мојот HTML, и да претпоставиме дека сакам

435
00:24:52,750 --> 00:24:56,420
да водат оваа во друга веб-страница.

436
00:24:56,420 --> 00:24:58,640
>> Која беше таг вика за тоа?

437
00:24:58,640 --> 00:25:01,650
[Студент, неразбирливо] >> Да. Значи a href за хипер референца.

438
00:25:01,650 --> 00:25:04,660
Дозволете ми да оди напред и ставете дека внатре

439
00:25:04,660 --> 00:25:07,290
Тоа е прилично долго URL, па дозволете ми да зумирате назад.

440
00:25:07,290 --> 00:25:09,950
Затвори загради, па сега забележиш јас сум начин овде

441
00:25:09,950 --> 00:25:11,960
затоа што рачно се случи да биде доста долго.

442
00:25:11,960 --> 00:25:15,180
Дозволете ми да дојдете овде до крајот на Брзата кафена лисица,

443
00:25:15,180 --> 00:25:18,830
и тогаш дозволете ми да го затворите овој таг со </ a,

444
00:25:18,830 --> 00:25:21,280
каде што само затворени името на тагот.

445
00:25:21,280 --> 00:25:24,470
Сега дозволете ми да оди напред и да ја зачувате оваа датотека, вчитување на веб страница,

446
00:25:24,470 --> 00:25:27,880
и сега, по дифолт, тоа ќе бидат подвлечени со сино за мене,

447
00:25:27,880 --> 00:25:31,980
но навистина, јас сега може да кликнете на ова и Voila. Има таа слика.

448
00:25:31,980 --> 00:25:33,990
И тоа не треба да биде слика, тоа може да се поврзани

449
00:25:33,990 --> 00:25:36,270
на некои други случајни веб-сајт на интернет.

450
00:25:36,270 --> 00:25:39,610
Можев да го направите ова, на пример, со CS50, па последен пример тука.

451
00:25:39,610 --> 00:25:42,730
"Ова е CS50" може да има смисла да се оди, href =

452
00:25:42,730 --> 00:25:50,340
http://www.cs50.net, во близина понуда, во близина сидро.

453
00:25:50,340 --> 00:25:53,990
Па сега тоа е уште пократок URL-то, и овој пат ние нема да водат до сликата.

454
00:25:53,990 --> 00:25:57,880
Ние наместо нема да водат до друга страница.

455
00:25:57,880 --> 00:25:59,840
Сега, имаме сликата тука.

456
00:25:59,840 --> 00:26:02,970
Се чувствувам како можеме да направиме малку подобро отколку само поврзување на сликата.

457
00:26:02,970 --> 00:26:05,760
Што ако сакаме да всушност го отелотворуваат во нашата сопствена web страница?

458
00:26:05,760 --> 00:26:09,290
>> Па, она што можам да направам е тука, наместо линк до овој графички,

459
00:26:09,290 --> 00:26:14,690
дозволете ми наместо намалување на URL-то, а ние ќе се ослободи од таа хиперврска и чисти ова.

460
00:26:14,690 --> 00:26:17,190
И ние ќе одат надолу тука и да се ослободи од ова.

461
00:26:17,190 --> 00:26:20,910
Ние навистина не треба сите овие реченици сега, па да ми го скрати страница малку.

462
00:26:20,910 --> 00:26:24,530
А потоа надолу тука дозволете ми да оди напред во нов став,

463
00:26:24,530 --> 00:26:30,100
каже не сакам сега текстот, сакам слика чиј извор се случува да биде дека рачно.

464
00:26:30,100 --> 00:26:33,100
Слика, како линија пауза, или е таму или не е.

465
00:26:33,100 --> 00:26:35,900
Значи, дозволете ми веднаш затвори таг.

466
00:26:35,900 --> 00:26:39,440
Дозволете ми да одат напред, сега и во близина на ставот дека јас сум внатре,

467
00:26:39,440 --> 00:26:43,010
и ако се оди добро со здраво, свет, ако јас ја превчитате сега,

468
00:26:43,010 --> 00:26:45,520
Јас, навистина, гледам во внатрешноста на мојата сопствена веб страница на сликата.

469
00:26:45,520 --> 00:26:48,570
Така, сега имаме една слика таг, сидро таг и слично,

470
00:26:48,570 --> 00:26:51,320
а за добра мерка, дозволете ми да направам една друга работа што е често занемарена

471
00:26:51,320 --> 00:26:55,900
на веб-сајтови овие денови: Да се ​​обезбеди некој описен текст за оваа слика

472
00:26:55,900 --> 00:26:58,090
за луѓе кои се на некој мобилен уред

473
00:26:58,090 --> 00:27:00,640
и затоа не може да биде во можност да ја преземете оваа слика многу брзо,

474
00:27:00,640 --> 00:27:03,310
за луѓе кои се слепи и не може да биде во можност да ја видите сликата

475
00:27:03,310 --> 00:27:06,480
но тие би можеле да имаат читач на екран што може да им каже што е ова на сликата е од.

476
00:27:06,480 --> 00:27:09,100
И да го направат тоа, постои уште една атрибут за сликата тагови

477
00:27:09,100 --> 00:27:11,290
наречен алт, за алтернативен текст.

478
00:27:11,290 --> 00:27:14,650
И она што можам да направам тука е да се каже, "Ова е Брзата кафена лисица".

479
00:27:14,650 --> 00:27:17,650
Така што дури и ако човекот не може да се види на сликата на екранот,

480
00:27:17,650 --> 00:27:20,560
тој или таа барем може да се слушне, како и со некои парче на софтвер,

481
00:27:20,560 --> 00:27:23,080
што всушност е таму на екранот.

482
00:27:23,080 --> 00:27:25,040
>> Тоа нема да се промени естетиката на страницата,

483
00:27:25,040 --> 00:27:27,640
но тоа е, секако, добра практика за корисниците.

484
00:27:27,640 --> 00:27:31,760
Добро, ајде да ја напушти оваа веб страница во својата сегашна форма,

485
00:27:31,760 --> 00:27:33,890
но ајде да видиме дали ние сега не може да се воведе

486
00:27:33,890 --> 00:27:36,210
некои подобри пристапи кон пишување на овие web страници,

487
00:27:36,210 --> 00:27:39,980
некои лекции кои ќе ни служат и да добијат нашите страници се повеќе и повеќе комплекс.

488
00:27:39,980 --> 00:27:42,220
Она што нема да го направи во текот на следните неколку недели

489
00:27:42,220 --> 00:27:46,810
е ви прошетка низ сите на неколку десетици HTML тагови кои постојат.

490
00:27:46,810 --> 00:27:49,800
Слично како во нула назад во недела 0, тоа најверојатно ќе бидат доволни

491
00:27:49,800 --> 00:27:52,120
да се даде на високо ниво преглед на некои од концептите,

492
00:27:52,120 --> 00:27:54,530
брз турнеја на некои од блокови што веројатно биле во можност,

493
00:27:54,530 --> 00:27:58,240
прилично удобно, да се движите на вашиот сопствен, на различни загатка парчиња.

494
00:27:58,240 --> 00:28:00,460
И тоа ќе се случи повторно во HTML, најверојатно,

495
00:28:00,460 --> 00:28:04,320
при што има изобилство извори на Вебот дека ние ќе ви точка во,

496
00:28:04,320 --> 00:28:06,920
различни учебници, ако сакате да прочитате една книга,

497
00:28:06,920 --> 00:28:10,560
која ќе ви прошетка низ сите различни работи што можете да направите со HTML,

498
00:28:10,560 --> 00:28:16,100
но, навистина, видовме досега во HTML повеќето од основните концепти.

499
00:28:16,100 --> 00:28:19,900
Имаме поимот тагови се отвори, тагови се затворени.

500
00:28:19,900 --> 00:28:22,100
Некои тагови кои се двете отворени и затворени

501
00:28:22,100 --> 00:28:24,620
во смисла дека тие се празни; треба да има ништо во внатрешноста од нив

502
00:28:24,620 --> 00:28:27,490
како сликата таг или линија пауза, кои се само таму.

503
00:28:27,490 --> 00:28:32,330
Ние, исто така, погледна веќе на идејата за атрибут, како алт или извор.

504
00:28:32,330 --> 00:28:36,410
Забележете дека овие зборови имаат тенденција, со конвенцијата, да биде краток и содржаен.

505
00:28:36,410 --> 00:28:39,140
>> Ние немаме дискреција околу тоа што овие работи се нарекува,

506
00:28:39,140 --> 00:28:42,060
некој друг кој ја има измислено HTML излезе со овие имиња.

507
00:28:42,060 --> 00:28:44,710
Значи вие само треба да почне да се знае или да барате, во секое време ќе им треба,

508
00:28:44,710 --> 00:28:47,160
што имиња се за овие тагови и атрибути.

509
00:28:47,160 --> 00:28:49,510
Во случај на овие атрибути, атрибути генерално

510
00:28:49,510 --> 00:28:52,900
промени однесувањето на некои таг.

511
00:28:52,900 --> 00:28:55,710
Во овој случај, изворот атрибут кажува на сликата таг

512
00:28:55,710 --> 00:28:57,940
што е извор на сликата треба да биде.

513
00:28:57,940 --> 00:29:04,460
На href атрибутот му кажува на сидро таг она што всушност треба да се поврзува.

514
00:29:04,460 --> 00:29:06,800
Но во однос на структурата на веб-страница, иако Фејсбук

515
00:29:06,800 --> 00:29:09,680
и Google и слично изгледа како комплетен хаос

516
00:29:09,680 --> 00:29:12,560
под хаубата на прв поглед, ако почнете да се чита преку тоа

517
00:29:12,560 --> 00:29:16,950
повеќе методично, сите тие го следат овој основен, основната структура.

518
00:29:16,950 --> 00:29:19,660
Но, ние може да го подобри стилизација на овие работи.

519
00:29:19,660 --> 00:29:24,180
Па дозволете ми да одат на некои примери кои јас подготвени однапред.

520
00:29:24,180 --> 00:29:27,280
Дозволете ми да оди напред и да ги копирате од друга папка тука

521
00:29:27,280 --> 00:29:29,380
и ги стави во овој директориум.

522
00:29:29,380 --> 00:29:32,210
Однапред, она што го направив беше подготви неколку датотеки:

523
00:29:32,210 --> 00:29:35,670
search0, search1, search2 и search3 и 4.

524
00:29:35,670 --> 00:29:38,740
Дозволете ми да оди напред и да се отворат првиот од овие датотеки,

525
00:29:38,740 --> 00:29:42,570
и да видиме ако не можеме да почнат да се создаде нашата сопствена пребарувач.

526
00:29:42,570 --> 00:29:46,530
На врвот на оваа датотека, како што е обично случај во класа, само еден куп на коментарите.

527
00:29:46,530 --> 00:29:49,760
Во HTML, сепак, средствата со кои ќе почнете коментар

528
00:29:49,760 --> 00:29:55,640
е <-! и потоа сте внатрешноста на коментар, мулти-линија коментари.

529
00:29:55,640 --> 00:29:59,800
Кога ќе бидете подготвени да го спречи тоа коментар, можете да го направите ->.

530
00:29:59,800 --> 00:30:02,380
Така што на врвот во сино е само коментар.

531
00:30:02,380 --> 00:30:04,620
>> Ова е мојот DOCTYPE декларација, која, повторно,

532
00:30:04,620 --> 00:30:07,080
можете само да копирате и залепите на верата, за сега.

533
00:30:07,080 --> 00:30:10,410
Ова само кажува на пребарувачот, "Еве доаѓа некои HTML 5. '

534
00:30:10,410 --> 00:30:13,600
Под него, на линијата 14, е прв од мојот вистински тагови,

535
00:30:13,600 --> 00:30:16,900
и тоа само вели дека, како и досега, тука доаѓа некои HTML,

536
00:30:16,900 --> 00:30:19,460
тука доаѓа на чело на мојата страница, тука доаѓа наслов,

537
00:30:19,460 --> 00:30:23,900
а потоа, обратно, тоа е тоа за титулата, тоа е тоа за главата.

538
00:30:23,900 --> 00:30:26,460
Тука сега доаѓа телото на мојата страница.

539
00:30:26,460 --> 00:30:31,040
Значи неколку нови ознаки сега: h1 залага за Заглавие 1.

540
00:30:31,040 --> 00:30:33,850
Има традиција во HTML за многу години назад

541
00:30:33,850 --> 00:30:37,990
на постоење на различни големини на текстот.

542
00:30:37,990 --> 00:30:41,980
И назад во денот, секој еден значи, обично, само големи и храбри.

543
00:30:41,980 --> 00:30:45,860
Но, има, исто така, H2, која е голема, но не толку големи и задебелени букви.

544
00:30:45,860 --> 00:30:49,320
Има H3, кој е вид на големи, но не и скоро толку голем и смел,

545
00:30:49,320 --> 00:30:52,380
и така натаму, сите на патот надолу до h6.

546
00:30:52,380 --> 00:30:55,550
Овие денови, иако, H1, H2 и h3 се навистина значеше

547
00:30:55,550 --> 00:30:57,980
да имаат повеќе семантичко значење за нив,

548
00:30:57,980 --> 00:31:01,100
при што Н1 е навистина наслов: насловот на веб страница,

549
00:31:01,100 --> 00:31:04,210
насловот на колоната или нешто слично на текст.

550
00:31:04,210 --> 00:31:09,030
Па јас намерно рече h1 CS50 пребарување> Н1

551
00:31:09,030 --> 00:31:12,640
да specifiy дека ова е навистина наслов, насловот на мојата страница.

552
00:31:12,640 --> 00:31:14,850
Не насловот во насловната лента смисла,

553
00:31:14,850 --> 00:31:18,960
но насловот дека сте всушност гледаат во веб страница себе, во телото.

554
00:31:18,960 --> 00:31:20,990
Сега ова, веројатно може да се погоди што е тоа,

555
00:31:20,990 --> 00:31:23,110
иако имаме неколку нови парчиња синтакса.

556
00:31:23,110 --> 00:31:25,930
Ова е форма. Значи веб навистина станува интересно

557
00:31:25,930 --> 00:31:28,770
кога веб-сајтови да влез од корисниците.

558
00:31:28,770 --> 00:31:31,700
Во оваа класа, во проблемот поставени на веб програмирање,

559
00:31:31,700 --> 00:31:33,880
ние нема да се направи веб, сам по себе,

560
00:31:33,880 --> 00:31:37,570
со статична содржина која покажува фотографии кои сте ги направиле,

561
00:31:37,570 --> 00:31:40,010
или ова е мојата биографија, и работи за мене,

562
00:31:40,010 --> 00:31:42,450
затоа што тие работи се релативно лесно да се стави заедно.

563
00:31:42,450 --> 00:31:44,400
Тешко е да се направат нештата убави на интернет,

564
00:31:44,400 --> 00:31:46,390
но барем се пали содржина е прилично тривијална.

565
00:31:46,390 --> 00:31:49,380
Но, работите се навистина интересно кога некој може да го посетат вашиот веб-сајт

566
00:31:49,380 --> 00:31:52,260
и да се обезбеди влез и да пополнуваат формулари,

567
00:31:52,260 --> 00:31:55,800
може да се провери надвор обележувачи и да комуницирате со вашиот вебсајт.

568
00:31:55,800 --> 00:31:57,780
И навистина, веројатно секој веб-сајт вие се грижите за

569
00:31:57,780 --> 00:32:00,710
овие денови, во секој детал, е некако интерактивни.

570
00:32:00,710 --> 00:32:03,110
Фејсбук, Гугл, и слично, кои се кориснички влез

571
00:32:03,110 --> 00:32:05,100
и производство на кориснички излез.

572
00:32:05,100 --> 00:32:07,780
>> Значи, да почнеме да го направи тоа сега. Ајде транзиција сега

573
00:32:07,780 --> 00:32:11,150
од само користење на HTML за Селектирај на статична содржина

574
00:32:11,150 --> 00:32:14,790
како, наместо на испорака механизам за динамични содржини.

575
00:32:14,790 --> 00:32:17,350
И кон таа цел, да спроведат нашите сопствени пребарувач.

576
00:32:17,350 --> 00:32:20,820
Ајде да го направите тоа како што следува. Тука е форма таг.

577
00:32:20,820 --> 00:32:24,090
Акција атрибут наведува дека кога корисникот пополнува оваа форма

578
00:32:24,090 --> 00:32:28,400
со тастатурата, тоа ќе биде доставен до овој URL тука.

579
00:32:28,400 --> 00:32:31,230
Па јас сум вид на изневерување. Тоа се случува да ни потрае малку подолго

580
00:32:31,230 --> 00:32:33,780
од една класа за спроведување на целата пребарувач,

581
00:32:33,780 --> 00:32:35,880
па ние само ќе го стори пред крајот, така да се каже.

582
00:32:35,880 --> 00:32:38,650
Ќе го делот кој им овозможува на корисникот пребарување и ние ќе средиме на залог на Google

583
00:32:38,650 --> 00:32:40,950
на тврдиот дел за наоѓање на резултатите од пребарувањето,

584
00:32:40,950 --> 00:32:43,520
но, конкретно, јас одам да се зборува за веб серверот на Google

585
00:32:43,520 --> 00:32:46,710
користење на еден од две многу популарни методи.

586
00:32:46,710 --> 00:32:50,000
Еден се добие, друг, дека ние на крајот ќе видиме, се пост,

587
00:32:50,000 --> 00:32:52,660
иако има и други кои се помалку често се користи.

588
00:32:52,660 --> 00:32:56,440
Така да само ја доловува идејата, би сакал да добие некои содржини, се некои резултатите од пребарувањето.

589
00:32:56,440 --> 00:32:58,440
Ова, можеби може да се погоди она што овој го прави тоа.

590
00:32:58,440 --> 00:33:01,900
Ова е некој вид на влез, тоа е, всушност, ќе изгледа полето за текст,

591
00:33:01,900 --> 00:33:05,200
и името на тој влез, името на таа променлива, така да се каже,

592
00:33:05,200 --> 00:33:08,610
ќе биде П за пребарување на конвенцијата.

593
00:33:08,610 --> 00:33:11,700
И повторно, од типот на овој влез нема да биде наога;

594
00:33:11,700 --> 00:33:13,890
тоа нема да биде менито, тоа ќе биде полето за текст

595
00:33:13,890 --> 00:33:18,060
како означува со овој атрибут тука, а ова поле за текст,

596
00:33:18,060 --> 00:33:20,680
како линија пауза, или е таму или не.

597
00:33:20,680 --> 00:33:24,480
Значи имаме празен елемент со коса црта внатре таг.

598
00:33:24,480 --> 00:33:28,050
Потоа јас ќе одам да се стави ред, и може да се, можеби, погоди што ова ќе направи.

599
00:33:28,050 --> 00:33:30,210
Ова е уште еден вид на форма влез.

600
00:33:30,210 --> 00:33:32,350
>> Оваа една се случува да се користи за поднесување на формуларот.

601
00:33:32,350 --> 00:33:36,140
Значи ова ќе биде голем копчето што корисникот може да кликнете да ги достават форма,

602
00:33:36,140 --> 00:33:40,800
и на етикетата за тоа копче ќе биде "CS50 Барај".

603
00:33:40,800 --> 00:33:44,170
Затвори форма, во близина на телото, во близина на HTML.

604
00:33:44,170 --> 00:33:46,280
Ајде да видиме што имаме во форма на оваа веб страница.

605
00:33:46,280 --> 00:33:48,260
Па дозволете ми да одат на мојот интернет пребарувач,

606
00:33:48,260 --> 00:33:50,360
дозволете ми оди, сепак, на локалните домаќин.

607
00:33:50,360 --> 00:33:54,650
Ова е уште index.html, па ако сакам да го видам овој фајл наречен search0,

608
00:33:54,650 --> 00:33:59,710
Јас едноставно да го направите / search0.html, внесете -

609
00:33:59,710 --> 00:34:01,880
и првиот од своите грешки.

610
00:34:01,880 --> 00:34:04,400
Што се случува? Јас јасно Немате дозвола

611
00:34:04,400 --> 00:34:06,430
за пристап до оваа датотека, поради некоја причина.

612
00:34:06,430 --> 00:34:10,170
Но, тоа е затоа што, за разлика од работа ние го направивме досега во C,

613
00:34:10,170 --> 00:34:14,340
каде програмите ти пишувам се претпоставува дека се runable од вас,

614
00:34:14,340 --> 00:34:17,590
извршна од вас, тоа не е навистина случај на интернет,

615
00:34:17,590 --> 00:34:21,010
при што понекогаш можеби ќе сакате да создадат датотеки на сервер,

616
00:34:21,010 --> 00:34:23,310
но вие не сакате целиот свет за да бидат во можност да ги видат.

617
00:34:23,310 --> 00:34:25,469
Наместо тоа, сакате светот да види некои датотеки

618
00:34:25,469 --> 00:34:27,730
но не и другите, само за доброто на приватноста е.

619
00:34:27,730 --> 00:34:30,730
Така, тоа е повеќе од тргнете во основа кога правиш работи на интернет.

620
00:34:30,730 --> 00:34:32,810
И така нека ме всушност тип ls тука,

621
00:34:32,810 --> 00:34:37,440
и ќе видите датотеките имам, но се сети дека ако го направам ls-l за долго,

622
00:34:37,440 --> 00:34:41,520
Јас ќе добиете подолг листата што ми дава повеќе информации за овие датотеки

623
00:34:41,520 --> 00:34:45,139
кои се сега, навистина, за прв пат се релевантни за нас.

624
00:34:45,139 --> 00:34:47,840
Забележете дека на екстремната десница се имињата на датотеките ми,

625
00:34:47,840 --> 00:34:50,690
и тогаш времето во кое тие биле последен пат е изменета или копирани.

626
00:34:50,690 --> 00:34:54,370
Овој број тука е она? Се сеќаваш ли на?

627
00:34:54,370 --> 00:34:56,400
Големината во бајти, колку е голема датотека е.

628
00:34:56,400 --> 00:34:59,520
>> Па јас се чини дека имаат некој вид на логото тука тоа е поголем од сите други датотеки.

629
00:34:59,520 --> 00:35:03,610
Ова е кој сум јас, тоа е она што сум и она што група Јас сум внатре

630
00:35:03,610 --> 00:35:07,430
Но, тогаш, овде на лево е малку криптичната низа,

631
00:35:07,430 --> 00:35:10,040
и ние разговаравме, мислам, накусо нешто за тоа во минатото,

632
00:35:10,040 --> 00:35:12,050
но ова има врска со дозволи.

633
00:35:12,050 --> 00:35:14,020
И дури и ако тоа е малку маглива,

634
00:35:14,020 --> 00:35:17,270
RW веројатно значи читаат и пишуваат.

635
00:35:17,270 --> 00:35:22,560
Значи излегува дека овие цртички означуваат различни групи на дозволи за различни луѓе.

636
00:35:22,560 --> 00:35:24,730
И образецот е, во суштина, како што следува.

637
00:35:24,730 --> 00:35:27,650
Кога ќе видите низа од цртички тука, тие изгледаат како што следува.

638
00:35:27,650 --> 00:35:30,450
Има цртичка, тогаш има уште три цртички,

639
00:35:30,450 --> 00:35:33,390
тогаш има уште три, тогаш има уште три.

640
00:35:33,390 --> 00:35:36,800
Првиот е или цртичка или тоа е реклама за директориумот.

641
00:35:36,800 --> 00:35:40,220
Така што е прилично лесно. Ако тоа е папка, вели г, инаку тоа е цртичка.

642
00:35:40,220 --> 00:35:44,080
Има неколку други случаи, но сега за сега ние само ќе се грижат за датотеки и директориуми.

643
00:35:44,080 --> 00:35:48,090
Овие следните три цртички - и јас сум вештачки вметнува празни места.

644
00:35:48,090 --> 00:35:50,490
Тие беа, очигледно, не постои кога ги видов пред еден момент.

645
00:35:50,490 --> 00:35:52,900
Овие се дозволи на датотеката сопственикот,

646
00:35:52,900 --> 00:35:55,840
и се сеќавам од вториот пред тоа беше читаат и пишуваат.

647
00:35:55,840 --> 00:35:58,560
Тоа е затоа што сум, како човек кој ја создал оваа датотека пред еден миг,

648
00:35:58,560 --> 00:36:01,250
Јас, само по дифолт, на компјутер Linux,

649
00:36:01,250 --> 00:36:03,910
имаат способност да се продолжи читањето и пишувањето таа датотека.

650
00:36:03,910 --> 00:36:07,170
>> Па на оперативниот систем само ми дава RW автоматски.

651
00:36:07,170 --> 00:36:10,840
Средината оние однесуваат на мојата група, која на студентите,

652
00:36:10,840 --> 00:36:14,590
кој е вид на бесмислени на апаратот, бидејќи јас сум само лице со користење на апаратот.

653
00:36:14,590 --> 00:36:16,620
Значи, дозволете ми само бран моите раце во тоа за сега.

654
00:36:16,620 --> 00:36:19,190
Но, последните се најважни за веб.

655
00:36:19,190 --> 00:36:21,580
Ова е сите останати во светот, како и фактот

656
00:36:21,580 --> 00:36:24,600
дека тоа е --- значи дека никој друг во светот

657
00:36:24,600 --> 00:36:26,680
има било дозволи за оваа датотека.

658
00:36:26,680 --> 00:36:29,180
Јасно е проблем, па затоа треба да го надминете овој

659
00:36:29,180 --> 00:36:33,830
од страна некако дава светот што? Читаат и пишуваат?

660
00:36:33,830 --> 00:36:35,850
Тоа е веројатно глупава, нели? Не сакам никого на интернет

661
00:36:35,850 --> 00:36:38,530
да одат да ја посетите мојата страница и некако се промени таа датотека,

662
00:36:38,530 --> 00:36:40,800
иако тие навистина не можеше со HTML датотека,

663
00:36:40,800 --> 00:36:44,110
но само во принцип, веројатно само сакаат да бидат во можност да го прочита.

664
00:36:44,110 --> 00:36:47,910
Што значи тоа да го прочитаме? Тоа не значи дека тие се случува да се грижи за реалните HTML,

665
00:36:47,910 --> 00:36:51,820
но на пребарувачот треба да биде во можност да го анализирам тој јазик за Селектирај,

666
00:36:51,820 --> 00:36:53,720
врвот до дното, лево кон десно.

667
00:36:53,720 --> 00:36:57,990
Па некој на интернет треба да може да го прочита, па јас минимално треба да го даде Р.

668
00:36:57,990 --> 00:37:00,240
Можам да го направите тоа во неколку различни начини, но можеби

669
00:37:00,240 --> 00:37:03,080
наједноставниот е да ја извршите оваа команда тука.

670
00:37:03,080 --> 00:37:10,860
Chmod, промена на владата, тогаш + R така што сите, сите во светот + читаат,

671
00:37:10,860 --> 00:37:13,830
а потоа името на датотеката, search0.html.

672
00:37:13,830 --> 00:37:18,310
>> Сега, ако јас не ls-l повторно забележите дека таа датотека е променет,

673
00:37:18,310 --> 00:37:21,440
и навистина, јас сум вклучен r за секого.

674
00:37:21,440 --> 00:37:23,350
Јас сум исто така, се покажа врз за мојата група, но тоа е во ред,

675
00:37:23,350 --> 00:37:27,150
затоа што ако се свртев на за секого, мојата група е подмножество на тоа.

676
00:37:27,150 --> 00:37:31,480
Значи тоа е во ред. Ова само значи дека компјутерот сега има направено тоа може да се чита.

677
00:37:31,480 --> 00:37:34,430
Сега дозволете ми да се вратам на мојот интернет пребарувач, кликнете ја превчитате.

678
00:37:34,430 --> 00:37:36,330
Ах-ха. Сега имаме CS50 пребарување.

679
00:37:36,330 --> 00:37:39,830
Сум zoomed во малку вештачки - прилично одвратен пребарувач.

680
00:37:39,830 --> 00:37:41,930
Но, ајде да видиме дали тоа всушност функционира.

681
00:37:41,930 --> 00:37:45,880
Прво, дозволете ми да го направите брзо разумност проверка, дозволете ми да го контролираат кликнете и да ја видите страницата извор.

682
00:37:45,880 --> 00:37:50,780
Забележете дека во Хром ние сме сега гледањето на истиот HTML дека јас замислен.

683
00:37:50,780 --> 00:37:55,420
Не се збунети тука, иако. Не можам да започне менување на кодот тука,

684
00:37:55,420 --> 00:37:59,420
бидејќи на пребарувачот е само за читање оглед на тоа код.

685
00:37:59,420 --> 00:38:06,060
Прелистувачот има само побарано локалниот компјутер за фајл наречен search0.html.

686
00:38:06,060 --> 00:38:09,490
Сега е чиста случајност што уредот

687
00:38:09,490 --> 00:38:13,480
се случува да биде на ист компјутер како мојот интернет пребарувач.

688
00:38:13,480 --> 00:38:20,470
Јас само би можеле да имаат, еквивалентно, ја внеле во www.facebook.com/search0.html,

689
00:38:20,470 --> 00:38:23,830
и ако Фејсбук имаше фајл наречен тоа, јас тогаш ќе се види нивните HTML.

690
00:38:23,830 --> 00:38:27,360
И, се разбира, не може да го промени датотека која се враќа од Фејсбук, или.

691
00:38:27,360 --> 00:38:29,360
Па сега ние сме вид на замаглување на линии.

692
00:38:29,360 --> 00:38:32,130
Уредот е и сервер, служејќи се веб страници,

693
00:38:32,130 --> 00:38:34,870
но тоа е, исто така, на клиентот, во смисла дека јас сум со користење на интернет пребарувач

694
00:38:34,870 --> 00:38:37,630
да всушност разговара со тој сервер.

695
00:38:37,630 --> 00:38:39,610
Да видиме дали мојот Google пребарувач работи.

696
00:38:39,610 --> 00:38:44,930
Дозволете ми да оди напред и да пребарувате за Брзата кафена лисица, внесете.

697
00:38:44,930 --> 00:38:47,540
И Voila, јас сега имам свој пребарувач.

698
00:38:47,540 --> 00:38:51,460
>> Но, како го прави ова работа?

699
00:38:51,460 --> 00:38:55,380
Малку се водат, но - и сега не можете да видите, поточно, делот кој е од интерес.

700
00:38:55,380 --> 00:38:57,370
Забележи она што се случува.

701
00:38:57,370 --> 00:39:00,430
Обрнете внимание на URL-то. Излегува дека тој метод,

702
00:39:00,430 --> 00:39:02,780
наречен добие, е супер едноставен.

703
00:39:02,780 --> 00:39:10,270
Кога ќе се определи во форма што ќе посакате да се "добие" резултатите од некои сервер,

704
00:39:10,270 --> 00:39:13,200
она што се случува да направите е да се земе она што сте го напишале во форма

705
00:39:13,200 --> 00:39:15,290
и го стави во URL-то.

706
00:39:15,290 --> 00:39:18,580
Тоа се случува да се стандардизираат како таа добива се стави во URL-то како што следува.

707
00:39:18,580 --> 00:39:22,290
Забележете дека ова е рачно, кој беше вредноста на мојата акција атрибут.

708
00:39:22,290 --> 00:39:24,730
Тоа е каде што сакав форма да се заокружи.

709
00:39:24,730 --> 00:39:26,950
Но, тогаш забележи овој прашалник.

710
00:39:26,950 --> 00:39:30,230
Ова е Конвенција на интернет каде да се обезбеди корисник влез

711
00:39:30,230 --> 00:39:35,320
до веб-сајт, можете додадете на рачно знак прашалник,

712
00:39:35,320 --> 00:39:38,330
а потоа имате еден куп на клучните вредност парови.

713
00:39:38,330 --> 00:39:42,380
Името на еден тастер, инаку позната како параметар во мрежата,

714
00:39:42,380 --> 00:39:46,380
тогаш имате еднаков знак, тогаш имате вредноста на тој параметар.

715
00:39:46,380 --> 00:39:49,810
Така, тоа е во суштина име на променлива и променлива вредност,

716
00:39:49,810 --> 00:39:54,250
но имиња оние променлива и вредности дојде од HTML форма.

717
00:39:54,250 --> 00:39:56,250
Зошто предности таму, мислиш?

718
00:39:56,250 --> 00:39:59,340
Бидејќи јас не напишеш + помеѓу моите зборови.

719
00:39:59,340 --> 00:40:01,430
[Студент, неразбирливо]

720
00:40:01,430 --> 00:40:05,080
>> Да, тоа е само за празно место. Шансите се, кога сте виделе URL-то,

721
00:40:05,080 --> 00:40:07,320
Таму никогаш не било простори во него, само затоа што

722
00:40:07,320 --> 00:40:09,440
ако имало, ти навистина не може да копирате и залепите

723
00:40:09,440 --> 00:40:12,700
во IM или во е-маил, бидејќи тоа ќе се скрши.

724
00:40:12,700 --> 00:40:15,420
Сакате целата работа да биде еден соседни низа од карактери.

725
00:40:15,450 --> 00:40:18,450
>> Значи пребарувач е доволно паметни да сфатат, Ш-Ш.

726
00:40:18,450 --> 00:40:22,610
Немојте само да се стави простор таму. Дозволете ми да се кодираат просторот во некои стандарден начин.

727
00:40:22,610 --> 00:40:25,170
Еден од конвенциите за тоа е да се има на пребарувачот

728
00:40:25,170 --> 00:40:29,350
автоматски се стави +, каде што инаку би имал простор.

729
00:40:29,350 --> 00:40:32,140
Па сега, известување на Google е вид на user-friendly.

730
00:40:32,140 --> 00:40:34,380
Јас сигурно не се создаде оваа веб страница,

731
00:40:34,380 --> 00:40:37,200
но тие имаат prepopulated свој полето за текст

732
00:40:37,200 --> 00:40:39,490
со она што, токму, јас внесе внатре

733
00:40:39,490 --> 00:40:43,090
Претпоставувам дека сакате да барате нешто друго, како мрзливи куче.

734
00:40:43,090 --> 00:40:45,340
Јас само да го напишете тука, повторно пребарување.

735
00:40:45,340 --> 00:40:47,730
Забележете дека рачно менува се тука,

736
00:40:47,730 --> 00:40:51,390
но забележите тогаш дека јас всушност може да пребарувате за се што сакам

737
00:40:51,390 --> 00:40:53,610
само со разбирање како адреси работа.

738
00:40:53,610 --> 00:40:56,840
Јас не можеше да стори мрзливи мачка, ентер,

739
00:40:56,840 --> 00:41:01,370
и ќе забележите сега сум добивање на многу мрзливи - треба ние? Се чувствувам како ние треба.

740
00:41:01,370 --> 00:41:09,900
Јас добие многу мрзливи мачка.

741
00:41:09,900 --> 00:41:11,930
Во ред. Ова е една од stupidest работи што го направиле.

742
00:41:11,930 --> 00:41:17,160
Но, тоа е мрзливи мачка.

743
00:41:17,160 --> 00:41:19,730
Во секој случај, она што е клучот готова брза тука?

744
00:41:19,730 --> 00:41:22,830
Сега сме вид на игра во светот на HTTP.

745
00:41:22,830 --> 00:41:26,050
HTML е само овој јазик за Селектирај, отворен таг, во близина ознака,

746
00:41:26,050 --> 00:41:29,490
кој му кажува на прелистувачот како да го направи содржината на веб-страница.

747
00:41:29,490 --> 00:41:32,850
Но, кога ќе почнете пренос на податоци преку интернет

748
00:41:32,850 --> 00:41:36,290
помеѓу веб прелистувачот и серверот, тоа е каде што овој протокол

749
00:41:36,290 --> 00:41:39,370
познат како хипертекст трансфер протокол презема.

750
00:41:39,370 --> 00:41:42,630
Ова е вид на човечки конвенцијата, кога Сем и јас се ракуваа во понеделникот,

751
00:41:42,630 --> 00:41:48,300
почнувајќи врска, а потоа затворање на врска, исто идеја овде.

752
00:41:48,300 --> 00:41:53,100
Како се резултатите на Google враќа за мене?

753
00:41:53,100 --> 00:41:55,290
Како е мојот форма поднесување одење на Google?

754
00:41:55,290 --> 00:41:58,160
Па, се сеќавам од пред некој ден дека она што е навистина се случува

755
00:41:58,160 --> 00:42:02,150
под хаубата кога ќе ја побарате на веб страната е,

756
00:42:02,150 --> 00:42:04,860
Вашиот интернет пребарувач е испраќање малку-криптичната порака како

757
00:42:04,860 --> 00:42:09,510
ГЕТ / HTTP/1.1 за стандардно Главна страница.

758
00:42:09,510 --> 00:42:13,000
>> Или, во овој случај, бидејќи јас конкретно побарал порано

759
00:42:13,000 --> 00:42:17,340
search0.html, ова тогаш ќе биде горе-долу криптичната порака

760
00:42:17,340 --> 00:42:20,040
дека мојот интернет пребарувач ја испраќа на апаратот.

761
00:42:20,040 --> 00:42:23,090
Или, во овој случај на Google, што се всушност пратени

762
00:42:23,090 --> 00:42:33,740
е барање до / пребарувањето, а потоа? q = мрзливи мачка, со плус таму.

763
00:42:33,740 --> 00:42:36,790
Значи оваа порака, дека Јас, човечки, никогаш не сум пишување,

764
00:42:36,790 --> 00:42:40,620
но се испраќа од страна на мојот интернет пребарувач, ова е како HTTP случува.

765
00:42:40,620 --> 00:42:43,240
Ова е еквивалент на нашата ја разнишаа рацете.

766
00:42:43,240 --> 00:42:46,320
Ова е барањето, а на серверот за да испрати одговор.

767
00:42:46,320 --> 00:42:48,560
Па ајде да ги разгледаме во овој под хауба.

768
00:42:48,560 --> 00:42:55,320
Како и досега, ние може да се отвори оваа посебна област во прелистувачот.

769
00:42:55,320 --> 00:42:58,720
Прикажи страница, увид елементи.

770
00:42:58,720 --> 00:43:01,550
Значи под увид елемент, забележи дека она што се случи во Хром,

771
00:43:01,550 --> 00:43:04,160
и IE и Firefox имаат слични механизми,

772
00:43:04,160 --> 00:43:07,370
имаме овие инвеститорот алатки достапни за нас.

773
00:43:07,370 --> 00:43:09,630
Нормалните луѓе не ги користат овие јазичиња.

774
00:43:09,630 --> 00:43:11,940
Но, ние, сега, се заинтересирани за она што се случува

775
00:43:11,940 --> 00:43:13,890
под хаубата во мрежата на ниво.

776
00:43:13,890 --> 00:43:16,130
Значи, ако јас се повлече до мрежата на ниво тука,

777
00:43:16,130 --> 00:43:18,510
дозволете ми да оди напред и да ги прошират овој прозорец,

778
00:43:18,510 --> 00:43:21,840
отвори овој запис тука, и се погледне на заглавија.

779
00:43:21,840 --> 00:43:26,010
Значи она што се случува кога ќе побара некоја датотека од веб серверот

780
00:43:26,010 --> 00:43:29,410
е мојот интернет пребарувач испраќа целиот куп на нештата.

781
00:43:29,410 --> 00:43:32,390
И дозволете ми да видите извор. Значи под барање заглавија,

782
00:43:32,390 --> 00:43:35,250
И ова е само Chrome мене покажува некои дијагностички излез,

783
00:43:35,250 --> 00:43:37,340
вид како дебагерот на некој вид,

784
00:43:37,340 --> 00:43:40,500
забележи дека она што го истакна тука е токму она што

785
00:43:40,500 --> 00:43:47,060
Хром е испраќање на сервер со цел да побара фајл наречен search0.html.

786
00:43:47,060 --> 00:43:50,160
Тоа кажува на серверот она што го мисли нејзиното име е,

787
00:43:50,160 --> 00:43:52,210
благодарение на оваа домаќин на дебелото област, тогаш има некои

788
00:43:52,210 --> 00:43:56,950
прилично езотерична работи овде, како нешто да се направи со датуми и времиња,

789
00:43:56,950 --> 00:43:59,720
нешто да се направи со кои јазици ги прелистувачот разбира,

790
00:43:59,720 --> 00:44:02,850
но навистина важно линии се овие првите две овде.

791
00:44:02,850 --> 00:44:05,490
>> Што значи серверот одговори со? Па, ако се движите надолу тука

792
00:44:05,490 --> 00:44:08,510
и да ја видите извор на оваа работа, забележуваат дека серверот

793
00:44:08,510 --> 00:44:13,700
одговори со малку криптичната порака како добро, не 304 изменета.

794
00:44:13,700 --> 00:44:16,030
Тоа е малку чудно, дозволете ми да всушност се обидуваат да го надминете овој.

795
00:44:16,030 --> 00:44:18,670
Дозволете ми да го држите Shift и кликнете повторно се тука

796
00:44:18,670 --> 00:44:22,460
да ги принуди интернет пребарувач да всушност направи ова барање за прв пат.

797
00:44:22,460 --> 00:44:25,700
Тогаш дозволете ми да зумирате и ќе видиме сега дека серверот одговор,

798
00:44:25,700 --> 00:44:28,950
затоа што се одржа смена, е 200 OK.

799
00:44:28,950 --> 00:44:31,170
Значи сте веројатно никогаш видено број 200

800
00:44:31,170 --> 00:44:33,300
во контекст на веб, но она броеви

801
00:44:33,300 --> 00:44:36,760
си понекогаш се гледа неочекувано од серверот?

802
00:44:36,760 --> 00:44:42,010
404, датотеката не е пронајдена, 403, забранети; 500, грешка на серверот.

803
00:44:42,010 --> 00:44:44,890
Па така постојат овие нумерички шифри дека светот го користи во Веб

804
00:44:44,890 --> 00:44:47,870
да се означи грешки, исто како C функции

805
00:44:47,870 --> 00:44:51,030
можат да се вратат грешки и главните можат да се вратат излез кодови.

806
00:44:51,030 --> 00:44:54,160
200, сепак, ретко се гледаат, бидејќи тоа значи се е во ред.

807
00:44:54,160 --> 00:44:59,000
И 304 никогаш да не веројатно се види затоа што она што го означува?

808
00:44:59,000 --> 00:45:03,330
Дека ништо не има - ајде да видиме дали можеме да симулираме оваа повторно -

809
00:45:03,330 --> 00:45:07,170
Е, сега, тоа не е соработуваме. 304 рече не е изменета,

810
00:45:07,170 --> 00:45:09,170
па зошто беше серверот па дури и реагира?

811
00:45:09,170 --> 00:45:12,550
Па, за ефикасност, веб сервер автоматски за вас,

812
00:45:12,550 --> 00:45:16,570
ако датотеката не е променет, тоа не ќе препредавате на целиот HTML датотека.

813
00:45:16,570 --> 00:45:19,150
Тоа само ќе ти каже на прелистувачот не се сменило.

814
00:45:19,150 --> 00:45:21,220
Само користење на копија веќе ги имаш.

815
00:45:21,220 --> 00:45:22,650
Па таму е идејата за кеширање на интернет

816
00:45:22,650 --> 00:45:25,840
за перформанси, така што ќе не губат време и отпад пропусен опсег

817
00:45:25,840 --> 00:45:29,160
симнување на фајлови повторно и повторно непотребно.

818
00:45:29,160 --> 00:45:31,460
>> Но, оваа веб-страница, сега, беше супер едноставна,

819
00:45:31,460 --> 00:45:34,980
и тоа само ми го покажа HTML кој се врати.

820
00:45:34,980 --> 00:45:40,940
Да, всушност го користите на мрежата јазичето сега да се направи Google пребарување како Брзата кафена лисица.

821
00:45:40,940 --> 00:45:43,010
Дозволете ми потоа кликнете CS50 пребарување,

822
00:45:43,010 --> 00:45:46,950
и сега, забележи во долниот тука еден куп на работи вратив

823
00:45:46,950 --> 00:45:49,900
затоа што кога ќе го посетам вистинска веб-сајт како Google.com,

824
00:45:49,900 --> 00:45:53,520
тие имаат слики, тие имаат текст, тие имаат јазик наречен вклучите таму.

825
00:45:53,520 --> 00:45:55,940
Така што секој ред во оваа табела долу тука

826
00:45:55,940 --> 00:46:01,490
претставува нешто што Google плукаат во одговор на моето единствено барање.

827
00:46:01,490 --> 00:46:04,160
На онаа што се грижат за, сепак, е овој првиот.

828
00:46:04,160 --> 00:46:08,420
А кога ќе отидам на пребарување, барање, кликнете View Source тука,

829
00:46:08,420 --> 00:46:11,300
забележи дека, навистина, криптичната порака дека мојот интернет пребарувач испрати

830
00:46:11,300 --> 00:46:15,010
на Google беше овие две линии тука,

831
00:46:15,010 --> 00:46:18,420
проследено со некои таинствени информации овде кои ќе ги игнорираат за сега.

832
00:46:18,420 --> 00:46:20,890
Но известување, исто така, она што Хром е прилично корисна со тоа,

833
00:46:20,890 --> 00:46:24,540
тоа е, исто така, покажувајќи ја барањето е испратено внатре

834
00:46:24,540 --> 00:46:27,410
Така, наместо да ми го покажат тоа, кој беше буквално испрати,

835
00:46:27,410 --> 00:46:30,800
ако видите декодира, Хром, само за дебагирање цели,

836
00:46:30,800 --> 00:46:34,270
за програмери како нас, тоа е само мене покажува човечко-friendly верзија на -

837
00:46:34,270 --> 00:46:36,390
што не е како се пишува лисица, очигледно.

838
00:46:36,390 --> 00:46:40,520
Јас сум само забележи ова сега - но тоа е ви покажува она што, очигледно, напишани.

839
00:46:40,520 --> 00:46:45,340
Во меѓувреме, одговор кој се врати од серверот е повторно 200 OK.

840
00:46:45,340 --> 00:46:47,930
Но вклучени во тој одговор, се разбира,

841
00:46:47,930 --> 00:46:51,920
ако ние всушност ја видите HTML на страната -

842
00:46:51,920 --> 00:46:55,440
жал, ова е малку кратенката качил криво денес.

843
00:46:55,440 --> 00:46:59,020
>> Јас ќе се справи со ова подоцна. Значи, ако ние всушност ја видите извор на страната,

844
00:46:59,020 --> 00:47:02,990
што можам да направам тука долу со кликнување одговор,

845
00:47:02,990 --> 00:47:10,080
тоа е она што беше, всушност плукаат назад, во прилог на тоа криптичната 200 OK пораките од серверот.

846
00:47:10,080 --> 00:47:12,520
А малку криптичната, но каде е сето ова што доаѓаат од?

847
00:47:12,520 --> 00:47:15,570
Па, ајде да направиме една друга работа тука. Друга донекаде-криптичната команда,

848
00:47:15,570 --> 00:47:20,530
но вид ова на уредни по тоа што ни го открива токму она што се случува под хауба.

849
00:47:20,530 --> 00:47:22,530
Па се вратив на мојот Mac тука, јас се поврзани

850
00:47:22,530 --> 00:47:25,980
преку програма наречена SSH, безбедна школка, на друг сервер

851
00:47:25,980 --> 00:47:28,940
бидејќи повеќето компјутери Харвард блокира команда ние сме за да се кандидира

852
00:47:28,940 --> 00:47:31,640
бидејќи има оваа команда на некои сервери наречен traceroute

853
00:47:31,640 --> 00:47:34,810
кој ви овозможува да пронајдат пат помеѓу точките A и B,

854
00:47:34,810 --> 00:47:37,020
и досега ние сме биле преземање сосема здраво за готово

855
00:47:37,020 --> 00:47:40,170
што можам да напишеш во Google.com и некако се добијат податоци назад

856
00:47:40,170 --> 00:47:43,530
од половина пат низ земјата или на половина пат низ светот.

857
00:47:43,530 --> 00:47:45,810
Со traceroute ние всушност може да се нурне во малку подлабоко

858
00:47:45,810 --> 00:47:49,370
за тоа како интернет дела, и да видиме што се случува под хауба.

859
00:47:49,370 --> 00:47:54,440
Значи, да оди напред и произволно пронаоѓање на рута, да речеме, Stanford.edu,

860
00:47:54,440 --> 00:47:57,150
која е низ целата земја, и притиснете ентер.

861
00:47:57,150 --> 00:47:59,380
Оваа команда може да биде супер-брз или супер-бавно,

862
00:47:59,380 --> 00:48:02,010
но она што го гледате сега, линија по линија,

863
00:48:02,010 --> 00:48:08,060
е секој еден од чекорите или хмел помеѓу нас и Пало Алто, или Стенфорд,

864
00:48:08,060 --> 00:48:11,010
каде што тие имаат свои веб серверот.

865
00:48:11,010 --> 00:48:16,600
Значи она што не секој од овие линии претставуваат поконкретно, иако?

866
00:48:16,600 --> 00:48:19,100
А парче жаргон од интернет? [Студент, неразбирливо]

867
00:48:19,100 --> 00:48:21,570
>> Што е тоа? [Студент, неразбирливо]

868
00:48:21,570 --> 00:48:25,390
>> О, па така постојат моменти, но она што го прави секој ред - што мислам кога го велам хоп?

869
00:48:25,390 --> 00:48:29,140
>> Па, постојат овие работи на интернет се нарекува рутери.

870
00:48:29,140 --> 00:48:33,020
И рутери, како што сугерира името, рута информации од точката А до точката Б.

871
00:48:33,020 --> 00:48:36,920
Но, постојат неколку точки надвор a и b.

872
00:48:36,920 --> 00:48:40,010
Има C и D и E и F меѓу ред 1,

873
00:48:40,010 --> 00:48:43,480
кој се случува да биде IP адресата на компјутерот ми е,

874
00:48:43,480 --> 00:48:46,890
или мојот нумерички адреса, која уникатно идентификува мојот компјутер,

875
00:48:46,890 --> 00:48:50,300
и чекор 15, кој е всушност шестата веб сервер,

876
00:48:50,300 --> 00:48:54,640
очигледно, кој сум inferring од ова, или верзија 6 на нивната веб серверот во Стенфорд.

877
00:48:54,640 --> 00:48:56,680
Но она што е вид на уредни е, можеме да видиме на патот

878
00:48:56,680 --> 00:49:00,480
дека мојата 0 и 1 се зема од мојот компјутер да Стенфорд.

879
00:49:00,480 --> 00:49:02,500
Па чекор 1 е адресата мојот компјутер.

880
00:49:02,500 --> 00:49:05,760
Секој компјутер на интернет има единствен идентификатор што личи ова.

881
00:49:05,760 --> 00:49:08,150
Number.number.number.number.

882
00:49:08,150 --> 00:49:10,370
Некаде на овој кампус, веројатно во науката центар,

883
00:49:10,370 --> 00:49:16,780
е рутер наречен Core Портал 2-te83, што и да значи,

884
00:49:16,780 --> 00:49:20,590
па ова е еден од големите фенси рутери Харвард кој правци многу од нивните сообраќај.

885
00:49:20,590 --> 00:49:24,640
Еве уште на рутери Харвард, ова е граница портал,

886
00:49:24,640 --> 00:49:28,310
границата значење тоа е веројатно на периферијата на кампусот некаде.

887
00:49:28,480 --> 00:49:32,790
Потоа, тука е NOx еден, ред 4, што е Северна крстопат,

888
00:49:32,790 --> 00:49:35,070
која е голем интернет провајдер, интернет провајдер,

889
00:49:35,070 --> 00:49:37,740
кои места како Харвард поврзете до.

890
00:49:37,740 --> 00:49:40,760
Но, тогаш нештата се малку интересно во алинеја 6.

891
00:49:40,760 --> 00:49:45,960
Каде се моите битови одеднаш? Канзас.

892
00:49:45,960 --> 00:49:49,300
На светот има навика на користење на аеродромот кодови во многу од овие работи,

893
00:49:49,300 --> 00:49:52,900
или барем кратенки за држави или градови,

894
00:49:52,900 --> 00:49:56,490
така што изгледа како, во само 60 ms,

895
00:49:56,490 --> 00:49:59,420
пакет на информации, 0 и 1 е од мојот лаптоп

896
00:49:59,420 --> 00:50:03,210
доби целиот пат до Канзас, и повторно, во 60 ms.

897
00:50:03,210 --> 00:50:08,180
>> Покрај тоа, по Канзас, тие добија турнеја низ Хјустон, веројатно,

898
00:50:08,180 --> 00:50:10,140
како што е предложено од страна на името на овој сервер.

899
00:50:10,140 --> 00:50:13,310
Па само како сервер на интернет мора да има нумеричка адреса,

900
00:50:13,310 --> 00:50:18,360
тој може исто така, по можност, имаат малку повеќе човечко-пријателски адреса која луѓето излезе со.

901
00:50:18,360 --> 00:50:20,510
Сега, во чекор 8, ние не знаеме што е ова.

902
00:50:20,510 --> 00:50:22,550
Понекогаш рутери само вид на се игнорира,

903
00:50:22,550 --> 00:50:25,010
и тие едноставно не одговори на прашањата, па тоа е добро.

904
00:50:25,010 --> 00:50:29,290
На еден по чекор 8 е очигледно каде? L.A.

905
00:50:29,290 --> 00:50:35,290
Забележите во само 78 ms, она што ни е потребно луѓето како 6 + часа да направите физички,

906
00:50:35,290 --> 00:50:40,110
се пакети на информации на интернет 78 ms да патуваат толку далеку.

907
00:50:40,110 --> 00:50:45,890
Чекор 10 е во Лос Анџелес, како и, и чекор 11 чини дека се качил на север, во близина на Стенфорд.

908
00:50:45,890 --> 00:50:48,750
Ова е нивната граница рутер, или границата рутер.

909
00:50:48,750 --> 00:50:51,240
Неколку чекори на Стенфорд, кои се ни игнорирање,

910
00:50:51,240 --> 00:50:55,610
и на крај, доаѓаме до веб серверот во само 87 ms.

911
00:50:55,610 --> 00:50:57,760
Сега, сите овие бројки, како настрана,

912
00:50:57,760 --> 00:51:00,640
само да ви кажам колку време е потребно за податоци да се добие од мене

913
00:51:00,640 --> 00:51:03,530
за секоја од овие рутери, и тоа не е кумулативен.

914
00:51:03,530 --> 00:51:06,960
Она што оваа програма не е, за прв пат испраќа порака, во суштина, на првиот рутер.

915
00:51:06,960 --> 00:51:09,490
Потоа еден на вториот рутер, а потоа еден од третиот рутер,

916
00:51:09,490 --> 00:51:12,610
мерење секој пат. Така што во теорија, овие времиња ќе се зголемува

917
00:51:12,610 --> 00:51:14,860
или барем прилично блиску еден до друг,

918
00:51:14,860 --> 00:51:18,090
и, навистина, оние кои се во право тука на кампусот се супер-мал.

919
00:51:18,090 --> 00:51:20,820
Веднаш штом ќе тргнат низ целата земја, тоа трае податоци

920
00:51:20,820 --> 00:51:24,830
малку подолго да патуваат, поблиску до 100 ms, или дава да потрае.

921
00:51:24,830 --> 00:51:28,330
Но, ајде да одиме на друга насока сега. Како за универзитетот Кембриџ во Велика Британија?

922
00:51:28,330 --> 00:51:32,540
Дозволете ми, наместо да работи traceroute на www.cam за Кембриџ,

923
00:51:32,540 --> 00:51:36,710
. Наизменична струја за академски,. Велика Британија, и притиснете ентер тука.

924
00:51:36,710 --> 00:51:38,830
Тоа беше прилично проклето брзо.

925
00:51:38,830 --> 00:51:43,300
Моите податоци буквално отиде во Кембриџ, Англија, во тој дел од секундата на време.

926
00:51:43,300 --> 00:51:45,340
>> Да видиме патот што го зеде.

927
00:51:45,340 --> 00:51:47,520
Харвард, Харвард, Харвард, Северна крстопат,

928
00:51:47,520 --> 00:51:52,690
кој е еден интернет провајдер, и тогаш ова е Северна крстопат, а потоа бам.

929
00:51:52,690 --> 00:51:58,320
Што е меѓу чекорите 6 и 7, рутер 6 и 7?

930
00:51:58,320 --> 00:52:02,040
Атлантскиот Океан. И ние сме inferring ова од фактот дека

931
00:52:02,040 --> 00:52:06,530
одиме од 20 ms тука до 80 ms тука.

932
00:52:06,530 --> 00:52:10,050
Значи нешто зеде 60 ms, или дава да потрае, за да се добие повеќе.

933
00:52:10,050 --> 00:52:12,910
И тоа е веројатно голема водна површина.

934
00:52:12,910 --> 00:52:15,250
Она што се случува после тоа? Па, тука сме во Лондон,

935
00:52:15,250 --> 00:52:18,860
само 88 ms подоцна. Повеќе Лондон, повеќе Лондон,

936
00:52:18,860 --> 00:52:21,730
не се сигурни каде е ова, но ние ќе се претпостави дека е надвор од Лондон,

937
00:52:21,730 --> 00:52:26,390
Кембриџ тука, и конечно ние - буквално, Универзитетот во Кембриџ

938
00:52:26,390 --> 00:52:29,500
. Something.net, а потоа, конечно, во линија 16,

939
00:52:29,500 --> 00:52:31,720
нивната веб серверот е очигледно наречен Скорпија

940
00:52:31,720 --> 00:52:35,500
под хауба, иако ние го знаеме како www.

941
00:52:35,500 --> 00:52:38,790
Вид на ум-дува, мислам. Првиот пат кога го сторила тоа, целосно разнесе умот.

942
00:52:38,790 --> 00:52:41,670
За жал, Харвард блокира овој вид на сообраќај, обично, на мрежата.

943
00:52:41,670 --> 00:52:44,340
Па не можете да го направите супер лесно.

944
00:52:44,340 --> 00:52:48,500
Реализира, иако, ова овде е можно.

945
00:52:48,500 --> 00:52:53,630
Во ред. Да го земеме нашите 5-минутна пауза тука. Ние ќе се врати и се нурне во подлабок.

946
00:52:53,630 --> 00:53:00,850
Па ние сме назад, а ние сме вид на ambled околу во неколку различни насоки тука.

947
00:53:00,850 --> 00:53:03,700
Значи, да резимираме што точно се случува тука.

948
00:53:03,700 --> 00:53:07,990
Почнавме разговорот зборува овој јазик наречен HTML.

949
00:53:07,990 --> 00:53:10,680
Повторно, не е програмски јазик. Тоа е само јазик за Селектирај

950
00:53:10,680 --> 00:53:15,490
дека е во голема мера за естетика и структурирање на содржина во форма на веб страница.

951
00:53:15,490 --> 00:53:19,220
Но, HTML, според тоа, треба некој вид на механизам

952
00:53:19,220 --> 00:53:22,870
за патување помеѓу веб прелистувачот и серверот.

953
00:53:22,870 --> 00:53:28,360
HTML затоа вид вози на врвот на друг јазик,

954
00:53:28,360 --> 00:53:31,280
или повеќе правилно, протокол, познат како HTTP.

955
00:53:31,280 --> 00:53:33,730
>> И HTTP, како ние сме го виделе досега,

956
00:53:33,730 --> 00:53:37,140
е вид на аналогни на оваа човечка конвенцијата на тресење раце.

957
00:53:37,140 --> 00:53:39,940
Кога пребарувачот сака да побара страница од сервер,

958
00:53:39,940 --> 00:53:43,450
го праќа дека "добие" барање од прелистувачот на серверот,

959
00:53:43,450 --> 00:53:48,040
и тогаш серверот одговара со број како 200, се е во ред,

960
00:53:48,040 --> 00:53:53,290
како и HTML или некои лоши број како 404, датотеката не е пронајдена.

961
00:53:53,290 --> 00:53:58,220
Но, во меѓувреме, HTTP сама по себе не е на интернет, сама за себе.

962
00:53:58,220 --> 00:54:01,550
HTTP е само служба, карактеристика на интернет

963
00:54:01,550 --> 00:54:05,530
многу сличен на Г разговор е уште една услуга, слично како е-мејл е уште еден сервис.

964
00:54:05,530 --> 00:54:09,180
Има сите видови на нешта што може да направи на интернет.

965
00:54:09,180 --> 00:54:12,670
HTTP е само една од овие апликации.

966
00:54:12,670 --> 00:54:17,210
Така на врвот на - HTTP е на врвот на нешто друго

967
00:54:17,210 --> 00:54:21,750
кои не се споменуваат по име, можеби сте слушнале за по име, TCP / IP.

968
00:54:21,750 --> 00:54:25,160
Значи приказната ние само кажа дека е за сите

969
00:54:25,160 --> 00:54:28,720
како податоците патува од точката А до точката Б.

970
00:54:28,720 --> 00:54:30,950
И во овој случај, видовме на многу ниско ниво

971
00:54:30,950 --> 00:54:33,060
рутер да рутер да рутер да рутер,

972
00:54:33,060 --> 00:54:35,390
како податоците се всушност се пренесуваат.

973
00:54:35,390 --> 00:54:40,510
Но на патот, тоа ќе се судрите со различни пречки.

974
00:54:40,510 --> 00:54:43,770
Покрај овие рутери, постојат нешта наречени firewalls на интернет,

975
00:54:43,770 --> 00:54:46,680
и така податоци, како на пример дека бевме само пренесување

976
00:54:46,680 --> 00:54:49,720
Од мене до Стенфорд, од мене во Кембриџ,

977
00:54:49,720 --> 00:54:54,560
е испратена до, на ова ниво, нешто што се нарекува IP адреса.

978
00:54:54,560 --> 00:54:57,340
Видовме овој момент пред, и IP адресата

979
00:54:57,340 --> 00:55:02,480
е само нумеричка адреса од формата w.x.y.z,

980
00:55:02,480 --> 00:55:08,070
каде што секој од нив е меѓу нив, или дава да потрае, 0 и 255,

981
00:55:08,070 --> 00:55:10,080
иако не сосема може да се користат сите оние броеви.

982
00:55:10,080 --> 00:55:14,220
Но, секоја од овие променливи е број помеѓу 0 и 255.

983
00:55:14,220 --> 00:55:16,820
Значи IP адреса овие денови е 32 бита.

984
00:55:16,820 --> 00:55:20,780
>> Сега, тоа ни дава колку е можно IP адреси во светот?

985
00:55:20,780 --> 00:55:24,420
Околу 4 милијарди долари, бидејќи секое време ние сме пребројување на овластувањата од 2

986
00:55:24,420 --> 00:55:27,760
сите на патот до 32 од нешто, што обично ни дава 4 милијарди.

987
00:55:27,760 --> 00:55:30,160
Значи тоа е многу IP адреси, но може да се чита,

988
00:55:30,160 --> 00:55:32,410
или вие сега може да се забележи во популарните печатени медиуми,

989
00:55:32,410 --> 00:55:36,020
притисни кон нова верзија на IP се нарекува IPv6.

990
00:55:36,020 --> 00:55:38,290
Токму сега ние сме со користење верзија 4.

991
00:55:38,290 --> 00:55:41,060
Тука навистина не е верзија 5, ние сме само скокање право на 6.

992
00:55:41,060 --> 00:55:46,760
Верзија 6 се случува да се користи 128 бита за IP адреси, која е freaking огромен.

993
00:55:46,760 --> 00:55:49,430
Ние не треба да се кандидира за сосема извесно време сега,

994
00:55:49,430 --> 00:55:52,980
но ние почнаа да се истрчаш на верзија 4 IP адреси,

995
00:55:52,980 --> 00:55:56,110
затоа што сите од нас имаат не само нешта како лаптопи и десктоп компјутери,

996
00:55:56,110 --> 00:55:58,700
многу од нас имаат телефони, многу од нас имаат и други уреди

997
00:55:58,700 --> 00:56:01,600
како TiVo и слично, кои имаат IP адреси себе.

998
00:56:01,600 --> 00:56:03,720
Харвард себе има десетици илјади компјутери.

999
00:56:03,720 --> 00:56:07,970
Така што светот е навистина истекува на IP адреси, барем на оваа форма.

1000
00:56:07,970 --> 00:56:10,340
Така што во текот на следните неколку години, ви се случува да го видиш адреси

1001
00:56:10,340 --> 00:56:12,870
на свој компјутер веројатно полека се промени

1002
00:56:12,870 --> 00:56:16,740
како се повеќе и повеќе компании и универзитети проектот за поддршка на понова верзија.

1003
00:56:16,740 --> 00:56:22,770
Но, IP адресата не е доволно за компјутер да побара податоци од компјутер б.

1004
00:56:22,770 --> 00:56:24,950
Бидејќи компјутерот б би можело да биде сервер,

1005
00:56:24,950 --> 00:56:27,600
и серверот, како што споменав порано, може да направи гроздовете на нештата.

1006
00:56:27,600 --> 00:56:29,940
Тоа може да биде домаќин на веб страници, тоа може да биде мејл сервер,

1007
00:56:29,940 --> 00:56:32,310
тоа може да биде Skype серверот, тоа може да биде разговор Г серверот.

1008
00:56:32,310 --> 00:56:35,870
>> Сите овие различни услуги кои може да се обезбеди на серверот

1009
00:56:35,870 --> 00:56:38,330
може сите, физички да биде на иста машина.

1010
00:56:38,330 --> 00:56:40,380
Така што во прилог на IP адреси,

1011
00:56:40,380 --> 00:56:43,250
во светот има работи вика пристаништа на интернет.

1012
00:56:43,250 --> 00:56:47,830
А пристаниште е само број, па таму е единствен број за HTTP.

1013
00:56:47,830 --> 00:56:50,280
Нејзиниот број е 80.

1014
00:56:50,280 --> 00:56:55,870
HTTP исто така го користи бројот 443, но поконкретно, за шифрирана HTTPS.

1015
00:56:55,870 --> 00:57:00,030
Секогаш кога ќе видите s, за сигурно, тоа е со користење на различен број.

1016
00:57:00,030 --> 00:57:06,580
Постојат и други броеви, како 25, што се користи за нешто што се нарекува SMTP, инаку позната како е-мејл.

1017
00:57:06,580 --> 00:57:09,620
Има нешто што се нарекува 22 за SSH,

1018
00:57:09,620 --> 00:57:11,850
и таму е целиот куп на други пристаништа таму.

1019
00:57:11,850 --> 00:57:14,460
Сега, ние, луѓето ретко се гледаат овие броеви.

1020
00:57:14,460 --> 00:57:21,970
Сепак, кога ќе напишете во обраќањето како http://www.facebook.com,

1021
00:57:21,970 --> 00:57:26,560
прелистувачот е тајно вметнување 80, затоа што ти си користејќи HTTP.

1022
00:57:26,560 --> 00:57:30,630
Ако, наместо тоа, тип HTTPS, тоа е тајно вметнување 443.

1023
00:57:30,630 --> 00:57:35,180
И можеме вид на се види тоа рачно ако се повлече до Brower

1024
00:57:35,180 --> 00:57:41,850
и да одат во http://www.facebook.com:80.

1025
00:57:41,850 --> 00:57:44,550
Затоа експлицитно не наведувајќи само името на веб страната

1026
00:57:44,550 --> 00:57:47,650
но порта на која сакам да зборувам за, и притиснете ентер.

1027
00:57:47,650 --> 00:57:50,170
Забележите исчезнува, бидејќи на пребарувачот претпоставува,

1028
00:57:50,170 --> 00:57:53,360
ох, 80, јас не сум дури и ќе се мачат покажува дека за вас.

1029
00:57:53,360 --> 00:57:56,400
Но причината за ова е дека ако јас всушност сакав да некому испратите е-маил,

1030
00:57:56,400 --> 00:58:02,340
Јас навистина би било да е тоа испраќање на нив на порт 25, што се SMTP.

1031
00:58:02,340 --> 00:58:04,890
А малку на симплификација, но некои од вас имаат пријатели

1032
00:58:04,890 --> 00:58:09,290
кој всушност работи на Фејсбук, и тие, слично, имаат сервери кои добиваат е-мејл.

1033
00:58:09,290 --> 00:58:12,610
>> Во секое време ви испрати е-маил, што Gmail прави за вас

1034
00:58:12,610 --> 00:58:14,960
или Outlook или што и програма ќе се користи,

1035
00:58:14,960 --> 00:58:19,270
тоа е вид на тајно вметнување тој број, како и, 25, во тој случај.

1036
00:58:19,270 --> 00:58:24,490
Тоа е оваа комбинација на IP адреса и број, кои еднозначно ги идентификува

1037
00:58:24,490 --> 00:58:29,190
компјутер на интернет и одредена услуга на тој компјутер.

1038
00:58:29,190 --> 00:58:33,460
Сега, се разбира, повеќето од нас имаат веројатно никогаш внесе рачно IP адреса.

1039
00:58:33,460 --> 00:58:37,340
Можеби имаш во апаратот, но во реалниот свет, не толку многу.

1040
00:58:37,340 --> 00:58:42,750
Зошто не напишете IP адреси во пребарувачи?

1041
00:58:42,750 --> 00:58:45,860
Тоа ќе работат, всушност, може да се види ова, дозволете ми да ви покажеме

1042
00:58:45,860 --> 00:58:50,000
една друга команда која треба да работат повеќето никаде на кампусот на Харвард на Mac или PC.

1043
00:58:50,000 --> 00:58:53,970
Има оваа команда се нарекува nslookup, името на серверот збор.

1044
00:58:53,970 --> 00:58:59,960
Ако гледам нагоре www.cnn.com, излегува дека Ен-Ен има - ох, интересно.

1045
00:58:59,960 --> 00:59:03,180
Ен-Ен го започнале да го користат Амазон веб сервиси.

1046
00:59:03,180 --> 00:59:06,380
Може да знаете на cloud computing, еден Амазон од големите играчи во cloud computing.

1047
00:59:06,380 --> 00:59:10,240
Она што јас само не беше, реков, "Дај ми ја адресата на веб серверот Ен-Ен"

1048
00:59:10,240 --> 00:59:14,090
но излегува дека веб серверот Ен-Ен е раководен од страна на Amazon,

1049
00:59:14,090 --> 00:59:16,030
Амазон веб сервиси, ова сугерира.

1050
00:59:16,030 --> 00:59:19,680
И адресата на серверот кој е овој овде.

1051
00:59:19,680 --> 00:59:22,350
Па не сум сигурен дали ова ќе работи, бидејќи тие не се користат за користење Амазон.

1052
00:59:22,350 --> 00:59:32,830
Но, ајде да се обидеме тоа; http://, IP адреса, внесете, и -

1053
00:59:32,830 --> 00:59:35,690
е тоа ќе функционира?

1054
00:59:35,690 --> 00:59:39,280
Да. Тоа се случува на работа. Интернетот е супер-бавно денес.

1055
00:59:39,280 --> 00:59:43,680
Но, во еден миг, ќе видите некои вест.

1056
00:59:43,680 --> 00:59:48,360
Таму ќе одиме. Банката на Америка е тужен. Во ред.

1057
00:59:48,360 --> 00:59:54,000
>> Тоа е затоа што оваа IP адреса едноставно се случува од страна синоним www.cnn.com.

1058
00:59:54,000 --> 00:59:59,920
Се разбира, тоа ќе биде ужасно маркетинг е да се каже, посетете не на интернет во 50.112.94.127.

1059
00:59:59,920 --> 01:00:02,370
Вие никогаш нема да се сеќавам. Па дури и овие денови може да се потсетиме на нештата

1060
01:00:02,370 --> 01:00:07,210
како 1-800-COLLECT или Клучни зборови на светот излезе со за телефонски броеви.

1061
01:00:07,210 --> 01:00:09,540
Која пред мобилните телефони беа прилично тешко да се запамети

1062
01:00:09,540 --> 01:00:11,800
додека пак само да го напишете и да заборави за тоа.

1063
01:00:11,800 --> 01:00:15,730
Па на интернет, исто така, ја има оваа конвенција на имиња и IP адреси,

1064
01:00:15,730 --> 01:00:17,770
и таму се овие работи таму вика DNS сервери,

1065
01:00:17,770 --> 01:00:23,870
име на домен системи сервери, кои ги претвориме IP адреси во имиња и обратно.

1066
01:00:23,870 --> 01:00:26,340
Значи тоа е она што се случува под хауба.

1067
01:00:26,340 --> 01:00:29,540
На крајот, ние имаме TCP / IP, што е ова многу ниско ниво протоколот

1068
01:00:29,540 --> 01:00:32,570
тоа, навистина, само добива 0 и 1 е преку интернет,

1069
01:00:32,570 --> 01:00:36,030
а го прави тоа, ставајќи ги во виртуелен коверт,

1070
01:00:36,030 --> 01:00:38,820
ако сакате, и пишување на надворешната страна на ковертот

1071
01:00:38,820 --> 01:00:43,930
IP адресата на дестинацијата, како и нумерички број на порта

1072
01:00:43,930 --> 01:00:47,520
на услугата на таа дестинација дека сака да разговара.

1073
01:00:47,520 --> 01:00:51,060
Во меѓувреме, на ковертот таму е исто така нешто познат како повратна адреса,

1074
01:00:51,060 --> 01:00:55,600
која е вашата IP адреса, така што кога-Ен-Ен добива пакет на информации од вас,

1075
01:00:55,600 --> 01:00:58,710
отвора овој виртуелен коверт, гледа дека сакате почетната страница,

1076
01:00:58,710 --> 01:01:04,630
тоа го знае од испраќачот дел од овој виртуелен плик кого да испрати HTML назад.

1077
01:01:04,630 --> 01:01:07,470
Па ајде да ги разгледаме во тоа во малку повеќе детали.

1078
01:01:07,470 --> 01:01:11,370
Ова е од компанија наречена Ериксон, од неколку години назад.

1079
01:01:11,370 --> 01:01:14,780
И тие се некои слободи со тоа како Интернетот всушност работи,

1080
01:01:14,780 --> 01:01:18,920
но стравува многу повеќе визуелна слика од само креда тука.

1081
01:01:18,920 --> 01:01:26,690
Па јас ви даде "малку на интернет."

1082
01:02:26,660 --> 01:02:29,840
>> [Нараторот] За прв пат во историјата,

1083
01:02:29,840 --> 01:02:35,260
луѓето и машините работат заедно, сфаќајќи сон.

1084
01:02:35,260 --> 01:02:38,910
А обединувачка сила која не познава географски граници.

1085
01:02:38,910 --> 01:02:43,230
Без оглед на раса, кредо или боја.

1086
01:02:43,230 --> 01:02:47,770
А новата ера, каде што комуникација навистина ги зближува луѓето.

1087
01:02:47,770 --> 01:02:50,070
Ова е

1088
01:02:50,070 --> 01:02:54,980
Зората на Нет.

1089
01:02:54,980 --> 01:03:04,640
Сакате да знаете како тоа функционира? Кликни тука за да почнат да ви патување во мрежата.

1090
01:03:04,640 --> 01:03:07,890
Сега, токму тоа се случи кога ќе кликнете на овој линк?

1091
01:03:07,890 --> 01:03:10,150
Го започна проток на информации.

1092
01:03:10,150 --> 01:03:13,310
Оваа информација патува надолу во ваш личен mailroom

1093
01:03:13,310 --> 01:03:18,500
каде г-дин IP пакети него, етикети, и ја праќа на својот пат.

1094
01:03:18,500 --> 01:03:20,960
Секој пакет е ограничен во неговата големина.

1095
01:03:20,960 --> 01:03:23,880
Пошта соба мора да одлучи како да се подели на информации

1096
01:03:23,880 --> 01:03:26,070
и како да го пакет.

1097
01:03:26,070 --> 01:03:29,550
Сега, пакетот треба етикетата содржи важни информации

1098
01:03:29,550 --> 01:03:35,570
како што се адреса на испраќачот, адресата примачот, и видот на пакетот е.

1099
01:03:51,700 --> 01:03:54,980
Бидејќи овој пакет се случува излез на интернет,

1100
01:03:54,980 --> 01:03:57,720
Таа, исто така добива адресата за proxy сервер,

1101
01:03:57,720 --> 01:04:01,520
кој има посебна функција, како што ќе видиме подоцна.

1102
01:04:01,520 --> 01:04:06,650
Пакет сега е лансиран кон вашата локална мрежа или LAN.

1103
01:04:06,650 --> 01:04:10,160
Оваа мрежа се користи за да се поврзете сите локални компјутери "

1104
01:04:10,160 --> 01:04:15,900
рутери, принтери, и така натаму, за размена на информации во рамките на физички ѕидови на зградата.

1105
01:04:15,900 --> 01:04:20,290
На LAN е прилично неконтролирано место, и, за жал,

1106
01:04:20,290 --> 01:04:23,950
несреќи може да се случи.

1107
01:04:31,190 --> 01:04:34,710
На автопатот на LAN е преполна со сите видови на информации.

1108
01:04:34,710 --> 01:04:38,900
Овие се IP пакети, Новел пакети, AppleTalk пакети.

1109
01:04:38,900 --> 01:04:41,270
Тие ќе против сообраќај, како и обично.

1110
01:04:41,270 --> 01:04:44,260
Локалните рутер чита адреса и, ако е потребно,

1111
01:04:44,260 --> 01:04:48,520
лифтови пакет на друга мрежа.

1112
01:04:48,520 --> 01:04:54,270
Ах, на рутерот. А симболот на контрола во навидум неорганизирана светот.

1113
01:04:54,270 --> 01:05:05,480
[Рутер неразбирливи и да разговараат со себе]

1114
01:05:05,480 --> 01:05:10,030
>> [Нараторот] Ене го, систематски, незасегнатата, методолошки,

1115
01:05:10,030 --> 01:05:14,150
конзервативни, а понекогаш и не е сосема до брзина.

1116
01:05:14,150 --> 01:05:17,680
Но барем тој е точен, за најголем дел.

1117
01:05:32,270 --> 01:05:36,820
Како пакети напушти рутер, тие прават нивниот начин на корпоративната Интернет

1118
01:05:36,820 --> 01:05:40,830
и главата за рутер прекинувач.

1119
01:05:40,830 --> 01:05:46,250
А малку поефикасен од рутер, рутерот прекинувач игра брзо и лежерно со IP пакети,

1120
01:05:46,250 --> 01:05:48,920
вешто ги рутирање заедно својот пат.

1121
01:05:48,920 --> 01:05:52,130
А дигитален 'pinball волшебник, "ако сакате.

1122
01:05:52,130 --> 01:06:04,270
[Рутер прекинувач зборува за себе]

1123
01:06:09,830 --> 01:06:12,150
[Нараторот] Како пакетите ќе пристигнат на нивната дестинација,

1124
01:06:12,150 --> 01:06:14,740
тие се подигнат од страна на мрежен интерфејс,

1125
01:06:14,740 --> 01:06:18,040
подготвена да биде испратена до следното ниво.

1126
01:06:18,040 --> 01:06:21,010
Во овој случај, на прокси.

1127
01:06:21,010 --> 01:06:25,040
Прокси се користи од страна на многу компании, како вид на средината човек

1128
01:06:25,040 --> 01:06:27,630
со цел да се намали оптоварувањето на интернет конекција

1129
01:06:27,630 --> 01:06:32,240
и од безбедносни причини, како и.

1130
01:06:32,240 --> 01:06:38,750
Како што можете да видите, пакетите се од различни големини во зависност од нивната содржина.

1131
01:06:55,210 --> 01:07:01,890
На прокси отвора пакет и гледа за веб адреса или URL.

1132
01:07:01,890 --> 01:07:04,950
Зависност од тоа дали адресата е прифатливо,

1133
01:07:04,950 --> 01:07:08,000
пакет се испраќа на интернет.

1134
01:07:13,890 --> 01:07:19,630
Има, меѓутоа, некои адреси кои не ги исполнуваат со одобрение на прокси.

1135
01:07:19,630 --> 01:07:25,680
Тоа е да се каже, корпоративни или управување со упатства.

1136
01:07:25,680 --> 01:07:30,580
Овие се по кратка занимаваа со.

1137
01:07:30,580 --> 01:07:32,410
Ние ќе мора ништо од тоа.

1138
01:07:32,410 --> 01:07:36,350
За оние кои прават тоа, тоа е на патот повторно.

1139
01:07:46,850 --> 01:07:53,310
>> Потоа, заштитниот ѕид.

1140
01:07:53,310 --> 01:07:57,410
Корпоративниот заштитен ѕид служи две цели.

1141
01:07:57,410 --> 01:08:02,420
Тоа го спречува некои прилично непријатни работи од интернет од кои доаѓаат во на Интранет,

1142
01:08:02,420 --> 01:08:10,280
и тоа исто така може да ја спречи чувствителни корпоративни информации од тоа да биде испратена кон интернет.

1143
01:08:10,280 --> 01:08:12,980
Откако преку огнениот ѕид, рутер крева пакет

1144
01:08:12,980 --> 01:08:18,180
и ја става врз многу потесен пат, или опсег, како што велат.

1145
01:08:18,180 --> 01:08:23,720
Очигледно, на патот не е доволно широк за да ги земе сите.

1146
01:08:23,720 --> 01:08:29,319
Сега, може да се прашувам што ќе се случи со сите оние пакети кои не го прават тоа на патот.

1147
01:08:29,319 --> 01:08:32,270
Па, кога г-дин IP не добие признание

1148
01:08:32,270 --> 01:08:35,000
дека пакетот е примен во догледно време,

1149
01:08:35,000 --> 01:08:39,890
тој едноставно испраќа замена пакет.

1150
01:08:39,890 --> 01:08:44,760
Ние сега се подготвени да влезат во светот на интернетот.

1151
01:08:44,760 --> 01:08:49,370
А пајакова мрежа на меѓусебно поврзани мрежи кои span нашите целиот свет.

1152
01:08:49,370 --> 01:08:56,050
Еве, рутери и свичеви се воспостават врски помеѓу мрежите.

1153
01:08:56,050 --> 01:08:59,200
Сега, на интернет е една сосема различна средина од вас ќе се најде

1154
01:08:59,200 --> 01:09:01,569
во рамките на заштитни ѕидови на вашата LAN.

1155
01:09:01,569 --> 01:09:04,060
Од тука, тоа е Дивиот Запад.

1156
01:09:04,060 --> 01:09:06,359
Многу простор, многу можности,

1157
01:09:06,359 --> 01:09:09,760
многу работи да истражуваат и места да одам.

1158
01:09:09,760 --> 01:09:12,760
Благодарение на многу малку контрола и регулирање,

1159
01:09:12,760 --> 01:09:18,300
нови идеи најде плодна почва за да им помогнам на ковертот на нивните можности.

1160
01:09:18,300 --> 01:09:22,330
Но, бидејќи на оваа слобода, одредени опасности исто така демнат.

1161
01:09:22,330 --> 01:09:27,000
Вие никогаш нема да знаеш кога ќе ти се исполнат страшната пинг на смртта,

1162
01:09:27,000 --> 01:09:29,890
специјална верзија на нормална барање пинг,

1163
01:09:29,890 --> 01:09:35,720
што некоја будала смислена да се плеткаш доверчив домаќините.

1164
01:09:35,720 --> 01:09:39,130
Патеката нашите пакети се може да биде преку сателит,

1165
01:09:39,130 --> 01:09:43,090
телефонски линии, безжични, или дури и презокеански кабел.

1166
01:09:43,090 --> 01:09:46,520
Тие не секогаш се најбрзо или најкраткиот правци можно,

1167
01:09:46,520 --> 01:09:50,290
но тие ќе одам таму на крајот.

1168
01:09:50,290 --> 01:09:55,230
Можеби тоа е зошто тоа е понекогаш се нарекува "На World Wide Wait".

1169
01:09:55,230 --> 01:09:57,980
Но, кога сè е работи правилно,

1170
01:09:57,980 --> 01:10:03,800
можете да ја заобиколат светот пет пати во текот на пад на шапка, буквално.

1171
01:10:03,800 --> 01:10:08,230
И сите по цена на локален повик или помалку.

1172
01:10:08,230 --> 01:10:15,070
Кон крајот на нашата дестинација, ќе најдеме друг огнениот ѕид.

1173
01:10:15,070 --> 01:10:18,420
>> Во зависност од вашата перспектива како податоци пакет,

1174
01:10:18,420 --> 01:10:23,730
firewall-от може да биде бастион на безбедност или страшната непријател.

1175
01:10:23,730 --> 01:10:28,530
Сето тоа зависи од која страна сте на и она што вашите намери се.

1176
01:10:28,530 --> 01:10:34,990
На firewall-от е дизајниран да ги споделите само оние пакети кои ги исполнуваат неговите критериуми.

1177
01:10:34,990 --> 01:10:39,360
Овој ѕид работи на пристаништа 80 и 25.

1178
01:10:39,360 --> 01:10:46,630
Сите обиди да влезат преку други пристаништа се затворени за бизнис.

1179
01:10:57,660 --> 01:11:03,480
Порта 25 се користи за пошта пакети,

1180
01:11:03,480 --> 01:11:10,720
додека порта 80 е влезот за пакети од интернет на веб серверот.

1181
01:11:10,720 --> 01:11:15,080
Внатре во заштитниот ѕид, пакетите се прикажани повеќе темелно.

1182
01:11:15,080 --> 01:11:17,970
Некои пакети да се направи тоа лесно преку царината,

1183
01:11:17,970 --> 01:11:21,420
додека други изгледаат само малку сомнително.

1184
01:11:21,420 --> 01:11:24,060
Сега, на firewall-от службеник не е лесно измамени,

1185
01:11:24,060 --> 01:11:32,120
како на пример кога ова пинг на смртта пакет се обидува да се маскира како нормален пинг-пакети.

1186
01:11:32,120 --> 01:11:37,520
[Firewall офицер зборува за пакети]

1187
01:11:37,520 --> 01:11:40,510
[Нараторот] За оние пакети среќа доволно за да го направи овој далеку,

1188
01:11:40,510 --> 01:11:45,730
патувањето е речиси завршена.

1189
01:11:45,730 --> 01:11:52,130
Тоа е само линија на интерфејс за да бидат преземени во веб сервер.

1190
01:11:52,130 --> 01:11:55,440
Денес, веб сервер може да работи на многу нешта,

1191
01:11:55,440 --> 01:11:59,230
од супер на веб камери на компјутерот на вашиот монитор.

1192
01:11:59,230 --> 01:12:01,720
Зошто не вашиот фрижидер?

1193
01:12:01,720 --> 01:12:04,870
Со соодветна подесување, можете да дознаете дали имате профит

1194
01:12:04,870 --> 01:12:08,390
за пилешко Cacciatore, или ако треба да одите на шопинг.

1195
01:12:08,390 --> 01:12:11,760
Запомнете, ова е зората на Нет.

1196
01:12:11,760 --> 01:12:17,310
Речиси се 'е можно.

1197
01:12:17,310 --> 01:12:20,440
Еден по еден, пакетите се примени,

1198
01:12:20,440 --> 01:12:26,320
отвори, и уште неотпакувани.

1199
01:12:26,320 --> 01:12:31,200
Информациите што ги содржи, што е, вашето барање за информации,

1200
01:12:31,200 --> 01:12:34,830
е испратен кон веб сервер апликација.

1201
01:12:41,540 --> 01:12:47,140
Пакет самата се рециклира,

1202
01:12:47,140 --> 01:12:57,570
подготвени да се користи повторно и исполнет со вашата побарана информација,

1203
01:12:57,570 --> 01:13:03,340
однесува, и испрати на патот назад кон вас.

1204
01:13:03,340 --> 01:13:13,250
Назад минатото заштитниот ѕид, рутери, и во текот на Интернет.

1205
01:13:13,250 --> 01:13:21,020
Назад преку вашиот корпоративен ѕид

1206
01:13:21,020 --> 01:13:24,180
и на вашиот интерфејс,

1207
01:13:24,180 --> 01:13:31,180
подготвени за снабдување на вашиот веб прелистувачот со информации што ви го побара.

1208
01:13:31,180 --> 01:13:39,840
Тоа е, овој филм.

1209
01:13:39,840 --> 01:13:43,550
Задоволни со своите напори, и верувајќи во подобар свет,

1210
01:13:43,550 --> 01:13:50,250
нашите сигурен податоци пакети вози надвор блажено во залезот на друг ден,

1211
01:13:50,250 --> 01:13:56,880
знаејќи целосно тие служат нивните господари добро.

1212
01:13:56,880 --> 01:14:02,560
Сега, не е тоа среќен крај?

1213
01:14:02,560 --> 01:14:07,040
[Malan] Океј, тоа е доволно. Ние ќе се видиме следната недела.

1214
01:14:07,040 --> 01:14:10,040
[CS50.TV]