1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:03,946
[MUSIC SPILLE]

3
00:00:03,946 --> 00:00:10,790

4
00:00:10,790 --> 00:00:12,540
ALLISON Buchholtz-AU:
Greit, alle sammen.

5
00:00:12,540 --> 00:00:13,860
Velkommen tilbake til del.

6
00:00:13,860 --> 00:00:19,559
Så vår agenda for i dag kommer
løpet mye mer web dev ting.

7
00:00:19,559 --> 00:00:21,600
Jeg vet ikke hvor mange av
du har sett dine psets

8
00:00:21,600 --> 00:00:24,414
siden den ble utgitt
tidligere denne morgenen.

9
00:00:24,414 --> 00:00:26,330
Jeg ville som hvor mange
folk har lest spec,

10
00:00:26,330 --> 00:00:29,910
men ettersom hvordan du har hatt det hele tatt
av likhet, sju timer for å se på det

11
00:00:29,910 --> 00:00:31,910
og det er en mandag og
du har sikkert hatt klasse,

12
00:00:31,910 --> 00:00:34,160
Jeg kommer til å anta at
de fleste av dere ikke har.

13
00:00:34,160 --> 00:00:37,170
Hvis du har, ekstra kudos.

14
00:00:37,170 --> 00:00:39,400
>> Du i utgangspunktet å hjelpe
implementere en enkel web

15
00:00:39,400 --> 00:00:43,270
server i C, som er en helt ny PSet,
så dere får være Marsvin.

16
00:00:43,270 --> 00:00:49,730
Det kommer til å bli en morsom, vill uke,
men jeg tror det vil være mye moro

17
00:00:49,730 --> 00:00:52,260
og det vil være en veldig
god erfaring faktisk.

18
00:00:52,260 --> 00:00:54,920
Så for å forberede deg for
at, i snitt i dag,

19
00:00:54,920 --> 00:01:00,940
vi kommer til å gå chmod, TCP / IP, og
deretter en liten bit av HTML og CSS.

20
00:01:00,940 --> 00:01:05,080
>> På slutten, vil vi faktisk kode
opp en enkel nettside sammen

21
00:01:05,080 --> 00:01:09,042
for å hjelpe dere på en måte få
mer kjent med det.

22
00:01:09,042 --> 00:01:11,750
Og så hvis du ikke har plukket opp
dine quizzer, de er i front,

23
00:01:11,750 --> 00:01:14,890
men jeg er ganske sikker på at alle
her har sin quiz.

24
00:01:14,890 --> 00:01:17,880
Og også på dette notatet,
løsninger er ikke opp ennå,

25
00:01:17,880 --> 00:01:21,490
men så snart vi finish-- liker, den
siste få mennesker tar sitt quizzes--

26
00:01:21,490 --> 00:01:22,280
de vil være opp.

27
00:01:22,280 --> 00:01:24,630
Hvis du har noen spørsmål
i mellomtiden,

28
00:01:24,630 --> 00:01:26,240
gjerne send meg personlig.

29
00:01:26,240 --> 00:01:30,700
Jeg vil svare med din individuelle
spørsmål, som jeg alltid gjør.

30
00:01:30,700 --> 00:01:33,890
>> Så på dette notatet, chmod.

31
00:01:33,890 --> 00:01:36,390
Så i utgangspunktet alt du
trenger å vite om chmod

32
00:01:36,390 --> 00:01:39,620
er at det er brukt til å endre
filrettigheter, ikke sant?

33
00:01:39,620 --> 00:01:44,050
Så det er bare noen systemer kaller det en
endre rettighetene, som det står her.

34
00:01:44,050 --> 00:01:48,540
Og hvis du noen gang vil se
hvilke tillatelser en fil har,

35
00:01:48,540 --> 00:01:52,240
istedenfor bare å gjøre
ls, kan du gjøre ls -l.

36
00:01:52,240 --> 00:01:54,010
l står for lenge.

37
00:01:54,010 --> 00:01:56,460
>> Så vil du gjøre lange lister
av alt, og det

38
00:01:56,460 --> 00:02:02,080
vil gi deg mye mer detaljert
informasjon om hver av filene dine.

39
00:02:02,080 --> 00:02:05,540
Og du vil se something-- jeg er
kommer til å hoppe fremover for en second--

40
00:02:05,540 --> 00:02:08,910
men du vil se noe som ligner på
at topplinjen der for hver fil.

41
00:02:08,910 --> 00:02:11,560
Og vi vil gå gjennom hva det betyr.

42
00:02:11,560 --> 00:02:15,260
>> Så i utgangspunktet, for å endre
dine filrettigheter,

43
00:02:15,260 --> 00:02:16,850
du bare ønsker å bruke chmod.

44
00:02:16,850 --> 00:02:23,620
Du kan tenke på det som noe annet
UNIX ringe som ls eller cd eller whatnot.

45
00:02:23,620 --> 00:02:25,540
Det er bare litt av en annen som samtale.

46
00:02:25,540 --> 00:02:30,530
>> Så vi gjør chmod og så får vi
har tre sifre typisk.

47
00:02:30,530 --> 00:02:33,570
Det er et par måter å gjøre
den, hvorav den ene vil vi gå over.

48
00:02:33,570 --> 00:02:37,650
Men vanligvis, vil du ha tre
Sifrene som strekker seg fra 0 til 7 hver gang.

49
00:02:37,650 --> 00:02:43,530
>> Så en ting er at det er
tre ulike tillatelser

50
00:02:43,530 --> 00:02:45,510
at vi kan gi hver fil.

51
00:02:45,510 --> 00:02:49,480
Og det er lesbart, som er
representert ved R, som vil være fornuftig

52
00:02:49,480 --> 00:02:54,020
i en liten bit; w, som er
skrivbar; og kjørbar, som er x.

53
00:02:54,020 --> 00:02:57,630
Jeg vet at det e en, kjørbar,
kanskje ikke det mest fornuftig, men vi

54
00:02:57,630 --> 00:02:59,120
representerer den med x.

55
00:02:59,120 --> 00:03:05,290
>> Og hva skjer da er hver av disse
har også antallet representasjon.

56
00:03:05,290 --> 00:03:07,990
Så vi har 1, 2 og 4.

57
00:03:07,990 --> 00:03:12,060
Og innerst inne hva som skjer, er
hver av disse tre tallene

58
00:03:12,060 --> 00:03:17,380
her tilsvarer en
annet sett av brukere

59
00:03:17,380 --> 00:03:19,420
at disse tillatelsene gjelder.

60
00:03:19,420 --> 00:03:24,820
>> Så du kan tenke på det første
Tallet tilsvarer selve bruker

61
00:03:24,820 --> 00:03:29,360
eller eieren av filen, den andre
nummer vil tilsvare gruppen,

62
00:03:29,360 --> 00:03:33,590
og den siste refererer
til verden, OK?

63
00:03:33,590 --> 00:03:39,995
Så hva skjer er å huske
de numbers-- r er 4, w er 2,

64
00:03:39,995 --> 00:03:42,550
x er en, ikke sant?

65
00:03:42,550 --> 00:03:46,630
Dette-- hvis du summerer disse opp,
som gir deg det første tallet

66
00:03:46,630 --> 00:03:48,600
at vi kanskje innspill i vår chmod.

67
00:03:48,600 --> 00:03:52,191
>> Så i dette tilfelle, hva
ville dette tallet være?

68
00:03:52,191 --> 00:03:57,030
Det ville være fire pluss to pluss
1, som er en 7, ikke sant?

69
00:03:57,030 --> 00:03:59,250
Og i dette tilfellet, er disse
ikke har noe,

70
00:03:59,250 --> 00:04:06,450
så dette her ville
sette til chmod 700, OK?

71
00:04:06,450 --> 00:04:12,030
Og hva det gjør er det gir alt
av disse tillatelsene til din bruker.

72
00:04:12,030 --> 00:04:14,400
>> Så dette betyr vår bruker
kan gjøre hva de vil.

73
00:04:14,400 --> 00:04:15,400
De kan lese denne fila.

74
00:04:15,400 --> 00:04:16,810
De kan kjøre denne filen.

75
00:04:16,810 --> 00:04:18,360
De kan skrive til denne filen.

76
00:04:18,360 --> 00:04:23,545
Men gruppe, og om i verden, uten
tillatelser overhodet, OK?

77
00:04:23,545 --> 00:04:26,480

78
00:04:26,480 --> 00:04:32,680
>> Så en annen måte å skrive det, kan vi
do chmod på tre siffer, hver av hvilke

79
00:04:32,680 --> 00:04:40,040
tilsvarer uansett sum, eller at
bestemt gruppe er, spesifikk undergruppe.

80
00:04:40,040 --> 00:04:44,870
Eller vi kan gjøre faktisk en annen ting.

81
00:04:44,870 --> 00:04:45,590
Hold på.

82
00:04:45,590 --> 00:04:49,330
Vi kan gjøre noe med disse her.

83
00:04:49,330 --> 00:04:55,615
>> Hvor mange av dere så et eksempel
hvor det var som å chmod et pluss x?

84
00:04:55,615 --> 00:04:58,070
Visste du at i forelesning, tror jeg?

85
00:04:58,070 --> 00:05:00,610
Slik at en står for det hele tatt.

86
00:05:00,610 --> 00:05:04,990
Det betyr gi den til alle brukere,
som jeg glemte å sette her.

87
00:05:04,990 --> 00:05:08,790
>> Men et pluss x, hvis vi
legge merke til her, hvis vi gjør

88
00:05:08,790 --> 00:05:13,420
å chmod-- hvilken gruppe vi er
snakker om pluss tillatelsene

89
00:05:13,420 --> 00:05:14,660
vi ønsker å gi dem.

90
00:05:14,660 --> 00:05:16,120
Så dette kan være et pluss eller minus.

91
00:05:16,120 --> 00:05:17,690
Plus legger tillatelse.

92
00:05:17,690 --> 00:05:19,510
Minus tar bort tillatelse.

93
00:05:19,510 --> 00:05:22,520
Ganske intuitivt, tror jeg.

94
00:05:22,520 --> 00:05:25,720
>> Så et pluss x betyr chmod.

95
00:05:25,720 --> 00:05:32,260
Så endre tillatelsene for alle mennesker
Hvis dette er en a-- add tillatelser.

96
00:05:32,260 --> 00:05:37,110
Og X- det betyr hva tillatelse
vi gi alle.

97
00:05:37,110 --> 00:05:38,510
Lese, skrive, eller kjøre?

98
00:05:38,510 --> 00:05:39,360
>> PUBLIKUM: Execute.

99
00:05:39,360 --> 00:05:40,610
>> ALLISON Buchholtz-AU: Execute.

100
00:05:40,610 --> 00:05:46,080
Så vi gir alle brukere
tillatelse til å kjøre denne filen, OK?

101
00:05:46,080 --> 00:05:53,370
Så hva om vi ønsket å gjøre
at med det numeriske skjemaet?

102
00:05:53,370 --> 00:05:56,290
Så husk med numerisk,
vi ønsker tre tall.

103
00:05:56,290 --> 00:05:56,790
>> PUBLIKUM: 4.

104
00:05:56,790 --> 00:05:58,290
ALLISON Buchholtz-AU: Hva var det?

105
00:05:58,290 --> 00:05:59,260
PUBLIKUM: 4.

106
00:05:59,260 --> 00:06:00,426
ALLISON Buchholtz-AU: Not 4.

107
00:06:00,426 --> 00:06:01,599
PUBLIKUM: 0, 0, 4.

108
00:06:01,599 --> 00:06:04,390
ALLISON Buchholtz-AU: Vel, vi ønsker
å gi den til alle brukere, ikke sant?

109
00:06:04,390 --> 00:06:07,442
Så vi kommer til å ha
et tall i hvert spor.

110
00:06:07,442 --> 00:06:09,400
Det kommer til å være det
samme nummer i hvert spor

111
00:06:09,400 --> 00:06:13,800
fordi vi ønsker å gi
alles kjør tillatelser.

112
00:06:13,800 --> 00:06:16,480
Så kjørbar er 1,
men på rett spor.

113
00:06:16,480 --> 00:06:23,055
>> Så hvis vi chmod 111 som ville
være det samme som chmod et pluss x.

114
00:06:23,055 --> 00:06:24,430
Betyr det fornuftig for alle?

115
00:06:24,430 --> 00:06:26,910
Vi kommer til å gå gjennom
et par eksempler.

116
00:06:26,910 --> 00:06:29,860
>> Så det store takeaway
her er en er ikke på her,

117
00:06:29,860 --> 00:06:33,360
men betyr bare gi den til alle brukere.

118
00:06:33,360 --> 00:06:36,610
u er hvis du bare vil
å gi eller ta bort

119
00:06:36,610 --> 00:06:40,600
en spesiell tillatelse fra
brukeren eller eieren.

120
00:06:40,600 --> 00:06:43,800
g er for gruppen,
slik at midten sifret.

121
00:06:43,800 --> 00:06:49,440
Og deretter andre du kan tenke på
som verden, som siste siffer.

122
00:06:49,440 --> 00:06:52,840
>> Så med det, vil vi gå til et eksempel,
fordi jeg føler meg som eksempler alltid

123
00:06:52,840 --> 00:06:56,240
gjøre disse tingene enklere å forstå.

124
00:06:56,240 --> 00:07:01,240
Så rwx-- vi gikk gjennom dette--
kan også være som representerer 700.

125
00:07:01,240 --> 00:07:05,070
Det er eksempelet vi så
ved flere av bildet.

126
00:07:05,070 --> 00:07:09,990
Så chmod 444 på noen fil
ville gi hvilke rettigheter?

127
00:07:09,990 --> 00:07:11,947
Du var veldig nær.

128
00:07:11,947 --> 00:07:13,030
PUBLIKUM: lesbar for alle.

129
00:07:13,030 --> 00:07:14,321
ALLISON Buchholtz-AU: lesbar.

130
00:07:14,321 --> 00:07:15,660
Så lesbare for alle, ikke sant?

131
00:07:15,660 --> 00:07:17,910
Og hva er en annen måte å gjøre det?

132
00:07:17,910 --> 00:07:23,070
Hvis vi ønsker å gjøre chmod med enten
r-er eller w-tallet, pluss og minuser,

133
00:07:23,070 --> 00:07:25,300
hva ville det ringe ut?

134
00:07:25,300 --> 00:07:27,336
Det ville være chmod hva?

135
00:07:27,336 --> 00:07:28,590
>> PUBLIKUM: et pluss r.

136
00:07:28,590 --> 00:07:32,900
>> ALLISON Buchholtz-AU: et pluss r på fem.

137
00:07:32,900 --> 00:07:40,980
OK, så er dette det samme som denne,
bare to forskjellige oversettelser

138
00:07:40,980 --> 00:07:42,500
av det samme.

139
00:07:42,500 --> 00:07:45,650
Så med det, har vi disse.

140
00:07:45,650 --> 00:07:50,310
Så jeg ønsker dere å prøve og skrive
disse slags i deres motsatt vei.

141
00:07:50,310 --> 00:07:53,710
>> Så med chmod 555,
hva ville det være?

142
00:07:53,710 --> 00:07:56,704
Ville det være et pluss eller u pluss eller whatnot?

143
00:07:56,704 --> 00:07:58,370
For u pluss x, gi meg de tre tallene.

144
00:07:58,370 --> 00:08:03,530
Og så fortelle meg om hvilke rettigheter
vi faktisk tildeling og til hvem?

145
00:08:03,530 --> 00:08:06,600
>> Så jeg skal gi dere to
minutter til å jobbe med det.

146
00:08:06,600 --> 00:08:08,160
Føl deg fri til å snakke med hverandre.

147
00:08:08,160 --> 00:08:11,910
For de av dere som kom i en liten
sent, det er godteri og skjorter.

148
00:08:11,910 --> 00:08:14,590
Vi har tre skjorter igjen, og
vi har Kit Kats og Starbursts.

149
00:08:14,590 --> 00:08:17,630
Så gjerne komme grab
noen i denne lille mellomspill.

150
00:08:17,630 --> 00:09:03,190

151
00:09:03,190 --> 00:09:04,440
>> Dessuten er den siste vanskelige.

152
00:09:04,440 --> 00:09:06,670
Det er to chmods for den siste.

153
00:09:06,670 --> 00:09:10,990

154
00:09:10,990 --> 00:09:15,880
Egentlig la meg lukke den døren
mens dere jobber med det.

155
00:09:15,880 --> 00:09:26,240

156
00:09:26,240 --> 00:09:28,225
Candy er alltid nødvendig
på en mandag ettermiddag.

157
00:09:28,225 --> 00:09:31,740

158
00:09:31,740 --> 00:09:34,756
>> OK, så chmod 555.

159
00:09:34,756 --> 00:09:36,380
Hva er en annen måte vi kunne skrive det?

160
00:09:36,380 --> 00:09:39,860

161
00:09:39,860 --> 00:09:41,790
Noen ideer?

162
00:09:41,790 --> 00:09:42,290
Ja.

163
00:09:42,290 --> 00:09:43,280
>> PUBLIKUM: et pluss rx.

164
00:09:43,280 --> 00:09:44,613
>> ALLISON Buchholtz-AU: r pluss rx.

165
00:09:44,613 --> 00:09:47,290
Ønsker du å forklare hvorfor det ville bli rx?

166
00:09:47,290 --> 00:09:49,570
>> PUBLIKUM: Fordi du har
5, så det er 4 pluss 1,

167
00:09:49,570 --> 00:09:51,734
slik at er lest pluss
kjørbar, og det er for alle.

168
00:09:51,734 --> 00:09:52,900
ALLISON Buchholtz-AU: Høyre.

169
00:09:52,900 --> 00:09:58,540
Så bare for å gjenta, 5 her
vi vet som summen av 1 og 4,

170
00:09:58,540 --> 00:10:04,760
fordi hvert nummer i vår trio er
Summen av tillatelsene for at undergruppe,

171
00:10:04,760 --> 00:10:05,260
ikke sant?

172
00:10:05,260 --> 00:10:07,070
Enten brukeren,
gruppe, eller hele verden.

173
00:10:07,070 --> 00:10:11,160
Så i dette tilfellet, vet vi at
5 har til å bli dannet av 4 og en.

174
00:10:11,160 --> 00:10:15,240
>> 1 og 4, og tilsvarer
lesbar og kjørbar.

175
00:10:15,240 --> 00:10:21,717
Vi gir den til alle,
slik at vi kan gjøre chmod et pluss rx.

176
00:10:21,717 --> 00:10:24,050
Og selvsagt, vi bare gikk
gjennom spørsmålene der,

177
00:10:24,050 --> 00:10:28,810
så nå denne filen er kjørbar
og lesbar for alle.

178
00:10:28,810 --> 00:10:31,120
>> Så hva med den andre?

179
00:10:31,120 --> 00:10:32,900
Hva kan antall for at man bli?

180
00:10:32,900 --> 00:10:36,676

181
00:10:36,676 --> 00:10:37,180
Noen ideer?

182
00:10:37,180 --> 00:10:37,680
Gå fremover.

183
00:10:37,680 --> 00:10:38,600
>> PUBLIKUM: 100 [uhørbart].

184
00:10:38,600 --> 00:10:39,683
>> ALLISON Buchholtz-AU: 100.

185
00:10:39,683 --> 00:10:40,270
Nettopp.

186
00:10:40,270 --> 00:10:42,455
Så har du lyst til å forklare hvorfor 100?

187
00:10:42,455 --> 00:10:45,080
PUBLIKUM: Fordi det er for
bruker, så det er i første posisjon.

188
00:10:45,080 --> 00:10:47,371
Og så x kjørbar er 1.

189
00:10:47,371 --> 00:10:48,620
ALLISON Buchholtz-AU: Nettopp.

190
00:10:48,620 --> 00:10:53,120
Så vi gi kjørbar
tillatelser til akkurat den brukeren.

191
00:10:53,120 --> 00:10:55,100
Så i dette tilfelle, ville det være 100.

192
00:10:55,100 --> 00:10:57,570
Og jeg har alle svarene
opp på neste lysbilde i tilfelle

193
00:10:57,570 --> 00:11:00,060
du skriver mange ting ned.

194
00:11:00,060 --> 00:11:08,410
>> OK, så dette neste som faktisk blir gjort
med to chmods, kan du gjøre det.

195
00:11:08,410 --> 00:11:11,120
Så er det noen som har
noen anelse om hvordan du kanskje

196
00:11:11,120 --> 00:11:14,150
få chmod 640 omskrevet
på annen måte?

197
00:11:14,150 --> 00:11:17,770

198
00:11:17,770 --> 00:11:22,820
Du kan endre bruker først og deretter
du kan endre gruppen er mitt hint.

199
00:11:22,820 --> 00:11:29,740
>> Så hvis vi bare endrer
Brukeren, som er denne første en her,

200
00:11:29,740 --> 00:11:33,830
hva kan vår samtale være?

201
00:11:33,830 --> 00:11:36,080
Så brukeren er u, ikke sant?

202
00:11:36,080 --> 00:11:38,780
Så chmod u pluss hva?

203
00:11:38,780 --> 00:11:39,280
Mmhmm?

204
00:11:39,280 --> 00:11:40,469
>> PUBLIKUM: rw.

205
00:11:40,469 --> 00:11:41,510
ALLISON Buchholtz-AU: rw.

206
00:11:41,510 --> 00:11:47,470
Høyre, for å lese og skrive, fordi lese
er 4, w er to, de sum sammen som 6.

207
00:11:47,470 --> 00:11:52,760
Så vi får chmod u pluss rw,
og vi får vår første 6 der.

208
00:11:52,760 --> 00:11:56,860
>> Så da å få fire, vi ønsker nå
å endre våre gruppeinnstillingene.

209
00:11:56,860 --> 00:12:00,960
Så vi kommer til å gjøre chmod g pluss hva?

210
00:12:00,960 --> 00:12:02,380
Hva er en 4?

211
00:12:02,380 --> 00:12:03,040
>> PUBLIKUM: r.

212
00:12:03,040 --> 00:12:04,040
ALLISON Buchholtz-AU: r.

213
00:12:04,040 --> 00:12:05,070
Nettopp.

214
00:12:05,070 --> 00:12:09,140
Så vi gir eieren
lese og skrive tillatelser

215
00:12:09,140 --> 00:12:13,141
og vi gir gruppen lese
tillatelser, som vi har tatt opp her.

216
00:12:13,141 --> 00:12:13,640
Mmhmm?

217
00:12:13,640 --> 00:12:17,740
>> PUBLIKUM: Hvis du kan skrive noe,
innebærer det at du kan kjøre den?

218
00:12:17,740 --> 00:12:20,700
>> ALLISON Buchholtz-AU: Du
kan skrive til something--

219
00:12:20,700 --> 00:12:22,900
Jeg tror ikke at det
innebærer at du kan kjøre den.

220
00:12:22,900 --> 00:12:25,951

221
00:12:25,951 --> 00:12:26,450
Cool.

222
00:12:26,450 --> 00:12:29,620
Så det er alt som vi bare gikk gjennom.

223
00:12:29,620 --> 00:12:33,075
Så på dette neste, er det
bare slags vanligste tilfellene

224
00:12:33,075 --> 00:12:35,200
at du ønsker å holde i
tankene for din oppgavesettet.

225
00:12:35,200 --> 00:12:39,800
Disse er vanligvis tillatelsene
at vi gjerne at du skal bruke.

226
00:12:39,800 --> 00:12:44,900
>> Så for 711, gir det
oss, selvfølgelig, bruker

227
00:12:44,900 --> 00:12:47,720
alle tillatelser som
en tendens til å være fornuftig.

228
00:12:47,720 --> 00:12:51,920
Og da er det kjørbar ved
gruppen i verden, noe som gir mening

229
00:12:51,920 --> 00:12:56,150
hvis du har en katalog, du
ønsker å være i stand til å traversere inn i den.

230
00:12:56,150 --> 00:12:58,160
Folk trenger tilgang.

231
00:12:58,160 --> 00:13:04,680
>> For enhver ikke-PHP-fil, du kommer
å bruke 644, som ville gjøre hva?

232
00:13:04,680 --> 00:13:07,560
Hva innebærer det, eller hva
tillatelser gjør det gi?

233
00:13:07,560 --> 00:13:12,210

234
00:13:12,210 --> 00:13:14,409
Slik at eieren kan hva?

235
00:13:14,409 --> 00:13:15,450
PUBLIKUM: Les og skriv.

236
00:13:15,450 --> 00:13:16,991
ALLISON Buchholtz-AU: Les og skriv.

237
00:13:16,991 --> 00:13:21,560
Og deretter gruppe og andre
kan bare lese, ikke sant?

238
00:13:21,560 --> 00:13:25,660
Og så chmod 600 for noen
PHP-filer som du bruker,

239
00:13:25,660 --> 00:13:27,980
din eier, igjen, kan
lese og skrive til den

240
00:13:27,980 --> 00:13:32,310
men alle andre er
bare slags sperret av.

241
00:13:32,310 --> 00:13:34,540
>> Så dette vil faktisk
være mer nyttig når

242
00:13:34,540 --> 00:13:37,700
du kommer til ditt problem
satt neste uke der

243
00:13:37,700 --> 00:13:40,290
du er faktisk å bygge et nettsted.

244
00:13:40,290 --> 00:13:43,100
Så hvis du noen gang kjørt inn
noen merkelige problemer

245
00:13:43,100 --> 00:13:45,970
der det ikke lasting
riktig, kanskje du

246
00:13:45,970 --> 00:13:50,670
må legge til en kjørbar
tillatelse, eller kanskje du trenger en lese

247
00:13:50,670 --> 00:13:52,990
eller skrivetilgang.

248
00:13:52,990 --> 00:13:56,980
Små ting som pleier å reise folk
opp, men det er typen som går til

249
00:13:56,980 --> 00:13:58,564
når du starter neste ukes PSet.

250
00:13:58,564 --> 00:14:00,730
Og jeg vil gi deg mer
hint om denne ukens PSet,

251
00:14:00,730 --> 00:14:05,010
men jeg har ennå å se på den siden
den ble sluppet i morges.

252
00:14:05,010 --> 00:14:10,600
Men du e meg, jeg vil ha sett
på det etter den tid jeg svare i morgen.

253
00:14:10,600 --> 00:14:14,310
>> Så nå, alle er bra med chmod?

254
00:14:14,310 --> 00:14:16,040
Noen langvarig spørsmål?

255
00:14:16,040 --> 00:14:17,240
Ganske grei.

256
00:14:17,240 --> 00:14:20,620
Bare slags holde styr på hva
lese, skrive, og utføre tallene er

257
00:14:20,620 --> 00:14:23,660
er trolig den vanskeligste delen.

258
00:14:23,660 --> 00:14:29,620
>> Så med TCP / IP, alle disse protokollene,
typen som med dine datastrukturer

259
00:14:29,620 --> 00:14:31,990
i forrige uke, er det mye mer
viktig å slags få

260
00:14:31,990 --> 00:14:33,900
et høyere nivå intuisjon av dem.

261
00:14:33,900 --> 00:14:37,390
Dette er ikke CS143 hvor vi går
å be deg om å implementere et nettverk,

262
00:14:37,390 --> 00:14:39,870
så du vil være fint hvis
du ikke forstår

263
00:14:39,870 --> 00:14:42,900
nitty modig av alle protokoller.

264
00:14:42,900 --> 00:14:46,050
Hva er viktig å forstå er
typen som hva de representerer

265
00:14:46,050 --> 00:14:47,300
og hvorfor de er viktige.

266
00:14:47,300 --> 00:14:52,320
>> Så TCP / IP, selvfølgelig, er det
Transmission Control Protocol

267
00:14:52,320 --> 00:14:57,270
eller Internet Protocol, som er
utgangspunktet bare et sett av lover i utgangspunktet

268
00:14:57,270 --> 00:15:00,800
eller standarder som forteller data
hvordan den skal behandles,

269
00:15:00,800 --> 00:15:04,900
hvordan det skal sammenpakket,
overføres og mottas.

270
00:15:04,900 --> 00:15:09,200
Så det i utgangspunktet, akkurat som det
sier her, øker sjansene

271
00:15:09,200 --> 00:15:12,950
at data blir der
ønsker du det å komme til.

272
00:15:12,950 --> 00:15:15,950
>> Jeg er sikker på at hvis dere gikk til
foredrag eller sett det på nettet,

273
00:15:15,950 --> 00:15:18,232
han has-- Jeg vet ikke
hvis han gjorde det i år,

274
00:15:18,232 --> 00:15:20,940
men jeg vet i fjor, hadde han en
demo hvor han hadde et bilde av Rob

275
00:15:20,940 --> 00:15:23,320
og han dele den opp i
fire og legg den i konvolutter

276
00:15:23,320 --> 00:15:26,590
og prøvde å få den over Sanders.

277
00:15:26,590 --> 00:15:29,430
Og du kan slags
tenke på det på den måten.

278
00:15:29,430 --> 00:15:35,400
Det er bare et sett med regler som
fortelle data hvordan du får et sted

279
00:15:35,400 --> 00:15:37,640
og lar deg vite om
du mangler data,

280
00:15:37,640 --> 00:15:40,460
på samme måte som hvis du er
ta flere sider med notater

281
00:15:40,460 --> 00:15:46,490
og du merke dem med side 104, side
204, og du går tilbake til å studere senere

282
00:15:46,490 --> 00:15:50,220
og du mangler something--
du finner ikke siden 304-- du vet

283
00:15:50,220 --> 00:15:53,310
noe er galt, slik at du
kan se gjennom notatene

284
00:15:53,310 --> 00:15:58,666
igjen eller få noen til å sende deg
forelesningen notater fra den dagen.

285
00:15:58,666 --> 00:16:00,290
På samme måte med data på internett.

286
00:16:00,290 --> 00:16:03,220
Hvis jeg ber om
noe fra noen server

287
00:16:03,220 --> 00:16:05,377
og det er behov for å sende
den i flere pakker,

288
00:16:05,377 --> 00:16:07,210
sannsynligvis kommer til nummer
det på noen måte, la

289
00:16:07,210 --> 00:16:12,430
meg vet hvor mange jeg skal ha mottatt,
og fortell meg, åh, dette er en av 10

290
00:16:12,430 --> 00:16:13,990
eller dette er en av 10.000.

291
00:16:13,990 --> 00:16:17,030
På den måten når jeg går til reassemble
alle bitene sammen,

292
00:16:17,030 --> 00:16:21,504
Jeg vet at hvis noe mangler
og jeg kan be om det igjen.

293
00:16:21,504 --> 00:16:22,730
Betyr det fornuftig?

294
00:16:22,730 --> 00:16:23,610
Bare et sett med regler.

295
00:16:23,610 --> 00:16:28,120
På sitt grunnlag, sett med regler, OK?

296
00:16:28,120 --> 00:16:31,360
>> Så vi snakket også en
litt om porter.

297
00:16:31,360 --> 00:16:36,150
Dette er egentlig bare en standard som
kan du vite hva slags data

298
00:16:36,150 --> 00:16:38,650
blir overført i disse pakkene.

299
00:16:38,650 --> 00:16:40,790
Hvis vi går med vår
konvolutten eksempel, gjør vi ikke

300
00:16:40,790 --> 00:16:43,510
vet at det er et bilde av
Rob i det med mindre vi skrive det

301
00:16:43,510 --> 00:16:45,480
på utsiden av konvolutten vår.

302
00:16:45,480 --> 00:16:47,100
Så havner er i utgangspunktet det samme.

303
00:16:47,100 --> 00:16:51,670
Det er bare en måte å finne ut hva
type data blir overført.

304
00:16:51,670 --> 00:16:56,260
>> Så vi har all
De vanligste her.

305
00:16:56,260 --> 00:16:59,790
Så 21-- disse er også snill
av like gode ting å vite.

306
00:16:59,790 --> 00:17:01,560
Det er slags en enkel quiz spørsmålet.

307
00:17:01,560 --> 00:17:03,590
Være, hva betyr port 80 gjøre?

308
00:17:03,590 --> 00:17:06,970
Eller, hva betyr port 443 gjøre?

309
00:17:06,970 --> 00:17:09,359
Så gode ting å vite.

310
00:17:09,359 --> 00:17:12,569
>> Så vi har her, er 21-fil
overføringsprotokoll, så bare

311
00:17:12,569 --> 00:17:15,050
reglene som styrer filoverføring.

312
00:17:15,050 --> 00:17:19,550
25, noe som vi alle
bruke altfor mye, er e-post.

313
00:17:19,550 --> 00:17:22,790
53 er domenenavnet
system, som er utgangspunktet

314
00:17:22,790 --> 00:17:26,910
bare slags et oppslag for
IP-adressen til et domenenavn.

315
00:17:26,910 --> 00:17:29,900
>> Så jeg er ganske sikker på at det var
nevnt i foredraget, hvis du

316
00:17:29,900 --> 00:17:33,960
gå til noe sånt
google.com, den har en IP-adresse

317
00:17:33,960 --> 00:17:35,818
som er knyttet til den.

318
00:17:35,818 --> 00:17:37,026
Det er faktisk google.com ikke.

319
00:17:37,026 --> 00:17:40,720
Og så 53 er porten
som faktisk tar

320
00:17:40,720 --> 00:17:44,050
vare på slags sette det
inn den IP-adressen for deg.

321
00:17:44,050 --> 00:17:47,830
Og deretter 80 og 443 er svært vanlig.

322
00:17:47,830 --> 00:17:50,710
Du har enten din nettside eller
du har din sikker web-side,

323
00:17:50,710 --> 00:17:56,100
som mange nettsider er
overføring av over nå.

324
00:17:56,100 --> 00:18:02,540
>> Så det er litt høyt nivå
oversikt over overføringsprotokoll.

325
00:18:02,540 --> 00:18:05,170
Jeg ser ikke mye mer i dybden.

326
00:18:05,170 --> 00:18:07,320
Det er slags kule ting
hvis du er interessert.

327
00:18:07,320 --> 00:18:08,590
Det er nok av ressurser.

328
00:18:08,590 --> 00:18:10,780
Wikipedia faktisk er
en ganske god side.

329
00:18:10,780 --> 00:18:13,850
Så jeg så på det
bare en liten stund siden,

330
00:18:13,850 --> 00:18:16,580
så jeg vil anbefale
å se på det hvis du er interessert

331
00:18:16,580 --> 00:18:22,160
eller ta 143 i to år på grunn
Jeg tror det er hvert annet år.

332
00:18:22,160 --> 00:18:27,590
>> Så på slutten av dette, er vi
snakker om web-sider og HTTP,

333
00:18:27,590 --> 00:18:33,790
som faktisk er vårt neste tema for
i dag før vi går inn i HTML og CSS

334
00:18:33,790 --> 00:18:37,920
og du kan faktisk kode opp en web-side.

335
00:18:37,920 --> 00:18:38,650
Det blir morsomt.

336
00:18:38,650 --> 00:18:42,220
Vi vil ha bilder av
kaniner og det vil være stor.

337
00:18:42,220 --> 00:18:48,630
>> Så HTTP, som du kan se her,
er en av de vakre akronymer

338
00:18:48,630 --> 00:18:53,220
for denne uken, noe som er
Hypertext Transfer Protocol.

339
00:18:53,220 --> 00:18:57,940
Så igjen, det er bare
et annet sett med regler som

340
00:18:57,940 --> 00:19:01,440
regulerer hypertekst
overføre, i dette tilfellet.

341
00:19:01,440 --> 00:19:04,120
Så beste måten å lære
om dette er bare slags

342
00:19:04,120 --> 00:19:07,650
å bryte det ned i
disse individuelle ord

343
00:19:07,650 --> 00:19:10,770
fordi det er mange
linjene på skjermen der.

344
00:19:10,770 --> 00:19:13,290
>> Så vi kommer til å begynne med hypertekst.

345
00:19:13,290 --> 00:19:17,630
Så "hyper", kan du tenke på
"Over", som super-type ting.

346
00:19:17,630 --> 00:19:24,615
Så det er egentlig bare tekst tatt til
neste nivå, så det er som super tekst,

347
00:19:24,615 --> 00:19:27,850
som den neste teksten.

348
00:19:27,850 --> 00:19:34,890
Så det er i utgangspunktet bare
tekst som gir oss

349
00:19:34,890 --> 00:19:37,490
mer informasjon enn
normal tekst gjør det, OK?

350
00:19:37,490 --> 00:19:40,510
>> Så i dette tilfellet her, dette er hypertekst.

351
00:19:40,510 --> 00:19:45,710
Dette forteller oss at vi har
noen kobling som vi skal,

352
00:19:45,710 --> 00:19:49,620
som er cs50.net, som
Nå er cs50.harvard.edu.

353
00:19:49,620 --> 00:19:51,420
Disse lysbildene er litt gammel.

354
00:19:51,420 --> 00:19:55,330
Og det kommer til å vise
det som dette, som en hyperkobling,

355
00:19:55,330 --> 00:19:58,140
og deretter en veldig kul nettside.

356
00:19:58,140 --> 00:20:02,080
>> Så det er tekst, som er litt
litt av virkelig kule ting der.

357
00:20:02,080 --> 00:20:08,170
Så du kan koble ting, og du kan
sette inn bilder, og du kan style ting.

358
00:20:08,170 --> 00:20:11,740
Og den mest kjente tingen som du
gutta sannsynligvis har med hypertekst

359
00:20:11,740 --> 00:20:19,100
er Hypertext Markup Language, HTML,
som selvfølgelig er alt av nettet

360
00:20:19,100 --> 00:20:23,080
som vi ser rundt oss, gitt
med litt CSS stil kastet i.

361
00:20:23,080 --> 00:20:25,580
>> Men hvis noen var
virkelig stor med MySpace,

362
00:20:25,580 --> 00:20:28,240
Jeg er sikker på at dere alle brukte HTML
hele tiden å skape

363
00:20:28,240 --> 00:20:30,640
de perfekte profiler, ikke sant?

364
00:20:30,640 --> 00:20:34,930
Jeg føler at det kan være en
utdatert referanse nå, men uansett.

365
00:20:34,930 --> 00:20:37,780
Bare en little-- dere
er ikke så mye yngre.

366
00:20:37,780 --> 00:20:40,480
Noen av dere er eldre enn meg.

367
00:20:40,480 --> 00:20:42,480
MySpace var fortsatt en
ting når jeg var ung.

368
00:20:42,480 --> 00:20:44,510
Jeg er ikke så gammel.

369
00:20:44,510 --> 00:20:49,265
>> Anyways, HTML bare en form for hypertekst.

370
00:20:49,265 --> 00:20:55,640
Så hypertekst er bare
tekst med ekstra funksjoner.

371
00:20:55,640 --> 00:21:01,790
Så overføringsprotokoll er trolig
jo mer ustabil tingen å forklare.

372
00:21:01,790 --> 00:21:04,870
Selvfølgelig, transfer--
bare overføre data.

373
00:21:04,870 --> 00:21:09,370
Så enten mellom klienten, som
nett bror, og en server.

374
00:21:09,370 --> 00:21:12,090
Så i utgangspunktet bare
måten Internett fungerer.

375
00:21:12,090 --> 00:21:16,339
>> Så nøyaktig anmodning fra
hvordan disse fungerer, vi er

376
00:21:16,339 --> 00:21:18,755
faktisk kommer til å se på et
eksempel forespørsel og respons.

377
00:21:18,755 --> 00:21:21,730

378
00:21:21,730 --> 00:21:25,220
Men hvordan vi ber om
informasjon fra en server

379
00:21:25,220 --> 00:21:30,590
og hvordan serveren svarer til oss er
hva denne overføringsprotokollen reglene.

380
00:21:30,590 --> 00:21:35,320
Så forespørselen og responsen har
å følge disse bestemt sett med regler.

381
00:21:35,320 --> 00:21:38,340
Det er standardisert, slik at uansett
der du bruker Internett,

382
00:21:38,340 --> 00:21:40,720
det virker alltid den samme, OK?

383
00:21:40,720 --> 00:21:43,220
>> Igjen, protokoll, sett med regler.

384
00:21:43,220 --> 00:21:45,620
Det er bare en normal
samhandling på samme måte

385
00:21:45,620 --> 00:21:49,500
at professor Malan snakker om
hvis noen strekker hånden sin,

386
00:21:49,500 --> 00:21:52,880
du vet at det er vanlig høflighet å
nå yours ut og riste hånden.

387
00:21:52,880 --> 00:21:54,580
Det er en protokoll, ikke sant?

388
00:21:54,580 --> 00:21:59,060
>> Så jeg gi noen standardisert forespørsel,
som er at jeg ønsker å riste hånden,

389
00:21:59,060 --> 00:22:01,975
og du gi noen standardisert
respons, som er enten nei takk

390
00:22:01,975 --> 00:22:04,600
eller du kan prøve og riste min
hånd eller kanskje du skal prøve

391
00:22:04,600 --> 00:22:06,490
og knyttneve bump meg.

392
00:22:06,490 --> 00:22:08,320
Og vi har ikke en protokoll for det.

393
00:22:08,320 --> 00:22:09,360
Det bryter ned.

394
00:22:09,360 --> 00:22:12,030
Men hvis alle følger
samme protokoll, selvfølgelig,

395
00:22:12,030 --> 00:22:14,250
det går mye mer sømløst.

396
00:22:14,250 --> 00:22:15,590
Folk blir kjent med hverandre.

397
00:22:15,590 --> 00:22:16,830
Alle er fornøyd.

398
00:22:16,830 --> 00:22:20,750
>> Så i verden av web,
alle følger samme rules--

399
00:22:20,750 --> 00:22:22,940
litt bedre enn sosiale standarder.

400
00:22:22,940 --> 00:22:26,950
Men med det, vil vi se
på et eksempel forespørsel her.

401
00:22:26,950 --> 00:22:30,020
Så det er denne lille
taste her på bunnen

402
00:22:30,020 --> 00:22:34,990
som forteller deg de forskjellige fargene,
hva de er ment å bety.

403
00:22:34,990 --> 00:22:38,290
>> Så hvit er akkurat som din metode
forespørsel og protokoll version--

404
00:22:38,290 --> 00:22:42,400
slik metode forespørsel versjonen.

405
00:22:42,400 --> 00:22:44,630
Og så dette er noen
Navn-feltet og verdien

406
00:22:44,630 --> 00:22:47,630
av dette feltet, som vi vil
gå inn veldig, veldig kort tid.

407
00:22:47,630 --> 00:22:49,840
Så dette er et eksempel forespørsel.

408
00:22:49,840 --> 00:22:54,470
Dette er som meg stikker ut,
ønsker å presentere meg selv.

409
00:22:54,470 --> 00:22:58,507
>> Dette er hva klienten
eller hva din nettleser

410
00:22:58,507 --> 00:22:59,840
ville være å sende til serveren din.

411
00:22:59,840 --> 00:23:04,500
Så dette er en GET-forespørsel, så det er
ber om noe fra serveren.

412
00:23:04,500 --> 00:23:09,690
Og det er, selvfølgelig, HTTP
og det er versjon 1.1.

413
00:23:09,690 --> 00:23:16,060
>> Så resten av denne her er hva vi kaller
overskriften, og dens ekstra informasjon

414
00:23:16,060 --> 00:23:20,050
som gir oss et bedre inntrykk av
hva vi faktisk ber om,

415
00:23:20,050 --> 00:23:23,190
eller informasjon som vi ønsker å gi
serveren som kan være aktuelt.

416
00:23:23,190 --> 00:23:32,880
Så User-Agent gir noen mer
beskrivelse on-- for eksempel her,

417
00:23:32,880 --> 00:23:38,720
curl / 7.24.0 er faktisk kommer til å fortelle
serveren som vi bruker Google

418
00:23:38,720 --> 00:23:40,700
Chrome som nettleseren vår.

419
00:23:40,700 --> 00:23:43,290
Så hvis du noen gang høre
om folk som snakker

420
00:23:43,290 --> 00:23:48,160
om å lage en app responsive
til flere nettlesere,

421
00:23:48,160 --> 00:23:50,330
dette er noe som de
ville bruke fordi hvis du

422
00:23:50,330 --> 00:23:53,000
vet ikke hvilken nettleser
forespørselen kommer fra,

423
00:23:53,000 --> 00:23:55,050
du kan ikke tilpasse dataene til det.

424
00:23:55,050 --> 00:23:57,690
Så i dette tilfelle, brukeren
er bare å gi denne typen

425
00:23:57,690 --> 00:24:01,030
å identifisere informasjon
om hvilken nettleser

426
00:24:01,030 --> 00:24:06,510
bruker bruker for øyeblikket, OK?

427
00:24:06,510 --> 00:24:11,640
>> Så da har vi også vert, som er
hvor vi faktisk ønsker å gå til.

428
00:24:11,640 --> 00:24:15,280
I dette tilfellet ønsker vi å gå til
apple.com, kjøpe noen kule nye iPads

429
00:24:15,280 --> 00:24:19,540
eller noe, kanskje søt
lysene på våre sovesaler.

430
00:24:19,540 --> 00:24:24,900
Og navn verdi på slutten er bare
en filler, bare en generell ting

431
00:24:24,900 --> 00:24:25,760
for dere å se.

432
00:24:25,760 --> 00:24:28,240
Det gjør faktisk ikke
svarer til noe her.

433
00:24:28,240 --> 00:24:32,360
>> Så du kan ha så mye eller så
lite som du vil i hvert enkelt tilfelle.

434
00:24:32,360 --> 00:24:36,990
Mesteparten av tiden, disse er valgfrie.

435
00:24:36,990 --> 00:24:41,780
Det avhenger bare av hva
du trenger fra nettleseren,

436
00:24:41,780 --> 00:24:45,120
fra din bruker for å
riktig dannelse av forespørselen.

437
00:24:45,120 --> 00:24:48,970
Eller det kommer an på hva din bruker
faktisk ønsker å gi opp til serveren.

438
00:24:48,970 --> 00:24:54,550
Så du kan ha mange, mange
av disse header feltnavn

439
00:24:54,550 --> 00:24:57,140
eller du kan bare ha et par.

440
00:24:57,140 --> 00:24:59,630
Som med så mange ting
Jeg har sagt i denne delen,

441
00:24:59,630 --> 00:25:03,590
det er egentlig avhengig av konteksten
om hvordan du bruker dette.

442
00:25:03,590 --> 00:25:06,810
>> Så gjør som gir mening for alle?

443
00:25:06,810 --> 00:25:11,463
Dette er bare et eksempel på
en forespørsel, overskrifter, whatnot.

444
00:25:11,463 --> 00:25:16,910
OK, så med det, har vi noen svar.

445
00:25:16,910 --> 00:25:20,510
>> Igjen har vi vår statuskode, protokoll
versjonen, og deretter feltnavn og felt

446
00:25:20,510 --> 00:25:21,700
verds som alltid.

447
00:25:21,700 --> 00:25:25,500
Så vår protokoll versjon
og vår status kode er 200.

448
00:25:25,500 --> 00:25:28,610
OK, noe som betyr at,
ja, gikk alt bra.

449
00:25:28,610 --> 00:25:30,230
Her er det du ønsker.

450
00:25:30,230 --> 00:25:33,750
>> Serveren typen, innholdet
type-- det forteller oss, OK, du er

451
00:25:33,750 --> 00:25:37,210
kommer til å få litt tekst HTML.

452
00:25:37,210 --> 00:25:40,520
Her er lengden på den, og her er
hva du bør gjøre med tilkoblingen.

453
00:25:40,520 --> 00:25:43,004
OK, så igjen, avhengig
på dataene du er

454
00:25:43,004 --> 00:25:45,670
spør etter, avhengig av hva
Serveren vil tilbake til deg,

455
00:25:45,670 --> 00:25:49,440
du kan ha flere av disse felt
navn, har du kanskje mindre.

456
00:25:49,440 --> 00:25:53,950
Helt kontekstavhengig.

457
00:25:53,950 --> 00:25:56,650
>> Og så langt som denne statusen
kode her, selvfølgelig,

458
00:25:56,650 --> 00:25:59,590
200 er ikke den eneste
du kunne ha, ikke sant?

459
00:25:59,590 --> 00:26:01,580
Vi har massevis av statuskoder.

460
00:26:01,580 --> 00:26:06,120
Er det noen som husker noe av
andre som vi nevnte i foredraget?

461
00:26:06,120 --> 00:26:08,310
Mange av dem starter med fire.

462
00:26:08,310 --> 00:26:09,680
>> PUBLIKUM: 404.

463
00:26:09,680 --> 00:26:11,310
>> ALLISON Buchholtz-AU: 404, som er?

464
00:26:11,310 --> 00:26:12,140
>> PUBLIKUM: Finner ikke filen?

465
00:26:12,140 --> 00:26:13,250
>> ALLISON Buchholtz-AU: Finner ikke filen.

466
00:26:13,250 --> 00:26:14,120
Nettopp.

467
00:26:14,120 --> 00:26:15,587
Så hva med 403?

468
00:26:15,587 --> 00:26:16,420
PUBLIKUM: Forbidden.

469
00:26:16,420 --> 00:26:17,120
ALLISON Buchholtz-AU: Forbidden.

470
00:26:17,120 --> 00:26:18,695
Så hva tror du
det betyr med chmods?

471
00:26:18,695 --> 00:26:20,890
>> PUBLIKUM: Det betyr at du
har ikke tillatelse til å lese den.

472
00:26:20,890 --> 00:26:22,400
>> ALLISON Buchholtz-AU: Nettopp.

473
00:26:22,400 --> 00:26:25,190
I noen måte, trenger du ikke
tillatelse til å få tilgang til det, ikke sant?

474
00:26:25,190 --> 00:26:27,242
Så 404, 403.

475
00:26:27,242 --> 00:26:28,950
Det er en veldig morsom
en som vi alltid

476
00:26:28,950 --> 00:26:31,116
introdusere hvert år som
Jeg burde ha satt opp her,

477
00:26:31,116 --> 00:26:33,370
som 413, som er jeg er en tekanne.

478
00:26:33,370 --> 00:26:34,390
Du kan google dette.

479
00:26:34,390 --> 00:26:38,490
Det er pussig ut, som er kode
413, og det er jeg er en tekanne.

480
00:26:38,490 --> 00:26:41,240
Som jeg ikke vet hvorfor du ville
skulle trenge det på internett,

481
00:26:41,240 --> 00:26:42,935
men jeg komme bort fra emnet.

482
00:26:42,935 --> 00:26:44,310
PUBLIKUM: Kanskje er du en tekanne.

483
00:26:44,310 --> 00:26:46,476
ALLISON Buchholtz-AU: Kanskje
serveren er en tekanne.

484
00:26:46,476 --> 00:26:47,890
Hvem vet?

485
00:26:47,890 --> 00:26:51,840
All right, så vi er i ferd med å
overgang til real koding.

486
00:26:51,840 --> 00:26:54,750
Jeg føler at dere kommer til å
kom deg ut herfra ganske raskt.

487
00:26:54,750 --> 00:26:56,940
>> PUBLIKUM: Hvorfor gjør det
si "server: to ganger?

488
00:26:56,940 --> 00:26:57,981
>> ALLISON Buchholtz-AU: Hm?

489
00:26:57,981 --> 00:27:00,350
Server to ganger?

490
00:27:00,350 --> 00:27:03,750
Det er et godt spørsmål.

491
00:27:03,750 --> 00:27:04,630
Jeg er ikke sikker.

492
00:27:04,630 --> 00:27:07,520
Jeg vil finne ut og
Jeg vil sende dere alle.

493
00:27:07,520 --> 00:27:11,410
>> OK, andre spørsmål foruten det?

494
00:27:11,410 --> 00:27:12,310
Bra?

495
00:27:12,310 --> 00:27:14,390
Cool.

496
00:27:14,390 --> 00:27:17,280
>> HTML og CSS, og nå er vi
få til alle de morsomme delene.

497
00:27:17,280 --> 00:27:21,697
Så som jeg nevnte tidligere, HTML
er trolig en av de tingene

498
00:27:21,697 --> 00:27:23,030
dere er mest kjent med.

499
00:27:23,030 --> 00:27:25,760
Så har vi Hypertext Markup Language.

500
00:27:25,760 --> 00:27:29,900
>> Den beste måten å lære dette-- jeg ikke
har noen forberedt lysbilder eller noe

501
00:27:29,900 --> 00:27:31,480
for dere med HTML.

502
00:27:31,480 --> 00:27:33,640
Det er virkelig om å lære syntaksen.

503
00:27:33,640 --> 00:27:38,380
Og hvis du var i MySpace
dag, ville du ha dette ned.

504
00:27:38,380 --> 00:27:42,790
>> Så egentlig, er den største tingen
bare for å øve og eksperimentere.

505
00:27:42,790 --> 00:27:48,000
En av de store ressursene jeg ville
anbefaler å bruke er W3Schools.

506
00:27:48,000 --> 00:27:50,620
Så bare W, 3, og deretter skoler.

507
00:27:50,620 --> 00:27:54,810
De har en masse
ressurser på HTML, om CSS,

508
00:27:54,810 --> 00:27:58,970
og de faktisk har en
delt skjerm slags ting

509
00:27:58,970 --> 00:28:00,830
der de vil gi deg eksempel kode.

510
00:28:00,830 --> 00:28:03,290
Du kan fikle med det,
endre det, og trykk Update,

511
00:28:03,290 --> 00:28:06,410
og det vil vise deg hva det
faktisk gjør til websiden.

512
00:28:06,410 --> 00:28:08,380
>> Så jeg vil anbefale å bruke det.

513
00:28:08,380 --> 00:28:11,300
Det er ganske kult.

514
00:28:11,300 --> 00:28:14,560
Du vil ikke få SEG feil
her når ting går galt.

515
00:28:14,560 --> 00:28:16,430
Hvis du klarer å få
en SEG feil med HTML,

516
00:28:16,430 --> 00:28:19,446
la meg vite fordi jeg er
kommer til å bli ekte fascinert.

517
00:28:19,446 --> 00:28:21,570
Men det er virkelig kult fordi
du kan endre ting,

518
00:28:21,570 --> 00:28:23,550
du kan se dem oppdatert levende.

519
00:28:23,550 --> 00:28:26,210
Og jeg tror du vil få en mye
mer intuitiv forståelse av HTML

520
00:28:26,210 --> 00:28:28,690
hvis du faktisk bare bruke litt
tid på å eksperimentere med det.

521
00:28:28,690 --> 00:28:32,590
Så det er derfor jeg sa,
praksis og eksperiment.

522
00:28:32,590 --> 00:28:34,490
>> Google, herfra videre
ut, vil trolig være

523
00:28:34,490 --> 00:28:36,440
en av dine beste ressurser og venner.

524
00:28:36,440 --> 00:28:41,080
Eller Bing-- Jeg jobber hos Microsoft,
så kanskje jeg burde si Bing.

525
00:28:41,080 --> 00:28:45,590
Men stort sett alt
er bare kommer til å være syntaks,

526
00:28:45,590 --> 00:28:51,300
så det å forstå hva kodene er,
understanding-- minst med CSS--

527
00:28:51,300 --> 00:28:53,360
hvordan du kan endre visse attributter.

528
00:28:53,360 --> 00:28:55,300
Det vil være super nyttig.

529
00:28:55,300 --> 00:28:58,852
>> Så selv om vi ikke gjør det
har noen preparerte ting,

530
00:28:58,852 --> 00:29:02,060
vi har slags noen gode fremgangsmåter
at vi ønsker dere å prøve og rette seg

531
00:29:02,060 --> 00:29:06,640
by-- eller rettere sagt, bør du
holde inntil videre.

532
00:29:06,640 --> 00:29:09,722
Så lukk alle kodene dine.

533
00:29:09,722 --> 00:29:12,930
Forhåpentligvis alle has-- vet du hva,
hvis dette ikke gir mening akkurat nå,

534
00:29:12,930 --> 00:29:15,388
Jeg lover at det vil være fornuftig
når vi koding opp på siden.

535
00:29:15,388 --> 00:29:16,680
Men lukke alle kodene dine.

536
00:29:16,680 --> 00:29:20,410
Så hvis du noen gang har noen
header som er brakett,

537
00:29:20,410 --> 00:29:24,180
H1, brakett, sørg for at
når du er ferdig med det,

538
00:29:24,180 --> 00:29:26,570
du lukker at spissen.

539
00:29:26,570 --> 00:29:30,260
Validere siden din med W3 Validator.

540
00:29:30,260 --> 00:29:34,689
Hvis du ikke lukker kodene dine,
du kan få uventet oppførsel.

541
00:29:34,689 --> 00:29:37,730
Det vil si at siden din er ugyldig
hvis du kjører det gjennom denne validator.

542
00:29:37,730 --> 00:29:41,000
Så når du er i doubt-- og spesielt
på denne ukens og neste ukes

543
00:29:41,000 --> 00:29:46,220
pset-- på samme måte som vi ber
deg å bruke sjekke 50 og style 50,

544
00:29:46,220 --> 00:29:49,130
du kunne tenke på dette
som en av dine sjekker, OK?

545
00:29:49,130 --> 00:29:51,950
>> Så hvis det ikke passerer W3 Validator.

546
00:29:51,950 --> 00:29:53,810
Det er noe vi vil forankre deg på.

547
00:29:53,810 --> 00:29:55,960
Eller jeg fortelle deg rett
nå, vil jeg forankre deg på.

548
00:29:55,960 --> 00:29:58,202
Så sørg for at den validerer.

549
00:29:58,202 --> 00:29:58,785
Det er ikke vanskelig.

550
00:29:58,785 --> 00:30:01,530
Du limer i koden din
og det vil heller si god jobb

551
00:30:01,530 --> 00:30:03,630
eller du mangler
noe på samme måte

552
00:30:03,630 --> 00:30:07,760
at stilen 50 forteller deg
hvor du får opp.

553
00:30:07,760 --> 00:30:11,360
>> Og så en siste ting
er du ønsker å skille

554
00:30:11,360 --> 00:30:15,980
markup, som er alt som HTML
eller teksten din, og din styling.

555
00:30:15,980 --> 00:30:19,420
Så vi vil gjøre et eksempel
av at rett etter dette.

556
00:30:19,420 --> 00:30:21,830
Så HTML og CSS skal være atskilt.

557
00:30:21,830 --> 00:30:26,030
Og vi kommer til å snakke om
MVC, som er Model View Controller,

558
00:30:26,030 --> 00:30:27,100
neste uke.

559
00:30:27,100 --> 00:30:29,360
Dere bør nok
lære om det i forelesningen

560
00:30:29,360 --> 00:30:32,130
i morgen hvis du hadde
allerede lært det i dag.

561
00:30:32,130 --> 00:30:34,250
>> Og det er bare slags
et paradigme som vi pleier

562
00:30:34,250 --> 00:30:37,460
å bruke når du oppretter web
sider for å skille ut ting.

563
00:30:37,460 --> 00:30:41,440
Du kan tenke på det på samme måte
at vi har en tendens til separate funksjoner i C

564
00:30:41,440 --> 00:30:43,360
hvor vi hash å finne ting.

565
00:30:43,360 --> 00:30:45,530
Det er bare en måte å
gjøre livet ditt enklere.

566
00:30:45,530 --> 00:30:51,790
Det skiller ut attributter eller kode som
du ville være å bruke om og om igjen,

567
00:30:51,790 --> 00:30:55,360
men på denne måte, det slag
av holder det fint og ryddig.

568
00:30:55,360 --> 00:30:58,260
Og hvis du ønsker å endre
en ting, endrer du det en gang

569
00:30:58,260 --> 00:31:00,150
og det er endret overalt ellers.

570
00:31:00,150 --> 00:31:05,010
Så det er mer for din
letthet og fleksibilitet.

571
00:31:05,010 --> 00:31:11,430
>> Så med CSS, det er veldig likt
til HTML, men i stedet for tagger

572
00:31:11,430 --> 00:31:15,120
at jeg nevnte akkurat nå, vi
bruker det som kalles velgere.

573
00:31:15,120 --> 00:31:21,900
Og de i utgangspunktet bare slags
av knytte en bestemt etikett

574
00:31:21,900 --> 00:31:24,620
i HTML med ulike attributter.

575
00:31:24,620 --> 00:31:29,060
Og når jeg sier attributter, mener jeg
ting som skriftfarge, skriftstil,

576
00:31:29,060 --> 00:31:32,694
fargen på bakgrunnen,
fargen på teksten din.

577
00:31:32,694 --> 00:31:33,610
Disse slags ting.

578
00:31:33,610 --> 00:31:36,270
Som hvis den er sentrert,
hvis det er av til høyre,

579
00:31:36,270 --> 00:31:39,430
hvis det er inverted-- alt
av disse kule ting.

580
00:31:39,430 --> 00:31:42,490
Eventuelle stilistiske ting
som du gjør i teksten,

581
00:31:42,490 --> 00:31:45,070
dette er hva jeg mener med attributter.

582
00:31:45,070 --> 00:31:50,140
>> Og deretter to viktigste tingene å vite er at
selectors-- to av hoved factors--

583
00:31:50,140 --> 00:31:53,090
er ID, som er unik.

584
00:31:53,090 --> 00:31:54,859
Du kan bare bruke det for en ting.

585
00:31:54,859 --> 00:31:56,400
Ellers kommer det til å kjefte på deg.

586
00:31:56,400 --> 00:31:59,970
Og når vi definerer det
i en CSS-fil, vil det

587
00:31:59,970 --> 00:32:03,182
være hash-ID og deretter
hvilke attributter vi ønsker.

588
00:32:03,182 --> 00:32:05,140
Jeg lover at vi kommer til å
går gjennom et eksempel.

589
00:32:05,140 --> 00:32:06,830
Det vil gjøre mye mer fornuftig.

590
00:32:06,830 --> 00:32:08,830
>> Klasse kan referere til flere blokker.

591
00:32:08,830 --> 00:32:13,400
Så du kan ha din
første og tredje ledd

592
00:32:13,400 --> 00:32:17,240
har samme slags attributter hvis
du forbinder dem med samme klasse.

593
00:32:17,240 --> 00:32:21,050
Og når vi definerer dem
i CSS, gjør vi en prikk klasse,

594
00:32:21,050 --> 00:32:25,710
med klassen blir uansett
du vil den skal bli navngitt.

595
00:32:25,710 --> 00:32:28,559
>> Så jeg vet at dette er riktig
nå svært abstrakt.

596
00:32:28,559 --> 00:32:29,850
Det er derfor vi kommer til å kode.

597
00:32:29,850 --> 00:32:32,060
Jeg vet dere elsker
det, og dere alle er

598
00:32:32,060 --> 00:32:34,210
kommer til å hjelpe meg fordi
Dette er nettsiden din.

599
00:32:34,210 --> 00:32:36,310
Dette er vår seksjon nettside, folkens.

600
00:32:36,310 --> 00:32:40,158
Så er det noen spørsmål før jeg
slå av PowerPoint, eller noe

601
00:32:40,158 --> 00:32:42,366
du vil ha meg til å bla tilbake
til før vi begynner koding?

602
00:32:42,366 --> 00:32:45,074
>> PUBLIKUM: Når du sier kamp koder,
mener du velgere eller koder?

603
00:32:45,074 --> 00:32:50,427

604
00:32:50,427 --> 00:32:53,010
ALLISON Buchholtz-AU: Du kan
tenk på dem som det samme.

605
00:32:53,010 --> 00:32:54,590
Det er bare forskjellige ord.

606
00:32:54,590 --> 00:32:56,460
Jeg mener, i likhet med velgere.

607
00:32:56,460 --> 00:32:59,470
Men velgere også kart til koder.

608
00:32:59,470 --> 00:33:02,800
Så du kan tenke på dem som
effektivt det samme.

609
00:33:02,800 --> 00:33:05,900
Jeg lover at det kommer til å gjøre
mer fornuftig når vi kode.

610
00:33:05,900 --> 00:33:08,400
Noe fra
PowerPoint eller spørsmål

611
00:33:08,400 --> 00:33:12,980
akkurat nå før vi faktisk
laste siden vår seksjon er?

612
00:33:12,980 --> 00:33:15,040
Alle klare?

613
00:33:15,040 --> 00:33:15,540
Cool.

614
00:33:15,540 --> 00:33:19,820

615
00:33:19,820 --> 00:33:24,760
>> Så jeg har en gang.

616
00:33:24,760 --> 00:33:27,030
La meg øke skrift for dere.

617
00:33:27,030 --> 00:33:29,810

618
00:33:29,810 --> 00:33:36,730
OK, så akkurat nå, vi har bare en
bare bones nettside her.

619
00:33:36,730 --> 00:33:38,360
>> Vi har noen HTML.

620
00:33:38,360 --> 00:33:41,050
Vi har noen header, som vi
se her som eksempel web-side.

621
00:33:41,050 --> 00:33:44,540
Noen tittelen, noen skrift.

622
00:33:44,540 --> 00:33:47,580
Dette er koder, OK?

623
00:33:47,580 --> 00:33:53,930
Så når jeg mener lukke kodene dine, ser vi
her denne braketten hodet er din åpning

624
00:33:53,930 --> 00:33:59,670
tag, og denne braketten
/ Head avsluttes det, OK?

625
00:33:59,670 --> 00:34:04,380
>> Så du kan tenke på dette som
tannregulering i din dersom forholdene

626
00:34:04,380 --> 00:34:05,420
eller etter looper.

627
00:34:05,420 --> 00:34:08,630
Hvis du har en i begynnelsen,
du vil ha en på slutten.

628
00:34:08,630 --> 00:34:13,500
Det vil fortsatt jobbe mesteparten av tiden
Hvis du ikke har en lukket tag,

629
00:34:13,500 --> 00:34:17,659
men beste praksis er lukke kodene dine.

630
00:34:17,659 --> 00:34:20,940
>> Så i dette tilfellet, la oss endre dette.

631
00:34:20,940 --> 00:34:24,150
Vi er nødt til seksjon syv.

632
00:34:24,150 --> 00:34:25,270
"§ webside."

633
00:34:25,270 --> 00:34:26,969
Så jeg bare kommer til å endre dette.

634
00:34:26,969 --> 00:34:32,100
>> Og hvis vi går over her, og vi
reload-- må lagre og reload--

635
00:34:32,100 --> 00:34:36,750
Vi merker at her oppe
det endret seg, ikke sant?

636
00:34:36,750 --> 00:34:38,250
Cool.

637
00:34:38,250 --> 00:34:39,380
Så dette endrer tittelen.

638
00:34:39,380 --> 00:34:41,920
Dette er hva som står på fanen.

639
00:34:41,920 --> 00:34:43,870
>> Så dette er slags
ser litt kjedelig.

640
00:34:43,870 --> 00:34:44,870
Jeg vet ikke om gutta.

641
00:34:44,870 --> 00:34:46,810
Jeg tror vi vil ha noe annet her.

642
00:34:46,810 --> 00:34:51,900
>> Så det vi kan gjøre er
header er bare der.

643
00:34:51,900 --> 00:34:54,320
La oss gjøre noen form for kroppen.

644
00:34:54,320 --> 00:34:56,550
Så vi har litt kropp her.

645
00:34:56,550 --> 00:35:01,360
Jeg gjør alltid åpen og
lukker koder for å starte,

646
00:35:01,360 --> 00:35:04,850
på samme måte som jeg gjør tannregulering.

647
00:35:04,850 --> 00:35:06,326
Ah.

648
00:35:06,326 --> 00:35:09,010
Vent, hva?

649
00:35:09,010 --> 00:35:10,949
>> PUBLIKUM: [uhørlig].

650
00:35:10,949 --> 00:35:11,990
ALLISON Buchholtz-AU: Ah.

651
00:35:11,990 --> 00:35:13,895
Dere fikk meg.

652
00:35:13,895 --> 00:35:14,930
God jobb.

653
00:35:14,930 --> 00:35:16,270
Gullstjerne.

654
00:35:16,270 --> 00:35:20,300
>> OK, så vi har litt kropp her.

655
00:35:20,300 --> 00:35:22,920
Og la oss nå begynne å legge litt tekst.

656
00:35:22,920 --> 00:35:26,110
Så har du et par forskjellige
muligheter for å legge til tekst.

657
00:35:26,110 --> 00:35:29,380
Vi har ting som overskrifter.

658
00:35:29,380 --> 00:35:32,144
Vi har bare vanlig tekst.

659
00:35:32,144 --> 00:35:33,560
Så la oss bare starte med en heading.

660
00:35:33,560 --> 00:35:36,670
Egentlig, hvis dere vil
å trekke opp W3 School HTML,

661
00:35:36,670 --> 00:35:38,860
du kan slags se deg rundt
og hvis det er noe

662
00:35:38,860 --> 00:35:42,470
spesielt at du ønsker å prøve ut
med denne nettsiden, kan vi gjøre det.

663
00:35:42,470 --> 00:35:46,250
Så i dette tilfellet, la oss bare gjøre noen h1.

664
00:35:46,250 --> 00:35:48,710
Så h1 er som den høyeste spissen.

665
00:35:48,710 --> 00:35:52,260
Det vil gi deg noe
som er veldig stor og fet.

666
00:35:52,260 --> 00:35:58,010
>> Og i dette tilfellet, hva gjør vi ønsker
for første tekst på vår web-side?

667
00:35:58,010 --> 00:35:58,640
Noe.

668
00:35:58,640 --> 00:35:59,800
Dere kommer til å lage dette.

669
00:35:59,800 --> 00:36:00,758
Jeg bare kommer til å skrive.

670
00:36:00,758 --> 00:36:01,620
PUBLIKUM: Velkommen.

671
00:36:01,620 --> 00:36:02,870
>> ALLISON Buchholtz-AU: Velkommen.

672
00:36:02,870 --> 00:36:06,660

673
00:36:06,660 --> 00:36:12,620
OK, så hvis vi lagre den og vi laste,
vi har en stor stor velkommen.

674
00:36:12,620 --> 00:36:17,365
Så bare så du kan se
forskjeller, la oss gjøre noe på H6.

675
00:36:17,365 --> 00:36:18,490
Hva vil vi her?

676
00:36:18,490 --> 00:36:24,951

677
00:36:24,951 --> 00:36:27,440
Høyre?

678
00:36:27,440 --> 00:36:30,356
>> OK, så det er bare slik at du kan
se forskjellen.

679
00:36:30,356 --> 00:36:31,990
Ja, Sublime.

680
00:36:31,990 --> 00:36:34,680
Så hvis du legger merke til, h1, veldig, veldig stort.

681
00:36:34,680 --> 00:36:39,030
h6, som fet, men mye mindre,
og du har alt i mellom.

682
00:36:39,030 --> 00:36:41,550
Så du kan ha h2, h3, h4.

683
00:36:41,550 --> 00:36:43,750
Og dette er bare overskrifter,
så hvis du prøver

684
00:36:43,750 --> 00:36:46,010
å lage en web-side som
har forskjellige seksjoner,

685
00:36:46,010 --> 00:36:48,810
kanskje du vil bruke
overskrifter i der et sted.

686
00:36:48,810 --> 00:36:49,580
>> Cool.

687
00:36:49,580 --> 00:36:53,270
Så vi vil legge litt mer
ting i kroppen vår.

688
00:36:53,270 --> 00:36:58,380
Jeg ser at det ville være snill
kult om vi hadde et bilde.

689
00:36:58,380 --> 00:37:02,840
Jeg føler at alle kunne bruke kanskje
en søt kanin bilde rett om nå,

690
00:37:02,840 --> 00:37:05,082
så vi kommer til å finne
en bunny bilde først.

691
00:37:05,082 --> 00:37:10,010

692
00:37:10,010 --> 00:37:12,960
>> Jeg vet ikke om dere har noen
preferanser på hvilken som vi ønsker.

693
00:37:12,960 --> 00:37:14,890
Har du noen preferanser?

694
00:37:14,890 --> 00:37:15,925
Denne her?

695
00:37:15,925 --> 00:37:17,160
Down.

696
00:37:17,160 --> 00:37:17,750
OK.

697
00:37:17,750 --> 00:37:18,760
At man er det.

698
00:37:18,760 --> 00:37:20,080
Gode ​​valg.

699
00:37:20,080 --> 00:37:21,850
>> OK, så vi kommer til å se vår image.

700
00:37:21,850 --> 00:37:22,920
Se på det.

701
00:37:22,920 --> 00:37:24,250
Se på den søte ting.

702
00:37:24,250 --> 00:37:27,080
Hvordan kunne du være trist
på en mandag med dette?

703
00:37:27,080 --> 00:37:30,180
>> Så vi skal bare
å kopiere bildet URL.

704
00:37:30,180 --> 00:37:38,720
Og hva vi ønsker å gjøre er, la oss bare
si at vi har noen p for ledd.

705
00:37:38,720 --> 00:37:41,140
Vi kommer til å si "Se
se på den søte kaninen.

706
00:37:41,140 --> 00:37:44,130
d'awwww. "

707
00:37:44,130 --> 00:37:44,880
Jeg elsker mine kaniner.

708
00:37:44,880 --> 00:37:45,838
Jeg har en kanin hjemme.

709
00:37:45,838 --> 00:37:48,085
Jeg savner min bunny.

710
00:37:48,085 --> 00:37:50,460
Så hva vi skal do--
Jeg vet ikke om dere vil

711
00:37:50,460 --> 00:37:55,970
å google dette-- men med HTML,
hvordan kan du ta med et bilde?

712
00:37:55,970 --> 00:37:58,355
Bokstavelig talt, hvis du google
"Inkluderer image HTML,"

713
00:37:58,355 --> 00:38:00,480
Hvorfor forteller ikke dere meg
hva denne taggen skal være?

714
00:38:00,480 --> 00:38:05,150

715
00:38:05,150 --> 00:38:06,290
>> PUBLIKUM: img source--

716
00:38:06,290 --> 00:38:07,767
>> ALLISON Buchholtz-AU: img source--

717
00:38:07,767 --> 00:38:08,600
PUBLIKUM: --equals--

718
00:38:08,600 --> 00:38:09,000
ALLISON Buchholtz-AU: --equals--

719
00:38:09,000 --> 00:38:10,181
PUBLIKUM: --quote-- ja.

720
00:38:10,181 --> 00:38:11,430
ALLISON Buchholtz-AU: Perfect.

721
00:38:11,430 --> 00:38:12,090
Lovely.

722
00:38:12,090 --> 00:38:15,470
Se, MySpace generasjon, ikke sant?

723
00:38:15,470 --> 00:38:16,220
Målgruppe: Neopets.

724
00:38:16,220 --> 00:38:17,470
ALLISON Buchholtz-AU: Neopets.

725
00:38:17,470 --> 00:38:18,950
Oh, OK.

726
00:38:18,950 --> 00:38:20,200
Wow.

727
00:38:20,200 --> 00:38:21,260
Det har vært gal.

728
00:38:21,260 --> 00:38:23,120
OK.

729
00:38:23,120 --> 00:38:25,600
>> Så sørg for at jeg får denne retten.

730
00:38:25,600 --> 00:38:26,100
Cool.

731
00:38:26,100 --> 00:38:27,750
Så dette bør være her.

732
00:38:27,750 --> 00:38:34,146
Og så hvis vi laste, har vi vår
Sprett på siden Er ikke dette bedårende?

733
00:38:34,146 --> 00:38:35,030
>> Dette er så søt.

734
00:38:35,030 --> 00:38:36,860
Du valgte en stor, flott bilde.

735
00:38:36,860 --> 00:38:38,180
Jeg grave den.

736
00:38:38,180 --> 00:38:41,350
>> OK, så vi har denne bedårende kanin nå.

737
00:38:41,350 --> 00:38:44,590
Vi var i stand til å legge til en
image, akkurat sånn.

738
00:38:44,590 --> 00:38:47,550
Så i utgangspunktet hvis det er noen bilde
du ønsker å legge til din nettside,

739
00:38:47,550 --> 00:38:49,430
kan du legge det akkurat som dette.

740
00:38:49,430 --> 00:38:52,910
En annen ting ville være hvis
du har bildet lagret

741
00:38:52,910 --> 00:38:55,670
i samme mappe som
denne filen, kan du bare

742
00:38:55,670 --> 00:38:59,595
skrive hva navnet på det bildet
er stedet for å ha en web-link.

743
00:38:59,595 --> 00:39:01,010
>> Det vil fortsatt være i anførselstegn.

744
00:39:01,010 --> 00:39:03,700
Det ville bare være som
hvis vi hadde kalt dette--

745
00:39:03,700 --> 00:39:06,695
hvis dette bildet hadde blitt frelst
i mappen med denne HTML-fil

746
00:39:06,695 --> 00:39:08,570
at jeg redigerer og det
ble kalt bunny.jpg.

747
00:39:08,570 --> 00:39:11,289

748
00:39:11,289 --> 00:39:13,080
Vi kan også gjøre at
og det ville dukke opp.

749
00:39:13,080 --> 00:39:16,600
Men jeg har ikke dette lagres i
filen og jeg ønsker å holde kaninen,

750
00:39:16,600 --> 00:39:18,092
så vi kommer til å holde koblingen.

751
00:39:18,092 --> 00:39:20,720
>> PUBLIKUM: Hva er rabbit.org?

752
00:39:20,720 --> 00:39:22,980
>> ALLISON Buchholtz-AU: rabbit.org.

753
00:39:22,980 --> 00:39:25,170
Det er en appropriate--
ser, kan du adoptere den.

754
00:39:25,170 --> 00:39:25,770
Adopsjon.

755
00:39:25,770 --> 00:39:27,690
bunny.jpg.

756
00:39:27,690 --> 00:39:29,190
Jeg ønsker å adoptere denne bunny.

757
00:39:29,190 --> 00:39:31,180
Åh, gud, det er så søt.

758
00:39:31,180 --> 00:39:34,230
>> OK, så vi har lagt til overskrifter.

759
00:39:34,230 --> 00:39:35,500
Vi har lagt til et bilde.

760
00:39:35,500 --> 00:39:37,760
Selvfølgelig, la vi
litt tekst her, ikke sant?

761
00:39:37,760 --> 00:39:40,920
Hvis vi ønsket å legge til andre
tekster, vi ville gå som dette.

762
00:39:40,920 --> 00:39:43,760
Så dette er et annet ledd.

763
00:39:43,760 --> 00:39:49,070
>> Og vi sier "dette er en annen paragraf."

764
00:39:49,070 --> 00:39:52,510
Også, jeg er en fryktelig stavekontroll,
så jeg kan feilstave ting.

765
00:39:52,510 --> 00:39:54,930
Bare så dere vet det.

766
00:39:54,930 --> 00:39:58,450
>> Så vi har en annen
avsnitt her, ikke sant?

767
00:39:58,450 --> 00:40:02,190
Så kanskje du ønsker å gjøre noe
litt mer interessant enn bare

768
00:40:02,190 --> 00:40:04,640
har all teksten, som høyrejustert.

769
00:40:04,640 --> 00:40:08,490
Kanskje du ønsker å sentrere teksten din, OK?

770
00:40:08,490 --> 00:40:11,820
>> Så hvis noen ønsker å bruke disse
hendige datamaskiner foran deg

771
00:40:11,820 --> 00:40:19,034
og fortelle meg hvor du er
kommer til å sentrere denne teksten,

772
00:40:19,034 --> 00:40:20,300
>> PUBLIKUM: p align.

773
00:40:20,300 --> 00:40:24,834
>> ALLISON Buchholtz-AU: So
p align lik "center".

774
00:40:24,834 --> 00:40:25,750
Han dreper det, folkens.

775
00:40:25,750 --> 00:40:28,240
Y'all trenger å gå opp.

776
00:40:28,240 --> 00:40:36,042
Og vi har "Dette er sentrert."

777
00:40:36,042 --> 00:40:37,500
Og nå har vi noe sentrert.

778
00:40:37,500 --> 00:40:39,380
>> På samme måte, hvis du
ønsker det venstrejustert,

779
00:40:39,380 --> 00:40:42,020
du kan gjøre for justering av likemenn
venstre, lik Høyrejustér.

780
00:40:42,020 --> 00:40:42,850
Helt opp til deg.

781
00:40:42,850 --> 00:40:55,580
Hvis jeg gjorde rett her, så dette
should-- nå er det riktig justert.

782
00:40:55,580 --> 00:40:57,020
>> PUBLIKUM: Allison?

783
00:40:57,020 --> 00:41:00,884
Av bildekilde, hvorfor er ikke
det tett av img kilde?

784
00:41:00,884 --> 00:41:02,050
ALLISON Buchholtz-AU: Beklager.

785
00:41:02,050 --> 00:41:05,300
Det man bør være
det Nå er du god.

786
00:41:05,300 --> 00:41:06,026
Nå er vi godt.

787
00:41:06,026 --> 00:41:08,150
PUBLIKUM: Har du ikke
å lukke den der, eller ikke?

788
00:41:08,150 --> 00:41:11,450
ALLISON Buchholtz-AU: Vel, så img
kilde, er dette en just-- med bilde,

789
00:41:11,450 --> 00:41:17,110
det er bare sett på som ett element, mens
hvis du merker for resten av disse,

790
00:41:17,110 --> 00:41:22,106
vi har noen tag deretter informasjon som
det gjelder, og deretter en avsluttende koden.

791
00:41:22,106 --> 00:41:24,480
Men med bilde, alt er
bare slags selvforsynt.

792
00:41:24,480 --> 00:41:28,540

793
00:41:28,540 --> 00:41:29,040
Cool.

794
00:41:29,040 --> 00:41:33,530
Så dere vet hvordan du oppretter en
header, vet du hvordan du skal skrive inn tekst,

795
00:41:33,530 --> 00:41:37,060
du vet hvordan å sette et bilde
i nå, kan du justere ting.

796
00:41:37,060 --> 00:41:39,940

797
00:41:39,940 --> 00:41:42,590
>> En annen ting som du
kanskje vil være i stand til å gjøre

798
00:41:42,590 --> 00:41:47,649
er å lage en liste i CS-- vi er
slags går inn i neste ukes PSet.

799
00:41:47,649 --> 00:41:49,440
Ting som vi
vanligvis underviser denne uken

800
00:41:49,440 --> 00:41:51,480
går veldig bra med
neste ukes PSet, så vi er

801
00:41:51,480 --> 00:41:54,250
slags blanding, overlappende ting her.

802
00:41:54,250 --> 00:41:56,290
Men det vil være nyttig for neste uke.

803
00:41:56,290 --> 00:42:02,500
>> Så hvis vi ønsket å lage noen
liste, hvordan kan vi gjøre det?

804
00:42:02,500 --> 00:42:03,760
Du kan ikke svare på denne tiden.

805
00:42:03,760 --> 00:42:04,700
Noen andre må.

806
00:42:04,700 --> 00:42:07,290

807
00:42:07,290 --> 00:42:09,440
Det er ikke vanskelig, folkens, lover.

808
00:42:09,440 --> 00:42:13,090
Google "sorterte liste HTML."

809
00:42:13,090 --> 00:42:14,076
Hva var det?

810
00:42:14,076 --> 00:42:16,244
>> PUBLIKUM: [uhørlig].

811
00:42:16,244 --> 00:42:17,410
ALLISON Buchholtz-AU: Høyre.

812
00:42:17,410 --> 00:42:20,490
Så vi vil ha bestilt eller uordnet?

813
00:42:20,490 --> 00:42:21,500
La oss gjøre en uordnet.

814
00:42:21,500 --> 00:42:25,240
Så vi har litt ul, som
står for uordnet liste.

815
00:42:25,240 --> 00:42:27,997
Og hva har vi for hvert element?

816
00:42:27,997 --> 00:42:29,080
Betyr det trenger sin egen tag?

817
00:42:29,080 --> 00:42:30,556
Kan vi bare begynne å skrive ting?

818
00:42:30,556 --> 00:42:31,330
>> PUBLIKUM: li.

819
00:42:31,330 --> 00:42:32,826
>> ALLISON Buchholtz-AU: li.

820
00:42:32,826 --> 00:42:34,785
Så hva er vår liste kommer til å være?

821
00:42:34,785 --> 00:42:37,050
Hva vil vi her?

822
00:42:37,050 --> 00:42:38,190
Vi bare gjør navn.

823
00:42:38,190 --> 00:42:39,250
Bare gjør Jacob.

824
00:42:39,250 --> 00:42:40,340
>> PUBLIKUM: Rabbit matvarer.

825
00:42:40,340 --> 00:42:40,990
>> ALLISON Buchholtz-AU: Rabbit matvarer.

826
00:42:40,990 --> 00:42:41,910
OK Jeg liker dette.

827
00:42:41,910 --> 00:42:42,520
Rabbit matvarer.

828
00:42:42,520 --> 00:42:44,440
>> OK, så vi har gulrøtter.

829
00:42:44,440 --> 00:42:46,640
Jeg liker denne kaninen tema.

830
00:42:46,640 --> 00:42:48,024
Jeg graver det mye.

831
00:42:48,024 --> 00:42:50,440
PUBLIKUM: Egentlig tenkte jeg
at Jacob ville være en legit.

832
00:42:50,440 --> 00:42:51,606
ALLISON Buchholtz-AU: Jacob?

833
00:42:51,606 --> 00:42:53,120
Jacob er kanin mat.

834
00:42:53,120 --> 00:42:55,310
Hvis du så Jakobs
bilde fra kontortiden,

835
00:42:55,310 --> 00:42:56,850
du kan ha trodd han fikk
angrepet av en morder kanin.

836
00:42:56,850 --> 00:42:58,099
>> PUBLIKUM: Jeg har en kanin nå.

837
00:42:58,099 --> 00:42:59,710
Jeg har en killer kanin nå.

838
00:42:59,710 --> 00:43:00,540
>> ALLISON Buchholtz-AU:
Tuller du meg?

839
00:43:00,540 --> 00:43:02,081
>> PUBLIKUM: Jeg skal ta det neste avsnitt.

840
00:43:02,081 --> 00:43:02,990
Jeg har det.

841
00:43:02,990 --> 00:43:04,240
>> ALLISON Buchholtz-AU:
Dette er latterlig.

842
00:43:04,240 --> 00:43:04,730
Uansett.

843
00:43:04,730 --> 00:43:05,510
>> PUBLIKUM: [uhørbart]

844
00:43:05,510 --> 00:43:07,510
>> PUBLIKUM: Ja, min Proctor
har en kanin i tillegg.

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> ALLISON Buchholtz-AU: Jeg vil ha en kanin.

847
00:43:11,580 --> 00:43:15,415
OK, den som bringer en ekte kanin til
neste del, totalt brownie poeng.

848
00:43:15,415 --> 00:43:16,290
PUBLIKUM: [uhørbart]

849
00:43:16,290 --> 00:43:16,943
PUBLIKUM: Å, det er ikke ekte.

850
00:43:16,943 --> 00:43:17,910
Det er en utstoppa kanin.

851
00:43:17,910 --> 00:43:18,855
>> ALLISON Buchholtz-AU: Oh
yeah, kan vi lukke disse.

852
00:43:18,855 --> 00:43:20,174
Ser rad.

853
00:43:20,174 --> 00:43:21,590
PUBLIKUM: Spiller det egentlig noen rolle?

854
00:43:21,590 --> 00:43:23,465
ALLISON Buchholtz-AU: Det gjør ikke det.

855
00:43:23,465 --> 00:43:25,590
Med de fleste av disse tingene,
du ikke lukke tag,

856
00:43:25,590 --> 00:43:28,750
99% av tiden ikke noe dårlig skjer
til å skje, men det er god stil, også.

857
00:43:28,750 --> 00:43:30,250
Så Jacob.

858
00:43:30,250 --> 00:43:31,864
Og vi har salat.

859
00:43:31,864 --> 00:43:33,655
PUBLIKUM: For lenker,
det er veldig viktig.

860
00:43:33,655 --> 00:43:34,696
ALLISON Buchholtz-AU: Hm?

861
00:43:34,696 --> 00:43:35,890
PUBLIKUM: For hyperkoblinger.

862
00:43:35,890 --> 00:43:37,431
ALLISON Buchholtz-AU: For hyperkoblinger.

863
00:43:37,431 --> 00:43:38,610
Ja, hyperkoblinger trenger det.

864
00:43:38,610 --> 00:43:40,770
OK, så la oss se her.

865
00:43:40,770 --> 00:43:44,810
Og vi har tett av vår liste.

866
00:43:44,810 --> 00:43:46,635
Og vi ser på det.

867
00:43:46,635 --> 00:43:49,680
Vi har alle-- Jacob, akkurat der.

868
00:43:49,680 --> 00:43:52,310
Kanin mat.

869
00:43:52,310 --> 00:43:54,000
Minner meg om Bunnicula.

870
00:43:54,000 --> 00:43:55,234
>> PUBLIKUM: [uhørbart]

871
00:43:55,234 --> 00:43:58,400
ALLISON Buchholtz-AU: jeg bringe tilbake
all den gamle skolen referanser i dag,

872
00:43:58,400 --> 00:43:59,130
er jeg ikke?

873
00:43:59,130 --> 00:44:01,210
Bare alle de gamle skole referanser.

874
00:44:01,210 --> 00:44:05,767
Burde ha tatt ut
Gogurts eller noe for snacks.

875
00:44:05,767 --> 00:44:07,079
>> PUBLIKUM: Eller gushers.

876
00:44:07,079 --> 00:44:08,120
ALLISON Buchholtz-AU: Oh.

877
00:44:08,120 --> 00:44:08,620
OK.

878
00:44:08,620 --> 00:44:10,920
Jeg får se om jeg kan spore
ned gushers for neste uke.

879
00:44:10,920 --> 00:44:11,980
Jeg tror jeg kan gjøre det.

880
00:44:11,980 --> 00:44:13,980
Jeg tror vi kan ha
noen på kontoret.

881
00:44:13,980 --> 00:44:18,570
>> OK, så vi har dekket mye forskjellig
ting du kan gjøre med HTML, ikke sant?

882
00:44:18,570 --> 00:44:23,910
Og som du kan sikkert se, er det
nothing-- forhåpentligvis ikke altfor intim--

883
00:44:23,910 --> 00:44:25,750
hvis det er, jeg mener ikke
å bagatellisere noen.

884
00:44:25,750 --> 00:44:29,090
Hvis du har problemer,
kan du komme å snakke med meg.

885
00:44:29,090 --> 00:44:31,340
>> Men det meste av det er bare
se på syntaksen, ikke sant?

886
00:44:31,340 --> 00:44:34,180
Hvis du ønsker en uordnet liste,
Hvis du ønsker noen form for liste,

887
00:44:34,180 --> 00:44:38,450
Hvis du ønsker å justere noe eller
format noe, det handler om bare

888
00:44:38,450 --> 00:44:42,080
slags ser opp
syntaks for HTML, ikke sant?

889
00:44:42,080 --> 00:44:44,720
Og en ting som er
ganske kult faktisk

890
00:44:44,720 --> 00:44:51,360
er hvis du går to-- la oss se,
hva er en fin nettside som vi liker?

891
00:44:51,360 --> 00:44:54,920
Noen som har noen favoritt nettsteder
som er OK å bringe opp på nettet?

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
Vet du hva, la oss bare gjøre CS50.

894
00:44:58,840 --> 00:45:01,800
Det er hyggelig og trygt, ikke sant?

895
00:45:01,800 --> 00:45:03,060
>> OK, så CS50 her.

896
00:45:03,060 --> 00:45:05,540
Å se, det er en del akkurat nå.

897
00:45:05,540 --> 00:45:07,113
Hvis du liker hvordan den ser ut.

898
00:45:07,113 --> 00:45:08,030
>> PUBLIKUM: [uhørlig].

899
00:45:08,030 --> 00:45:10,696
ALLISON Buchholtz-AU: Vi er ikke
kommer til å gjøre meta-delen, folkens.

900
00:45:10,696 --> 00:45:11,560
Det skjer ikke.

901
00:45:11,560 --> 00:45:14,540
Det ville vært kult, men
vi kommer ikke til å gjøre det.

902
00:45:14,540 --> 00:45:17,040
>> Så hva gjør du kunne
gjøre hvis du liker måten

903
00:45:17,040 --> 00:45:21,390
dette fungerer er at du kan alltid rett
klikk på en hvilken som helst nettside som du liker

904
00:45:21,390 --> 00:45:23,660
og du kan gjøre Vis sidekilde.

905
00:45:23,660 --> 00:45:26,030
Det vil få opp all HTML.

906
00:45:26,030 --> 00:45:30,800
Og dette er faktisk en virkelig god
måte å style din egen nettside.

907
00:45:30,800 --> 00:45:33,640
Gå til en nettside som du
virkelig liker og se på HTML

908
00:45:33,640 --> 00:45:35,430
og finne ut hvordan de gjorde det.

909
00:45:35,430 --> 00:45:39,280
>> Og bokstavelig talt, så lenge
som du sitere ting,

910
00:45:39,280 --> 00:45:41,940
så lenge du ikke er bare
stjele fra folk, er det OK.

911
00:45:41,940 --> 00:45:43,890
Spesielt for CS50
[? finansiere?], er vi

912
00:45:43,890 --> 00:45:46,950
slags forventer du å få
inspirasjon fra andre nettsider.

913
00:45:46,950 --> 00:45:48,070
Så gjerne.

914
00:45:48,070 --> 00:45:51,360
Se gjennom nettsteder som
tror du er veldig pen

915
00:45:51,360 --> 00:45:54,870
og finne ut hvordan de bruker
HTML og CSS for å gjøre disse tingene.

916
00:45:54,870 --> 00:45:59,860
>> Så som du ser her, er det åpenbart
som lenker, og vi har en klasse her.

917
00:45:59,860 --> 00:46:00,950
Vi har en link her.

918
00:46:00,950 --> 00:46:03,100
Vi har en liste.

919
00:46:03,100 --> 00:46:05,370
Vi sannsynligvis har noen
bilder i her et sted.

920
00:46:05,370 --> 00:46:08,332
>> Vi har fått noen kule stilen her.

921
00:46:08,332 --> 00:46:10,040
Dette er den neste tingen
vi kommer til å gjøre.

922
00:46:10,040 --> 00:46:14,580
Så stil, når du ser disse
stil parentes, er det CSS utgangspunktet.

923
00:46:14,580 --> 00:46:15,880
Ben, hadde du et spørsmål?

924
00:46:15,880 --> 00:46:16,880
>> PUBLIKUM: Hva er div?

925
00:46:16,880 --> 00:46:20,039
>> ALLISON Buchholtz-AU: div
er bare a-- hva er div?

926
00:46:20,039 --> 00:46:20,830
PUBLIKUM: Division.

927
00:46:20,830 --> 00:46:22,121
ALLISON Buchholtz-AU: Division.

928
00:46:22,121 --> 00:46:25,960
Ja, det er akkurat som
skille ulike elementer.

929
00:46:25,960 --> 00:46:28,650
OK, så her er hva vi er
kommer til å gå inn i neste.

930
00:46:28,650 --> 00:46:31,550
Så dette er kanskje ikke den beste
stilen fordi, hvis du oppdager

931
00:46:31,550 --> 00:46:37,681
vi har HTML og stil på samme side,
og vi faktisk ønsker å skille dem,

932
00:46:37,681 --> 00:46:38,180
OK?

933
00:46:38,180 --> 00:46:41,620
Og faktisk, la meg
åpne opp min rette

934
00:46:41,620 --> 00:46:45,990
fordi dette er ment å være
PDF-filen, så vi har style.css.

935
00:46:45,990 --> 00:46:51,210
>> Så hva kan vi gjøre her er disse
er kule ting som noen fade

936
00:46:51,210 --> 00:46:55,550
og vi kunne prøve og gjøre det, men jeg føler
som jeg ville rote det opp på sparket,

937
00:46:55,550 --> 00:46:58,520
så jeg oppfordrer dere til
gå prøve det på egen hånd,

938
00:46:58,520 --> 00:47:00,310
men jeg kommer ikke til å gjøre det akkurat nå.

939
00:47:00,310 --> 00:47:03,790
Så hvis dere, husker,
hvis du noen gang truffet problem sett,

940
00:47:03,790 --> 00:47:05,584
noe swoops inn fra siden.

941
00:47:05,584 --> 00:47:08,000
Det har å gjøre med fade og
overgangen og whatnot.

942
00:47:08,000 --> 00:47:09,630
>> PUBLIKUM: Og det er alt CSS og HTML?

943
00:47:09,630 --> 00:47:11,460
>> ALLISON Buchholtz-AU: All CSS og HTML.

944
00:47:11,460 --> 00:47:12,420
Yeah.

945
00:47:12,420 --> 00:47:17,720
Så du kan gjøre mye av virkelig
kule ting med CSS og HTML.

946
00:47:17,720 --> 00:47:22,280
Så med vår awesome
Bunny nettside her, vi

947
00:47:22,280 --> 00:47:25,240
kommer til å gjøre litt
litt av CSS styling med det.

948
00:47:25,240 --> 00:47:28,850
>> Så hvis du noen gang har en stil
ark, som vi har her,

949
00:47:28,850 --> 00:47:30,550
du kan bare ringe style.css.

950
00:47:30,550 --> 00:47:32,090
Du kan kalle det hva du vil.

951
00:47:32,090 --> 00:47:37,110
Det viktigste er at vi kommer
å referere til den på vår web.html her.

952
00:47:37,110 --> 00:47:41,670
>> Så hva vi skal gjøre er
we-- så jeg ikke rotet dette opp--

953
00:47:41,670 --> 00:47:46,180
vi kommer til å knytte
disse to filer sammen.

954
00:47:46,180 --> 00:47:49,340
Så i samme måte-- jeg kommer
å trekke en analogi til C her.

955
00:47:49,340 --> 00:47:53,510
På samme måte som hvis du
noen library-- og vi har cs50.h--

956
00:47:53,510 --> 00:47:55,520
vår kompilatoren knytter det.

957
00:47:55,520 --> 00:47:58,040
Dette er bare en eksplisitt
linken på vår side.

958
00:47:58,040 --> 00:48:01,840
Så på samme måte som vi gjør
hash inkluderer noen fil, hva

959
00:48:01,840 --> 00:48:06,890
Jeg er i ferd med å skrive er bare
HTML / CSS tilsvarer det.

960
00:48:06,890 --> 00:48:11,970
>> Vi er bare å si: OK, denne nettsiden
kommer til å bruke dette stilarket, OK?

961
00:48:11,970 --> 00:48:23,360
Så vi har link rel lik stilark.

962
00:48:23,360 --> 00:48:30,870
Og så har vi type, css.

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
Og så href verdige.

965
00:48:37,060 --> 00:48:41,910

966
00:48:41,910 --> 00:48:42,860
>> OK.

967
00:48:42,860 --> 00:48:45,680
Så alt dette gjorde her er at du kan
tenke på dette som det samme

968
00:48:45,680 --> 00:48:47,550
som en hash inkludere.

969
00:48:47,550 --> 00:48:53,450
Tydeligvis det ser litt mer
komplisert, men i alle tilfeller

970
00:48:53,450 --> 00:48:55,370
det er effektivt det samme.

971
00:48:55,370 --> 00:49:00,940
Så dette er bare noen kobling av en
style sheet, det er av typen text / css,

972
00:49:00,940 --> 00:49:02,875
og navnet på den er style.css.

973
00:49:02,875 --> 00:49:05,560
>> Hva er viktig å vite
er at nettsiden

974
00:49:05,560 --> 00:49:09,155
at jeg jobber riktig now-- web.html
og style.css-- er i samme mappe.

975
00:49:09,155 --> 00:49:14,740
Fordi i forskjellige mapper,
du trenger for å gi selve roten

976
00:49:14,740 --> 00:49:17,480
til det eller stien til den.

977
00:49:17,480 --> 00:49:20,620
Men i dette tilfellet, vi holde den
super enkelt og det kommer til å være her.

978
00:49:20,620 --> 00:49:26,730
Så hvis vi gjør det, jeg har noen
ting allerede i kø her.

979
00:49:26,730 --> 00:49:31,680
>> Så vi har noen kropp, som kommer
å ha vår bakgrunnsfarge, noe som

980
00:49:31,680 --> 00:49:33,320
akkurat nå er lys blå.

981
00:49:33,320 --> 00:49:36,850
Vi kan endre det hvis vi vil, men
hvis jeg husker dette riktig,

982
00:49:36,850 --> 00:49:39,270
det skal bare endre det til lys blå.

983
00:49:39,270 --> 00:49:42,050
Og nå har vi en lys blå bakgrunn.

984
00:49:42,050 --> 00:49:47,490
Og vi hadde her-- kan noen huske
hvilken som er hash-ID eller klasse?

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> PUBLIKUM: ID.

987
00:49:51,080 --> 00:49:51,800
>> ALLISON Buchholtz-AU: ID.

988
00:49:51,800 --> 00:49:52,420
Cool.

989
00:49:52,420 --> 00:49:58,920
Så det vi ønsker å gjøre
er hvilke av disse skriftene

990
00:49:58,920 --> 00:50:01,534
eller which-- ønsker vi "Se på
den søte kaninen "for å være lilla?

991
00:50:01,534 --> 00:50:02,950
Jeg tror vi vil at dette skal være lilla.

992
00:50:02,950 --> 00:50:04,640
Jeg er ganske ned med at det å være lilla.

993
00:50:04,640 --> 00:50:08,790
>> Så det du gjør er at du gjør
ID equals-- i dette tilfellet

994
00:50:08,790 --> 00:50:13,630
Jeg sa hva, pen farge her.

995
00:50:13,630 --> 00:50:14,780
Vi lesse.

996
00:50:14,780 --> 00:50:17,460
Plutselig er det lilla.

997
00:50:17,460 --> 00:50:20,680
OK, så med ID, må du huske
det må være unikt,

998
00:50:20,680 --> 00:50:24,370
så jeg skal aldri være å bruke
Dette ID noe annet sted.

999
00:50:24,370 --> 00:50:27,760
Men med klassen, som vi har
her med en pen font,

1000
00:50:27,760 --> 00:50:30,300
Jeg burde være i stand til å bruke
som hvor som helst jeg vil.

1001
00:50:30,300 --> 00:50:33,160
>> Så la oss gjøre dette her.

1002
00:50:33,160 --> 00:50:41,100
Så vi kan si at klassen er lik pen font.

1003
00:50:41,100 --> 00:50:46,190
Og hvis vi ser nå, har vi
denne kule pen font her.

1004
00:50:46,190 --> 00:50:49,160
Så kanskje jeg ønsker å gjøre begge deler.

1005
00:50:49,160 --> 00:50:52,786
OK, jeg faktisk ikke vet om dette er
kommer til å fungere, men jeg ønsker å prøve det.

1006
00:50:52,786 --> 00:50:54,410
Og dette er hvordan du lærer CSS og HTML.

1007
00:50:54,410 --> 00:50:55,660
Du er som, du vet
hva, ønsker jeg å prøve dette.

1008
00:50:55,660 --> 00:50:56,430
Jeg er ikke sikker på om det kommer til å fungere.

1009
00:50:56,430 --> 00:50:57,346
La oss se om det fungerer.

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> Og se på det.

1012
00:51:01,540 --> 00:51:04,540
Nå er det i lilla og
det er en pen font.

1013
00:51:04,540 --> 00:51:08,692
OK, så du har alle disse
forskjellige ting du kan gjøre.

1014
00:51:08,692 --> 00:51:09,650
Har du spørsmål?

1015
00:51:09,650 --> 00:51:10,275
>> PUBLIKUM: Yeah.

1016
00:51:10,275 --> 00:51:13,280
Vel, akkurat som fargene
du bruker er ord.

1017
00:51:13,280 --> 00:51:16,005
Er det en måte å gjøre farger
med den heksadesimale RGB?

1018
00:51:16,005 --> 00:51:18,880
ALLISON Buchholtz-AU: Du kan også
gjør det med heksadesimal, tror jeg.

1019
00:51:18,880 --> 00:51:19,803
Yeah.

1020
00:51:19,803 --> 00:51:22,136
Men det er litt fint om du
ønsker ikke å slå dem opp.

1021
00:51:22,136 --> 00:51:23,762
Du kan bare være som, lilla eller blått.

1022
00:51:23,762 --> 00:51:25,720
PUBLIKUM: La oss håpe de
vet hva det betyr.

1023
00:51:25,720 --> 00:51:26,886
ALLISON Buchholtz-AU: Høyre.

1024
00:51:26,886 --> 00:51:29,580
Så la oss gjøre dette lese- eller chartreuse.

1025
00:51:29,580 --> 00:51:32,060
Hvorfor ville du noen gang velger chartreuse?

1026
00:51:32,060 --> 00:51:33,340
Det er en interessant farge.

1027
00:51:33,340 --> 00:51:37,355
>> OK, så åpenbart vi kan se vi
kan forandre ting, men vi ønsker.

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
Hvis du ønsket å create-- la oss si
Vi ønsket å skape en annen klasse.

1030
00:51:45,392 --> 00:51:46,850
Hva kan dere ønsker å endre?

1031
00:51:46,850 --> 00:51:51,840
Hvis du trekker opp W3Schools '
CSS dokumentasjon,

1032
00:51:51,840 --> 00:51:54,450
Jeg forlater gulvet til dere.

1033
00:51:54,450 --> 00:51:57,990
Vi kan prøve og gjøre noe kult med
dette i de siste par minuttene.

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
Fordi jeg har på en måte gitt deg en
lynkurs på mange kule ting

1036
00:52:03,150 --> 00:52:03,970
at du kan gjøre.

1037
00:52:03,970 --> 00:52:09,956
Men til slutt, som jeg sa, hvis du
bare eksperimentere, vil du lære mye.

1038
00:52:09,956 --> 00:52:12,212
>> PUBLIKUM: Visste du ser opp denne skriften?

1039
00:52:12,212 --> 00:52:14,295
>> ALLISON Buchholtz-AU: Yeah,
Jeg så opp denne skriften.

1040
00:52:14,295 --> 00:52:17,200
Så som bokstavelig talt, jeg
gikk to-- hva gjorde jeg?

1041
00:52:17,200 --> 00:52:22,371
Jeg gjorde CSS skriftliste, og
da jeg gjorde font stabelen,

1042
00:52:22,371 --> 00:52:25,120
og da jeg var som, ser, her
er alle de kule fonter du kan gjøre.

1043
00:52:25,120 --> 00:52:28,180
Og det var denne ene, så
Jeg kopierte den til min utklippstavlen.

1044
00:52:28,180 --> 00:52:31,820
Og da jeg var liksom:
OK, kult, det vi går.

1045
00:52:31,820 --> 00:52:32,320
Alt gjort.

1046
00:52:32,320 --> 00:52:35,920
>> PUBLIKUM: Så du trenger for å være sikker
at CSS vet hva som skriften er.

1047
00:52:35,920 --> 00:52:37,370
>> ALLISON Buchholtz-AU: Ja.

1048
00:52:37,370 --> 00:52:38,190
>> PUBLIKUM: Hva er det sier på slutten?

1049
00:52:38,190 --> 00:52:38,790
Kursiv?

1050
00:52:38,790 --> 00:52:40,040
>> ALLISON Buchholtz-AU: Cursive.

1051
00:52:40,040 --> 00:52:40,950
Yeah.

1052
00:52:40,950 --> 00:52:42,310
>> PUBLIKUM: Bakgrunnsbilde.

1053
00:52:42,310 --> 00:52:43,290
>> ALLISON Buchholtz-AU: Bakgrunnsbilde.

1054
00:52:43,290 --> 00:52:44,180
OK.

1055
00:52:44,180 --> 00:52:46,490
Så du vil fortelle meg hvordan du gjør dette.

1056
00:52:46,490 --> 00:52:47,390
Jeg overlater dette til deg.

1057
00:52:47,390 --> 00:52:49,070
Jeg er bare å skrive opp her nå.

1058
00:52:49,070 --> 00:52:51,714
Hjulet er i dine hender.

1059
00:52:51,714 --> 00:52:52,660
>> PUBLIKUM: OK

1060
00:52:52,660 --> 00:52:53,701
>> ALLISON Buchholtz-AU: OK.

1061
00:52:53,701 --> 00:52:54,720
Hva gjør jeg?

1062
00:52:54,720 --> 00:53:02,929
>> PUBLIKUM: Doing-- Jeg vet hva
kommer etter krøllete brace.

1063
00:53:02,929 --> 00:53:03,970
ALLISON Buchholtz-AU: OK.

1064
00:53:03,970 --> 00:53:06,707
Så sannsynligvis i kroppen, jeg
vil anta, fordi vi er

1065
00:53:06,707 --> 00:53:08,040
gjør med bakgrunnsbildet.

1066
00:53:08,040 --> 00:53:08,940
>> PUBLIKUM: Ja, la oss gjøre det.

1067
00:53:08,940 --> 00:53:09,981
>> ALLISON Buchholtz-AU: OK.

1068
00:53:09,981 --> 00:53:14,260
PUBLIKUM: OK, så bakgrunnen
kolon, og da er vi

1069
00:53:14,260 --> 00:53:16,894
trenger en URL-adressen til det bildet.

1070
00:53:16,894 --> 00:53:18,560
Kanskje pseudo-kode som for nå, kanskje.

1071
00:53:18,560 --> 00:53:20,601
>> ALLISON Buchholtz-AU: Hva
ønsker du meg to--

1072
00:53:20,601 --> 00:53:22,574
PUBLIKUM: Jeg tenker som en GIF.

1073
00:53:22,574 --> 00:53:23,740
ALLISON Buchholtz-AU: En GIF?

1074
00:53:23,740 --> 00:53:26,070
Det kommer til å bli interessant.

1075
00:53:26,070 --> 00:53:27,840
OK, hva er det jeg googling her?

1076
00:53:27,840 --> 00:53:29,670
>> PUBLIKUM: Nei, det er ditt valg.

1077
00:53:29,670 --> 00:53:32,090
>> ALLISON Buchholtz-AU: Hvorfor
ikke we-- om det er en kanin,

1078
00:53:32,090 --> 00:53:35,610
Jeg føler at vi bør ha en
fin gresskledd plen eller noe.

1079
00:53:35,610 --> 00:53:38,275
>> PUBLIKUM: Meadow.

1080
00:53:38,275 --> 00:53:39,350
En eng.

1081
00:53:39,350 --> 00:53:40,641
>> ALLISON Buchholtz-AU: En eng?

1082
00:53:40,641 --> 00:53:41,851
OK.

1083
00:53:41,851 --> 00:53:42,975
PUBLIKUM: Eller Rachel Maddow.

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
ALLISON Buchholtz-AU:
Dette ser pen.

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
Å, det er liten, skjønt.

1088
00:53:50,380 --> 00:53:51,700
Vi trenger en god størrelse.

1089
00:53:51,700 --> 00:53:53,142
La oss se.

1090
00:53:53,142 --> 00:53:54,570
Oh, se.

1091
00:53:54,570 --> 00:53:55,630
Det er en ganske eng.

1092
00:53:55,630 --> 00:53:58,320
Vet du hva, jeg liker denne.

1093
00:53:58,320 --> 00:53:59,300
La oss kopiere denne.

1094
00:53:59,300 --> 00:54:08,020
>> PUBLIKUM: OK, så jeg tror det er
URL, åpne parenteser.

1095
00:54:08,020 --> 00:54:09,590
>> ALLISON Buchholtz-AU: OK, URL.

1096
00:54:09,590 --> 00:54:11,500
>> PUBLIKUM: Da adresse.

1097
00:54:11,500 --> 00:54:13,610
>> ALLISON Buchholtz-AU: OK.

1098
00:54:13,610 --> 00:54:14,750
Er det alt vi trenger?

1099
00:54:14,750 --> 00:54:20,550
>> PUBLIKUM: Lukk parentes semikolon,
og deretter mellomrom, bakgrunn bindestrek

1100
00:54:20,550 --> 00:54:27,050
vedlegg kolon fast, og krøllete brace.

1101
00:54:27,050 --> 00:54:28,110
>> ALLISON Buchholtz-AU: OK.

1102
00:54:28,110 --> 00:54:29,114
La oss se om det fungerer.

1103
00:54:29,114 --> 00:54:30,780
Det kommer til å være ganske kult hvis den gjør det.

1104
00:54:30,780 --> 00:54:33,880
Jeg er fast spent akkurat her.

1105
00:54:33,880 --> 00:54:35,070
Det fungerte ikke.

1106
00:54:35,070 --> 00:54:35,700
Jeg lurer på hvorfor.

1107
00:54:35,700 --> 00:54:37,700
PUBLIKUM: Kanskje URL
må være i anførselstegn.

1108
00:54:37,700 --> 00:54:38,866
ALLISON Buchholtz-AU: Kanskje.

1109
00:54:38,866 --> 00:54:41,520
Og dette er hvordan vi lærer, folkens.

1110
00:54:41,520 --> 00:54:44,340
>> PUBLIKUM: Kan vi ha bakgrunn
farge og bakgrunnsbilde?

1111
00:54:44,340 --> 00:54:45,390
>> PUBLIKUM: Nei.

1112
00:54:45,390 --> 00:54:46,550
En erstatter den andre.

1113
00:54:46,550 --> 00:54:46,960
>> ALLISON Buchholtz-AU: Jeg vet ikke.

1114
00:54:46,960 --> 00:54:47,460
La oss se.

1115
00:54:47,460 --> 00:54:48,860
La oss sjekke det ut og se.

1116
00:54:48,860 --> 00:54:51,567
>> PUBLIKUM: Oh, kanskje, ja.

1117
00:54:51,567 --> 00:54:52,400
[Interposing VOICES]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> ALLISON Buchholtz-AU: OK, dette er
obviously-- jeg [uhørbart] her.

1120
00:55:03,260 --> 00:55:04,927
Så OK.

1121
00:55:04,927 --> 00:55:06,260
PUBLIKUM: Bakgrunn vedlegg.

1122
00:55:06,260 --> 00:55:07,301
ALLISON Buchholtz-AU: Ah.

1123
00:55:07,301 --> 00:55:12,096

1124
00:55:12,096 --> 00:55:13,946
>> PUBLIKUM: OK, jeg vet ikke.

1125
00:55:13,946 --> 00:55:16,070
ALLISON Buchholtz-AU: Det
ser ut som det skal fungere.

1126
00:55:16,070 --> 00:55:19,074
Er du sikker på at det er kolon etter URL?

1127
00:55:19,074 --> 00:55:20,439
>> PUBLIKUM: Nei, det er semikolon.

1128
00:55:20,439 --> 00:55:21,980
ALLISON Buchholtz-AU: Det er semikolon.

1129
00:55:21,980 --> 00:55:22,530
PUBLIKUM: Sa jeg kolon?

1130
00:55:22,530 --> 00:55:24,155
ALLISON Buchholtz-AU: Du sa et kolon.

1131
00:55:24,155 --> 00:55:26,222
PUBLIKUM: Å nei.

1132
00:55:26,222 --> 00:55:27,680
ALLISON Buchholtz-AU: Det du går.

1133
00:55:27,680 --> 00:55:29,350
PUBLIKUM: Oh, vent, nå
vi ikke kan lese teksten.

1134
00:55:29,350 --> 00:55:30,320
ALLISON Buchholtz-AU: Nå
kan du ikke lese teksten,

1135
00:55:30,320 --> 00:55:32,740
men vi har bakgrunnsbildet.

1136
00:55:32,740 --> 00:55:33,300
Mmhmm?

1137
00:55:33,300 --> 00:55:35,220
>> PUBLIKUM: Har HTML
støtter dynamisk innhold?

1138
00:55:35,220 --> 00:55:39,070
Liker, kan du endre størrelsen på det bildet
avhengig av størrelsen på vinduet

1139
00:55:39,070 --> 00:55:39,890
eller er at en CSS--

1140
00:55:39,890 --> 00:55:41,723
>> ALLISON Buchholtz-AU:
Så CSS har til å gjøre det.

1141
00:55:41,723 --> 00:55:45,210
Så hvis dere er interessert
i å lære avansert CSS,

1142
00:55:45,210 --> 00:55:50,789
Jeg er co-undervisning en
seminar om CSS på syvende.

1143
00:55:50,789 --> 00:55:52,580
Og jeg lover at det vil
være mye mer i dybden

1144
00:55:52,580 --> 00:55:55,220
og gjøre mye mer kult
ting i denne delen.

1145
00:55:55,220 --> 00:55:59,234
Og min co-læreren er som
total front end web dev mester.

1146
00:55:59,234 --> 00:56:02,150
Så det vil være ganske kult hvis du vil
å lære om alle de kule tingene

1147
00:56:02,150 --> 00:56:03,960
at CSS kan gjøre.

1148
00:56:03,960 --> 00:56:06,860
>> Men det vi har her med
hans bakgrunn vedlegg

1149
00:56:06,860 --> 00:56:13,330
fixed-- så det er noen fast size--
men du kan faktisk dynamically--

1150
00:56:13,330 --> 00:56:17,610
hvis du noen gang se web sider, som
de fleste gode nettsider vil gjøre,

1151
00:56:17,610 --> 00:56:19,470
når du justerer
Størrelsen på browseren din,

1152
00:56:19,470 --> 00:56:23,980
det justerer bakgrunnen eller hvor mye
viser eller formaterer ting, ikke sant?

1153
00:56:23,980 --> 00:56:27,100
Så det er det vi kaller
relativ posisjonering.

1154
00:56:27,100 --> 00:56:33,410
>> Og CSS kan faktisk ta tak hvor stor din
Nettleseren bredde er eller hvor høy den er,

1155
00:56:33,410 --> 00:56:37,970
og du kan plassere ting
i henhold til de relative størrelsene

1156
00:56:37,970 --> 00:56:40,420
versus absolutte størrelser.

1157
00:56:40,420 --> 00:56:44,920
Og det er selvsagt mer avansert
CSS, men det er noe du kan gjøre.

1158
00:56:44,920 --> 00:56:47,390
Hvis du ønsker å lære
mer, komme til mitt seminar.

1159
00:56:47,390 --> 00:56:50,540
>> Så det er noe du kan gjøre.

1160
00:56:50,540 --> 00:56:54,450
Og CSS kan faktisk
do-- CSS og Javascript,

1161
00:56:54,450 --> 00:56:58,790
som vi får inn i neste week--
kan tillate deg å dynamisk endre

1162
00:56:58,790 --> 00:57:02,160
sidene uten å måtte
legg dem hele tiden.

1163
00:57:02,160 --> 00:57:04,590
Og du kommer til å gjøre noen
ganske kul ting.

1164
00:57:04,590 --> 00:57:09,317
>> Så er det en annen ting
som dere kanskje ønsker å gjøre

1165
00:57:09,317 --> 00:57:10,650
eller noe du ønsker å utforske?

1166
00:57:10,650 --> 00:57:12,900
Vi har 10 minutter igjen.

1167
00:57:12,900 --> 00:57:19,010
Vi kan også dra tidlig, men hvis
du ønsker å gjøre noe mer web ting,

1168
00:57:19,010 --> 00:57:20,960
vi kan, men jeg er ikke
kommer til å tvinge deg til.

1169
00:57:20,960 --> 00:57:23,510
Men vi kan også bare spise godteri.

1170
00:57:23,510 --> 00:57:25,760
PUBLIKUM: Marker teksten
hvit, slik at du kan lese den.

1171
00:57:25,760 --> 00:57:27,680
ALLISON Buchholtz-AU: OK.

1172
00:57:27,680 --> 00:57:33,389
Så i dette tilfellet ønsker vi noen p.

1173
00:57:33,389 --> 00:57:36,305
PUBLIKUM: Bør vi gjøre det i
kroppen slik det gjelder for hele siden?

1174
00:57:36,305 --> 00:57:38,096
ALLISON Buchholtz-AU:
Ja, det kan vi faktisk.

1175
00:57:38,096 --> 00:57:40,880
Det er en god idé.

1176
00:57:40,880 --> 00:57:43,420
Så vi have-- gjør du
vet hva vi bør være?

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
Jeg vet ikke om vi kan gjøre tekstfarge.

1179
00:57:50,260 --> 00:57:54,946
Jeg hadde tenkt å prøve og
opprette en annen klasse her.

1180
00:57:54,946 --> 00:57:58,394
>> PUBLIKUM: Hvordan får du så
at den har forslag?

1181
00:57:58,394 --> 00:58:00,560
ALLISON Buchholtz-AU: So
hvis dere er interessert,

1182
00:58:00,560 --> 00:58:03,480
dette er en annen tekst
redaktør heter Sublime.

1183
00:58:03,480 --> 00:58:07,180
Du bør være i stand til å
installere det på maskinen din.

1184
00:58:07,180 --> 00:58:08,659
Noen ganger blir det litt vanskelig.

1185
00:58:08,659 --> 00:58:10,950
Hvis du vil hjelpe med det,
Jeg er super glad for å hjelpe deg

1186
00:58:10,950 --> 00:58:14,720
med det, fordi gedit er stor og
det er kjempebra fordi du kan kompilere den

1187
00:58:14,720 --> 00:58:17,790
på bunnen, men jeg virkelig
som Sublime fordi det er ganske

1188
00:58:17,790 --> 00:58:19,498
og det gjør ting
som auto-komplett.

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> Så du kan definitivt gjerne
Gi meg beskjed hvis du ønsker å gjøre det.

1191
00:58:26,890 --> 00:58:28,940
Hvis du bare google "Sublime
tekst, "det typisk

1192
00:58:28,940 --> 00:58:32,860
har instruksjoner om hvordan du installerer
på ulike operativsystemer.

1193
00:58:32,860 --> 00:58:37,590
Det er virkelig kult, jeg
tror, ​​etter min mening.

1194
00:58:37,590 --> 00:58:38,355
Så s.

1195
00:58:38,355 --> 00:58:45,616
Jeg tror jeg kan bare gjøre text-- eller
Vi kan bare gjøre fargen er "hvit."

1196
00:58:45,616 --> 00:58:47,050
There.

1197
00:58:47,050 --> 00:58:50,770
>> Så det jeg gjorde her, er at jeg
endret ikke all teksten.

1198
00:58:50,770 --> 00:58:54,040
Men p her er bare en
tag som vi har, ikke sant?

1199
00:58:54,040 --> 00:58:55,450
Denne paragrafen tag.

1200
00:58:55,450 --> 00:59:00,380
Så jeg bare laget en CSS element som
sa OK, noe med denne taggen

1201
00:59:00,380 --> 00:59:02,510
p, gjøre fargen hvit.

1202
00:59:02,510 --> 00:59:05,690
>> Så hvis du lagt merke til, det gjorde
denne hvite og denne hvite.

1203
00:59:05,690 --> 00:59:09,100
Det gjorde ikke vår liste hvit fordi
det er ikke forbundet med det.

1204
00:59:09,100 --> 00:59:11,180
Du kan gå gjennom, og du kan say--

1205
00:59:11,180 --> 00:59:11,860
>> PUBLIKUM: Gjør bakgrunnsfarge.

1206
00:59:11,860 --> 00:59:12,660
>> ALLISON Buchholtz-AU: Bakgrunnsfarge?

1207
00:59:12,660 --> 00:59:15,660
>> PUBLIKUM: Bakgrunn for rør i
farge der du setter p tag.

1208
00:59:15,660 --> 00:59:16,701
>> ALLISON Buchholtz-AU: OK.

1209
00:59:16,701 --> 00:59:21,980

1210
00:59:21,980 --> 00:59:22,804
Du vil ha det hvitt?

1211
00:59:22,804 --> 00:59:23,470
PUBLIKUM: Mmhmm.

1212
00:59:23,470 --> 00:59:25,070
ALLISON Buchholtz-AU: OK.

1213
00:59:25,070 --> 00:59:26,342
Der du går.

1214
00:59:26,342 --> 00:59:27,300
PUBLIKUM: Det er rart.

1215
00:59:27,300 --> 00:59:29,190
ALLISON Buchholtz-AU:
Ganske kul, ikke sant?

1216
00:59:29,190 --> 00:59:31,640
Så hvis du bare rotet rundt,
du kommer til å lære mye.

1217
00:59:31,640 --> 00:59:34,720
Og det kan være ganske kult.

1218
00:59:34,720 --> 00:59:37,312
Jeg tror det er definitivt mer
gledelig enn noen ganger

1219
00:59:37,312 --> 00:59:39,770
fordi du ikke trenger å vente
for programmet å kompilere.

1220
00:59:39,770 --> 00:59:41,895
Du kan bare trykke Refresh
og du liker, oh, ser,

1221
00:59:41,895 --> 00:59:44,276
det fungerte, eller oh, jeg er
sannsynligvis mangler noe.

1222
00:59:44,276 --> 00:59:47,359
Og det er noe som er virkelig
kult om dette neste del av klassen,

1223
00:59:47,359 --> 00:59:49,250
er det definitivt, jeg
tror, ​​lettere å kontrollere

1224
00:59:49,250 --> 00:59:52,640
som du går langs veien mot
å måtte skrive disse lange programmer

1225
00:59:52,640 --> 00:59:57,830
og ønske og bønn
at det fungerer på slutten.

1226
00:59:57,830 --> 01:00:01,960
>> Så med det, tror jeg
dere alle synes godt.

1227
01:00:01,960 --> 01:00:05,360
Hvis du har noen spørsmål, som alltid,
komme å snakke med meg, kom gi meg beskjed.

1228
01:00:05,360 --> 01:00:08,180
Jeg vil være rett utenfor
for de neste 15 minuttene

1229
01:00:08,180 --> 01:00:11,340
hvis du ønsker å prate om
alt og ingenting.

1230
01:00:11,340 --> 01:00:13,530
>> Så jeg håper du guys--
lykke til med denne PSet.

1231
01:00:13,530 --> 01:00:18,150
Fristen er fredag ​​midt på dagen
fordi det ble utgitt sent.

1232
01:00:18,150 --> 01:00:21,220
Så jeg vil nok bli seende
mye av dere på torsdag,

1233
01:00:21,220 --> 01:00:21,970
men forhåpentligvis ikke.

1234
01:00:21,970 --> 01:00:23,386
Kanskje du vil ha det gjort da.

1235
01:00:23,386 --> 01:00:24,440
Jeg ville være super stolt.

1236
01:00:24,440 --> 01:00:26,410
>> Men hvis ikke, vil jeg se deg torsdag.

1237
01:00:26,410 --> 01:00:30,030
Du kan også bruke et sent tidspunkt, noe som
strekker det til lørdag midt på dagen.

1238
01:00:30,030 --> 01:00:31,730
Men jeg don't-- huh?

1239
01:00:31,730 --> 01:00:32,580
>> PUBLIKUM: Halloween.

1240
01:00:32,580 --> 01:00:34,538
>> ALLISON Buchholtz-AU:
Det er Halloween, a, og b,

1241
01:00:34,538 --> 01:00:37,050
Jeg tror ikke det vil
være kontortid på fredag.

1242
01:00:37,050 --> 01:00:40,920
Så virkelig prøver og få det gjort av
Fredag ​​slik at vi alle kan feire

1243
01:00:40,920 --> 01:00:42,010
Hallow helg.

1244
01:00:42,010 --> 01:00:44,670
Greit, jeg ser dere neste uke.

1245
01:00:44,670 --> 01:00:45,888