1
00:00:00,000 --> 00:00:03,486
>> [MUZIKO Ludante]

2
00:00:03,486 --> 00:00:10,460

3
00:00:10,460 --> 00:00:14,250
>> DAVID J Malan: Jen CS50 kaj
tiu estas la komenco de semajno 7.

4
00:00:14,250 --> 00:00:15,060
Do bonvenon reen.

5
00:00:15,060 --> 00:00:17,540
Kaj vi eble memoras ke
en problemo starigis kvar,

6
00:00:17,540 --> 00:00:21,510
estis iom de postpredanto ĉaso
por iuj fabelaj premioj whereby

7
00:00:21,510 --> 00:00:24,219
post vi rekuperi la fotojn de
kunlaborantaro ambaŭ tie kaj en New Haven,

8
00:00:24,219 --> 00:00:27,468
vi estis defiita por trovi kiel multaj el
tiuj komputilaj sciencistoj kiel vi povus.

9
00:00:27,468 --> 00:00:29,550
Kaj ni hvas tutaj
faskon de proponoj.

10
00:00:29,550 --> 00:00:31,930
Pensis mi dividos kelkaj
kun vi tie hodiaŭ.

11
00:00:31,930 --> 00:00:35,100
>> Kaj ni vidos sendi ĉiuj tiuj linio.

12
00:00:35,100 --> 00:00:39,310
Sed precipe, mi volis
atentigi vin to-- bone unu,

13
00:00:39,310 --> 00:00:42,670
Sam estis en tre kelkaj el ili
ĝenerale pozante kiel tiu.

14
00:00:42,670 --> 00:00:45,750
Sed ĝi aperas ke de
ĉi matene, la gajninto

15
00:00:45,750 --> 00:00:51,170
estis certa iun nomitan Ken kun
24 de la personaro kaptita sur fotilo

16
00:00:51,170 --> 00:00:54,600
aŭ malmultaj pli kiam vi prenas en
konto multoblaj bastonon en la pentraĵoj.

17
00:00:54,600 --> 00:00:58,300
Pictured ĉi tie estas Ken apud
Mary en New Haven.

18
00:00:58,300 --> 00:01:01,300
>> Nun, Ken, kvankam, turnas
ekstere estas iom de angulo kazo

19
00:01:01,300 --> 00:01:02,880
ke tio ankoraŭ ne okazis antaŭe.

20
00:01:02,880 --> 00:01:05,713
Ĝi rezultas ke ĝi ne okazis
al Mi, por meti fajnan print en problemo

21
00:01:05,713 --> 00:01:09,710
starigis kvar kiu diras ke personaro estas
protektebla la fabelaj premioj

22
00:01:09,710 --> 00:01:13,130
ĉar Ken estas, kompreneble, unu el
la fotistoj sur nia stabo.

23
00:01:13,130 --> 00:01:16,820
Nun, kun kiu diris, li
origine skribis min diri

24
00:01:16,820 --> 00:01:19,180
Bonvolu ne sendi tiujn fotojn rete.

25
00:01:19,180 --> 00:01:21,630
Mi pensas grandparte
ĉar plejparto de la fotoj

26
00:01:21,630 --> 00:01:24,499
ke tiu fotisto prenis rigardu
iom io tiamaniere.

27
00:01:24,499 --> 00:01:25,040
Kaj similaj.

28
00:01:25,040 --> 00:01:28,990
>> Sed Ken ŝatus min trankviligi vin
ke li estas tre bona fotisto,

29
00:01:28,990 --> 00:01:33,190
Li estas profesia, li prenas
fotoj kiuj ne neklara,

30
00:01:33,190 --> 00:01:37,270
ke estas pli bone en fokuso, kaj li
prenis tre kelkajn el nia propra stabo.

31
00:01:37,270 --> 00:01:40,370
Sed anstataŭ nur agnoskas
Ken, kion ni pensis ke ni faru

32
00:01:40,370 --> 00:01:43,390
estas iri tra la listo de
faktaj studentoj kiuj sendis.

33
00:01:43,390 --> 00:01:48,640
Kaj ĝi rezultas ke Lance kun
15 fotoj de ĉimatene

34
00:01:48,640 --> 00:01:50,030
Estis nia gajninto.

35
00:01:50,030 --> 00:01:55,730
>> Kaj bildigis ĉi tie estas Lance kun Colton,
kun Skaz, kun mi mem, kaj kun Sam.

36
00:01:55,730 --> 00:02:00,230
Sed tiam rezultas ke de
11:46 AM, do nur iomete antaŭ,

37
00:02:00,230 --> 00:02:04,380
Mi reiris al mia retpoŝto kaj trovis
ke ni havis ankoraux unu pli submetiĝo

38
00:02:04,380 --> 00:02:08,300
de studento nomita Bonnie
kies retpoŝto nur diris tion.

39
00:02:08,300 --> 00:02:10,800
Ne tuj mensogos, mi estas
farante tiun dum klaso.

40
00:02:10,800 --> 00:02:17,620
Kaj tiam daŭrigis per alfiksi nur
14 fotoj, unu timema de Ĵetu 15.

41
00:02:17,620 --> 00:02:22,690
>> Sed en Bonnie fotoj, rezultas
eksteren estis multnombraj stabanojn, Sam

42
00:02:22,690 --> 00:02:25,960
inter ili, do kio ni pensis ke ni
farus estas agnoski ambaŭ de tiuj.

43
00:02:25,960 --> 00:02:29,240
Do krom akiranta la Dropbox
spaco kiu ĉiuj kiu partoprenis

44
00:02:29,240 --> 00:02:33,900
ricevas, tiuj du sekcioj volo ankaŭ
ricevi belan Utilis lunĉon por ili

45
00:02:33,900 --> 00:02:36,100
kaj ilia sekcio
Mates tiu venonta semajno.

46
00:02:36,100 --> 00:02:38,970
Kaj tial vi aŭdos de ni,
Okazaĵo kaj Bonnie, pri tio.

47
00:02:38,970 --> 00:02:40,002
Tiel granda feliĉoj ilin.

48
00:02:40,002 --> 00:02:42,210
Nun, tiuj el vi kiuj volus
kiel tagmanĝo pli ĝenerale

49
00:02:42,210 --> 00:02:45,320
scias ke CS50 tagmanĝo en Kembriĝo
kaj New Haven estas ĉi vendredo.

50
00:02:45,320 --> 00:02:48,510
Iru al CS50 la retejo oblikvo RSVP.

51
00:02:48,510 --> 00:02:49,800
Kaj nun unu vorton sur seminarioj.

52
00:02:49,800 --> 00:02:50,730
Pli curricularly.

53
00:02:50,730 --> 00:02:52,490
Do ni proksimiĝas la
punkto de la semestro

54
00:02:52,490 --> 00:02:55,200
kie vi devus komenci
pensante pri fina projektoj.

55
00:02:55,200 --> 00:02:59,309
Kaj fakte, en nur iom, volo
tn pre proponoj ŝuldiĝi.

56
00:02:59,309 --> 00:03:01,850
Do pre proponoj estas intencitaj
esti bela malalta trafo kaj vere

57
00:03:01,850 --> 00:03:04,109
nur ŝanco por
vi kunmeti mallongan noton

58
00:03:04,109 --> 00:03:06,900
via instruado ulo por sciigi
li aŭ ŝi, kion vi pensas vin

59
00:03:06,900 --> 00:03:09,140
volus fari por via fina projekto.

60
00:03:09,140 --> 00:03:11,730
>> Nun, multaj studentoj finas
fari ttt bazita fina projektoj.

61
00:03:11,730 --> 00:03:13,800
Kaj kompreneble, ni estas nur
nun pasintsemajne en ĉi

62
00:03:13,800 --> 00:03:15,890
kaj preter plonĝado en retejo programado.

63
00:03:15,890 --> 00:03:18,200
Do ne maltrankviliĝu se vi
havas absolute nenian ideon kiel

64
00:03:18,200 --> 00:03:21,594
Vi konstruus la ideoj ke
vi havu en via menso.

65
00:03:21,594 --> 00:03:24,510
Tiu estas vere nur devigante funkcio
akiri vin pensanta kaj parolanta

66
00:03:24,510 --> 00:03:25,650
kun via TF pri ĝi.

67
00:03:25,650 --> 00:03:28,810
Sed helpi vin kun tio, kaj
kun finaj projektoj finfine,

68
00:03:28,810 --> 00:03:31,750
scias ke CS50 havas tradicion
proponi seminariojn.

69
00:03:31,750 --> 00:03:36,084
>> Kaj tiuj estas laŭvolaj, manoj sur,
aŭ prelegi surbaze ŝancojn

70
00:03:36,084 --> 00:03:39,000
lerni pli pri temoj, kiuj estas
iom helpaj al la kurso

71
00:03:39,000 --> 00:03:43,310
Syllabus, sed tamen mirindan
materialo veturi fina projektoj.

72
00:03:43,310 --> 00:03:46,840
Kaj jen la listo jen
CS50 bastonon tie en New Haven

73
00:03:46,840 --> 00:03:48,600
elvenas kun por
tiu jaro pri iOS

74
00:03:48,600 --> 00:03:50,730
programado, Android
programado, ludo disvolviĝon,

75
00:03:50,730 --> 00:03:54,480
kaj kukojn pli iloj
kaj lingvoj kaj teknikoj.

76
00:03:54,480 --> 00:03:56,780
>> Do prigardi la CS50 la retejo.

77
00:03:56,780 --> 00:04:00,110
Kaj dume, se vi ŝatus
enskribi vian intereson en iu ajn de ĉi tiuj,

78
00:04:00,110 --> 00:04:02,510
iri al CS50 la oblikvo registro.

79
00:04:02,510 --> 00:04:05,770
Kaj ni tiam sekvas supren kiel al la
tagoj kaj flugo tempoj kaj lokoj

80
00:04:05,770 --> 00:04:09,090
kaj everything-- plej Ĉio
esti eksudita kaj ankaŭ havebla sur peto

81
00:04:09,090 --> 00:04:11,750
post se vi ne povas vere fari ĝin.

82
00:04:11,750 --> 00:04:15,800
Do sen pli enkonduko, ni
cxesis lasta fojo kun GET.

83
00:04:15,800 --> 00:04:19,610
>> Kaj tio estis kiel la mesaĝo kiu estis
interne de la virtuala koverton, memoras,

84
00:04:19,610 --> 00:04:23,960
ke ni pasis de router al enkursigilo al
enkursigilo inter foliumilo kaj reta

85
00:04:23,960 --> 00:04:24,487
servilo.

86
00:04:24,487 --> 00:04:26,695
Kaj tiu mesaĝo aspektis
iom io tiamaniere.

87
00:04:26,695 --> 00:04:29,700
Tiu estis la pli arkanaj mesaĝon ke
estis fakte ene de koverto

88
00:04:29,700 --> 00:04:34,440
skribita sur peco de papero kies
unua linio diras laŭvorte, Akiri oblikvo.

89
00:04:34,440 --> 00:04:37,830
>> Kaj same prudento ĉeko,
kion oblikvo signifi?

90
00:04:37,830 --> 00:04:40,455
Kion oblikvo signifas kiam
petante retejon?

91
00:04:40,455 --> 00:04:43,070

92
00:04:43,070 --> 00:04:44,250
Vi peti ŝin la tutan tempon.

93
00:04:44,250 --> 00:04:47,333
Plej ajna tempo vi vizitas retejon, vi
ne vere entajpi dosiernomon.

94
00:04:47,333 --> 00:04:50,960
Vi verŝajne nur iri al Facebook.com,
eniri, gmail.com, aŭ simile.

95
00:04:50,960 --> 00:04:52,260
Kaj kion signifas oblikvo reprezentas?

96
00:04:52,260 --> 00:04:53,506
Kio dosieron?

97
00:04:53,506 --> 00:04:54,630
Aŭ kion paĝon, specife?

98
00:04:54,630 --> 00:04:59,642

99
00:04:59,642 --> 00:05:00,720
>> La indekso, yeah.

100
00:05:00,720 --> 00:05:01,810
Do la defaŭlta paĝo.

101
00:05:01,810 --> 00:05:04,810
Do se vi ne specifas dosieron
citi kiel ni komencos vidi,

102
00:05:04,810 --> 00:05:07,750
vi fakte simple petante
donu al mi la defaŭltan paĝon de Facebook

103
00:05:07,750 --> 00:05:10,800
aŭ donu al mi mian leterkeston aŭ donu
mi la defaŭltan paĝon de novaĵoj

104
00:05:10,800 --> 00:05:12,510
sur CNN retejo aŭ similaj.

105
00:05:12,510 --> 00:05:15,220
Kaj servilo tiam respondas
ke mesaĝo kun io

106
00:05:15,220 --> 00:05:18,420
kiel tiun, dirante jes, mi
parolas HTTP versio 1.1.

107
00:05:18,420 --> 00:05:21,130
>> 200, kiu estas statuso
kodo kiun ni homoj malofte

108
00:05:21,130 --> 00:05:22,790
iam vidi ĉar ĝi estas bona.

109
00:05:22,790 --> 00:05:26,640
Ĉar ĝi signifas OK, peto
estis ricevita kaj pritraktita konvene.

110
00:05:26,640 --> 00:05:28,960
Kaj la enhavon tipo
ŝajne en respondo

111
00:05:28,960 --> 00:05:31,170
Estas tre ofte, sed ne ĉiam, teksto.

112
00:05:31,170 --> 00:05:32,580
Kaj specife, HTML.

113
00:05:32,580 --> 00:05:34,760
Kaj tio estas vere
kie ni rigardu hodiaŭ.

114
00:05:34,760 --> 00:05:37,140
>> Do fakte, mi tuj iros
antaŭen kaj malfermu retumilo.

115
00:05:37,140 --> 00:05:40,410
Mi tuj uzas Chrome, vi povas uzi
plej ajna retumilo en la semajnoj veni.

116
00:05:40,410 --> 00:05:42,410
Ni ĝenerale rekomendas Chrome
ĉar ĝi estas aparte

117
00:05:42,410 --> 00:05:43,750
bona por programistoj.

118
00:05:43,750 --> 00:05:46,070
Oni alvenis multajn enkonstruita
iloj kiuj faciligos

119
00:05:46,070 --> 00:05:49,800
al disvolvi ne nur HTML kaj CSS,
aferojn ni komencos parolante pri hodiaŭ,

120
00:05:49,800 --> 00:05:51,530
sed ankaŭ aliaj lingvoj ankaŭ.

121
00:05:51,530 --> 00:05:55,530
>> Kaj mi tuj iros antaŭen kaj iru to--
Mi tuj Kontrolo klako aŭ maldekstra

122
00:05:55,530 --> 00:05:57,210
Klaku ie ajn en retpaĝo.

123
00:05:57,210 --> 00:05:59,070
Kaj mi tuj iros inspekti Elemento.

124
00:05:59,070 --> 00:06:03,850
Kaj mi tuj tweak mia
ekrano nur iomete tie.

125
00:06:03,850 --> 00:06:05,790
Lasu min movi tiun al la fundo.

126
00:06:05,790 --> 00:06:08,140
Do tiu estas kio nomiĝas
Chrome la Inspektisto.

127
00:06:08,140 --> 00:06:11,010
Do tio estas kiel elpuriganta
ilo konstruita en Chrome.

128
00:06:11,010 --> 00:06:13,520
>> Vi cxiuj jam havas tiun
Se vi estis uzante Chrome.

129
00:06:13,520 --> 00:06:17,169
Kaj ĝi permesas vidi kio okazas
sur sub la kapuĉo de iu retpaĝo.

130
00:06:17,169 --> 00:06:19,210
Do ni vere prenas
rigardi tion kiel sekvas.

131
00:06:19,210 --> 00:06:21,251
Ĝi havas vojon pli karakterizaĵoj
kaj ni zorgas pri hodiaŭ.

132
00:06:21,251 --> 00:06:22,760
Sed estas tiuj klapetoj super tie.

133
00:06:22,760 --> 00:06:25,890
Elementoj, reto, fontoj,
templinio, kaj kelkaj aliaj aĵoj.

134
00:06:25,890 --> 00:06:27,800
Mi tuj alklaki
Reto por momento.

135
00:06:27,800 --> 00:06:30,500
>> Kaj estas iom blindiga
unuavide tie.

136
00:06:30,500 --> 00:06:34,190
Sed kion mi tuj faros lasas
min simpligi ĝin iomete.

137
00:06:34,190 --> 00:06:37,560
Mi tuj ŝalti la
registrado lumo tiel ke ĝi estas ruĝa.

138
00:06:37,560 --> 00:06:39,140
Kaj mi tuj diru konservi ŝtipo.

139
00:06:39,140 --> 00:06:41,015
Kaj tiu estas nur iom
afero mi eltrovis

140
00:06:41,015 --> 00:06:44,120
super tempo kiu tuj savos
ĉio okazanta en la retumilo.

141
00:06:44,120 --> 00:06:50,030
Kaj nun mi tuj iros
al http://facebook.com.

142
00:06:50,030 --> 00:06:52,690
>> Fakte, ni faru www
por bonan mezuron, oblikvo.

143
00:06:52,690 --> 00:06:53,643
Enter.

144
00:06:53,643 --> 00:06:56,180
Do URL kiu multaj de
vi eble vizitis.

145
00:06:56,180 --> 00:06:58,830
Nun Facebook retejo
paĝo venas supren ĉe la pinto.

146
00:06:58,830 --> 00:07:02,350
Kaj tiam tuta amaso de
havajxoj preterflugis funde.

147
00:07:02,350 --> 00:07:04,830
Kaj fakte, ĝi rezultas ke
kiam vi vizitas Facebook.com,

148
00:07:04,830 --> 00:07:09,320
vi ne nur farante unu HTTP peto,
ĝi rezultas ke tuj Facebook.com

149
00:07:09,320 --> 00:07:14,320
Sendas 41 de tiuj kovertoj,
ĉiu kun lia propra get peto,

150
00:07:14,320 --> 00:07:18,360
kiel indikita, kvankam malantaŭ la ekrano
tie, ĉe la malsupro de la ekrano,

151
00:07:18,360 --> 00:07:24,040
ĝi indikas ke ja mia
retumilo faris 41 petoj.

152
00:07:24,040 --> 00:07:29,689
>> Kaj entute, ĝi trapasis 861
kilobajtoj kaj ĝi prenis ial

153
00:07:29,689 --> 00:07:31,730
nekredeblaj ok sekundoj
elŝuti ĉiujn ke.

154
00:07:31,730 --> 00:07:33,790
Do jen vere iom stranga
ke Facebook paĝaro prenus ke

155
00:07:33,790 --> 00:07:35,600
longa, sed gxi ecx en tiu kazo.

156
00:07:35,600 --> 00:07:39,520
Nun, ĉiuj ĉi ne vere gravas
pri krom la plejsupra peto.

157
00:07:39,520 --> 00:07:46,440
Do ni iru al ĉi tiu ĝuste ĉi tie
kaj lasu min malzomi dum nur momento.

158
00:07:46,440 --> 00:07:47,754
>> Kaj lasu min zomi en ĉi tio.

159
00:07:47,754 --> 00:07:50,670
Do kion mi faris ĉe lasis kvankam
ekzistas multe daŭriganta ĉi tien

160
00:07:50,670 --> 00:07:53,360
estas mi reliefigis
Facebook.com kaj tiam

161
00:07:53,360 --> 00:07:56,540
rimarkos ke mi scrolling malsupren,
scrolling malsupren scrolling malsupren,

162
00:07:56,540 --> 00:07:58,330
peti titolaj.

163
00:07:58,330 --> 00:08:01,720
Kaj vi vidos ke Chrome montrante
mi esence la interna enhavo

164
00:08:01,720 --> 00:08:02,810
de la peto mi faris.

165
00:08:02,810 --> 00:08:06,130
Ĝi ne estas formatado en tute la sama
vojon, sed rimarkas ke estas mencio de akiri,

166
00:08:06,130 --> 00:08:09,481
rimarki ekzistas mencio de la gastiganto,
Facebook.com, la pado, aŭ oblikvo,

167
00:08:09,481 --> 00:08:10,730
kio estas la dosiero mi petis.

168
00:08:10,730 --> 00:08:12,930
>> Kaj tiam se mi rulumu
asist, Ni efektive

169
00:08:12,930 --> 00:08:17,270
vidi ke kio Facebook revenis
al mi estas ĉiuj tiuj titolaj.

170
00:08:17,270 --> 00:08:21,040
Do ene de tiu virtuala koverton
ja estas multaj ŝlosilaj valoro paroj.

171
00:08:21,040 --> 00:08:23,130
Vorto, dupunkto, kaj tiam valoro.

172
00:08:23,130 --> 00:08:25,050
Vorto, dupunkto, kaj valoro.

173
00:08:25,050 --> 00:08:26,160
Tiuj estas nomitaj titolaj.

174
00:08:26,160 --> 00:08:31,860
Kaj estas vojo pli detale tie ol
ni fakte zorgas pri nun.

175
00:08:31,860 --> 00:08:33,750
>> Sed tiu estas dua al
lasta tien,

176
00:08:33,750 --> 00:08:38,809
rimarki, ke Facebook.com La servilo,
ja diris tie venas iu HTML tekston.

177
00:08:38,809 --> 00:08:41,409
Do ĉio ĉi estas
ke kiam vi peti retejo

178
00:08:41,409 --> 00:08:44,300
paĝo de retumilo al
servilo, ke servilo respondas

179
00:08:44,300 --> 00:08:47,630
kun koverton de lia propra
interne de kiu estas teksto.

180
00:08:47,630 --> 00:08:49,020
Alivorte, HTML.

181
00:08:49,020 --> 00:08:50,590
Hipertextual Markup Language.

182
00:08:50,590 --> 00:08:53,200
Kiu estas alia lingvo
ke ni enkondukas hodiaŭ

183
00:08:53,200 --> 00:08:57,740
ke homoj aŭ komputiloj generi
por apliki retpaĝoj.

184
00:08:57,740 --> 00:08:59,580
>> Specife, ni rigardu tion.

185
00:08:59,580 --> 00:09:03,277
Mi tuj iros reen
Facebook de afiŝinto.

186
00:09:03,277 --> 00:09:05,360
Kaj mi tuj simple
kontrolo klako aŭ maldekstra klako

187
00:09:05,360 --> 00:09:07,634
kaj klaku sur View Paĝo Fonto.

188
00:09:07,634 --> 00:09:10,550
Kaj eĉ se vi ne uzas Chrome,
IE povas fari tion, Firefox povas fari tion,

189
00:09:10,550 --> 00:09:14,060
Safaro povas fari tion, kvankam la menuo
ebloj povus aspekti iom malsamaj.

190
00:09:14,060 --> 00:09:18,990
Kaj jen estas la HTML kiu Mark kaj
Kompanio ĉe Facebook skribis.

191
00:09:18,990 --> 00:09:24,640
>> Kaj kolektive, tiu lingvo tie
implementa la blua kaj la blanka paĝo

192
00:09:24,640 --> 00:09:26,370
ke ni vidis antaŭ momento.

193
00:09:26,370 --> 00:09:28,030
Nun, tiu estas iom blindiga.

194
00:09:28,030 --> 00:09:31,400
Sed se ni rigardas supren ĉe supre maldekstre, ni estas
tuj komencos al vidi iuj ŝablonoj.

195
00:09:31,400 --> 00:09:34,140
Ĝi aspektas kiel ekzistas multe
de tiuj angulo malfermita krampo

196
00:09:34,140 --> 00:09:35,970
kaj tiam tie estas tio ŝlosilvorto HTML.

197
00:09:35,970 --> 00:09:38,330
Jen alia malferma
angulo krampo kaj kapo.

198
00:09:38,330 --> 00:09:41,560
>> Jen, se ni rulumu malsupren
kaj malsupren kaj malsupren, mi estas

199
00:09:41,560 --> 00:09:43,820
tuj iru antaŭen kaj provu
serĉi ion.

200
00:09:43,820 --> 00:09:48,510
Ekzistas vojo super dekstre
tie estas malferma krampo korpo.

201
00:09:48,510 --> 00:09:50,800
Kaj memoras de lasta
tempo kiun ni proponis

202
00:09:50,800 --> 00:09:53,364
ke la plej simpla retpaĝo
ke homa skribi

203
00:09:53,364 --> 00:09:55,030
povus aspekti iom io tiamaniere.

204
00:09:55,030 --> 00:09:58,430
Malferma HTML tag, malferma kapo
etikedo, malfermita titolo etikedo,

205
00:09:58,430 --> 00:10:03,230
tiam fermita titolo, fermita kapo, malferma
korpo etikedo, tekston, fermita korpo,

206
00:10:03,230 --> 00:10:04,720
fermita HTML.

207
00:10:04,720 --> 00:10:06,290
>> Sed paŭzo tie por nur momento.

208
00:10:06,290 --> 00:10:09,030
Tiu kodo, eĉ se vi havas
neniam skribis ĝin antaŭ

209
00:10:09,030 --> 00:10:11,864
sed ankoraŭ ne tute komprenas
kio okazas, aspektas sufiĉe bona.

210
00:10:11,864 --> 00:10:12,821
Bone, ĝi estas tre pura.

211
00:10:12,821 --> 00:10:14,120
Ĝi estas tre stile agrable.

212
00:10:14,120 --> 00:10:16,190
Multa deŝovon kaj blanka spaco.

213
00:10:16,190 --> 00:10:18,020
Facebook ne.

214
00:10:18,020 --> 00:10:23,190
Do kial estas tiel Facebook
malbona ol mi je skribado HTML?

215
00:10:23,190 --> 00:10:24,310
Ŝajne.

216
00:10:24,310 --> 00:10:26,899
>> Bone, tiu estas kiel unu
el kvin por stilo.

217
00:10:26,899 --> 00:10:29,315
Tie estas konvinka kialo
por ili tranĉi tiuj anguloj.

218
00:10:29,315 --> 00:10:31,069

219
00:10:31,069 --> 00:10:33,860
Bone, do ili ne volas
plifaciligi por vi por legi ĝin.

220
00:10:33,860 --> 00:10:36,940
Do iusence, ili estas
obfuscating ĝi, ia grimpadi ĝi

221
00:10:36,940 --> 00:10:40,260
almenaŭ estetike tiel
ke ĝi estas pli malfacila por Myspace

222
00:10:40,260 --> 00:10:42,705
iri kaj ŝiri siajn
hejmpaĝo kaj la HTML por ĝi.

223
00:10:42,705 --> 00:10:45,080
Rezultas ke kun programoj
kvankam, inkluzive Chrome,

224
00:10:45,080 --> 00:10:47,020
ni povas purigi ĉi supren super facile.

225
00:10:47,020 --> 00:10:49,420
Do ĝi ne estas sufiĉe ke kiel la kialo.

226
00:10:49,420 --> 00:10:51,290
Kio alia povus esti la kaŭzo.

227
00:10:51,290 --> 00:10:51,790
Yeah.

228
00:10:51,790 --> 00:10:54,680

229
00:10:54,680 --> 00:10:55,890
Jes, blanka spaco kostoj datumoj.

230
00:10:55,890 --> 00:10:56,598
Kion vi celas?

231
00:10:56,598 --> 00:11:02,250

232
00:11:02,250 --> 00:11:02,979
Jes, ĝuste.

233
00:11:02,979 --> 00:11:06,020
Se vi batis la Tab ŝlosilo multe aŭ la
spaco trinkejo, konsideri la implikaĵoj.

234
00:11:06,020 --> 00:11:10,060
Do ĉiu klavo en via klavaro estas
[Inaudible] reprezentita kiel unu bitoko.

235
00:11:10,060 --> 00:11:14,560
>> Do supozu ke Mark aŭ iu el la devs
tiujn tagojn trafas la spacebar nur unufoje

236
00:11:14,560 --> 00:11:17,899
en tiu HTML-paĝo ke
reprezentas Facebook hejmpaĝo.

237
00:11:17,899 --> 00:11:19,690
Kaj Facebook havas multon
de uzantoj ĉi tiuj tagoj.

238
00:11:19,690 --> 00:11:24,030
Do supozu ke Facebook hejmpaĝo
estas vizitita de miliardoj da homoj hodiaŭ.

239
00:11:24,030 --> 00:11:27,020
Kaj iu ĉe Facebook havas
batis la spaco trinkejo ĝuste unufoje.

240
00:11:27,020 --> 00:11:29,890
>> Do unu plian bajto,
miliardo petoj,

241
00:11:29,890 --> 00:11:32,790
kiom pli datumoj estas Facebook
transfiriendo super la interreto

242
00:11:32,790 --> 00:11:37,160
ĉar iu batis la
spacebar sur lia aŭ ŝia klavaro?

243
00:11:37,160 --> 00:11:41,660
Al miliardoj bajtoj, aŭ unu gigabajto de
datumoj estas senditaj de Facebook serviloj

244
00:11:41,660 --> 00:11:43,626
al homoj ĉirkaŭ la
mondo sen bona kialo.

245
00:11:43,626 --> 00:11:44,750
Nun, tio estas precize unu spaco.

246
00:11:44,750 --> 00:11:48,866
>> Imagu se ni efektive purigi ĉi
afero kaj dentado ĝin kaj aldonis

247
00:11:48,866 --> 00:11:50,990
multan blankan spacon kaj
langeto karakteroj kaj spacoj,

248
00:11:50,990 --> 00:11:53,656
vi finas supre elspezanta gigabajtoj,
se ne terra bajtoj pli da spaco.

249
00:11:53,656 --> 00:11:56,640
Kaj tiel súper komuna en la
fakta mondo de ttt disvolviĝo

250
00:11:56,640 --> 00:11:58,950
estas minify via kodo.

251
00:11:58,950 --> 00:12:01,280
Kaj ni eventuale vidi
kiel vi povus fari tion.

252
00:12:01,280 --> 00:12:04,630
>> Sed hodiaŭ, ni komencos skribi kodon
tio estas vere legebla de ni homoj.

253
00:12:04,630 --> 00:12:10,120
Rezultas, kvankam, se vi revenos
al tiu ilo en Chrome Inspect Elemento,

254
00:12:10,120 --> 00:12:12,030
antaŭe, ni estis sur la Reto langeto.

255
00:12:12,030 --> 00:12:15,430
Ĝi rezultas ke se vi iras al la
elementoj langeto, kion vi reale vidi

256
00:12:15,430 --> 00:12:19,230
estas Chrome la belaj presita
versio de tiu sama HTML.

257
00:12:19,230 --> 00:12:20,640
Do ni deobfuscated ĝin.

258
00:12:20,640 --> 00:12:22,472
Do estas neniu matĉo por komputilo.

259
00:12:22,472 --> 00:12:24,430
Kaj nun vi povas reale
klaki ĉirkaŭe kaj komenci

260
00:12:24,430 --> 00:12:27,630
vidi la hierarkio kiu estas retpaĝo.

261
00:12:27,630 --> 00:12:28,780
Do ni vere faru tion.

262
00:12:28,780 --> 00:12:32,120
Mi tuj iros antaŭen kaj malfermi supre sur
mia Mac programo nomita teksto redaktu.

263
00:12:32,120 --> 00:12:35,490
Kaj memoru ke tiu estas ĝuste
super simpla teksto programo.

264
00:12:35,490 --> 00:12:37,490
Vindozo havas notepad.exe.

265
00:12:37,490 --> 00:12:39,820
Kaj mi tuj Verbatim
tajpu la sekvan.

266
00:12:39,820 --> 00:12:44,650
Doc tipo HTML, malferma krampo
HTML, fermita krampo HTML,

267
00:12:44,650 --> 00:12:49,000
ni havas la kapon de la paĝo ĉi tie,
la fino de la kapo de la paĝo ĉi tie,

268
00:12:49,000 --> 00:12:52,310
titolo estos kiel, saluton mondo.

269
00:12:52,310 --> 00:12:56,660
>> Kaj poste malsupren tie, ni bezonas
la korpo de la retpaĝo.

270
00:12:56,660 --> 00:12:58,050
Fermita korpo.

271
00:12:58,050 --> 00:13:00,700
Kaj tiam en ĉi tie, saluton mondo.

272
00:13:00,700 --> 00:13:01,270
Bone.

273
00:13:01,270 --> 00:13:03,350
Do ni skribis super rapida retpaĝo.

274
00:13:03,350 --> 00:13:06,675
Mi tuj savi ĝin kiel
hello.html sur mia labortablo.

275
00:13:06,675 --> 00:13:09,050
Mia Mac tuj plendi,
pensante ke, atendu minuton,

276
00:13:09,050 --> 00:13:11,091
tiu estas teksta dosiero, do
vi volas nomi ĝin .txt?

277
00:13:11,091 --> 00:13:13,300
Sed ne, mi volas uzi skalara HTML.

278
00:13:13,300 --> 00:13:16,140
>> Kaj tiam kio estas agrabla se mi
nur duobligi klaki ĉi dosiero,

279
00:13:16,140 --> 00:13:18,600
hello.html, jen mia retpaĝo.

280
00:13:18,600 --> 00:13:22,564
Bedaŭrinde, mi estas la
nur persono en la mondo

281
00:13:22,564 --> 00:13:23,980
kiuj povas viziti tiun paĝon nun.

282
00:13:23,980 --> 00:13:26,734
Ĉar kie ĝi loĝas ŝajne?

283
00:13:26,734 --> 00:13:27,650
Ĝi estas sur mia Mac, dekstra?

284
00:13:27,650 --> 00:13:28,470
Kiu estas senutila.

285
00:13:28,470 --> 00:13:30,390
Kiel neniu en tiu ĉambro
Lasita sole en la interreto

286
00:13:30,390 --> 00:13:31,598
povas fakte vizitas tiun paĝon.

287
00:13:31,598 --> 00:13:33,820
Do hodiaŭ, ni devas
enkonduki alian elementon.

288
00:13:33,820 --> 00:13:36,720
>> Kaj fari tion, mi tuj
antaŭeniri kaj malfermu nubo 9.

289
00:13:36,720 --> 00:13:40,090
Do nubo 9 estas kompreneble
nubo bazita service-- CS50

290
00:13:40,090 --> 00:13:44,890
IDE-- Tio devas ĉiuj niaj workspaces
kurante ie sur la interreto.

291
00:13:44,890 --> 00:13:48,330
Kaj tio signifas ke ĉiuj el niaj dosieroj
estas publike alirebla jam.

292
00:13:48,330 --> 00:13:49,830
Do ni iru antaŭen kaj fari tion.

293
00:13:49,830 --> 00:13:53,670
Mi tuj iros antaŭen kaj
krei novan dosieron NCS50IDE.

294
00:13:53,670 --> 00:13:58,819
Mi tuj savi ĝin kiel antaŭe
kiel hello.html kaj alklaku savi.

295
00:13:58,819 --> 00:14:01,860
Kaj nun simple por ŝpari tempon, mi tuj
antaŭeniri kaj kopio almeti ĉi kodo

296
00:14:01,860 --> 00:14:03,470
anstataŭ retajpi ĝin.

297
00:14:03,470 --> 00:14:04,550
Kaj savos.

298
00:14:04,550 --> 00:14:07,550
Kaj do nun mi havas
dosiero nomata hello.html.

299
00:14:07,550 --> 00:14:09,710
Sed kiel mi reale
malfermi ĝin kiel retpaĝo?

300
00:14:09,710 --> 00:14:14,120
Nu, tio rezultas la enkonstruita al CS50
Ide estas ne nur tradukilo kiel tin

301
00:14:14,120 --> 00:14:16,670
kaj erarserĉilo kiel GDB kaj
gxibo de aliaj programoj,

302
00:14:16,670 --> 00:14:21,140
ekzistas reale plena disvolviĝinta
retservilo kurante ene CS50 IDE.

303
00:14:21,140 --> 00:14:23,900
>> Ĉiuj el vi, kiuj estas,
havas vian propran ttt-servilo.

304
00:14:23,900 --> 00:14:26,850
Kaj servanto retejo estas nur peco
de programaro kies celo en la vivo

305
00:14:26,850 --> 00:14:28,220
estas servi supren retpaĝoj.

306
00:14:28,220 --> 00:14:32,490
Aŭskulti por petoj de retumiloj kaj
respondi kun malmulta virtuala kovertoj

307
00:14:32,490 --> 00:14:35,290
ene de kiu estas la
enhavo kiu mi skribis.

308
00:14:35,290 --> 00:14:38,372
Do tiu retservilo estas
vere libera kaj malferma fonto.

309
00:14:38,372 --> 00:14:40,830
Kie malfermita nur signifas
programaro kiu oni intertempe

310
00:14:40,830 --> 00:14:43,480
skribita ke ĉiuj el ni povas
reale vidi kaj elŝuti kaj eĉ

311
00:14:43,480 --> 00:14:44,780
ŝanĝi la fontkodon.

312
00:14:44,780 --> 00:14:46,150
Kaj ĝi nomiĝas Apache.

313
00:14:46,150 --> 00:14:51,450
>> Kaj ni faris ĝin iom pli facile
uzi en CS50IDE nomante ŝin Apache 50.

314
00:14:51,450 --> 00:14:53,780
Tiel ke ĝi povas fakte
kompreni jeno.

315
00:14:53,780 --> 00:14:56,560
Mi tuj diru Apache 50 komencon.

316
00:14:56,560 --> 00:14:58,910
Kaj poste mi demandas? Dot.

317
00:14:58,910 --> 00:15:01,080
Kaj ni vidos iun iom
arcano mesaĝon dirante

318
00:15:01,080 --> 00:15:04,640
fiksanta Apache la dokumenton [? grupo?]
al hejmo, ubuntu, kion ajn tio estas,

319
00:15:04,640 --> 00:15:05,770
oblikvo laborspaca.

320
00:15:05,770 --> 00:15:08,280
Komencante retservilo
Apache 2 sukcese.

321
00:15:08,280 --> 00:15:11,330
>> Do longan rakonton, mi
ĵus puŝis butonon

322
00:15:11,330 --> 00:15:18,000
kaj ŝaltis retservilo kiu estas nun
aŭskultado en la interreto sur TCP haveno

323
00:15:18,000 --> 00:15:20,587
80 je specifa adreso.

324
00:15:20,587 --> 00:15:22,420
Kaj ĝi diras ĉi tie, kaj
tio ŝanĝiĝos Based

325
00:15:22,420 --> 00:15:26,550
sur via uzantnomo kaj aliaj faktoroj,
sed rimarkas nun se mi klakas ĉi,

326
00:15:26,550 --> 00:15:30,211
IDE50 skalara jharvard kaj tiel kaj
tiel, rimarki ke ĉiuj ĉi tempo

327
00:15:30,211 --> 00:15:31,960
por la pasinteco plurajn
semajnoj, vi havu

328
00:15:31,960 --> 00:15:35,200
rimarkis ke via propra salutnomo
estas enigita en la supra dekstra mano

329
00:15:35,200 --> 00:15:37,130
angulo de CS50IDE.

330
00:15:37,130 --> 00:15:41,050
>> Kaj tio fakte estis ĉiuj ĉi
Tempo la adreson ĉe kiu vi povas

331
00:15:41,050 --> 00:15:43,574
viziti ĉiujn viajn dosierojn rete.

332
00:15:43,574 --> 00:15:45,990
Ĝis nun, ĝi ne importis,
ĉar en C, oni ĝenerale

333
00:15:45,990 --> 00:15:48,073
volas aferoj kurante en
terminalo, ne en la reto.

334
00:15:48,073 --> 00:15:50,800
Sed hodiaŭ, ni komencas
skribi ttt bazita kodo

335
00:15:50,800 --> 00:15:53,350
ke ni volas
alirebla ĉe publika URLoj.

336
00:15:53,350 --> 00:15:56,100
Do kio mi tuj
fari estas klaki ĉi URL.

337
00:15:56,100 --> 00:16:00,880
>> Kaj rimarki ke mi vidas sufiĉe
malbela indekso, dosierujo printita,

338
00:16:00,880 --> 00:16:04,090
sed kio dosiero elsaltas ĉe vi probable?

339
00:16:04,090 --> 00:16:05,210
Hello.html.

340
00:16:05,210 --> 00:16:07,870
Tio estas ĉar mi savis
la dosiero en mia laborspaco.

341
00:16:07,870 --> 00:16:12,310
Kaj kion mi rakontis Apache la retservilo
estas rigardi en David laborspaca dosierujo.

342
00:16:12,310 --> 00:16:15,300
Kaj ke neniu en la
mondo vidos tiujn dosierojn.

343
00:16:15,300 --> 00:16:19,050
>> Kaj efektive, se mi nun
alklaku hello.html,

344
00:16:19,050 --> 00:16:22,180
Mi vidas ene ĉi langeto precize tiu dosiero.

345
00:16:22,180 --> 00:16:26,430
Nun rimarkas, nubo 9 tio farigxis
iu iom helpema por ni.

346
00:16:26,430 --> 00:16:29,480
Ene CS50 IDE, rimarki ekzistas
subite stango.

347
00:16:29,480 --> 00:16:33,690
Tio estas ĉar kvankam ni estas
uzante Chrome viziti CS50IDE,

348
00:16:33,690 --> 00:16:37,940
ene de CS50IDE estas ĝia propra
versio de foliumilo nun.

349
00:16:37,940 --> 00:16:40,820
Kaj tiel anstataŭ
kompliki aferojn kiel tia,

350
00:16:40,820 --> 00:16:42,955
Mi tuj iros antaŭen
kaj simple kopii ĉi URL.

351
00:16:42,955 --> 00:16:45,330
Mi tuj iros antaŭen kaj nur
malfermi miajn proprajn Chrome fenestro.

352
00:16:45,330 --> 00:16:47,800
Do ne estas magio tie, neniu CS50IDE.

353
00:16:47,800 --> 00:16:51,800
Mi simple tuj laŭvorte alglui
miaj J Harvard URL kaj batis Enter.

354
00:16:51,800 --> 00:16:54,750
Kaj voila, mi nun, kaj
en teorio, ĉiuj

355
00:16:54,750 --> 00:16:57,700
sur la interreto, se mi agordis
permesojn taŭge,

356
00:16:57,700 --> 00:16:58,720
povas viziti tiun dosieron.

357
00:16:58,720 --> 00:17:03,230
Kaj tial nun, se mi diris
hello.html, voila, tie

358
00:17:03,230 --> 00:17:06,366
Estas mia nekredeble underwhelming retpaĝo.

359
00:17:06,366 --> 00:17:07,740
Do ni faru rapidan prudento ĉeko.

360
00:17:07,740 --> 00:17:09,710
Pro ĉiuj de tiu
estas koncepta aro supren.

361
00:17:09,710 --> 00:17:13,180
Kaj ni reale ne vere
instruis vin kiel skribi HTML por se.

362
00:17:13,180 --> 00:17:16,084
Demandojn ĝis nun
sur kio ĵus okazis?

363
00:17:16,084 --> 00:17:18,549

364
00:17:18,549 --> 00:17:19,049
Jes.

365
00:17:19,049 --> 00:17:24,290

366
00:17:24,290 --> 00:17:25,800
Ĉu CS50 posedi tiujn retpaĝojn?

367
00:17:25,800 --> 00:17:26,460
En kiu senco?

368
00:17:26,460 --> 00:17:28,947

369
00:17:28,947 --> 00:17:29,530
Bona demando.

370
00:17:29,530 --> 00:17:32,429
Do CS50 posedas CS50.io.

371
00:17:32,429 --> 00:17:33,970
Ni ja aĉetis tiu domajna nomo.

372
00:17:33,970 --> 00:17:37,240
Kaj nature vi infanoj
arbohakanta en CS50IDE,

373
00:17:37,240 --> 00:17:39,270
vi ĉiuj akiri kio nomiĝas subdominio.

374
00:17:39,270 --> 00:17:46,840
>> Do IDE50-Malan, aŭ IDE50-Rob.CS50.io,
jen via unika adreson ene

375
00:17:46,840 --> 00:17:47,730
nia domajna nomo.

376
00:17:47,730 --> 00:17:50,850
Do por la celoj de la kurso,
Vi havas vian propran unikan adreson.

377
00:17:50,850 --> 00:17:55,150
Sed ni simpligita aĵojn
aĉetante la pinta nivelo domajno, CS50 skalara

378
00:17:55,150 --> 00:17:58,050
I / O kaj tiam ĉiuj aliaj estas
ene de kiuj, por tiel diri.

379
00:17:58,050 --> 00:17:59,890
Kaj ni revenos al tiu
en paro de semajnoj probable,

380
00:17:59,890 --> 00:18:01,930
speciale je fina projekto
tempo, kiam iuj de vi

381
00:18:01,930 --> 00:18:03,596
eble volos akiri vian propran domajnon nomojn.

382
00:18:03,596 --> 00:18:06,270
Ĝi estas fakte relative
simpla.

383
00:18:06,270 --> 00:18:06,770
Bone.

384
00:18:06,770 --> 00:18:07,880
Do ni nun faras tion.

385
00:18:07,880 --> 00:18:11,910
Mi tuj iros reen en
CS50IDE, kie mia dosiero nun,

386
00:18:11,910 --> 00:18:14,710
hello.html, finfine ne interesa.

387
00:18:14,710 --> 00:18:17,130
Mi ŝatus fari ion
iom pli agrabla ol tio.

388
00:18:17,130 --> 00:18:19,440
Do mi tuj faru ion kiel tiu.

389
00:18:19,440 --> 00:18:21,510
Lasu min malfermi paragraphs.html.

390
00:18:21,510 --> 00:18:23,560
Do tiu dosiero mi skribis anticipe.

391
00:18:23,560 --> 00:18:26,480
Ĉe la supro, kiel
ĉiam, ni havas komentojn.

392
00:18:26,480 --> 00:18:28,730
Sed en HTML, komentoj
aspektas iom malsama.

393
00:18:28,730 --> 00:18:33,270
On line tri kaj linio 14, vi
vidi la sintakson por komenci komenton

394
00:18:33,270 --> 00:18:34,020
kaj fini komenton.

395
00:18:34,020 --> 00:18:36,820
>> Sed neniu el la aĵoj en
inter aferoj funkcie.

396
00:18:36,820 --> 00:18:40,250
Estas nur noto al
homaj kio okazas tie.

397
00:18:40,250 --> 00:18:43,040
Kaj ĝuste kiel rapida prudento
kontroli, se mi rulumu malsupren,

398
00:18:43,040 --> 00:18:46,820
kio estas la evidenta nova
etikedo kiun ni enkondukis?

399
00:18:46,820 --> 00:18:52,130
La etikedoj ĝis nun ni vidis estas malfermitaj
krampo HTML, kapo, titolo, kaj korpo.

400
00:18:52,130 --> 00:18:54,400
Sed kio estas evidente nova nun?

401
00:18:54,400 --> 00:18:55,200
>> Jes, do p.

402
00:18:55,200 --> 00:18:57,320
La p etikedo aŭ paragrafo etikedo.

403
00:18:57,320 --> 00:19:01,182
Kaj tiam mi nur prunteprenis defaŭlta
Latina teksto konsistigi miaj alineoj.

404
00:19:01,182 --> 00:19:03,390
Ĉar kion mi volis
pruvi estas kiel vi povus

405
00:19:03,390 --> 00:19:05,859
reprezenti alineoj de teksto en HTML.

406
00:19:05,859 --> 00:19:08,400
Do kio komencantaj okazi
tie estas ke ekzistas jam

407
00:19:08,400 --> 00:19:09,657
mastro evoluantaj.

408
00:19:09,657 --> 00:19:10,990
Kaj lasu min antaŭeniri kaj fari tion.

409
00:19:10,990 --> 00:19:12,760
Lasu min unue malŝalti Apache.

410
00:19:12,760 --> 00:19:17,340
Kaj mi tuj diros ĝin komenci mem
denove ene de hodiaŭa fonto sep

411
00:19:17,340 --> 00:19:18,420
m dosierujo.

412
00:19:18,420 --> 00:19:20,100
Por ke mi havas aliron al ĉio.

413
00:19:20,100 --> 00:19:22,230
>> Kaj nun, se mi iros al
ĉi dosierujo printita,

414
00:19:22,230 --> 00:19:24,846
Rimarku ke mi vidos ĉiun dosiero de hodiaŭ.

415
00:19:24,846 --> 00:19:26,720
Kaj vi vidos en la
sekva problemo aro, ni

416
00:19:26,720 --> 00:19:28,594
donu vin instrukcioj
cxar farante ĝuste tiun.

417
00:19:28,594 --> 00:19:35,210
Se mi malfermas paragraphs.html, tio eble
tiel aspekti programlingvo

418
00:19:35,210 --> 00:19:36,970
al vi se vi ne parolas aŭ legi latinon.

419
00:19:36,970 --> 00:19:40,525
Sed tio estas nur tri paragrafoj
de teksto kiuj estas markitaj en HTML.

420
00:19:40,525 --> 00:19:43,100
>> Kaj rimarki la alineon
paŭzoj inter ili.

421
00:19:43,100 --> 00:19:46,400
Ĉar ĝi rezultas,
kaj eĉ se vi

422
00:19:46,400 --> 00:19:49,210
povus esti inklina al fari tion,
dum kiu en la reala mondo,

423
00:19:49,210 --> 00:19:51,370
se vi volas meti linion
paŭzoj inter aĵoj,

424
00:19:51,370 --> 00:19:55,680
vi eble tute simple
fari tion kaj batis Konservi.

425
00:19:55,680 --> 00:19:59,460
Kaj nun, se mi povos reŝargi tie, rimarki
ke io simple nebuligas kune

426
00:19:59,460 --> 00:20:01,100
en nur unu blob de teksto.

427
00:20:01,100 --> 00:20:03,570
Ĉar HTML estas speco de mutaj lingvo.

428
00:20:03,570 --> 00:20:07,230
>> Ĝi estas intencita esti uzita en tia
tiel ke la navegador nur

429
00:20:07,230 --> 00:20:09,920
do eksplicite kion vi diros ĝin fari.

430
00:20:09,920 --> 00:20:12,890
Do se vi ne diros ĝin
donu al mi novan alineon,

431
00:20:12,890 --> 00:20:14,569
vi ne tuj vidas novan alineon.

432
00:20:14,569 --> 00:20:16,360
Kaj fakte, kion la
retumilo tuj faros

433
00:20:16,360 --> 00:20:20,020
eĉ se vi batis Enter,
diru multfoje

434
00:20:20,020 --> 00:20:23,190
kaj denove, movanta tiu teksto maniero
malsupren sur la ekrano kaj konservi

435
00:20:23,190 --> 00:20:26,610
kaj tiam reŝarĝi, la retumilo tuj
kolapsi ĉiuj de tiu blanka spaco

436
00:20:26,610 --> 00:20:29,021
en nur unu, videbla spaceto.

437
00:20:29,021 --> 00:20:29,520
Bone.

438
00:20:29,520 --> 00:20:30,869
Do jen la alineo etikedo.

439
00:20:30,869 --> 00:20:32,910
Do kio estas la mastro
kiu estas evoluiganta tie?

440
00:20:32,910 --> 00:20:37,450
Nu, ĝi ŝajnas esti la kazo ke
HTML estas ĉiuj proksimume komenci etikedo

441
00:20:37,450 --> 00:20:38,460
kaj finante etikedo.

442
00:20:38,460 --> 00:20:39,300
Kaj kio estas etikedon?

443
00:20:39,300 --> 00:20:41,160
Nu, estas nur eron de sintakso.

444
00:20:41,160 --> 00:20:44,400
Malferma krampo, ŝlosilvorto,
fermita krampo, estas etikedon.

445
00:20:44,400 --> 00:20:45,510
Aŭ komenci etikedo.

446
00:20:45,510 --> 00:20:48,590
Kaj tiam kiam vi estas
faris esprimanta vin mem,

447
00:20:48,590 --> 00:20:52,300
kiel en vi faris kun la alineo,
vi faru tiel diri malon.

448
00:20:52,300 --> 00:20:55,480
Sed la malo estas ne tute malantaŭen.

449
00:20:55,480 --> 00:21:00,630
>> Vi simple prefikson la sama etikedo la
nomon kun antaŭen oblikvo ŝatas tion.

450
00:21:00,630 --> 00:21:01,130
Bone.

451
00:21:01,130 --> 00:21:02,570
Do ne ĉiuj kiuj ekscita.

452
00:21:02,570 --> 00:21:05,270
Kaj fakte, ni ne farante la
ttt ĉiuj kiuj pli interesaj.

453
00:21:05,270 --> 00:21:07,630
Kio se mi volas fari
aferoj pli granda kaj aŭdaca?

454
00:21:07,630 --> 00:21:11,780
Do rezultas ke tie estas ekzemplo
en headings.html, kie en mia korpo,

455
00:21:11,780 --> 00:21:17,280
Mi havas h1 etikedo, H2, H3,
kvar, kvin, aŭ ses, ĉiuj kiuj

456
00:21:17,280 --> 00:21:18,310
ŝajnas bela arcano.

457
00:21:18,310 --> 00:21:21,010
Sed se mi iras malfermi tiun
Ekzemple, ni rigardu.

458
00:21:21,010 --> 00:21:22,490
Headings.html.

459
00:21:22,490 --> 00:21:27,030
>> Do foliumiloj defaŭlte povas doni al vi tekston
jen grandaj kaj aŭdacaj de malsimilajn grandecojn.

460
00:21:27,030 --> 00:21:28,070
H1 estas granda.

461
00:21:28,070 --> 00:21:31,240
H6 estas pli malgranda kaj tiam
ĉio en inter.

462
00:21:31,240 --> 00:21:34,170
Do jen interesa sed ankoraŭ
ne vere la TTT mi scias.

463
00:21:34,170 --> 00:21:36,870
Kio se ni volas mi
iu kiel lerta. .

464
00:21:36,870 --> 00:21:40,190
Do jen bula listo de
tri de Harvard domoj.

465
00:21:40,190 --> 00:21:41,600
>> Kiel vi iras pri faranta tion ĉi?

466
00:21:41,600 --> 00:21:45,410
Nu, rigardu list.html.

467
00:21:45,410 --> 00:21:47,870
Kaj tie, ni vidas
Iomete de funkiness

468
00:21:47,870 --> 00:21:49,630
sed ni konsideru kio okazas.

469
00:21:49,630 --> 00:21:56,182
Do surbaze kion vi ĵus vidis,
UL staras por neordigitan liston.

470
00:21:56,182 --> 00:21:57,640
Ordigita listo nur signifas bula.

471
00:21:57,640 --> 00:21:58,431
Mankas nombroj.

472
00:21:58,431 --> 00:22:01,850
Ekzistas ankaŭ iu nomata
ordigita listo, kiu estas OL ĉe etikedon.

473
00:22:01,850 --> 00:22:05,350
Tiam LI, listeron estas ĉiuj ĝi signifas.

474
00:22:05,350 --> 00:22:07,790
>> Kaj tiel aŭtomate
nombroj ĉion por vi.

475
00:22:07,790 --> 00:22:11,270
Sed denove, ĉiuj miaj deŝovon
kaj blanka spaco estas nur pro mi.

476
00:22:11,270 --> 00:22:13,050
La retumilo ne
efektive tuj zorgas.

477
00:22:13,050 --> 00:22:16,670
Do kvankam vi povis
fari tion, nur por esti klara,

478
00:22:16,670 --> 00:22:19,880
vi devus eĉ kvankam
la navegador ankoraŭ

479
00:22:19,880 --> 00:22:22,130
povi kompreni ĝin ĝuste fajna.

480
00:22:22,130 --> 00:22:24,590
Mi batas Reŝarĝi en mia
retumilo, mi klakante Reŝarĝi

481
00:22:24,590 --> 00:22:26,760
kaj neniu ŝanĝo okazas
ĉar la retumilo ankoraŭ

482
00:22:26,760 --> 00:22:29,550
fari precize kion mi diras ĝin fari.

483
00:22:29,550 --> 00:22:30,050
>> Bone.

484
00:22:30,050 --> 00:22:31,340
Do tio estas ĉiuj nur tekston.

485
00:22:31,340 --> 00:22:33,730
Nun ni faru ion pli interesa.

486
00:22:33,730 --> 00:22:36,660
Mi tuj iros antaŭen kaj
prunti kelkajn el ĉi HTML.

487
00:22:36,660 --> 00:22:40,910
Mi tuj iros antaŭen kaj
krei novan dosieron ĉi tie.

488
00:22:40,910 --> 00:22:43,370
Kaj ni nomas tiun rick.html.

489
00:22:43,370 --> 00:22:46,190

490
00:22:46,190 --> 00:22:48,916
Ni havas misproporcie
uzita ion

491
00:22:48,916 --> 00:22:51,290
nomiĝas rick roll en ĉi
klaso tiu jaro, mi ne scias,

492
00:22:51,290 --> 00:22:53,880
hazarde okazis organike.

493
00:22:53,880 --> 00:22:55,397
>> Kaj nun ĝi estas alvenis pro kontrolo.

494
00:22:55,397 --> 00:22:56,730
Do mi simple tuj iri kun ĝi.

495
00:22:56,730 --> 00:22:59,700
Kaj se mi iros al Google
Bildoj kaj Rick Astley.

496
00:22:59,700 --> 00:23:02,450

497
00:23:02,450 --> 00:23:06,170
Se vi ne scias kial ni fari
tiu, ĵus legis sur Vikipedio.

498
00:23:06,170 --> 00:23:11,520
Ĉiufoje vi alklakis la ligilon,
iu estas estis ridanta ie.

499
00:23:11,520 --> 00:23:14,860
Kaj lasu min iri ahead-- tie
Ni iru, ni vidi ĉi tiu bildo.

500
00:23:14,860 --> 00:23:16,750
>> Do jen ni havas
bildo en Google Images.

501
00:23:16,750 --> 00:23:19,390
Kaj ni supozu, ke tiu estas
prudente ĉie sur la interreto.

502
00:23:19,390 --> 00:23:22,570
Do mi tuj supozi ke estas OK por mi
por fakte metis tiun en mian retpaĝo.

503
00:23:22,570 --> 00:23:24,820
Mi tuj iros antaŭen
kaj kopii bildo URL.

504
00:23:24,820 --> 00:23:28,600
Kaj nun se mi venos al Nubo
9, ni vidu kion mi povas fari tie.

505
00:23:28,600 --> 00:23:30,630
Do jen estas nur retpaĝo.

506
00:23:30,630 --> 00:23:39,020
Jen Rick Astley, haha,
Mi tuj iros reen

507
00:23:39,020 --> 00:23:43,510
al mia retumilo, reŝarĝi, kaj interesa.

508
00:23:43,510 --> 00:23:44,530
>> Kie estas Rick?

509
00:23:44,530 --> 00:23:46,050
Do lasu min vidi kio okazis.

510
00:23:46,050 --> 00:23:49,114
Reale, mi tuj
ŝajnigi kiel mi ne faras tion.

511
00:23:49,114 --> 00:23:50,280
[Inaudible] metis lin tien.

512
00:23:50,280 --> 00:23:52,520
Ni revenos al tiu en momento.

513
00:23:52,520 --> 00:23:54,200
Do jen rick.html.

514
00:23:54,200 --> 00:23:56,070
Do tio ne Rick Astley.

515
00:23:56,070 --> 00:23:59,680
Do rezultas ni povas
fakte adicii lin tien.

516
00:23:59,680 --> 00:24:00,830
Jen Rick Astley.

517
00:24:00,830 --> 00:24:06,680
Mi tuj diros al mi bildon kies
fonto estas la URL Mi nur kopiis, kiu

518
00:24:06,680 --> 00:24:09,110
ŝajne estas feliĉa
naskiĝtago io aŭ alia.

519
00:24:09,110 --> 00:24:13,280
>> Kaj nun mi tuj
fermi la etikedo tiel.

520
00:24:13,280 --> 00:24:15,170
Do tiu estas volvanta súper longa.

521
00:24:15,170 --> 00:24:17,740
Sed rimarki ke ĉiuj mi havas
farita estas malferma krampo bildo,

522
00:24:17,740 --> 00:24:20,270
fonto kun atributo de tiu.

523
00:24:20,270 --> 00:24:21,530
Kaj estas vere longa URL.

524
00:24:21,530 --> 00:24:23,720
Kaj ĉe la fino, rimarkos tion.

525
00:24:23,720 --> 00:24:29,530
Kial mi faris oblikvo angled krampo
anstataŭ, kiel ĉiu alia etikedo,

526
00:24:29,530 --> 00:24:33,590
havanta malferman krampon,
IMG, fermita krampo?

527
00:24:33,590 --> 00:24:37,040
Nur preni diveni eĉ se vi
ne havas familiarecon ajn

528
00:24:37,040 --> 00:24:40,410
kun HTML antaŭe.

529
00:24:40,410 --> 00:24:42,710
>> Tiel estas kiel ĝi fermas
la komando, sed kial

530
00:24:42,710 --> 00:24:45,850
ĝi ne vere fari intuicia
sencon fari ion iom pli

531
00:24:45,850 --> 00:24:48,820
parolema kiel proksiman bildon?

532
00:24:48,820 --> 00:24:51,400
Yeah.

533
00:24:51,400 --> 00:24:52,000
Yeah.

534
00:24:52,000 --> 00:24:55,620
Nur semantike, ne estas senco de
startanta bildon kaj finante bildon,

535
00:24:55,620 --> 00:24:56,870
ĝi estas ĉu ekzistas aŭ ĝi ne estas.

536
00:24:56,870 --> 00:25:00,960
Do ĝi ne havas sencon forlasi interspacon
por io alia ene de bildo.

537
00:25:00,960 --> 00:25:02,010
Vi simple ne povas fari tion.

538
00:25:02,010 --> 00:25:03,720
Kaj tial la sintakso
ĝenerale estus nur

539
00:25:03,720 --> 00:25:07,910
fari la antaŭen oblikvo ene
de la malferma etikedo aŭ la komenco etikedo

540
00:25:07,910 --> 00:25:09,020
kaj tiam batis Konservi.

541
00:25:09,020 --> 00:25:13,350
>> Do se mi nun reŝarĝi ĉi dosiero, nun
Mi havas bonan retpaĝon kuirado tie.

542
00:25:13,350 --> 00:25:15,100
Kaj ni certe povus
vere agacas personoj

543
00:25:15,100 --> 00:25:17,010
per enigo anstataŭ
kiel YouTube ligilon.

544
00:25:17,010 --> 00:25:19,350
Kaj fakte, ajna tempo
vi iam iris al YouTube,

545
00:25:19,350 --> 00:25:22,190
kaj mi fakte hazarde
rick roll min tie.

546
00:25:22,190 --> 00:25:25,770
Do Rick Roll.

547
00:25:25,770 --> 00:25:29,592
Do rick roll-- Mi tuj iros tien.

548
00:25:29,592 --> 00:25:31,900
>> [MUZIKO Ludante]

549
00:25:31,900 --> 00:25:33,730
>> OK, unu persono ŝatis tion.

550
00:25:33,730 --> 00:25:37,270
Do rimarki ĉiu ĉi tiu tempo, se vi
klaki la Konigi ligilon, vi kompreneble

551
00:25:37,270 --> 00:25:41,390
akiri la URL kiun vi povas reale
enkorpigi en retpoŝto aŭ jura bildo

552
00:25:41,390 --> 00:25:43,730
aŭ en problemo aro aŭ en glito.

553
00:25:43,730 --> 00:25:49,055
Kaj nun se mi anstataŭe alklaku embed,
rimarki ke ĉiuj ĉi tempo, ĉi stuff

554
00:25:49,055 --> 00:25:49,680
estis tie.

555
00:25:49,680 --> 00:25:50,910
Mi tuj iros antaŭen kaj kopii ĉi.

556
00:25:50,910 --> 00:25:54,000
>> Kaj nur tiel ni povas vidi ĝin pli bone, mi estas
tuj gluu ĝin en mia tekstoredaktilo.

557
00:25:54,000 --> 00:25:55,860
Rimarku ke ĉi kio
YouTube estis diranta vin.

558
00:25:55,860 --> 00:25:57,693
Ĉiufoje vi vizitas
YouTube video, se vi

559
00:25:57,693 --> 00:26:00,410
volas enkorpigi la video sur via
retpaĝo, simple ekpreni ĉi.

560
00:26:00,410 --> 00:26:03,350
Do tiu estas ankoraŭ alia
HTML etikedo nomita iframe.

561
00:26:03,350 --> 00:26:04,590
Aux en linio kadro.

562
00:26:04,590 --> 00:26:08,680
Do ĝi tro aspektas iom pli
kompleksa ol ĉiuj aliaj.

563
00:26:08,680 --> 00:26:11,950
Do rezultas ke la bildo
etikedo kaj ŝajne la iframe etikedo

564
00:26:11,950 --> 00:26:13,370
preni kio estas nomitaj atributoj.

565
00:26:13,370 --> 00:26:15,710
>> Kaj ĉi tio estas alia
peco de sintakso en HTML.

566
00:26:15,710 --> 00:26:19,240
Krom la etikedo la
nomo, malferma krampo etikedo nomon

567
00:26:19,240 --> 00:26:23,780
vi povas kontroli la konduton de la etikedo
por havi tutan aron de atributo

568
00:26:23,780 --> 00:26:24,860
egaluloj valoro.

569
00:26:24,860 --> 00:26:26,290
Atributo valoro egalas.

570
00:26:26,290 --> 00:26:28,100
Do ekzemple,
YouTube estas diranta nin

571
00:26:28,100 --> 00:26:31,990
se vi volas ke la larĝeco de tiu video
esti 420 pixeles kaj la alto

572
00:26:31,990 --> 00:26:35,470
esti 315 rastrumeroj, jen
kiel vi esprimas ĝin en HTML.

573
00:26:35,470 --> 00:26:38,480
>> La fonto de la video tuj
esti tiu longa YouTube URL

574
00:26:38,480 --> 00:26:40,830
kaj tiam iu alia materialo
kiel kadro limo estas nul,

575
00:26:40,830 --> 00:26:43,500
tiel ke probable signifas ke estas
neniu limo ĉirkaŭ la afero.

576
00:26:43,500 --> 00:26:45,450
Permesu tutekrana probable
signifas ke la uzanto

577
00:26:45,450 --> 00:26:47,840
klaku butonon kaj
fakte tutekrana la video.

578
00:26:47,840 --> 00:26:52,870
Do, se mi vere volas esti
impresa tie en Rick skalara HTML,

579
00:26:52,870 --> 00:26:58,490
prefere ol uzi la bildon etikedo, lasu
min forviŝi ke, anstataŭ almeti ĉi.

580
00:26:58,490 --> 00:27:00,810
Kaj nun reŝarĝi.

581
00:27:00,810 --> 00:27:02,500
Kaj nun tie ni iras denove.

582
00:27:02,500 --> 00:27:04,979

583
00:27:04,979 --> 00:27:06,020
Bone, tio sufiĉas.

584
00:27:06,020 --> 00:27:08,970
Bone do mi provos
malfacile ne fari tion denove.

585
00:27:08,970 --> 00:27:11,400
Do kio estas kelkaj el la takeaways tie?

586
00:27:11,400 --> 00:27:15,130
Do HTML, tiel malbela kiel tiuj retpaĝoj
estas, fakte sufiĉe simpla.

587
00:27:15,130 --> 00:27:16,467
Ĝi ne estas programlingvo.

588
00:27:16,467 --> 00:27:17,550
Ĝi ne havas funkciojn.

589
00:27:17,550 --> 00:27:18,410
Ĝi ne havas cikloj.

590
00:27:18,410 --> 00:27:19,535
Ĝi ne havas kondiĉojn.

591
00:27:19,535 --> 00:27:22,900
Ĉiuj havas estas dekduoj da
malsamaj etikedoj, ĉiu el kiuj

592
00:27:22,900 --> 00:27:24,620
havas nul aŭ pli atributojn.

593
00:27:24,620 --> 00:27:27,320
Kaj fakte, kio estas amuza pri
HTML kiel vi komencas plonĝi en

594
00:27:27,320 --> 00:27:29,560
estas ke ĝi estas tre memo teachable.

595
00:27:29,560 --> 00:27:32,880
>> Ĉiuj ĝi prenas estas kompreno
de la ĝenerala kadro de HTML.

596
00:27:32,880 --> 00:27:36,510
Kio estas etikedo, kio estas atributo,
kiel vi vere agordi retpaĝo

597
00:27:36,510 --> 00:27:37,250
jene.

598
00:27:37,250 --> 00:27:40,720
Kaj ĉio alia estas vere la rezulto
de suprenrigardinte en reta referenco

599
00:27:40,720 --> 00:27:43,080
aŭ googling kiel fari iuj
teknikon aŭ kiel ni vidis,

600
00:27:43,080 --> 00:27:45,371
rigardante Facebook fonto
kodo, rigardante retejo

601
00:27:45,371 --> 00:27:48,710
ke vi ŝatas ĉe ĝi estas fontkodo kaj
kompreni kiel la ellaborantoj tie

602
00:27:48,710 --> 00:27:50,550
fakte metis aferojn.

603
00:27:50,550 --> 00:27:52,180
>> Do ni povas fari bildojn tiel.

604
00:27:52,180 --> 00:27:53,994
Kaj fakte, ni faris tion antaŭ momento.

605
00:27:53,994 --> 00:27:55,410
Lasu min kaj simple montras vin.

606
00:27:55,410 --> 00:27:56,770
Jen kelkaj specimenaj kodo.

607
00:27:56,770 --> 00:27:58,380
Se vi iam volas vidi grumblema kato.

608
00:27:58,380 --> 00:28:00,620
Do rimarki ke mi povas
havas dosieron etikedo tie.

609
00:28:00,620 --> 00:28:02,090
Kaj mi havas komenton supre.

610
00:28:02,090 --> 00:28:04,490
Mi havas alternativan
teksto por alirebleco.

611
00:28:04,490 --> 00:28:07,250
Do iu kiu estas uzanta ekrano
leganto por kialoj de vido

612
00:28:07,250 --> 00:28:10,172
povas fakte tiam havas siajn
ekrano leganto diri grumblema kato.

613
00:28:10,172 --> 00:28:11,880
Ĉar se ili ne povas
vidi la bildon, ili

614
00:28:11,880 --> 00:28:14,504
povas almenaŭ havi ilian komputilon
informi ilin parole, kio estas.

615
00:28:14,504 --> 00:28:18,020
Kaj la fonto de tiu dosiero cat.jpeg.

616
00:28:18,020 --> 00:28:22,472
Do fakte, se mi vere volis
akiri lerta, kion mi povis havi done--

617
00:28:22,472 --> 00:28:25,680
Mi promesas ne iri al Rick Astley, do
Mi tuj google por kato anstataŭe.

618
00:28:25,680 --> 00:28:28,290
Kaj se mi iros al Google Images
tie, kaj ni supozas

619
00:28:28,290 --> 00:28:30,040
ke tiu estas bildo de mia kato.

620
00:28:30,040 --> 00:28:35,070
>> Supozi ke mi havas kontrolon klakis
aŭ dekstra alklakis tiu, hazarde

621
00:28:35,070 --> 00:28:35,630
creepy.

622
00:28:35,630 --> 00:28:40,320
Kaj cat.jpeg Mi tuj
savi sur mia labortablo.

623
00:28:40,320 --> 00:28:44,700
Lasu min for al nubo 9.

624
00:28:44,700 --> 00:28:48,150
Rimarku, ke ĉi tie, mi povas
iri alŝuti lokajn dosierojn.

625
00:28:48,150 --> 00:28:51,530
Kaj se mi ekpreni ĉi
dosiero, cat.jpeg, avizo

626
00:28:51,530 --> 00:28:54,674
ke mi povas treni ĝin kaj
faligi ĝin en nubo 9

627
00:28:54,674 --> 00:28:56,090
kaj ĝin tuj krias al mi cxi tie.

628
00:28:56,090 --> 00:28:59,000
>> Ĉar ni jam
donis al vi cat.jpeg dosiero,

629
00:28:59,000 --> 00:29:01,430
sed ĝi estas super facile
Ekpreni foto kiun vi havas

630
00:29:01,430 --> 00:29:03,220
prenita de Facebook
aŭ Flickr aŭ similaj

631
00:29:03,220 --> 00:29:05,678
kaj fakte treni kaj faligi ĝin
en nubo 9 kaj tiam fari ĝin

632
00:29:05,678 --> 00:29:07,970
parto de via propra persona
retejo aŭ problemo

633
00:29:07,970 --> 00:29:10,442
starigis sep aŭ ok kiel ni baldaŭ vidos.

634
00:29:10,442 --> 00:29:12,150
Kaj tiam kiam vi
fine viziti tiu kato,

635
00:29:12,150 --> 00:29:16,610
supozante mi elŝutis tiun saman kato,
avizo that-- ke estis adorable.

636
00:29:16,610 --> 00:29:19,160
>> Kion vi vidas estas
io tiamaniere vizaĝo tie.

637
00:29:19,160 --> 00:29:21,810
Do la dosieroj kiujn vi
referenco ene retpaĝo

638
00:29:21,810 --> 00:29:26,050
povas ĉu esti lokaj en via propra
konto aŭ malproksimigita de iu alia servilo

639
00:29:26,050 --> 00:29:29,670
kiel en la kazo de la Stako
Astley foto iomete antaŭe.

640
00:29:29,670 --> 00:29:32,990
Do kie else-- kio
alie ni faru tie?

641
00:29:32,990 --> 00:29:34,890
Do ni rigardu la sekvan.

642
00:29:34,890 --> 00:29:36,160
Vi scias kio speco de malvarmigi?

643
00:29:36,160 --> 00:29:39,330
>> Ni ĝis nun estis farante
tre statika retpaĝoj.

644
00:29:39,330 --> 00:29:41,830
Mi volas spico aĵojn jene.

645
00:29:41,830 --> 00:29:44,344
Mi volas fari miajn proprajn serĉilo.

646
00:29:44,344 --> 00:29:47,010
Do fari serĉilon, ni
antaŭeniri kaj komenci fari tion.

647
00:29:47,010 --> 00:29:52,570
Mi tuj iros antaŭen kaj krei
nova dosiero nomata search.html.

648
00:29:52,570 --> 00:29:54,890
Kaj ni prefabed versiojn rete.

649
00:29:54,890 --> 00:29:56,027
Whoops.

650
00:29:56,027 --> 00:29:57,610
Ne almeti en via fina fenestro.

651
00:29:57,610 --> 00:29:58,744
Prefab versiojn rete.

652
00:29:58,744 --> 00:30:00,160
Kaj mi tuj komencos kiel sekvas.

653
00:30:00,160 --> 00:30:04,490
Do jen la komenco de
dosiero nomata search.html.

654
00:30:04,490 --> 00:30:07,510
Mi tuj savos ĝin en
hodiaŭa fonto dosierujo.

655
00:30:07,510 --> 00:30:09,079
Mi tuj nomas tiun Serĉo.

656
00:30:09,079 --> 00:30:10,370
Fakte, ni faros pli bone.

657
00:30:10,370 --> 00:30:13,600
CS50 Serĉu kaj reale marko ĝin.

658
00:30:13,600 --> 00:30:17,500
Kaj nun, mi tuj diros
io kiel H1 CS50 Serĉu.

659
00:30:17,500 --> 00:30:20,930
Kaj poste malsupren tie, H2 baldaŭ.

660
00:30:20,930 --> 00:30:23,230
Kaj nur por recap, H1 kaj
H2 signifi kion respektive?

661
00:30:23,230 --> 00:30:26,750

662
00:30:26,750 --> 00:30:30,320
>> Jes, tiel granda kaj aŭdaca, kaj
ne tiel granda, sed ankoraŭ grasaj.

663
00:30:30,320 --> 00:30:37,375
Do se mi savos tion kaj iru tien,
ni vidu la dosieron search.html.

664
00:30:37,375 --> 00:30:42,560
Bone, kaj ĉi tiu
estas right-- [inaudible].

665
00:30:42,560 --> 00:30:46,980

666
00:30:46,980 --> 00:30:49,110
Stand by.

667
00:30:49,110 --> 00:30:49,945
Davido estas konfuzita.

668
00:30:49,945 --> 00:30:52,610

669
00:30:52,610 --> 00:30:54,080
Ho, estas prava.

670
00:30:54,080 --> 00:30:54,860
Davido estas idioto.

671
00:30:54,860 --> 00:30:55,420
BONE.

672
00:30:55,420 --> 00:30:56,660
Do jen ĝi estas.

673
00:30:56,660 --> 00:30:58,350
Do CS50 serĉo baldaŭ.

674
00:30:58,350 --> 00:31:00,370
Do nun, ni sintezi
kion ni faris pasintsemajne.

675
00:31:00,370 --> 00:31:03,400
>> Kie ni parolis pri la
malsupra nivelo mekaniko de HTTP.

676
00:31:03,400 --> 00:31:05,780
Kaj tiuj novaj ideoj
de HTML, kiu estas nur

677
00:31:05,780 --> 00:31:08,890
tiu markado lingvo, kie vi
rakonti retumilo precize kion fari

678
00:31:08,890 --> 00:31:10,740
kaj efektivigi niajn proprajn serĉilo.

679
00:31:10,740 --> 00:31:12,520
Do anstataŭ simple
dirante baldaŭ, mi certas

680
00:31:12,520 --> 00:31:14,810
tuj enkonduki
iu nomita formo etikedo.

681
00:31:14,810 --> 00:31:19,610
Kaj en ĉi tiu formo, mi tuj
havi ion kiel enigaĵoj kampo.

682
00:31:19,610 --> 00:31:22,450
>> Kaj la nomo de tiu enigo
kampo, mi tuj nomas ĝin Q.

683
00:31:22,450 --> 00:31:26,240
Kaj la tipo de ĉi enigo kampo
Mi tuj diros estas simple "teksto".

684
00:31:26,240 --> 00:31:29,130
Kaj teksta kampo, kiel ni
vidu, estas nur teksta skatolo.

685
00:31:29,130 --> 00:31:32,830
Kaj do ĝi ne sentas tie havi
io ene de ĝi ĉe tiu punkto.

686
00:31:32,830 --> 00:31:35,320
Kaj tial mi simple iranta
fermi la etikedo kun tiu

687
00:31:35,320 --> 00:31:38,099
antaŭen oblikvo bone etikedo mem.

688
00:31:38,099 --> 00:31:39,890
Kaj tiam mi tuj
havas unu alia enigaĵo.

689
00:31:39,890 --> 00:31:43,480
Input type egalas submeti.

690
00:31:43,480 --> 00:31:45,320
Kaj tiam mi tuj
fermu unu tro.

691
00:31:45,320 --> 00:31:46,840
>> Kaj nun mi tuj iros tien.

692
00:31:46,840 --> 00:31:49,520
Kaj jam oni vidas,
kvankam bela malbela, mi havas

693
00:31:49,520 --> 00:31:52,460
ekhavis la komencoj de
mia propra serĉpaĝo tie.

694
00:31:52,460 --> 00:31:55,150
Fakte, mi provos
purigi ĉi supren iomete.

695
00:31:55,150 --> 00:31:57,330
Ĝi rezultas ke en la
enigo tie, mi povas havi

696
00:31:57,330 --> 00:31:59,910
alia atributo nomata lokokupilo.

697
00:31:59,910 --> 00:32:05,165
Kaj mi ekvidos ion kiel kapvortojn,
aŭ pli specife, konsulti por q.

698
00:32:05,165 --> 00:32:07,820
>> Kaj rimarku, mi havas
tiu speco de griza teksto

699
00:32:07,820 --> 00:32:10,440
kiu malaperas kiel
Kiam mi ektajpu,

700
00:32:10,440 --> 00:32:12,930
sed ĝi estas probable iu
vi vidis en aliaj retpaĝoj.

701
00:32:12,930 --> 00:32:14,650
Mi ne vere ŝatas la Submetu butonon.

702
00:32:14,650 --> 00:32:18,320
Do mi fakte tuj doni la
Proponu butono valoro de serĉo.

703
00:32:18,320 --> 00:32:21,680
Kaj nun, se mi povos reŝargi, rimarki ke
miaj butono iĝas nomita serĉo.

704
00:32:21,680 --> 00:32:24,140
Vi scias, mi ne vere
kiel la logoo tie.

705
00:32:24,140 --> 00:32:27,140
Do Google Font generatoro.

706
00:32:27,140 --> 00:32:28,820
>> Mi volas spico tiun daŭrigon.

707
00:32:28,820 --> 00:32:30,660
Do CS50 serĉo.

708
00:32:30,660 --> 00:32:31,870
Lasu min krei mian propran logo.

709
00:32:31,870 --> 00:32:33,080
Tio aspektas bela.

710
00:32:33,080 --> 00:32:36,945
Do nun mi savos tiun as-- venu.

711
00:32:36,945 --> 00:32:40,710

712
00:32:40,710 --> 00:32:43,120
Kie ĝi iras?

713
00:32:43,120 --> 00:32:43,620
Tie.

714
00:32:43,620 --> 00:32:44,160
BONE.

715
00:32:44,160 --> 00:32:44,980
Maltrafis ĝin.

716
00:32:44,980 --> 00:32:47,740
Konservu kiel.

717
00:32:47,740 --> 00:32:49,470
Stultaj legiloj.

718
00:32:49,470 --> 00:32:51,700
Stand by, ni tuj
ripari ĉi fojo por ĉiuj.

719
00:32:51,700 --> 00:32:57,650

720
00:32:57,650 --> 00:32:58,590
Tie ni marŝos.

721
00:32:58,590 --> 00:32:59,090
Bone.

722
00:32:59,090 --> 00:32:59,600
Pardonon.

723
00:32:59,600 --> 00:33:00,750
Off tago.

724
00:33:00,750 --> 00:33:02,310
Nun tiu estas funky.

725
00:33:02,310 --> 00:33:03,160
Eliro plena ekrano.

726
00:33:03,160 --> 00:33:04,150
Bone.

727
00:33:04,150 --> 00:33:06,870
>> Nun, kiel normala
persono, savu bildon kiel.

728
00:33:06,870 --> 00:33:08,810
Logo.gif.

729
00:33:08,810 --> 00:33:13,194
Nun mi tuj iros en CS50IDE kaj
Mi tuj simple ekpreni la logo,

730
00:33:13,194 --> 00:33:15,360
Mi tuj treni ĝin
mia fonto sep dosierujon,

731
00:33:15,360 --> 00:33:17,002
dosiero jam ekzistas, mi estas OK kun tio.

732
00:33:17,002 --> 00:33:19,210
Do mi tuj nuligi ĝin
ĉar mi jam havis ĝin.

733
00:33:19,210 --> 00:33:20,630
Kaj nun kiel mi forigi tiun?

734
00:33:20,630 --> 00:33:24,670
>> Ni iru antaŭen tie kaj fari
bildo fonto egalas logo.gif.

735
00:33:24,670 --> 00:33:25,490
Fermu.

736
00:33:25,490 --> 00:33:26,050
Konservu.

737
00:33:26,050 --> 00:33:30,560
Kaj nun se mi venos al mia serĉo
paĝo, nun ĝi rigardas sufiĉe bone.

738
00:33:30,560 --> 00:33:33,610
Bone, do ĝi havas ne
tute faris ion utilan.

739
00:33:33,610 --> 00:33:37,000
Fakte, mi provu serĉi
por kato kaj vidu kio okazas.

740
00:33:37,000 --> 00:33:38,890
Katoj.

741
00:33:38,890 --> 00:33:39,420
Damnu ĝin.

742
00:33:39,420 --> 00:33:41,400
Ĝi ne ĝuste funkcias, ŝajne.

743
00:33:41,400 --> 00:33:43,760
Do kio estas la ŝlosila peco
ke mankas ĉi tie?

744
00:33:43,760 --> 00:33:49,100
>> Bone, eĉ se vi ne scias ajnan HTML,
Mi komencis marki la telefonon formo

745
00:33:49,100 --> 00:33:54,130
kaj mi diris al ĝi kiel akiri enigoj,
Lasu min tekstokampo kaj submeto-butonon,

746
00:33:54,130 --> 00:33:55,730
kion peco estas ŝajne mankas?

747
00:33:55,730 --> 00:33:58,975
Supozi ni volas reale preni
tion laboranta ĝuste.

748
00:33:58,975 --> 00:34:02,420

749
00:34:02,420 --> 00:34:05,360
Kion ni devas fari?

750
00:34:05,360 --> 00:34:08,860
Ni havas bezonon por efektivigi la malantauxo
datumbazo aŭ la serĉilo mem,

751
00:34:08,860 --> 00:34:11,210
kaj ke tuj prenos
tuta multan tempon, sincere.

752
00:34:11,210 --> 00:34:13,380
>> Do memoru kion ni faris lastan fojon.

753
00:34:13,380 --> 00:34:18,230
Do se vi serĉas ion sur Google
kaj vi anticipe malŝaltita,

754
00:34:18,230 --> 00:34:20,355
revokon, momenteto serĉo.

755
00:34:20,355 --> 00:34:22,230
Do lasu min igi tiun for
tiel ke tiu praktiko

756
00:34:22,230 --> 00:34:26,650
kondutas kiel pli malnova lernejo retumilo,
se mi nun serĉas ion kiel katoj,

757
00:34:26,650 --> 00:34:28,190
memori kio la URL aspektas.

758
00:34:28,190 --> 00:34:29,449
Estas bela kamufla.

759
00:34:29,449 --> 00:34:33,000
Sed enigita en tie,
revokon, estas oblikvo serĉo.

760
00:34:33,000 --> 00:34:35,100
Demandosigno q egalas katoj.

761
00:34:35,100 --> 00:34:37,760
>> Kaj tio ŝajnas al mi
tuta amaso de serĉrezultoj.

762
00:34:37,760 --> 00:34:39,134
Do vi scias pri kio mi tuj faros?

763
00:34:39,134 --> 00:34:41,650
Mi tuj petu
Google por nur minuto.

764
00:34:41,650 --> 00:34:43,670
Mi tuj iros super
tie kaj mi tuj diros

765
00:34:43,670 --> 00:34:47,850
ke tio formas ago aŭ
cellokon, tiel diri,

766
00:34:47,850 --> 00:34:49,330
devus esti laŭvorte Google.

767
00:34:49,330 --> 00:34:52,590
Kaj la metodo mi volis
por uzo tuj estos akiri.

768
00:34:52,590 --> 00:34:53,560
>> Do kio estas ago?

769
00:34:53,560 --> 00:34:55,760
Ago estas strange nomata,
sed tio nur signifas

770
00:34:55,760 --> 00:34:58,120
kiu tuj manipuli
la agado de tiu formo?

771
00:34:58,120 --> 00:35:00,820
Kiam mi klakas Serĉu, kie
devus la rezulto iras?

772
00:35:00,820 --> 00:35:05,300
Kaj se mi nun reiru al mia formo
tie kaj reŝarĝi mia retpaĝo

773
00:35:05,300 --> 00:35:09,000
kaj nun serĉi ion
kiel hundo, rimarki nun

774
00:35:09,000 --> 00:35:10,850
Mi re implementado de Google.

775
00:35:10,850 --> 00:35:11,350
Dekstra?

776
00:35:11,350 --> 00:35:14,141
>> Se mi volas serĉi ion
alie, ĝi laboras por ne nur hundoj,

777
00:35:14,141 --> 00:35:16,400
ĝi ankaŭ funkcias por katoj.

778
00:35:16,400 --> 00:35:21,930
Ĝi ankaŭ funkcias por CS50.

779
00:35:21,930 --> 00:35:24,310
Kaj okej, tio estas nur
sub whelming, ĉu ne?

780
00:35:24,310 --> 00:35:25,920
Bone, sed vere funkcias.

781
00:35:25,920 --> 00:35:27,360
Do kio efektive estas okazanta?

782
00:35:27,360 --> 00:35:31,340
Do mi instruis mia retumilo, uzante
HTML, preni enigaĵon de la uzanto

783
00:35:31,340 --> 00:35:35,810
kaj fakte sendu ke enigo
al fora servilo uzante HTTP.

784
00:35:35,810 --> 00:35:39,120
>> Kaj ĉar mia retumilo
komprenas HTTP, ĝi reale

785
00:35:39,120 --> 00:35:43,500
konstrui la URL por ke kion
Mi finos super en mia retumilo,

786
00:35:43,500 --> 00:35:45,660
rimarki kio okazas
kiam mi serĉis hundo.

787
00:35:45,660 --> 00:35:49,270
Se mi klakas Serĉu, rimarki ke
la URL ŝanĝas kiel mi intencis

788
00:35:49,270 --> 00:35:52,770
al google.com/search~~V query egalas hundo.

789
00:35:52,770 --> 00:35:56,020
Kaj tio estas ĉar la formo
scias, ĉar la metodo estas atingi,

790
00:35:56,020 --> 00:35:59,560
simple append ĝi por ke URL tie.

791
00:35:59,560 --> 00:36:01,730
>> Nun, ĉi tiuj retpaĝoj estas ankoraŭ malbela.

792
00:36:01,730 --> 00:36:04,890
Do ni enkonduki unu alia
peco de sintakso se ni povas hodiaŭ.

793
00:36:04,890 --> 00:36:07,640
Kaj tiu estas iu sciataj
kiel kaskadan stilo littukojn.

794
00:36:07,640 --> 00:36:10,720
Do mi rigardu
tiu ekzemplo tie kaj vidi

795
00:36:10,720 --> 00:36:12,380
se ni povas konkludi kio okazas.

796
00:36:12,380 --> 00:36:14,520
Jen CSS0.html.

797
00:36:14,520 --> 00:36:16,532
Kaj tiu estas kie aferoj
ricevas iom malbela.

798
00:36:16,532 --> 00:36:18,490
Ĉar bedaŭrinde,
en la mondo de la retejo,

799
00:36:18,490 --> 00:36:20,920
HTML sole ne povas fari ĉion.

800
00:36:20,920 --> 00:36:22,920
Kaj do se vi volas
stylize vian retpaĝon,

801
00:36:22,920 --> 00:36:28,370
vi fakte bezonas por fokusigi la
estetiko en malsama maniero.

802
00:36:28,370 --> 00:36:33,090
Do jen, mi havas la korpon de mia retejo
paĝo ene de kiu estas granda div.

803
00:36:33,090 --> 00:36:34,700
Kaj div nur signifas dividon.

804
00:36:34,700 --> 00:36:38,060
Do estas kvazaŭ alineon sed
ne havas la saman semantiko

805
00:36:38,060 --> 00:36:39,180
de alineo de teksto.

806
00:36:39,180 --> 00:36:40,940
>> Tiu nur signifas al la
retumilo, tie venas

807
00:36:40,940 --> 00:36:45,210
granda rektangula regiono de mia retejo
paĝo, mi volas pritrakti ĝin speciale.

808
00:36:45,210 --> 00:36:47,420
Nun, linio 21 estas kie tiu div startas.

809
00:36:47,420 --> 00:36:48,770
Kaj nur preni diveni.

810
00:36:48,770 --> 00:36:53,080
Kio estas la efekto de linio 21 en la
resto de la enhavo de la paĝo?

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
Centrante ĝin.

813
00:36:56,311 --> 00:36:56,810
Tio estas ĉio.

814
00:36:56,810 --> 00:36:58,830
Do ni ne vidis manieron
fakte centrante la tekston.

815
00:36:58,830 --> 00:37:00,996
>> Fakte, mia serĉilon,
kontraste la fakta Google,

816
00:37:00,996 --> 00:37:03,040
estis plu pravigita super maldekstren.

817
00:37:03,040 --> 00:37:07,430
Kaj tiel nun en linio 21, mi diras, hej
retumilo, krei divido de la paĝo.

818
00:37:07,430 --> 00:37:09,450
Nur donu al mi grandan, nevidebla rektangulo.

819
00:37:09,450 --> 00:37:11,490
Tiel estas kiel mi volas
pensas pri la retpaĝo.

820
00:37:11,490 --> 00:37:13,870
Kaj tiam stylize ĝin jene.

821
00:37:13,870 --> 00:37:16,900
Ene de tiuj citaĵoj,
Nun estas dua lingvo

822
00:37:16,900 --> 00:37:19,969
ke ni enkondukis hodiaŭ
nomata akvofalo stilo littukoj.

823
00:37:19,969 --> 00:37:22,010
Feliĉe, ĝi ne estas tro
programlingvo,

824
00:37:22,010 --> 00:37:26,470
do ĝi estas tre limigita en ĝia sintakso sed
ankaŭ tre limigitaj en lia funcionalidad

825
00:37:26,470 --> 00:37:30,670
dum HTML estas ĉiuj proksimume
markante la datumoj de retpaĝo

826
00:37:30,670 --> 00:37:32,130
kaj la strukturo de retpaĝo.

827
00:37:32,130 --> 00:37:35,320
CSS estas ĝenerale pri la
lasta mejlo, la estetiko,

828
00:37:35,320 --> 00:37:40,160
atingi la grandecon kaj la koloron kaj la
lokigo ĝuste dekstre en retpaĝo.

829
00:37:40,160 --> 00:37:43,000
Kaj ja, ĝi estas formita
kun ŝlosilo valoro paroj.

830
00:37:43,000 --> 00:37:46,290
>> Propraĵo kiel tiu, teksto
vicigi, sekvita de dupunkto,

831
00:37:46,290 --> 00:37:49,720
sekvata de la valoro de tiu
proprieto, kiu en ĉi tiu kazo estas centro.

832
00:37:49,720 --> 00:37:51,910
Kaj nun rimarkas vin
povas nesto tion.

833
00:37:51,910 --> 00:37:56,780
Se mi volus io en tiu
Mi reliefigis al esti centrita,

834
00:37:56,780 --> 00:38:00,270
jen kial mi havas linion 21 kaj
la responda linio 31.

835
00:38:00,270 --> 00:38:04,820
Sed supozu nun volas diri Johano
Harvard, bonvenigas al mia hejmpaĝo.

836
00:38:04,820 --> 00:38:06,530
>> Kopirajto simbolo John Harvard.

837
00:38:06,530 --> 00:38:09,180
Kaj supozu Mi volas la unuan de
tiuj linioj esti sufiĉe granda.

838
00:38:09,180 --> 00:38:10,450
36 rastrumeroj.

839
00:38:10,450 --> 00:38:11,530
Do tio estas deca grandeco.

840
00:38:11,530 --> 00:38:13,240
Kaj mi volis lian pezon kuragxi.

841
00:38:13,240 --> 00:38:15,450
Sed tiam sub tiu,
Mi volas pli malgranda teksto.

842
00:38:15,450 --> 00:38:19,980
Kaj sub tiu, mi volas
eĉ malgrandan tekston.

843
00:38:19,980 --> 00:38:20,480
Pardonon.

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
Hodiaŭ sentas kiel ekstere tago.

846
00:38:26,940 --> 00:38:29,840
>> Do nun, kion mi faras por esprimi tion?

847
00:38:29,840 --> 00:38:34,580
Tie sur linio 22 estas enigita
div aŭ nestitaj div, se vi volas.

848
00:38:34,580 --> 00:38:36,190
Ĝi ankaŭ havas lian propran stilon etikedo.

849
00:38:36,190 --> 00:38:38,160
Mi specifi tiparon grandeco de 36.

850
00:38:38,160 --> 00:38:40,460
Mi specifi tiparo pezo de grasaj.

851
00:38:40,460 --> 00:38:43,360
Cxi tie, mi nur specifi 24 rastrumeroj.

852
00:38:43,360 --> 00:38:45,960
Kaj fine, en linio 28, mi specifi 12.

853
00:38:45,960 --> 00:38:49,070
Do ĝuste kiel rapida prudento ĉeko
kaj kiel homa legado tiu,

854
00:38:49,070 --> 00:38:52,545
kiujn vortojn sur la ekrano estas
efektive tuj kuragxi?

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
Kiu linioj estas fakte aŭdaca?

857
00:38:58,760 --> 00:38:59,570
>> Nur John Harvard.

858
00:38:59,570 --> 00:39:00,070
Dekstra?

859
00:39:00,070 --> 00:39:05,940
Ĉar ĝuste kiel linio 22 diras hey
retumilo, jen divido de la paĝo.

860
00:39:05,940 --> 00:39:07,920
Make it tiparo 36 punkto.

861
00:39:07,920 --> 00:39:09,460
Faru la tiparo pezo kuraĝa.

862
00:39:09,460 --> 00:39:11,920
Tuj kiam vi atingos la
responda fino etikedo

863
00:39:11,920 --> 00:39:15,340
aŭ fermita etikedo por linio 24,
ke rimedoj, hej retumilo,

864
00:39:15,340 --> 00:39:17,640
ĉesi fari kion ajn ĝi estas vi faras.

865
00:39:17,640 --> 00:39:21,020
Kaj rimarki esti klara, kvankam
linio 22 havas ĉiujn tiujn atributojn

866
00:39:21,020 --> 00:39:24,430
kiel stilon, kiam vi
fermi la etikedo en linio 24,

867
00:39:24,430 --> 00:39:25,940
vi nur mencias la nomon de etikedo.

868
00:39:25,940 --> 00:39:29,990
>> Vi ne ripetu la vorton aŭ stilo
io, kio estas ene de tiuj citaĵoj.

869
00:39:29,990 --> 00:39:32,860
Do se mi rigardas tiun nun
en mia retumilo, ni prenu

870
00:39:32,860 --> 00:39:38,060
Rigardu la fina rezulto. Permesu al mi iri
antaŭen al la dosiero, kiu estas CSS 0.

871
00:39:38,060 --> 00:39:41,814
Kaj ĝi estas ankoraŭ bela ebenaĵo,
sed ricevas sufiĉe interesa.

872
00:39:41,814 --> 00:39:43,980
Sed rezultu ke estas
aliajn aferojn mi povas fari ĉi tie,

873
00:39:43,980 --> 00:39:46,490
kaj riske fari
ĉi tute abomena,

874
00:39:46,490 --> 00:39:48,630
rimarki ĉi tie ke en mia
korpo de mia retpaĝo,

875
00:39:48,630 --> 00:39:53,930
Mi povas fari ion amuzan
kiel bg aŭ fonkoloro.

876
00:39:53,930 --> 00:39:56,670
>> Kaj rapide, kio estas via plej ŝatata koloro?

877
00:39:56,670 --> 00:39:57,720
Verda mi aŭdis.

878
00:39:57,720 --> 00:39:58,750
Bone.

879
00:39:58,750 --> 00:40:02,920
Do nun, se mi batis Reŝarĝi nun,
ni havas verdan retpaĝo.

880
00:40:02,920 --> 00:40:04,710
Bone, do tio ne estas malbona.

881
00:40:04,710 --> 00:40:08,350
Kaj nun, se mi volas fari tiu vere
malvarmeta, mi povas fari la koloro de mia teksto

882
00:40:08,350 --> 00:40:09,360
eĉ ruĝa.

883
00:40:09,360 --> 00:40:10,870
Do ni vidu kion ĉi aspektas.

884
00:40:10,870 --> 00:40:12,230
Nun ĝi estas rigardanta sufiĉe bona.

885
00:40:12,230 --> 00:40:15,460
Kaj ĉi tie malsupre, se vi vere
volas salaton kun ulu

886
00:40:15,460 --> 00:40:17,487
aŭ se vi volas esti
unu el tiuj personoj kiuj

887
00:40:17,487 --> 00:40:20,570
provas trompi vin en vizitante ttt
paĝo ĉar ili jam trompis Google

888
00:40:20,570 --> 00:40:27,610
en pensadon ekzistas tuta aro
de ŝlosilaj vortoj like-- ni vidu, reŝarĝi.

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
Kien ĝi iras?

891
00:40:30,680 --> 00:40:31,530
Kaj tie ni.

892
00:40:31,530 --> 00:40:32,030
Bone.

893
00:40:32,030 --> 00:40:34,905
Do mi diras kiel flanken, ni
paroli pri ĉi tiujn aferojn en kelkaj semajnoj

894
00:40:34,905 --> 00:40:36,740
kiam ni parolas pri
sekurecon, se vi reale

895
00:40:36,740 --> 00:40:38,852
enkorpigi tutaj aroj da
ŝlosilvortoj en retpaĝo,

896
00:40:38,852 --> 00:40:41,810
eĉ se ili ne estas videblaj al
homa, iu kiel Google, kompreneble,

897
00:40:41,810 --> 00:40:43,250
daŭre povas reale trovi ĉi.

898
00:40:43,250 --> 00:40:45,820
Bone, do jen vere
malbelega bela rapide.

899
00:40:45,820 --> 00:40:48,420
>> Kaj fakte, ĝi ne estas ĉiu
ke multe malkiel mia propra retejo

900
00:40:48,420 --> 00:40:51,480
paĝo de studento, kiu
Mi komencis googling ĉirkaŭ trovi

901
00:40:51,480 --> 00:40:53,690
pasintaj versioj de miaj malnovaj retejoj.

902
00:40:53,690 --> 00:40:54,500
Ĝi estis sufiĉe malbona.

903
00:40:54,500 --> 00:40:56,650
Fakte, mi trovas
unu ĝuste antaŭ klaso.

904
00:40:56,650 --> 00:40:58,620
Sed estas malbone tie.

905
00:40:58,620 --> 00:41:01,534
Tiu ŝajne estis mia
Hejmpaĝo reen en 1996.

906
00:41:01,534 --> 00:41:04,200
Ŝajne mi pensis ke estis
taŭga demandi popolo gxian nomon

907
00:41:04,200 --> 00:41:05,991
Antaŭ ol ili povis
reale vidi mian retpaĝon.

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> Kaj tiam mi montris ilin
io stulta, verŝajne.

910
00:41:11,920 --> 00:41:13,450
Mi elfosi pli por la proksima tempo.

911
00:41:13,450 --> 00:41:16,220
Sed nuntempe, ni
konsideri iom de dezajno.

912
00:41:16,220 --> 00:41:17,444
Ni parolis pri stilo.

913
00:41:17,444 --> 00:41:19,735
Kaj tiun paĝon tiel longe kaj
plej ĉio mi skribis

914
00:41:19,735 --> 00:41:21,890
estas sufiĉe pura stile.

915
00:41:21,890 --> 00:41:23,320
Sed kio pri dezajno?

916
00:41:23,320 --> 00:41:25,990
Nu, ekzistas multe de redundo
en kion mi faras tie ĉi.

917
00:41:25,990 --> 00:41:28,156
>> Mi jam menciis la vorton
koloro en kelkaj lokoj.

918
00:41:28,156 --> 00:41:31,630
Mi jam menciis tiparo en kelkaj
lokoj kaj aŭdaca en kelkaj lokoj.

919
00:41:31,630 --> 00:41:34,870
Kaj principe, mi ko
miksante du lingvoj.

920
00:41:34,870 --> 00:41:38,100
Mi havas HTML kun mia etikedoj kaj mia
atributoj kaj tiam subite,

921
00:41:38,100 --> 00:41:40,100
inter citiloj, mi havas
la dua lingvo hodiaŭ

922
00:41:40,100 --> 00:41:43,830
nomita CSS, kiu denove, estas nur tiuj
ŝlosilo valoro paroj aŭ tiuj propraĵoj

923
00:41:43,830 --> 00:41:45,280
disigitaj per dupunktoj.

924
00:41:45,280 --> 00:41:47,700
>> Ĝi rezultas ke multa
kiel en C kie ni

925
00:41:47,700 --> 00:41:50,550
povas komenci al faktoro ekster
iuj kodon en header files,

926
00:41:50,550 --> 00:41:53,520
do ni povas fari same en HTML.

927
00:41:53,520 --> 00:41:56,030
Kaj pasxo al kiu estas kiel sekvas.

928
00:41:56,030 --> 00:42:02,230
Rimarku ke ĉi tiu versio, CSS1.html estas
Strukture la ĝusta sama retpaĝo.

929
00:42:02,230 --> 00:42:05,250
Do mi havas tutan faskon
de divs, sed ĉifoje, mi havas

930
00:42:05,250 --> 00:42:07,220
liveris de la envoltorio
div kiel vi vidos.

931
00:42:07,220 --> 00:42:12,390
>> Kaj mi donis tiujn tri divs
supro, mezo, kaj fundo, sola IDs.

932
00:42:12,390 --> 00:42:14,760
Tio belas, ĉar per
donante tiuj dividoj

933
00:42:14,760 --> 00:42:18,715
de la paĝo unika ensalutiloj,
Mi povas referenci ilin aliloke.

934
00:42:18,715 --> 00:42:19,215
Kie?

935
00:42:19,215 --> 00:42:21,070
Nu, lasu min rulumi supren.

936
00:42:21,070 --> 00:42:24,070
Kaj tiel ege, anytime ni rigardis
ĉe la kapo de retpaĝo, kio estas

937
00:42:24,070 --> 00:42:28,560
la nura etikedo ni havis en
la kapo de retpaĝo?

938
00:42:28,560 --> 00:42:29,740
Iom pli laŭte.

939
00:42:29,740 --> 00:42:30,799
Nur la titolo ĝis nun.

940
00:42:30,799 --> 00:42:32,590
Sed rezultu ke estas
kelkaj aliaj aĵoj

941
00:42:32,590 --> 00:42:35,840
vi povas meti en tie, unu el
kiu nomiĝas stilon etikedo.

942
00:42:35,840 --> 00:42:37,850
Do antaŭ momento, ni rigardis
ĉe stilon atributo.

943
00:42:37,850 --> 00:42:39,150
Rezultas ekzistas stilo etikedo.

944
00:42:39,150 --> 00:42:41,200
Ĝi apartenas ene de
la kapo de retpaĝo.

945
00:42:41,200 --> 00:42:42,840
Kaj nun rimarki kion mi faras.

946
00:42:42,840 --> 00:42:46,540
Mi havas ene de tiu
stilo etikedo la sekvan.

947
00:42:46,540 --> 00:42:51,190
Mi laŭvorte mencii sur linio 20 la
nomo de etikedo kiu mi volas stylize.

948
00:42:51,190 --> 00:42:53,489
>> Tiam mi havas malferma frizita krampoj
kaj fermitaj buklaj krampoj.

949
00:42:53,489 --> 00:42:56,030
Do simila en spirito al C, sed
denove, tio estas ne funkcio,

950
00:42:56,030 --> 00:42:57,796
tiu estas nur sintaksa detalon tie.

951
00:42:57,796 --> 00:43:00,170
Kaj tiam kompreneble, mi diras
la retumilo, hej retumilo,

952
00:43:00,170 --> 00:43:05,210
igi la tutan korpon de la paĝo
havi teksto alineamiento de centro.

953
00:43:05,210 --> 00:43:06,930
Kaj poste tio diras la sekvan.

954
00:43:06,930 --> 00:43:12,600
Hej retumilo, se vi vidas HTMLa
elemento aŭ etikedon en la paĝo kiu

955
00:43:12,600 --> 00:43:17,040
havas unikan ensalutilo de supro,
tiel la hash simbolo tie nur signifas

956
00:43:17,040 --> 00:43:21,010
unika ideo de supro, antaŭeniri
kaj fari liajn tiparo grandeco 36

957
00:43:21,010 --> 00:43:22,490
kaj lia tiparo pezo kuraĝa.

958
00:43:22,490 --> 00:43:26,840
>> Hej retumilo, ero kies
ID estas mezo, fari ĝin 24 rastrumeroj.

959
00:43:26,840 --> 00:43:31,070
Kaj hey retumilo, se vi vidas
ideo de fundo, fari ĝin 12 rastrumeroj.

960
00:43:31,070 --> 00:43:33,540
La efekto en la fino
Estas ekzakte la sam.

961
00:43:33,540 --> 00:43:36,500
Se mi iras en CSS 1, la
paĝo aspektas la sama.

962
00:43:36,500 --> 00:43:39,810
Sed ni estas pasxo al
iomete pli bonan dezajnon.

963
00:43:39,810 --> 00:43:44,850
Mi iros hejmen por CSS2
kaj vidi kion alian mi faris.

964
00:43:44,850 --> 00:43:48,030
>> Nun la paĝo estas vere, vere pura.

965
00:43:48,030 --> 00:43:50,730
Fakte, mi povas persvadi ĉiujn
la enhavo en paĝo tie.

966
00:43:50,730 --> 00:43:54,270
Sed kion novan etikedon mi
enkondukita, evidente?

967
00:43:54,270 --> 00:43:54,770
Link.

968
00:43:54,770 --> 00:43:57,853
Kaj ĝi ne estas la plej bona nomo por etikedo,
ĉar ĝi ne estas ligilo en la senco

969
00:43:57,853 --> 00:44:00,780
ke ni konas ĝin, sed tio signifas
ligilon en iun alian dosieron.

970
00:44:00,780 --> 00:44:02,890
Tiu estas speco de kiel akra inkludi en C.

971
00:44:02,890 --> 00:44:06,280
>> Tiu estas la maniero en HTML
diri hej retumilo,

972
00:44:06,280 --> 00:44:10,240
iri preni la enhavon de
la dosiero nomata css2.css.

973
00:44:10,240 --> 00:44:12,880
La rilato, al mi,
estas ke ĝi estas stilo folio.

974
00:44:12,880 --> 00:44:17,980
Kaj efektive, jen kio la de la
S-a en kaskada stilo littukojn rimedoj.

975
00:44:17,980 --> 00:44:20,350
Jen stilo folio.

976
00:44:20,350 --> 00:44:23,120
Estas nur la teksta dosiero enhavanta
tuta aro da proprieto.

977
00:44:23,120 --> 00:44:25,940
Ĝi estas tuta amaso de stiloj
ke vi volas apliki al paĝo.

978
00:44:25,940 --> 00:44:28,860
>> Kaj tiel tio ŝajne estas
raportante al dua dosiero.

979
00:44:28,860 --> 00:44:32,970
Kaj se mi malfermas tion, CSS2.css,
rimarki ke ĉiuj mi faris

980
00:44:32,970 --> 00:44:35,900
estas kopii kaj almeti ĉiuj
de tiu en tiu dosiero.

981
00:44:35,900 --> 00:44:38,220
Kaj nun, eĉ se vi neniam
coded ĉi stuff antaŭ,

982
00:44:38,220 --> 00:44:40,700
nur konsideru kun la
proverba inĝenierio ĉapelo

983
00:44:40,700 --> 00:44:44,220
sur, kial estas tio ĉi
bona dezajno probable?

984
00:44:44,220 --> 00:44:48,910
Faktoranta tiujn CSS propraĵoj,
metante ilin en ilian bildon.

985
00:44:48,910 --> 00:44:51,330
Eĉ kvankam ni solvis tiun
problemo kiel antaŭ kvin minutoj

986
00:44:51,330 --> 00:44:52,600
en la tre unua versio.

987
00:44:52,600 --> 00:44:55,730
>> Ni ne plibonigis la
paĝo stile,

988
00:44:55,730 --> 00:44:57,520
tiu estas nur bona
dezajno iusence.

989
00:44:57,520 --> 00:44:58,990
Kial vi pensas?

990
00:44:58,990 --> 00:45:01,510
Yeah.

991
00:45:01,510 --> 00:45:02,260
Pli fleksebla kiel?

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
Yeah.

994
00:45:05,540 --> 00:45:07,373
Do se vi volas iri
reen kaj ŝanĝi tion,

995
00:45:07,373 --> 00:45:09,540
nun, vi havas unu loko
kie vi povas ŝanĝi tion.

996
00:45:09,540 --> 00:45:11,622
Kaj fakte, por io
kiel problemo starigis sep,

997
00:45:11,622 --> 00:45:13,690
kie ni efektivigu
provizo komercanta retejon,

998
00:45:13,690 --> 00:45:15,523
ke tuj havos
tuta aro da paĝoj.

999
00:45:15,523 --> 00:45:17,620
Kaj estus vere
ĝena se vi decidas, hm,

1000
00:45:17,620 --> 00:45:21,630
Mi ne vere ŝatas 24 rastrumeroj, mi volas
ĝin esti 28 rastrumeroj aŭ iomete pli granda.

1001
00:45:21,630 --> 00:45:23,550
Kaj tiam devas fari
tutmonda trovi kaj anstataŭigi

1002
00:45:23,550 --> 00:45:27,560
aŭ malfermi ĉiujn retpagxon dosierojn
simple por fakte ŝanĝi unu valoro.

1003
00:45:27,560 --> 00:45:31,290
Per faktoranta ekster tiuj stiloj
en unu centra loko,

1004
00:45:31,290 --> 00:45:34,720
Vi nun povas malfermi unu tekstdosiero
en CS50IDE en ajna programo,

1005
00:45:34,720 --> 00:45:36,479
ŝanĝi ĝin, savi gxin kaj farita.

1006
00:45:36,479 --> 00:45:38,270
Vi propagita tiuj
ŝanĝojn ĉie.

1007
00:45:38,270 --> 00:45:42,450
Kaj kiu estus la sama
en skalara h dosiero ankaŭ.

1008
00:45:42,450 --> 00:45:46,697
Do demandojn tiel
malproksime sur tiu sintakso?

1009
00:45:46,697 --> 00:45:48,530
Bone, do ni
faris ĉion similas

1010
00:45:48,530 --> 00:45:51,170
krom la praktiko apliki hiperligiloj.

1011
00:45:51,170 --> 00:45:52,740
Do ni iru antaŭen kaj fari tion.

1012
00:45:52,740 --> 00:45:54,830
Lasu min kaj
krei novan dosieron ĉi tie.

1013
00:45:54,830 --> 00:45:59,970
Mi tuj vokos ŝin
link.html, metu en hodiaŭa kodon.

1014
00:45:59,970 --> 00:46:03,000
>> Kaj mi tuj faros malfermita
krampo doc tipo html.

1015
00:46:03,000 --> 00:46:05,970
Kiel flanken, tion ĉe la
supro, ĉi doc tipo deklaro,

1016
00:46:05,970 --> 00:46:08,420
ĝi estas la sola kiu estas stranga
kun la ekkrio punkto.

1017
00:46:08,420 --> 00:46:12,100
Vi nur devas fari ĝin tie kaj ĝi
signifas ni uzas HTML- versio 5.

1018
00:46:12,100 --> 00:46:14,460
Pli malnovaj versioj de
lingvo havis multe pli longe

1019
00:46:14,460 --> 00:46:16,400
ŝnurojn kiujn vi bezonas por meti tie.

1020
00:46:16,400 --> 00:46:18,620
Do jen ekzemplo nomita ligilon.

1021
00:46:18,620 --> 00:46:20,950
>> Mi bezonas korpo de mia retpaĝo tie.

1022
00:46:20,950 --> 00:46:29,770
Kaj en tie, href egaluloj
diru HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
kaj mia ŝatata retejo, ni diru.

1024
00:46:35,420 --> 00:46:38,550
Bone, do tre
nenoca, uzanto amika paĝon.

1025
00:46:38,550 --> 00:46:42,950
Se mi nun irus en mian dosierujo
listigante ĉi tie kaj malfermu link.html,

1026
00:46:42,950 --> 00:46:44,780
ni havas hiper teksto.

1027
00:46:44,780 --> 00:46:47,410
>> Kaj efektive, ĉi tiu estas kie
la H en HTTP devenas.

1028
00:46:47,410 --> 00:46:51,580
Hipertextual Transfer Protocol
estas pri transdonado teksto

1029
00:46:51,580 --> 00:46:53,840
kiu havas hiperligiloj al aliaj rimedoj.

1030
00:46:53,840 --> 00:46:58,210
Kaj efektive, jen la familiara,
se retro, blua ligilo ke se klakis,

1031
00:46:58,210 --> 00:47:02,607
efektive konduki min al Disney.com.

1032
00:47:02,607 --> 00:47:03,940
Nun, ho, ke venas frue.

1033
00:47:03,940 --> 00:47:08,970
Ĉiuj Bone, do nun, kio estas iuj
de la implicoj de tio?

1034
00:47:08,970 --> 00:47:11,610
>> Kaj sincere, la mondo komenciĝas
preni iom pli familiara

1035
00:47:11,610 --> 00:47:15,090
kaj ankaŭ iom pli timinda
sed ankaŭ iom pli

1036
00:47:15,090 --> 00:47:17,840
memo defensible iam vi komencos
kompreni tion.

1037
00:47:17,840 --> 00:47:21,610
Ĉar probablecoj estas, iuj el vi, se vi iros
tra via Gmail spamado dosierujo aŭ eĉ

1038
00:47:21,610 --> 00:47:23,990
via enirkesto, vi probable
akiris ian retpoŝto

1039
00:47:23,990 --> 00:47:26,980
kiu estas demandanta vin ŝanĝi vian
Pasvorto eble aŭ eble kontroli

1040
00:47:26,980 --> 00:47:28,910
via PayPal credenciales aŭ whatnot.

1041
00:47:28,910 --> 00:47:34,510
>> Kaj fakte, vi eble ricevis
iu kiu diras kiel klako ĉi tie

1042
00:47:34,510 --> 00:47:42,260
rekomencigi vian pasvorton PayPal.

1043
00:47:42,260 --> 00:47:44,130
Kaj nun, rimarki, se
tio ne Disney.com

1044
00:47:44,130 --> 00:47:51,600
sed kiel badplace.com kaj
reŝarĝi, rimarku ke la teksto tie

1045
00:47:51,600 --> 00:47:53,710
povis diri ion ajn.

1046
00:47:53,710 --> 00:47:55,260
Kaj fakte, tio estas nur vortoj.

1047
00:47:55,260 --> 00:48:04,610
Kial mi ne vere esti super malican
kaj diri http://www.paypal.com.

1048
00:48:04,610 --> 00:48:14,090
>> Klaku ĉi tie rekomencigi vian PayPal
pasvorto kaj nun reŝarĝi.

1049
00:48:14,090 --> 00:48:16,220
Ĉi aspektas bela legitima, dekstra?

1050
00:48:16,220 --> 00:48:20,470
Mi volas diri, mi ne alklaku
retmesaĝon ke ĵus diras tion.

1051
00:48:20,470 --> 00:48:22,450
Sed rimarki la dicotomía tie.

1052
00:48:22,450 --> 00:48:26,880
Ĝi diras www.paypal.com,
kaj fakte, atendu minuton,

1053
00:48:26,880 --> 00:48:29,210
ni scias, ke vi volas
la s por sekureco.

1054
00:48:29,210 --> 00:48:35,450
Do nun, iru www.paypal.com HTTPS,
sed se vi neniam faris tion antaŭe,

1055
00:48:35,450 --> 00:48:38,182
ĉu enir la kutimon de
sxvebis super iom ligoj tie.

1056
00:48:38,182 --> 00:48:39,890
Kaj estas malfacile vidi
sur la ekrano tie,

1057
00:48:39,890 --> 00:48:41,340
kaj tio ne estas ĉiu, kiu pli facile ĉi tie.

1058
00:48:41,340 --> 00:48:43,615
Sed vojon malsupren tie en
la eta angulo

1059
00:48:43,615 --> 00:48:45,740
faras la retumilo reale
diras al vi ke ni tuj

1060
00:48:45,740 --> 00:48:48,850
al badplace.com anstataŭ Paypal.com.

1061
00:48:48,850 --> 00:48:51,620
Nun, kie ni iras kun tio?

1062
00:48:51,620 --> 00:48:54,859
Ĉiuj ekzemploj ni faris hodiaŭ,
ni malfacile kodita kaj tajpis permane.

1063
00:48:54,859 --> 00:48:56,900
La retejo estas nekredeble
seninteresa kiam vi malfacile

1064
00:48:56,900 --> 00:48:59,844
kodigi viajn retpaĝojn por ke enhavo
estas statika kaj neniam ŝanĝiĝas.

1065
00:48:59,844 --> 00:49:01,760
Kompreneble, ĉiuj niaj
preferataj retejoj hodiaŭ,

1066
00:49:01,760 --> 00:49:04,470
ĉu ĝi estas Gmail aŭ Twitter aŭ
Facebook aŭ ajna nombro da aliaj

1067
00:49:04,470 --> 00:49:05,290
estas dinamika.

1068
00:49:05,290 --> 00:49:07,340
Ili ŝanĝiĝas en
respondo al uzanto enigo

1069
00:49:07,340 --> 00:49:08,840
ĝuste kiel la Google serĉrezultoj.

1070
00:49:08,840 --> 00:49:12,415
>> Kaj tial merkrede, kion ni faras estas
ni lasos HTML kaj CSS enkonduko

1071
00:49:12,415 --> 00:49:14,290
malantaŭ ni kaj ni preni
por donita ke ni nun

1072
00:49:14,290 --> 00:49:16,640
konas ĝin kaj ni enkondukas
nova programlingvo

1073
00:49:16,640 --> 00:49:19,050
nomata PHP, kiu ŝatas
C, tuj donos nin

1074
00:49:19,050 --> 00:49:22,450
la potenco por fakte krei programojn
ke mem generi eligo.

1075
00:49:22,450 --> 00:49:25,900
En tiu kazo, ni uzos
PHP generi dinamike retejo

1076
00:49:25,900 --> 00:49:27,340
paĝoj uzante tiun novan lingvon.

1077
00:49:27,340 --> 00:49:28,989
Do pli en tiu merkrede.

1078
00:49:28,989 --> 00:49:29,530
Vidu vin tiam.

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [MUZIKO Ludante]

1081
00:49:37,380 --> 00:52:38,864