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

2
00:00:00,500 --> 00:00:03,946
[MUSIK SPELA]

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

4
00:00:10,790 --> 00:00:12,540
ALLISON Buchholtz-AU:
Okej, alla.

5
00:00:12,540 --> 00:00:13,860
Välkommen tillbaka till avsnitt.

6
00:00:13,860 --> 00:00:19,559
Så vår agenda för i dag går
över mycket mer web dev grejer.

7
00:00:19,559 --> 00:00:21,600
Jag vet inte hur många av
du har sett dina psets

8
00:00:21,600 --> 00:00:24,414
eftersom den släpptes
tidigare i morse.

9
00:00:24,414 --> 00:00:26,330
Jag skulle som hur många
människor har läst spec,

10
00:00:26,330 --> 00:00:29,910
men ser hur du har haft alla
av, typ, sju timmar för att titta på det

11
00:00:29,910 --> 00:00:31,910
och det är en måndag och
du har förmodligen haft klass,

12
00:00:31,910 --> 00:00:34,160
Jag kommer att anta att
de flesta av er inte har.

13
00:00:34,160 --> 00:00:37,170
Om du har, extra beröm.

14
00:00:37,170 --> 00:00:39,400
>> Du är i grunden hjälper
implementera ett enkelt webb

15
00:00:39,400 --> 00:00:43,270
server i C, vilket är en helt ny pset,
så ni får vara marsvinen.

16
00:00:43,270 --> 00:00:49,730
Det kommer att bli en rolig, vild vecka,
men jag tror att det ska bli mycket roligt

17
00:00:49,730 --> 00:00:52,260
och det ska vara en riktigt
goda erfarenheter faktiskt.

18
00:00:52,260 --> 00:00:54,920
Så för att förbereda dig för
att, i tvärsnitt i dag,

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

20
00:01:00,940 --> 00:01:05,080
>> I slutet, vi ska faktiskt kod
upp en enkel webbsida tillsammans

21
00:01:05,080 --> 00:01:09,042
för att hjälpa er typ av får
mer förtrogna med det.

22
00:01:09,042 --> 00:01:11,750
Och sedan om du inte har plockat upp
dina frågesporter, de är framme,

23
00:01:11,750 --> 00:01:14,890
men jag är ganska säker på att alla
Här har deras quiz.

24
00:01:14,890 --> 00:01:17,880
Och även på att observera,
lösningar är inte upp ännu,

25
00:01:17,880 --> 00:01:21,490
men så snart vi finish-- gillar,
senaste människor tar sina quizzes--

26
00:01:21,490 --> 00:01:22,280
de kommer att vara upp.

27
00:01:22,280 --> 00:01:24,630
Om du har några frågor
under tiden,

28
00:01:24,630 --> 00:01:26,240
gärna kontakta mig personligen.

29
00:01:26,240 --> 00:01:30,700
Jag kommer att svara med din individuella
frågor, som jag alltid gör.

30
00:01:30,700 --> 00:01:33,890
>> Så på att observera, chmod.

31
00:01:33,890 --> 00:01:36,390
Så i princip allt du
behöver veta om chmod

32
00:01:36,390 --> 00:01:39,620
är att det används för att ändra
filrättigheter, eller hur?

33
00:01:39,620 --> 00:01:44,050
Så det är bara vissa system kallar det en
ändra behörigheter, som det står här.

34
00:01:44,050 --> 00:01:48,540
Och om du någonsin vill se
vilka rättigheter en fil har,

35
00:01:48,540 --> 00:01:52,240
istället för att bara göra
ls, du kunde göra ls -l.

36
00:01:52,240 --> 00:01:54,010
l står för länge.

37
00:01:54,010 --> 00:01:56,460
>> Så du ska göra långa listor
av allt, och det

38
00:01:56,460 --> 00:02:02,080
kommer att ge dig mycket mer detaljerad
information om alla dina filer.

39
00:02:02,080 --> 00:02:05,540
Och du ser something-- jag är
kommer att hoppa framåt för en second--

40
00:02:05,540 --> 00:02:08,910
men du kommer att se något liknande
den översta raden där för varje fil.

41
00:02:08,910 --> 00:02:11,560
Och vi kommer att gå igenom vad det innebär.

42
00:02:11,560 --> 00:02:15,260
>> Så i princip, för att ändra
dina filrättigheter,

43
00:02:15,260 --> 00:02:16,850
du bara vill använda chmod.

44
00:02:16,850 --> 00:02:23,620
Du kan se det som alla andra
UNIX kallar som ls eller cd eller whatnot.

45
00:02:23,620 --> 00:02:25,540
Det är bara typ av annan liknande samtal.

46
00:02:25,540 --> 00:02:30,530
>> Så vi gör chmod och sedan kommer vi
har tre siffror typiskt.

47
00:02:30,530 --> 00:02:33,570
Det finns ett par sätt att göra
den, av vilka vi ska gå över.

48
00:02:33,570 --> 00:02:37,650
Men oftast har du tre
siffror från 0 till 7 varje gång.

49
00:02:37,650 --> 00:02:43,530
>> Så en sak är att det finns
tre olika behörigheter

50
00:02:43,530 --> 00:02:45,510
att vi kan ge varje fil.

51
00:02:45,510 --> 00:02:49,480
Och det är läsbar, vilket är
representerad av r, vilket är meningsfullt

52
00:02:49,480 --> 00:02:54,020
i lite; w, vilket är
skrivbar; och körbara, vilket är x.

53
00:02:54,020 --> 00:02:57,630
Jag vet att det e en, körbar,
Kanske inte den mest mening, men vi

54
00:02:57,630 --> 00:02:59,120
representerar det med x.

55
00:02:59,120 --> 00:03:05,290
>> Och vad händer då är var och en av dessa
har även antalet representation.

56
00:03:05,290 --> 00:03:07,990
Så vi har en, två och fyra.

57
00:03:07,990 --> 00:03:12,060
Och i princip vad som händer är
var och en av dessa tre nummer

58
00:03:12,060 --> 00:03:17,380
Här motsvarar en
annan uppsättning användare

59
00:03:17,380 --> 00:03:19,420
att dessa behörigheter avser.

60
00:03:19,420 --> 00:03:24,820
>> Så du kan komma på som första
nummer motsvarar den faktiska användaren

61
00:03:24,820 --> 00:03:29,360
eller ägaren av filen, den andra
nummer kommer att motsvara gruppen,

62
00:03:29,360 --> 00:03:33,590
och den sista avser
till världen, OK?

63
00:03:33,590 --> 00:03:39,995
Så vad som händer är minns
de numbers-- r är 4, w är 2,

64
00:03:39,995 --> 00:03:42,550
x är 1, eller hur?

65
00:03:42,550 --> 00:03:46,630
This-- om du summera upp dessa,
som ger dig det första numret

66
00:03:46,630 --> 00:03:48,600
att vi kanske input i vårt chmod.

67
00:03:48,600 --> 00:03:52,191
>> Så i detta fall, vad
skulle denna siffra vara?

68
00:03:52,191 --> 00:03:57,030
Det skulle vara 4 plus 2 plus
1, vilket är en 7, eller hur?

69
00:03:57,030 --> 00:03:59,250
Och i detta fall, dessa
har inte något,

70
00:03:59,250 --> 00:04:06,450
så detta här skulle
översätta till chmod 700, OK?

71
00:04:06,450 --> 00:04:12,030
Och vad det gör är det ger allt
av dessa behörigheter till ditt användarnamn.

72
00:04:12,030 --> 00:04:14,400
>> Så detta innebär att våra användare
kan göra vad de vill.

73
00:04:14,400 --> 00:04:15,400
De kan läsa den här filen.

74
00:04:15,400 --> 00:04:16,810
De kan köra den här filen.

75
00:04:16,810 --> 00:04:18,360
De kan skriva till den här filen.

76
00:04:18,360 --> 00:04:23,545
Men företag som är världs, nej
behörigheter som helst, OK?

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

78
00:04:26,480 --> 00:04:32,680
>> Så ett annat sätt att skriva det, vi kan
göra chmod av tre siffror, vilka var och en

79
00:04:32,680 --> 00:04:40,040
motsvarar vad summan, eller att
specifik grupp, specifik delmängd.

80
00:04:40,040 --> 00:04:44,870
Eller vi kan göra faktiskt en annan sak.

81
00:04:44,870 --> 00:04:45,590
Håll ut.

82
00:04:45,590 --> 00:04:49,330
Vi kan göra något med dessa här.

83
00:04:49,330 --> 00:04:55,615
>> Hur många av er såg ett exempel
där det var att chmod ett plus x?

84
00:04:55,615 --> 00:04:58,070
Såg du det i föreläsning, tror jag?

85
00:04:58,070 --> 00:05:00,610
Så en står för alla.

86
00:05:00,610 --> 00:05:04,990
Det innebär att ge den till alla användare,
som jag glömde att lägga här.

87
00:05:04,990 --> 00:05:08,790
>> Men ett plus x, om vi
märker här, om vi gör

88
00:05:08,790 --> 00:05:13,420
att chmod-- vilken grupp vi är
talar om plus behörighet

89
00:05:13,420 --> 00:05:14,660
Vi vill ge dem.

90
00:05:14,660 --> 00:05:16,120
Så det här kan vara ett plus eller ett minus.

91
00:05:16,120 --> 00:05:17,690
Plus tillägger tillstånd.

92
00:05:17,690 --> 00:05:19,510
Minus tar bort tillstånd.

93
00:05:19,510 --> 00:05:22,520
Ganska intuitivt, tror jag.

94
00:05:22,520 --> 00:05:25,720
>> Så ett plus x betyder chmod.

95
00:05:25,720 --> 00:05:32,260
Så ändra tillstånd för alla människor
om detta är en A-- add behörigheter.

96
00:05:32,260 --> 00:05:37,110
Och x-- det betyder vad tillstånd
Vi beviljar alla.

97
00:05:37,110 --> 00:05:38,510
Läsa, skriva eller köra?

98
00:05:38,510 --> 00:05:39,360
>> PUBLIK: Utför.

99
00:05:39,360 --> 00:05:40,610
>> ALLISON Buchholtz-AU: Kör.

100
00:05:40,610 --> 00:05:46,080
Så vi ger alla användare
behörighet att köra den här filen, OK?

101
00:05:46,080 --> 00:05:53,370
Så vad händer om vi ville göra
att med numerisk form?

102
00:05:53,370 --> 00:05:56,290
Så minns med numeriska,
vi vill ha tre siffror.

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

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

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

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

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

108
00:06:01,599 --> 00:06:04,390
ALLISON Buchholtz-AU: Ja, vi vill ha
för att ge den till alla användare, eller hur?

109
00:06:04,390 --> 00:06:07,442
Så vi kommer att ha
ett nummer i varje fack.

110
00:06:07,442 --> 00:06:09,400
Det kommer att bli den
lika många i varje fack

111
00:06:09,400 --> 00:06:13,800
eftersom vi vill bara ge
allas körbara behörigheter.

112
00:06:13,800 --> 00:06:16,480
Så körbar är 1,
men på rätt väg.

113
00:06:16,480 --> 00:06:23,055
>> Så om vi gjorde chmod 111 som skulle
motsvara chmod ett plus x.

114
00:06:23,055 --> 00:06:24,430
Betyder det vettigt för alla?

115
00:06:24,430 --> 00:06:26,910
Vi kommer att gå igenom
ett par exempel.

116
00:06:26,910 --> 00:06:29,860
>> Så den stora takeaway
här är en är inte här,

117
00:06:29,860 --> 00:06:33,360
men en betyder bara ge den till alla användare.

118
00:06:33,360 --> 00:06:36,610
u är om du bara vill
att ge eller ta bort

119
00:06:36,610 --> 00:06:40,600
ett särskilt tillstånd från
användaren eller ägaren.

120
00:06:40,600 --> 00:06:43,800
g är för gruppen,
så att mittersta siffran.

121
00:06:43,800 --> 00:06:49,440
Och sedan andra du kan tänka dig
som världen, att sista siffran.

122
00:06:49,440 --> 00:06:52,840
>> Så med det, går vi till ett exempel,
eftersom jag känner mig som exempel alltid

123
00:06:52,840 --> 00:06:56,240
göra dessa saker lättare att förstå.

124
00:06:56,240 --> 00:07:01,240
Så rwx-- vi gick igenom this--
kan också vara representera som 700.

125
00:07:01,240 --> 00:07:05,070
Det är det exempel vi såg
vid mer av bilden.

126
00:07:05,070 --> 00:07:09,990
Så chmod 444 på någon fil
skulle ge vad behörigheter?

127
00:07:09,990 --> 00:07:11,947
Du var verkligen nära.

128
00:07:11,947 --> 00:07:13,030
Publik: läsbar för alla.

129
00:07:13,030 --> 00:07:14,321
ALLISON Buchholtz-AU: Läsbar.

130
00:07:14,321 --> 00:07:15,660
Så läsbar för alla, eller hur?

131
00:07:15,660 --> 00:07:17,910
Och vad är ett annat sätt att göra det?

132
00:07:17,910 --> 00:07:23,070
Om vi ​​vill göra chmod med antingen
r s eller w-talet, plus och minus,

133
00:07:23,070 --> 00:07:25,300
vad skulle det samtalet se ut?

134
00:07:25,300 --> 00:07:27,336
Det skulle vara chmod vad?

135
00:07:27,336 --> 00:07:28,590
>> PUBLIK: ett plus r.

136
00:07:28,590 --> 00:07:32,900
>> ALLISON Buchholtz-AU: a plus r på 5.

137
00:07:32,900 --> 00:07:40,980
OK, så detta är densamma som denna,
bara två olika översättningar

138
00:07:40,980 --> 00:07:42,500
av samma sak.

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

140
00:07:45,650 --> 00:07:50,310
Så jag vill att ni ska försöka skriva
denna typ av på sitt motsatta sätt.

141
00:07:50,310 --> 00:07:53,710
>> Så med chmod 555,
vad skulle det bli?

142
00:07:53,710 --> 00:07:56,704
Skulle det vara ett plus eller u plus eller whatnot?

143
00:07:56,704 --> 00:07:58,370
För u plus x, ge mig de tre siffrorna.

144
00:07:58,370 --> 00:08:03,530
Och sedan berätta för mig om vilka rättigheter
vi är faktiskt beviljande och till vem?

145
00:08:03,530 --> 00:08:06,600
>> Så jag ska ge er två
minuter för att arbeta med det.

146
00:08:06,600 --> 00:08:08,160
Känn dig fri att prata med varandra.

147
00:08:08,160 --> 00:08:11,910
För er som kom i en liten
sen finns det godis och skjortor.

148
00:08:11,910 --> 00:08:14,590
Vi har tre skjortor kvar, och
Vi har Kit Kats och Starbursts.

149
00:08:14,590 --> 00:08:17,630
Så tveka inte att komma grab
en del i detta lilla mellanspel.

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

151
00:09:03,190 --> 00:09:04,440
>> Dessutom är den sista knepigt.

152
00:09:04,440 --> 00:09:06,670
Det är två chmods för den sista.

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

154
00:09:10,990 --> 00:09:15,880
Egentligen vill jag stänga dörren
medan ni arbetar med detta.

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

156
00:09:26,240 --> 00:09:28,225
Godis är alltid nödvändigt
på en måndag eftermiddag.

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
Vad är ett annat sätt vi kan skriva det?

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

161
00:09:39,860 --> 00:09:41,790
Några idéer?

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

163
00:09:42,290 --> 00:09:43,280
>> Publik: ett plus rx.

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

165
00:09:44,613 --> 00:09:47,290
Vill du förklara varför det skulle vara rx?

166
00:09:47,290 --> 00:09:49,570
>> PUBLIK: Eftersom du har
5, så det är 4 plus 1,

167
00:09:49,570 --> 00:09:51,734
så det är läst plus
körbara, och det är för alla.

168
00:09:51,734 --> 00:09:52,900
ALLISON Buchholtz-AU: Rätt.

169
00:09:52,900 --> 00:09:58,540
Så bara för att upprepa, 5 här
vi vet som summan av 4 och 1,

170
00:09:58,540 --> 00:10:04,760
eftersom varje nummer i vår trio är
summan av behörigheterna för den undergrupp,

171
00:10:04,760 --> 00:10:05,260
rätt?

172
00:10:05,260 --> 00:10:07,070
Antingen användaren,
grupp, eller i världen.

173
00:10:07,070 --> 00:10:11,160
Så i detta fall, vet vi att
5 måste vara bildad av fyra och en.

174
00:10:11,160 --> 00:10:15,240
>> Och 4 och 1 motsvarar
läsbar och körbar.

175
00:10:15,240 --> 00:10:21,717
Vi ger den till alla,
så att vi kan göra chmod ett plus rx.

176
00:10:21,717 --> 00:10:24,050
Och självklart, vi gick bara
igenom frågorna där,

177
00:10:24,050 --> 00:10:28,810
så nu den här filen är körbar
och läsbara för alla.

178
00:10:28,810 --> 00:10:31,120
>> Så hur är det med andra?

179
00:10:31,120 --> 00:10:32,900
Vad kan det numret för att en vara?

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

181
00:10:36,676 --> 00:10:37,180
Några idéer?

182
00:10:37,180 --> 00:10:37,680
Varsågod.

183
00:10:37,680 --> 00:10:38,600
>> PUBLIK: 100 [OHÖRBAR].

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

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

186
00:10:40,270 --> 00:10:42,455
Så vill du förklara varför 100?

187
00:10:42,455 --> 00:10:45,080
PUBLIK: För att det är för
användaren, så det är i första position.

188
00:10:45,080 --> 00:10:47,371
Och sedan x körbar är 1.

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

190
00:10:48,620 --> 00:10:53,120
Så vi beviljar körbar
behörigheter till bara för användaren.

191
00:10:53,120 --> 00:10:55,100
Så i detta fall, skulle det vara 100.

192
00:10:55,100 --> 00:10:57,570
Och jag har alla svar
upp på nästa bild i fallet

193
00:10:57,570 --> 00:11:00,060
du skriver massor av saker ner.

194
00:11:00,060 --> 00:11:08,410
>> OK, så detta nästa som faktiskt görs
med två chmods, kan du göra det.

195
00:11:08,410 --> 00:11:11,120
Så är det någon som har
någon aning om hur du kanske

196
00:11:11,120 --> 00:11:14,150
få chmod 640 omskriven
på annat sätt?

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

198
00:11:17,770 --> 00:11:22,820
Du kan ändra användaren först och sedan
Du kan ändra gruppens är mitt tips.

199
00:11:22,820 --> 00:11:29,740
>> Så om vi bara ändra
användaren, vilket är det första en här,

200
00:11:29,740 --> 00:11:33,830
vad som kan vår uppmaning att vara?

201
00:11:33,830 --> 00:11:36,080
Så användaren är u, eller hur?

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

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

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

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

206
00:11:41,510 --> 00:11:47,470
Rätt, för att läsa och skriva, eftersom läsning
är 4, w är 2, de belopp tillsammans som 6.

207
00:11:47,470 --> 00:11:52,760
Så vi får chmod u plus rw,
och vi får vår första 6 där.

208
00:11:52,760 --> 00:11:56,860
>> Så då för att få 4, nu vill vi
att ändra våra gruppinställningar.

209
00:11:56,860 --> 00:12:00,960
Så vi ska göra chmod g plus vad?

210
00:12:00,960 --> 00:12:02,380
Vad är en 4?

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

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

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

214
00:12:05,070 --> 00:12:09,140
Så vi ger ägaren
läsa och skriva behörigheter

215
00:12:09,140 --> 00:12:13,141
och vi ger grupp lästa
behörigheter, som vi alla har här uppe.

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

217
00:12:13,640 --> 00:12:17,740
>> PUBLIK: Om du kan skriva något,
Det innebär inte att du kan köra den?

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

219
00:12:20,700 --> 00:12:22,900
Jag tror inte att det
innebär att du kan köra 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 är allt som vi bara gick igenom.

223
00:12:29,620 --> 00:12:33,075
Så på detta nästa, det är
bara typ av gemensamma ärenden

224
00:12:33,075 --> 00:12:35,200
som du vill ha i
tänka på ditt problem inställd.

225
00:12:35,200 --> 00:12:39,800
Dessa är oftast de behörigheter
att vi vill att du använder.

226
00:12:39,800 --> 00:12:44,900
>> Så för 711, som ger
oss, naturligtvis, användar

227
00:12:44,900 --> 00:12:47,720
alla tillstånd, som
tenderar att vara meningsfullt.

228
00:12:47,720 --> 00:12:51,920
Och då är det köras av den
grupp i världen, vilket är vettigt

229
00:12:51,920 --> 00:12:56,150
om du har någon katalog, du
vill kunna passera in i den.

230
00:12:56,150 --> 00:12:58,160
Människor behöver tillgång.

231
00:12:58,160 --> 00:13:04,680
>> För alla icke-PHP-fil, du kommer
att använda 644, vilket skulle göra det?

232
00:13:04,680 --> 00:13:07,560
Vad betyder det innebär, eller vad
behörigheter ger detta?

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

234
00:13:12,210 --> 00:13:14,409
Så ägaren kan vad?

235
00:13:14,409 --> 00:13:15,450
PUBLIK: Läs och skriv.

236
00:13:15,450 --> 00:13:16,991
ALLISON Buchholtz-AU: Läs och skriv.

237
00:13:16,991 --> 00:13:21,560
Och sedan grupp och andra
kan bara läsa, eller hur?

238
00:13:21,560 --> 00:13:25,660
Och sedan chmod 600 för någon
PHP-filer som du använder,

239
00:13:25,660 --> 00:13:27,980
din ägare, återigen, kan
läsa och skriva till den

240
00:13:27,980 --> 00:13:32,310
men alla andra är
bara typ av avstängd.

241
00:13:32,310 --> 00:13:34,540
>> Så detta kommer faktiskt
vara mer användbart när

242
00:13:34,540 --> 00:13:37,700
du får på ditt problem
inställd nästa vecka där

243
00:13:37,700 --> 00:13:40,290
du faktiskt bygga en hemsida.

244
00:13:40,290 --> 00:13:43,100
Så om du någonsin stöter på
några konstiga problem

245
00:13:43,100 --> 00:13:45,970
där det inte laddar
ordentligt, kanske du

246
00:13:45,970 --> 00:13:50,670
behöver lägga till en körbar
tillstånd, eller kanske du behöver en read

247
00:13:50,670 --> 00:13:52,990
eller skrivbehörighet.

248
00:13:52,990 --> 00:13:56,980
Lite saker som tenderar att resa människor
upp, men det är ungefär som att gå till

249
00:13:56,980 --> 00:13:58,564
när du startar nästa veckas pset.

250
00:13:58,564 --> 00:14:00,730
Och jag skulle ge dig mer
tips om denna veckas pset,

251
00:14:00,730 --> 00:14:05,010
men jag har ännu inte titta på det eftersom
det släpptes i morse.

252
00:14:05,010 --> 00:14:10,600
Men du maila mig, jag kommer att ha sett
på det när jag svarar i morgon.

253
00:14:10,600 --> 00:14:14,310
>> Så nu är alla bra med chmod?

254
00:14:14,310 --> 00:14:16,040
Eventuella kvardröjande frågor?

255
00:14:16,040 --> 00:14:17,240
Ganska enkelt.

256
00:14:17,240 --> 00:14:20,620
Bara typ att hålla reda på vad
läsa, skriva och köra siffror är

257
00:14:20,620 --> 00:14:23,660
är förmodligen den svåraste delen.

258
00:14:23,660 --> 00:14:29,620
>> Så med TCP / IP, alla dessa protokoll,
ungefär som med dina datastrukturer

259
00:14:29,620 --> 00:14:31,990
förra veckan, det är mycket mer
viktigt att typen av få

260
00:14:31,990 --> 00:14:33,900
en högre intuition av dem nivå.

261
00:14:33,900 --> 00:14:37,390
Detta är inte CS143 vart vi ska
be dig att genomföra ett nätverk,

262
00:14:37,390 --> 00:14:39,870
så du ska vara bra om
du inte förstår

263
00:14:39,870 --> 00:14:42,900
Nitty Gritty av samtliga protokoll.

264
00:14:42,900 --> 00:14:46,050
Vad som är viktigt att förstå är
ungefär som vad de representerar

265
00:14:46,050 --> 00:14:47,300
och varför de är viktiga.

266
00:14:47,300 --> 00:14:52,320
>> Så TCP / IP, naturligtvis, är det
Transmission Control Protocol

267
00:14:52,320 --> 00:14:57,270
eller Internet Protocol, som är
i princip bara en uppsättning lagar i grunden

268
00:14:57,270 --> 00:15:00,800
eller normer som berättar uppgifter
hur det ska hanteras,

269
00:15:00,800 --> 00:15:04,900
hur den ska paketeras,
överförs och tas emot.

270
00:15:04,900 --> 00:15:09,200
Så det i grund och botten, precis som det
säger här, ökar chanserna

271
00:15:09,200 --> 00:15:12,950
att data blir då
du vill att det ska komma till.

272
00:15:12,950 --> 00:15:15,950
>> Jag är säker på om ni gick till
föreläsning eller sett det på nätet,

273
00:15:15,950 --> 00:15:18,232
Han has-- Jag vet inte
Om han gjorde det i år,

274
00:15:18,232 --> 00:15:20,940
men jag vet att förra året hade han en
demo där han hade en bild av Rob

275
00:15:20,940 --> 00:15:23,320
och han dela upp den i
fyra och lägga den i kuvert

276
00:15:23,320 --> 00:15:26,590
och försökte få den över Sanders.

277
00:15:26,590 --> 00:15:29,430
Och du kan typ av
tänker på det på det sättet.

278
00:15:29,430 --> 00:15:35,400
Det är bara en uppsättning regler som
berätta uppgifter hur man får någonstans

279
00:15:35,400 --> 00:15:37,640
och låter dig veta om
du saknar uppgifter,

280
00:15:37,640 --> 00:15:40,460
på samma sätt som om du är
ta flera sidor av sedlar

281
00:15:40,460 --> 00:15:46,490
och du märka dem med sidan 104, sidan
204, och du går tillbaka för att studera senare

282
00:15:46,490 --> 00:15:50,220
och du saknar something--
du kan inte hitta sidan 304-- du vet

283
00:15:50,220 --> 00:15:53,310
något som är fel, så du
kan titta igenom dina anteckningar

284
00:15:53,310 --> 00:15:58,666
igen eller be någon att skicka dig
föreläsningsanteckningar från den dagen.

285
00:15:58,666 --> 00:16:00,290
På samma sätt som med uppgifter på internet.

286
00:16:00,290 --> 00:16:03,220
Om jag ber om
något från någon server

287
00:16:03,220 --> 00:16:05,377
och den behöver för att skicka
den i flera paket,

288
00:16:05,377 --> 00:16:07,210
förmodligen kommer att nummer
det på något sätt, låt

289
00:16:07,210 --> 00:16:12,430
mig veta hur många jag skulle ha fått,
och säg mig, åh, detta är en av 10

290
00:16:12,430 --> 00:16:13,990
eller detta är en av 10.000.

291
00:16:13,990 --> 00:16:17,030
På det sättet när jag går att återmontera
alla bitar tillsammans,

292
00:16:17,030 --> 00:16:21,504
Jag vet inte om något saknas
och jag kan be om det igen.

293
00:16:21,504 --> 00:16:22,730
Är det vettigt?

294
00:16:22,730 --> 00:16:23,610
Bara en uppsättning regler.

295
00:16:23,610 --> 00:16:28,120
Vid sin grund, uppsättning av regler, OK?

296
00:16:28,120 --> 00:16:31,360
>> Så vi pratade också en
lite om portar.

297
00:16:31,360 --> 00:16:36,150
Detta är egentligen bara en standard som
gör att du vet vilken typ av data

298
00:16:36,150 --> 00:16:38,650
överförs i dessa paket.

299
00:16:38,650 --> 00:16:40,790
Om vi ​​går med vår
kuvert exempel gör vi inte

300
00:16:40,790 --> 00:16:43,510
vet att det är en bild av
Rob in där om vi inte skriver det

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

302
00:16:45,480 --> 00:16:47,100
Så hamnar är i princip samma sak.

303
00:16:47,100 --> 00:16:51,670
Det är bara ett sätt att räkna ut vad
typ av data överförs.

304
00:16:51,670 --> 00:16:56,260
>> Så vi har alla de
vanligaste här.

305
00:16:56,260 --> 00:16:59,790
Så 21-- dessa är också snäll
av som bra saker att veta.

306
00:16:59,790 --> 00:17:01,560
Det är typ av en enkel frågesport fråga.

307
00:17:01,560 --> 00:17:03,590
Var som, vad gör port 80 göra?

308
00:17:03,590 --> 00:17:06,970
Eller, vad gör port 443 gör?

309
00:17:06,970 --> 00:17:09,359
Så bra saker att veta.

310
00:17:09,359 --> 00:17:12,569
>> Så vi har här, 21 är fil
överföringsprotokoll, så bara

311
00:17:12,569 --> 00:17:15,050
de regler som styr filöverföring.

312
00:17:15,050 --> 00:17:19,550
25, något som vi alla
använda alldeles för mycket, är e-post.

313
00:17:19,550 --> 00:17:22,790
53 är domännamnet
system, som är i grund och botten

314
00:17:22,790 --> 00:17:26,910
bara typ av en uppslagning för
IP-adressen för ett domännamn.

315
00:17:26,910 --> 00:17:29,900
>> Så jag är ganska säker på att det var
nämns i föreläsning, om du

316
00:17:29,900 --> 00:17:33,960
gå till något liknande
google.com, den har en IP-adress

317
00:17:33,960 --> 00:17:35,818
som är förknippade med den.

318
00:17:35,818 --> 00:17:37,026
Det är faktiskt inte google.com.

319
00:17:37,026 --> 00:17:40,720
Och så 53 är porten
som faktiskt tar

320
00:17:40,720 --> 00:17:44,050
vård av typ att översätta det
till den IP-adressen för dig.

321
00:17:44,050 --> 00:17:47,830
Och sedan 80 och 443 är mycket vanliga.

322
00:17:47,830 --> 00:17:50,710
Antingen har din webbsida eller
du har din säkra webbsida,

323
00:17:50,710 --> 00:17:56,100
som många webbsidor är
överföra över till nu.

324
00:17:56,100 --> 00:18:02,540
>> Så det är ganska hög nivå
översikt av överföringsprotokoll.

325
00:18:02,540 --> 00:18:05,170
Jag ser inte mycket mer på djupet.

326
00:18:05,170 --> 00:18:07,320
Det är typ av coola grejer
om du är intresserad.

327
00:18:07,320 --> 00:18:08,590
Det finns gott om resurser.

328
00:18:08,590 --> 00:18:10,780
Wikipedia faktiskt är
en ganska bra sida.

329
00:18:10,780 --> 00:18:13,850
Så jag ser på det
bara en liten stund sedan,

330
00:18:13,850 --> 00:18:16,580
så jag rekommenderar starkt
titta på det om du är intresserad

331
00:18:16,580 --> 00:18:22,160
eller ta 143 på två år, därför att
Jag tycker det är vartannat år.

332
00:18:22,160 --> 00:18:27,590
>> Så på slutet av detta, vi är
talar om webbsidor och HTTP,

333
00:18:27,590 --> 00:18:33,790
som faktiskt är vår nästa ämne för
idag innan vi går in i HTML och CSS

334
00:18:33,790 --> 00:18:37,920
och du kan faktiskt koda upp en webbsida.

335
00:18:37,920 --> 00:18:38,650
Det ska bli kul.

336
00:18:38,650 --> 00:18:42,220
Vi kommer att ha bilder på
kaniner och det ska vara bra.

337
00:18:42,220 --> 00:18:48,630
>> Så HTTP, som ni kan se här,
är en av de vackra akronymer

338
00:18:48,630 --> 00:18:53,220
för denna vecka, vilket är
Hypertext Transfer Protocol.

339
00:18:53,220 --> 00:18:57,940
Så återigen, det är bara
en annan uppsättning regler som

340
00:18:57,940 --> 00:19:01,440
styr hyper
överlåta, i det här fallet.

341
00:19:01,440 --> 00:19:04,120
Så bästa sättet att lära
om det här är bara typ av

342
00:19:04,120 --> 00:19:07,650
att dela upp det i
dessa enskilda ord

343
00:19:07,650 --> 00:19:10,770
eftersom det finns en hel del
ord på skärmen finns.

344
00:19:10,770 --> 00:19:13,290
>> Så vi kommer att börja med hypertext.

345
00:19:13,290 --> 00:19:17,630
Så "hyper", du kan tänka dig
"Ovan", som super-typ sak.

346
00:19:17,630 --> 00:19:24,615
Så det är egentligen bara text tas till
nästa nivå, så det är som super text,

347
00:19:24,615 --> 00:19:27,850
som nästa text.

348
00:19:27,850 --> 00:19:34,890
Så det är i princip bara
text som ger oss

349
00:19:34,890 --> 00:19:37,490
mer information än
vanlig text gör, OK?

350
00:19:37,490 --> 00:19:40,510
>> Så i detta fall, är detta hyper.

351
00:19:40,510 --> 00:19:45,710
Detta säger oss att vi har
någon länk som vi ska,

352
00:19:45,710 --> 00:19:49,620
vilket är cs50.net, som
är nu cs50.harvard.edu.

353
00:19:49,620 --> 00:19:51,420
Dessa bilder är lite gamla.

354
00:19:51,420 --> 00:19:55,330
Och det kommer att visa
det som detta, som en hyperlänk,

355
00:19:55,330 --> 00:19:58,140
och sedan en riktigt cool hemsida.

356
00:19:58,140 --> 00:20:02,080
>> Så det är text, som är lite
lite av riktigt coola saker där.

357
00:20:02,080 --> 00:20:08,170
Så du kan länka saker och du kan
infoga bilder och du kan styla saker.

358
00:20:08,170 --> 00:20:11,740
Och den mest kända är att du
killar har troligen med hyper

359
00:20:11,740 --> 00:20:19,100
är Hypertext Markup Language, HTML,
vilket naturligtvis är alla av banan

360
00:20:19,100 --> 00:20:23,080
som vi ser omkring oss, beviljade
med viss CSS-format kastas.

361
00:20:23,080 --> 00:20:25,580
>> Men om någon var
riktigt stora med MySpace,

362
00:20:25,580 --> 00:20:28,240
Jag är säker på att ni alla begagnade HTML
hela tiden för att skapa

363
00:20:28,240 --> 00:20:30,640
de perfekta profiler, eller hur?

364
00:20:30,640 --> 00:20:34,930
Jag känner mig som det kan vara en
föråldrad hänvisning nu, men vad som helst.

365
00:20:34,930 --> 00:20:37,780
Bara en little-- ni
är inte så mycket yngre.

366
00:20:37,780 --> 00:20:40,480
En del av er är äldre än mig.

367
00:20:40,480 --> 00:20:42,480
MySpace var fortfarande en
sak när jag var ung.

368
00:20:42,480 --> 00:20:44,510
Jag är inte så gammal.

369
00:20:44,510 --> 00:20:49,265
>> Iaf, HTML bara en form av hypertext.

370
00:20:49,265 --> 00:20:55,640
Så hyper är bara
text med nya funktioner.

371
00:20:55,640 --> 00:21:01,790
Så överföringsprotokoll är förmodligen
desto mer osäkert sak att förklara.

372
00:21:01,790 --> 00:21:04,870
Uppenbarligen transfer--
bara föra över data.

373
00:21:04,870 --> 00:21:09,370
Så antingen mellan kunden, som
webb bror, och en server.

374
00:21:09,370 --> 00:21:12,090
Så i princip bara
hur internet fungerar.

375
00:21:12,090 --> 00:21:16,339
>> Så den exakta begäran av
hur dessa fungerar, vi är

376
00:21:16,339 --> 00:21:18,755
faktiskt kommer att titta på en
exempel begäran och svar.

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

378
00:21:21,730 --> 00:21:25,220
Men hur vi begär
information från en server

379
00:21:25,220 --> 00:21:30,590
och hur servern svarar på oss är
vad denna överföringsprotokoll styr.

380
00:21:30,590 --> 00:21:35,320
Så begäran och svaret har
att följa dessa särskilda regler.

381
00:21:35,320 --> 00:21:38,340
Det är standardiserat så att oavsett
där du med hjälp av internet,

382
00:21:38,340 --> 00:21:40,720
det alltid fungerar på samma, OK?

383
00:21:40,720 --> 00:21:43,220
>> Återigen, protokoll, uppsättning regler.

384
00:21:43,220 --> 00:21:45,620
Det är bara en normal
interaktion på samma sätt

385
00:21:45,620 --> 00:21:49,500
att professor Malan talar om
om någon sträcker sin hand,

386
00:21:49,500 --> 00:21:52,880
du vet att det är vanligt artighet till
nå din ut och skaka deras hand.

387
00:21:52,880 --> 00:21:54,580
Det är ett protokoll, eller hur?

388
00:21:54,580 --> 00:21:59,060
>> Så jag ger viss standardiserad begäran
som jag vill skaka din hand,

389
00:21:59,060 --> 00:22:01,975
och du ger några standardiserade
respons, som är antingen ingen tack

390
00:22:01,975 --> 00:22:04,600
eller du kan försöka skaka min
hand eller kanske du ska försöka

391
00:22:04,600 --> 00:22:06,490
och fist bump mig.

392
00:22:06,490 --> 00:22:08,320
Och vi har inte ett protokoll för detta.

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

394
00:22:09,360 --> 00:22:12,030
Men om alla följer den
samma protokoll, naturligtvis,

395
00:22:12,030 --> 00:22:14,250
det går mycket smidigt.

396
00:22:14,250 --> 00:22:15,590
Folk lär känna varandra.

397
00:22:15,590 --> 00:22:16,830
Alla är glada.

398
00:22:16,830 --> 00:22:20,750
>> Så i världen av webben,
alla följer samma rules--

399
00:22:20,750 --> 00:22:22,940
något bättre än sociala normer.

400
00:22:22,940 --> 00:22:26,950
Men med det kommer vi att titta
på ett exempel förfrågan här.

401
00:22:26,950 --> 00:22:30,020
Så det finns denna lilla
skriva här på botten

402
00:22:30,020 --> 00:22:34,990
som berättar de olika färgerna,
vad de ska betyda.

403
00:22:34,990 --> 00:22:38,290
>> Så vitt är precis som din metod
begäran och protokoll version--

404
00:22:38,290 --> 00:22:42,400
så metoden begäran version.

405
00:22:42,400 --> 00:22:44,630
Och då är en del
fältnamn och värdet

406
00:22:44,630 --> 00:22:47,630
av detta område, vilket vi kommer att
gå in på mycket, mycket snart.

407
00:22:47,630 --> 00:22:49,840
Så detta är ett exempel begäran.

408
00:22:49,840 --> 00:22:54,470
Detta är som jag sträcker ut,
vill presentera mig.

409
00:22:54,470 --> 00:22:58,507
>> Detta är vad klienten
eller vad din webbläsare

410
00:22:58,507 --> 00:22:59,840
skulle skicka till din server.

411
00:22:59,840 --> 00:23:04,500
Så detta är en begäran få, så det är
ber om något från servern.

412
00:23:04,500 --> 00:23:09,690
Och det är, förstås, HTTP
och det är version 1.1.

413
00:23:09,690 --> 00:23:16,060
>> Så resten av denna här är vad vi kallar
sidhuvud, och dess extra information

414
00:23:16,060 --> 00:23:20,050
som ger oss en bättre uppfattning om
vad vi egentligen ber om,

415
00:23:20,050 --> 00:23:23,190
eller information som vi vill ge
servern som kan vara relevant.

416
00:23:23,190 --> 00:23:32,880
Så User-Agent ger lite mer
Beskrivning on-- till exempel, här,

417
00:23:32,880 --> 00:23:38,720
curl / 7.24.0 faktiskt kommer att berätta
den server som vi använder Google

418
00:23:38,720 --> 00:23:40,700
Krom som vår webbläsare.

419
00:23:40,700 --> 00:23:43,290
Så om du någonsin hör
om människor som pratar

420
00:23:43,290 --> 00:23:48,160
om att göra en app som svarar
till flera webbläsare,

421
00:23:48,160 --> 00:23:50,330
Detta är något som de
skulle använda för om du

422
00:23:50,330 --> 00:23:53,000
vet inte vilken webbläsare
begäran kommer ifrån,

423
00:23:53,000 --> 00:23:55,050
du kan inte skräddarsy data till det.

424
00:23:55,050 --> 00:23:57,690
Så i detta fall, användaren
bara ge denna typ

425
00:23:57,690 --> 00:24:01,030
av identifieringsinformation
om vilken webbläsare

426
00:24:01,030 --> 00:24:06,510
ditt användarnamn använder för närvarande, OK?

427
00:24:06,510 --> 00:24:11,640
>> Så då har vi också värd, vilket är
där vi faktiskt vilja gå till.

428
00:24:11,640 --> 00:24:15,280
I det här fallet vill vi gå till
apple.com, köpa några häftiga nya iPads

429
00:24:15,280 --> 00:24:19,540
eller något, kanske söt
ljus på våra sovsalar.

430
00:24:19,540 --> 00:24:24,900
Och namnet värde i slutet är bara
fyllmedel, bara en allmän sak

431
00:24:24,900 --> 00:24:25,760
för er att se.

432
00:24:25,760 --> 00:24:28,240
Det gör faktiskt inte
motsvarar något här.

433
00:24:28,240 --> 00:24:32,360
>> Så du kan ha så mycket eller så
lite som du vill i varje fall.

434
00:24:32,360 --> 00:24:36,990
Större delen av tiden, dessa är valfria.

435
00:24:36,990 --> 00:24:41,780
Det beror bara på vad
du behöver från webbläsaren,

436
00:24:41,780 --> 00:24:45,120
från användaren för att
riktigt ge begäran.

437
00:24:45,120 --> 00:24:48,970
Eller det beror på vad ditt användarnamn
egentligen vill ge upp till servern.

438
00:24:48,970 --> 00:24:54,550
Så du kan ha många, många
av dessa rubrikfältnamn

439
00:24:54,550 --> 00:24:57,140
eller du kanske bara har ett par.

440
00:24:57,140 --> 00:24:59,630
Som med så många saker
Jag har sagt i detta avsnitt,

441
00:24:59,630 --> 00:25:03,590
det verkligen beror på sammanhanget
om hur du använder detta.

442
00:25:03,590 --> 00:25:06,810
>> Det gör som är vettigt för alla?

443
00:25:06,810 --> 00:25:11,463
Detta är bara ett exempel på
en förfrågan, rubriker, allt.

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

445
00:25:16,910 --> 00:25:20,510
>> Återigen har vi vår statuskod, protokoll
version, och sedan fältnamn och fält

446
00:25:20,510 --> 00:25:21,700
värderar som alltid.

447
00:25:21,700 --> 00:25:25,500
Så vår protokollversion
och vår statuskoden är 200.

448
00:25:25,500 --> 00:25:28,610
OK, vilket innebär att,
ja, allt gick bra.

449
00:25:28,610 --> 00:25:30,230
Här är vad du vill.

450
00:25:30,230 --> 00:25:33,750
>> Den typen server, innehållet
type-- det säger oss, OK, du är

451
00:25:33,750 --> 00:25:37,210
kommer att få någon text HTML.

452
00:25:37,210 --> 00:25:40,520
Här är längden på det och här är
vad du ska göra med anslutningen.

453
00:25:40,520 --> 00:25:43,004
OK, så igen, beroende
på data du är

454
00:25:43,004 --> 00:25:45,670
ber om, beroende på vad
server vill återvända till dig,

455
00:25:45,670 --> 00:25:49,440
Du kan ha flera av dessa fält
namn, kanske du har mindre.

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

457
00:25:53,950 --> 00:25:56,650
>> Och så långt som denna status
koden här, naturligtvis,

458
00:25:56,650 --> 00:25:59,590
200 är inte den enda en
du kan ha, eller hur?

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

460
00:26:01,580 --> 00:26:06,120
Finns det någon som minns något av
andra som vi nämnde i föreläsningen?

461
00:26:06,120 --> 00:26:08,310
Många av dem börjar med 4.

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

463
00:26:09,680 --> 00:26:11,310
>> ALLISON Buchholtz-AU: 404, vilket är?

464
00:26:11,310 --> 00:26:12,140
>> PUBLIK: Filen hittades inte?

465
00:26:12,140 --> 00:26:13,250
>> ALLISON Buchholtz-AU: Filen hittades inte.

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

467
00:26:14,120 --> 00:26:15,587
Så hur är 403?

468
00:26:15,587 --> 00:26:16,420
PUBLIK: Förbjudet.

469
00:26:16,420 --> 00:26:17,120
ALLISON Buchholtz-AU: Förbjudet.

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

471
00:26:18,695 --> 00:26:20,890
>> PUBLIK: Det betyder att du
har inte behörighet att läsa den.

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

473
00:26:22,400 --> 00:26:25,190
På något sätt, har du inte
behörighet att komma åt det, eller hur?

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

475
00:26:27,242 --> 00:26:28,950
Det är en riktigt rolig
en som vi alltid

476
00:26:28,950 --> 00:26:31,116
introducerar varje år som
Jag borde ha lagt upp här,

477
00:26:31,116 --> 00:26:33,370
som 413, vilket är jag är en tekanna.

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

479
00:26:34,390 --> 00:26:38,490
Det är lustigt ut, det är kod
413 och det är jag är en tekanna.

480
00:26:38,490 --> 00:26:41,240
Vilket jag vet inte varför du skulle
någonsin behöver det på internet,

481
00:26:41,240 --> 00:26:42,935
men jag avvika.

482
00:26:42,935 --> 00:26:44,310
PUBLIK: Kanske är du en tekanna.

483
00:26:44,310 --> 00:26:46,476
ALLISON Buchholtz-AU: Kanske
servern är en tekanna.

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

485
00:26:47,890 --> 00:26:51,840
Okej, så vi är på väg att
övergången till verkliga kodning.

486
00:26:51,840 --> 00:26:54,750
Det känns som att ni kommer att
härifrån ganska snabbt.

487
00:26:54,750 --> 00:26:56,940
>> PUBLIK: Varför gör det
säger "server: två gånger?

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

489
00:26:57,981 --> 00:27:00,350
Server två gånger?

490
00:27:00,350 --> 00:27:03,750
Det är en bra fråga.

491
00:27:03,750 --> 00:27:04,630
Jag är inte säker.

492
00:27:04,630 --> 00:27:07,520
Jag ska ta reda på och
Jag kommer att maila alla.

493
00:27:07,520 --> 00:27:11,410
>> OK, några andra frågor förutom 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 och CSS, och nu har vi
få till alla de roliga delarna.

497
00:27:17,280 --> 00:27:21,697
Så som jag nämnde tidigare, HTML
är förmodligen en av de saker

498
00:27:21,697 --> 00:27:23,030
ni är mest bekant med.

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

500
00:27:25,760 --> 00:27:29,900
>> Det bästa sättet att lära sig this-- jag inte
har några förberedda diabilder eller något

501
00:27:29,900 --> 00:27:31,480
för er med HTML.

502
00:27:31,480 --> 00:27:33,640
Det handlar egentligen om att lära sig syntaxen.

503
00:27:33,640 --> 00:27:38,380
Och om du var i MySpace
dag, skulle du ha denna ner.

504
00:27:38,380 --> 00:27:42,790
>> Så egentligen är det största
bara för att öva och experimentera.

505
00:27:42,790 --> 00:27:48,000
En av de stora resurser som jag skulle
starkt med är W3Schools.

506
00:27:48,000 --> 00:27:50,620
Så bara W, 3, och sedan skolor.

507
00:27:50,620 --> 00:27:54,810
De har en hel del
resurser på HTML, på CSS,

508
00:27:54,810 --> 00:27:58,970
och de faktiskt har en
delad skärm sånt

509
00:27:58,970 --> 00:28:00,830
där de ska ge dig exempelkod.

510
00:28:00,830 --> 00:28:03,290
Du kan leka med den,
ändra det, och trycker Update,

511
00:28:03,290 --> 00:28:06,410
och det kommer visa dig vad det
egentligen gör på webbsidan.

512
00:28:06,410 --> 00:28:08,380
>> Så jag rekommenderar starkt med det.

513
00:28:08,380 --> 00:28:11,300
Det är ganska coolt.

514
00:28:11,300 --> 00:28:14,560
Du kommer inte få seg fel
här när saker går fel.

515
00:28:14,560 --> 00:28:16,430
Om du lyckas få
en seg fel med HTML,

516
00:28:16,430 --> 00:28:19,446
låt mig veta eftersom jag är
kommer att bli verkligt förbryllad.

517
00:28:19,446 --> 00:28:21,570
Men det är riktigt coolt eftersom
Du kan ändra saker,

518
00:28:21,570 --> 00:28:23,550
Du kan se dem uppdateras live.

519
00:28:23,550 --> 00:28:26,210
Och jag tror att du kommer att få en mycket
mer intuitiv grepp om HTML

520
00:28:26,210 --> 00:28:28,690
om du faktiskt bara spendera lite
tid att experimentera med det.

521
00:28:28,690 --> 00:28:32,590
Så det är därför jag sa,
praktik och experiment.

522
00:28:32,590 --> 00:28:34,490
>> Google, från och med nu
ut, förmodligen kommer att vara

523
00:28:34,490 --> 00:28:36,440
en av dina bästa resurser och vänner.

524
00:28:36,440 --> 00:28:41,080
Eller Bing-- Jag arbetar på Microsoft,
så kanske jag borde säga Bing.

525
00:28:41,080 --> 00:28:45,590
Men i stort sett allt
kommer bara att bli syntax,

526
00:28:45,590 --> 00:28:51,300
så förstå vad taggarna är,
understanding-- åtminstone med CSS--

527
00:28:51,300 --> 00:28:53,360
hur man ändrar vissa egenskaper.

528
00:28:53,360 --> 00:28:55,300
Det kommer att bli super bra.

529
00:28:55,300 --> 00:28:58,852
>> Så även om vi inte
har några förberedda saker,

530
00:28:58,852 --> 00:29:02,060
Vi har typ av några tips
att vi vill att ni ska försöka följa

531
00:29:02,060 --> 00:29:06,640
by-- eller snarare, bör du
följa tills vidare.

532
00:29:06,640 --> 00:29:09,722
Så stänga alla dina taggar.

533
00:29:09,722 --> 00:29:12,930
Förhoppningsvis alla has-- vet du vad,
Om detta inte är vettigt just nu,

534
00:29:12,930 --> 00:29:15,388
Jag lovar att det är meningsfullt
när vi koda upp på sidan.

535
00:29:15,388 --> 00:29:16,680
Men stänga alla dina taggar.

536
00:29:16,680 --> 00:29:20,410
Så om du någonsin har några
sidhuvud som är fäste,

537
00:29:20,410 --> 00:29:24,180
H1, fäste, se till att
när du är klar med det,

538
00:29:24,180 --> 00:29:26,570
du stänger den rubriken.

539
00:29:26,570 --> 00:29:30,260
Bekräfta din sida med W3 Validator.

540
00:29:30,260 --> 00:29:34,689
Om du inte stänger dina taggar,
kan du få oväntade resultat.

541
00:29:34,689 --> 00:29:37,730
Det kommer att säga att din sida är ogiltig
om du kör det genom denna validator.

542
00:29:37,730 --> 00:29:41,000
Så när i doubt-- och speciellt
På veckans och nästa veckas

543
00:29:41,000 --> 00:29:46,220
pset-- på samma sätt som vi ber
du kan använda kontrollera 50 och stil 50,

544
00:29:46,220 --> 00:29:49,130
du kan tänka på detta
som en av dina checkar, OK?

545
00:29:49,130 --> 00:29:51,950
>> Så om det inte passerar W3 Validator.

546
00:29:51,950 --> 00:29:53,810
Det är något vi kommer att docka dig på.

547
00:29:53,810 --> 00:29:55,960
Eller jag säger rätt
nu, jag kommer att docka dig på.

548
00:29:55,960 --> 00:29:58,202
Så se till att den validerar.

549
00:29:58,202 --> 00:29:58,785
Det är inte svårt.

550
00:29:58,785 --> 00:30:01,530
Du klistrar bara in din kod
och det kommer antingen att säga bra jobb

551
00:30:01,530 --> 00:30:03,630
eller du saknar
något på samma sätt

552
00:30:03,630 --> 00:30:07,760
den stilen 50 berättar
där du stöka.

553
00:30:07,760 --> 00:30:11,360
>> Och så en sista sak
är du vill dela

554
00:30:11,360 --> 00:30:15,980
din markup, vilket är allt som HTML
eller din text, och din styling.

555
00:30:15,980 --> 00:30:19,420
Så vi ska göra ett exempel
av denna rätt efter detta.

556
00:30:19,420 --> 00:30:21,830
Så HTML och CSS ska vara åtskilda.

557
00:30:21,830 --> 00:30:26,030
Och vi kommer att tala om
MVC, vilket är Model View Controller

558
00:30:26,030 --> 00:30:27,100
nästa vecka.

559
00:30:27,100 --> 00:30:29,360
Ni bör nog
lära sig om det i föreläsning

560
00:30:29,360 --> 00:30:32,130
i morgon om du hade
redan lärt det i dag.

561
00:30:32,130 --> 00:30:34,250
>> Och det är bara typ av
ett paradigm som vi tenderar

562
00:30:34,250 --> 00:30:37,460
att använda när du skapar webb
sidor för att separera ut saker.

563
00:30:37,460 --> 00:30:41,440
Du kan tänka på det på samma sätt
att vi tenderar att separata funktioner i C

564
00:30:41,440 --> 00:30:43,360
där vi hash att hitta saker.

565
00:30:43,360 --> 00:30:45,530
Det är bara ett sätt att
göra ditt liv enklare.

566
00:30:45,530 --> 00:30:51,790
Den skiljer sig attribut eller kod som
du skulle använda om och om igen,

567
00:30:51,790 --> 00:30:55,360
men på detta sätt, det slag
av håller det trevligt och snyggt.

568
00:30:55,360 --> 00:30:58,260
Och om du vill ändra
en sak, ändrar du det en gång

569
00:30:58,260 --> 00:31:00,150
och det har förändrats överallt annars.

570
00:31:00,150 --> 00:31:05,010
Så det är mer för din
lätthet och flexibilitet.

571
00:31:05,010 --> 00:31:11,430
>> Så med CSS, det är mycket likt
till HTML, men i stället för taggar

572
00:31:11,430 --> 00:31:15,120
som jag nämnde nyss, vi
använda vad som kallas väljare.

573
00:31:15,120 --> 00:31:21,900
Och de i princip bara snäll
av associera en viss tagg

574
00:31:21,900 --> 00:31:24,620
i HTML med olika attribut.

575
00:31:24,620 --> 00:31:29,060
Och när jag säger attribut, menar jag
saker som teckenfärg, teckenstil,

576
00:31:29,060 --> 00:31:32,694
färgen på bakgrunden,
färgen på din text.

577
00:31:32,694 --> 00:31:33,610
De möjliga saker.

578
00:31:33,610 --> 00:31:36,270
Som om det är centrerat,
om det av till höger,

579
00:31:36,270 --> 00:31:39,430
om det är inverted-- allt
av dessa coola saker.

580
00:31:39,430 --> 00:31:42,490
Eventuella stilistiska saker
att du gör med din text,

581
00:31:42,490 --> 00:31:45,070
Detta är vad jag menar med attribut.

582
00:31:45,070 --> 00:31:50,140
>> Och sedan två saker att veta är att
selectors-- två av huvud factors--

583
00:31:50,140 --> 00:31:53,090
är ID, vilket är unikt.

584
00:31:53,090 --> 00:31:54,859
Du kan bara använda det för en sak.

585
00:31:54,859 --> 00:31:56,400
Annars kommer det att skrika på dig.

586
00:31:56,400 --> 00:31:59,970
Och när vi definierar det
i en CSS-fil, kommer det

587
00:31:59,970 --> 00:32:03,182
vara hash-ID och sedan
vilka attribut vi vill ha.

588
00:32:03,182 --> 00:32:05,140
Jag lovar att vi kommer att
gå igenom ett exempel.

589
00:32:05,140 --> 00:32:06,830
Det kommer att göra mycket mer känsla.

590
00:32:06,830 --> 00:32:08,830
>> Klass kan hänvisa till flera block.

591
00:32:08,830 --> 00:32:13,400
Så du kan ha din
första och tredje stycket

592
00:32:13,400 --> 00:32:17,240
ha samma typ av attribut om så
du associerar dem med samma klass.

593
00:32:17,240 --> 00:32:21,050
Och när vi definierar dem
i CSS, gör vi en punktklass,

594
00:32:21,050 --> 00:32:25,710
med klass är vad
du vill att den ska namnges.

595
00:32:25,710 --> 00:32:28,559
>> Så jag vet att det är rätt
nu mycket abstrakt.

596
00:32:28,559 --> 00:32:29,850
Det är därför vi ska koden.

597
00:32:29,850 --> 00:32:32,060
Jag vet att ni älskar
det, och ni alla är

598
00:32:32,060 --> 00:32:34,210
kommer att hjälpa mig eftersom
det här är din webbsida.

599
00:32:34,210 --> 00:32:36,310
Det här är vår sektionens hemsida, grabbar.

600
00:32:36,310 --> 00:32:40,158
Så finns det några frågor innan jag
stänga av PowerPoint, eller något

601
00:32:40,158 --> 00:32:42,366
du vill att jag ska rulla tillbaka
till innan vi börjar kodning?

602
00:32:42,366 --> 00:32:45,074
>> PUBLIK: När du säger match taggar,
menar du väljare eller taggar?

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

604
00:32:50,427 --> 00:32:53,010
ALLISON Buchholtz-AU: Du kan
tänka på dem som samma sak.

605
00:32:53,010 --> 00:32:54,590
Det är bara olika ord.

606
00:32:54,590 --> 00:32:56,460
Jag menar, som väljare.

607
00:32:56,460 --> 00:32:59,470
Men väljare även karta till taggar.

608
00:32:59,470 --> 00:33:02,800
Så du kan tänka på dem som
effektivt samma sak.

609
00:33:02,800 --> 00:33:05,900
Jag lovar att det kommer att göra
mer meningsfullt när vi koda.

610
00:33:05,900 --> 00:33:08,400
Allt från
PowerPoint eller frågor

611
00:33:08,400 --> 00:33:12,980
just nu innan vi faktiskt
skapa vår sektionens sida?

612
00:33:12,980 --> 00:33:15,040
Alla redo?

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å jag har en igång.

616
00:33:24,760 --> 00:33:27,030
Låt mig öka tecken för er.

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

618
00:33:29,810 --> 00:33:36,730
OK, så just nu har vi bara en
nakna ben webbsida här.

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

620
00:33:38,360 --> 00:33:41,050
Vi har några header, som vi
se här som exempel webbsida.

621
00:33:41,050 --> 00:33:44,540
Någon titel, vissa typsnitt.

622
00:33:44,540 --> 00:33:47,580
Dessa är taggar, OK?

623
00:33:47,580 --> 00:33:53,930
Så när jag menar stänga dina taggar, vi ser
här i fästet huvudet är din öppning

624
00:33:53,930 --> 00:33:59,670
tag, och detta fäste
/ Head stänger det, OK?

625
00:33:59,670 --> 00:34:04,380
>> Så du kan se det som
dina hängslen i din förekommande villkor

626
00:34:04,380 --> 00:34:05,420
eller din för loopar.

627
00:34:05,420 --> 00:34:08,630
Om du har en i början,
du vill ha en i slutet.

628
00:34:08,630 --> 00:34:13,500
Det kommer fortfarande att fungera för det mesta
Om du inte har en sluten tagg,

629
00:34:13,500 --> 00:34:17,659
men bästa praxis är nära dina taggar.

630
00:34:17,659 --> 00:34:20,940
>> Så i detta fall, låt oss ändra på detta.

631
00:34:20,940 --> 00:34:24,150
Vi kommer att ha avsnitt sju.

632
00:34:24,150 --> 00:34:25,270
"Avsnitt webbsida."

633
00:34:25,270 --> 00:34:26,969
Så jag ska bara ändra på detta.

634
00:34:26,969 --> 00:34:32,100
>> Och om vi går hit och vi
reload-- mĺste spara och reload--

635
00:34:32,100 --> 00:34:36,750
Vi märker att här uppe
det förändrats, eller hur?

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

637
00:34:38,250 --> 00:34:39,380
Så detta ändrar titeln.

638
00:34:39,380 --> 00:34:41,920
Det här är det som finns på din flik.

639
00:34:41,920 --> 00:34:43,870
>> Så det här är en typ av
ser typ av tråkiga.

640
00:34:43,870 --> 00:34:44,870
Jag vet inte om killarna.

641
00:34:44,870 --> 00:34:46,810
Jag tror att vi vill ha något annat här.

642
00:34:46,810 --> 00:34:51,900
>> Så vad vi kan göra är att
header är bara där.

643
00:34:51,900 --> 00:34:54,320
Låt oss göra någon form av kroppen.

644
00:34:54,320 --> 00:34:56,550
Så vi har lite kropp här.

645
00:34:56,550 --> 00:35:01,360
Jag gör alltid öppen och
sluter taggar för att starta,

646
00:35:01,360 --> 00:35:04,850
på samma sätt som jag gör tandställning.

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

648
00:35:06,326 --> 00:35:09,010
Vänta, vad?

649
00:35:09,010 --> 00:35:10,949
>> PUBLIK: [OHÖRBAR].

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

651
00:35:11,990 --> 00:35:13,895
Ni fick mig.

652
00:35:13,895 --> 00:35:14,930
Bra jobbat.

653
00:35:14,930 --> 00:35:16,270
Guldstjärna.

654
00:35:16,270 --> 00:35:20,300
>> OK, så vi har lite kropp här.

655
00:35:20,300 --> 00:35:22,920
Och nu ska vi börja lägga lite text.

656
00:35:22,920 --> 00:35:26,110
Så du har ett par olika
alternativ för att tillfoga text.

657
00:35:26,110 --> 00:35:29,380
Vi har saker som rubriker.

658
00:35:29,380 --> 00:35:32,144
Vi har bara vanlig text.

659
00:35:32,144 --> 00:35:33,560
Så låt oss bara börja med en rubrik.

660
00:35:33,560 --> 00:35:36,670
Egentligen, om ni vill ha
att dra upp W3 skolas HTML,

661
00:35:36,670 --> 00:35:38,860
du kan typ av se dig omkring
och om det finns något

662
00:35:38,860 --> 00:35:42,470
särskilt som du vill prova
med denna webbsida, kan vi göra det.

663
00:35:42,470 --> 00:35:46,250
Så i detta fall, låt oss bara göra lite h1.

664
00:35:46,250 --> 00:35:48,710
Så h1 är som den högsta header.

665
00:35:48,710 --> 00:35:52,260
Det kommer att ge dig något
som är mycket stor och fetstil.

666
00:35:52,260 --> 00:35:58,010
>> Och i detta fall, vad vill vi
för den första texten på vår hemsida?

667
00:35:58,010 --> 00:35:58,640
Vad som helst.

668
00:35:58,640 --> 00:35:59,800
Ni ska skapa detta.

669
00:35:59,800 --> 00:36:00,758
Jag kommer bara att skriva.

670
00:36:00,758 --> 00:36:01,620
PUBLIK: Välkommen.

671
00:36:01,620 --> 00:36:02,870
>> ALLISON Buchholtz-AU: Välkommen.

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

673
00:36:06,660 --> 00:36:12,620
OK, så om vi sparar det och vi ladda om,
Vi har en stor stor Välkommen.

674
00:36:12,620 --> 00:36:17,365
Så bara så kan du se
skillnader, låt oss göra något på H6.

675
00:36:17,365 --> 00:36:18,490
Vad vill vi här?

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

677
00:36:24,951 --> 00:36:27,440
Rätt?

678
00:36:27,440 --> 00:36:30,356
>> OK, så det är bara så att du kan
se skillnaden.

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

680
00:36:31,990 --> 00:36:34,680
Så om du märker, h1, mycket, mycket stora.

681
00:36:34,680 --> 00:36:39,030
h6, som fet, men mycket mindre,
och du har allt däremellan.

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
Och dessa är bara rubriker,
så om du försöker

684
00:36:43,750 --> 00:36:46,010
att skapa en webbsida som
har olika sektioner,

685
00:36:46,010 --> 00:36:48,810
kanske du vill använda
rubriker i det någonstans.

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

687
00:36:49,580 --> 00:36:53,270
Så vi ska lägga till lite mer
saker i vår kropp.

688
00:36:53,270 --> 00:36:58,380
Jag ser att det skulle vara snäll
av coola om vi hade en bild.

689
00:36:58,380 --> 00:37:02,840
Jag känner mig som alla kunde använda kanske
en söt kanin bild rätt om nu,

690
00:37:02,840 --> 00:37:05,082
så vi kommer att hitta
en kanin bild först.

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

692
00:37:10,010 --> 00:37:12,960
>> Jag vet inte om ni har någon
preferenser på vilken vi vill ha.

693
00:37:12,960 --> 00:37:14,890
Har ni några önskemål?

694
00:37:14,890 --> 00:37:15,925
Här en här?

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

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

697
00:37:17,750 --> 00:37:18,760
Den där är det.

698
00:37:18,760 --> 00:37:20,080
Bra val.

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

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

701
00:37:22,920 --> 00:37:24,250
Titta på den bedårande sak.

702
00:37:24,250 --> 00:37:27,080
Hur kan du vara ledsen
på en måndag med detta?

703
00:37:27,080 --> 00:37:30,180
>> Så vi ska bara
kopiera bildens URL.

704
00:37:30,180 --> 00:37:38,720
Och vad vi vill göra är att, låt oss bara
säger att vi har en del p för punkt.

705
00:37:38,720 --> 00:37:41,140
Vi kommer att säga "Titta
titta på den söta kaninen.

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

707
00:37:44,130 --> 00:37:44,880
Jag älskar mina kaniner.

708
00:37:44,880 --> 00:37:45,838
Jag har en kanin hemma.

709
00:37:45,838 --> 00:37:48,085
Jag saknar min kanin.

710
00:37:48,085 --> 00:37:50,460
Så vad vi ska do--
Jag vet inte om ni vill ha

711
00:37:50,460 --> 00:37:55,970
google this-- men med HTML,
Hur kan du ta en bild?

712
00:37:55,970 --> 00:37:58,355
Bokstavligen, om du google
"Inkluderar bild HTML",

713
00:37:58,355 --> 00:38:00,480
Varför inte ni tala om för mig
vad denna tagg borde vara?

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

715
00:38:05,150 --> 00:38:06,290
>> PUBLIK: 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
PUBLIK: --equals--

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

719
00:38:09,000 --> 00:38:10,181
PUBLIK: --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 generation, eller hur?

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

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

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

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

727
00:38:20,200 --> 00:38:21,260
Det har varit galet.

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

729
00:38:23,120 --> 00:38:25,600
>> Så se till att jag får denna rätt.

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

731
00:38:26,100 --> 00:38:27,750
Så det här borde vara här.

732
00:38:27,750 --> 00:38:34,146
Och sedan om vi ladda om, vi har vår
bunny på sidan Är inte detta bedårande?

733
00:38:34,146 --> 00:38:35,030
>> Detta är så söt.

734
00:38:35,030 --> 00:38:36,860
Du har valt en stor, stor foto.

735
00:38:36,860 --> 00:38:38,180
Jag gräver den.

736
00:38:38,180 --> 00:38:41,350
>> OK, så vi har denna förtjusande kanin nu.

737
00:38:41,350 --> 00:38:44,590
Vi kunde lägga till en
bild, bara så där.

738
00:38:44,590 --> 00:38:47,550
Så i princip om det finns någon bild
du vill lägga till din webbsida,

739
00:38:47,550 --> 00:38:49,430
du kan lägga till det precis som här.

740
00:38:49,430 --> 00:38:52,910
En annan sak vore om
du har en bild som lagras

741
00:38:52,910 --> 00:38:55,670
i samma mapp som
den här filen kan du bara

742
00:38:55,670 --> 00:38:59,595
skriva vad namnet på den bilden
är istället för att ha en webblänk.

743
00:38:59,595 --> 00:39:01,010
>> Det skulle fortfarande vara inom citationstecken.

744
00:39:01,010 --> 00:39:03,700
Det skulle bara vara som
om vi hade namngett this--

745
00:39:03,700 --> 00:39:06,695
Om den här bilden hade sparats
i mappen med denna HTML-fil

746
00:39:06,695 --> 00:39:08,570
att jag redigerar och det
kallades bunny.jpg.

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

748
00:39:11,289 --> 00:39:13,080
Vi skulle också kunna göra det
och det skulle dyka upp.

749
00:39:13,080 --> 00:39:16,600
Men jag har inte det sparas i
filen och jag vill behålla kaninen,

750
00:39:16,600 --> 00:39:18,092
så vi kommer att hålla på länken.

751
00:39:18,092 --> 00:39:20,720
>> PUBLIK: Vad är 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 är en appropriate--
titta, du kan anta den.

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

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

756
00:39:27,690 --> 00:39:29,190
Jag vill anta denna kanin.

757
00:39:29,190 --> 00:39:31,180
Åh, gud, det är så söt.

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

759
00:39:34,230 --> 00:39:35,500
Vi har lagt till en bild.

760
00:39:35,500 --> 00:39:37,760
Självklart har vi lagt
lite text här, eller hur?

761
00:39:37,760 --> 00:39:40,920
Om vi ​​ville lägga till andra
texter, vi skulle gå så här.

762
00:39:40,920 --> 00:39:43,760
Så detta är en annan punkt.

763
00:39:43,760 --> 00:39:49,070
>> Och vi säger "det här är en annan punkt."

764
00:39:49,070 --> 00:39:52,510
Dessutom, jag är en hemsk stavnings,
så jag kan stava fel saker.

765
00:39:52,510 --> 00:39:54,930
Bara FYI.

766
00:39:54,930 --> 00:39:58,450
>> Så vi har en annan
punkt här, eller hur?

767
00:39:58,450 --> 00:40:02,190
Så kanske du vill göra något
lite mer intressant än bara

768
00:40:02,190 --> 00:40:04,640
har all din text, som högerjusterat.

769
00:40:04,640 --> 00:40:08,490
Kanske du vill centrera din text, OK?

770
00:40:08,490 --> 00:40:11,820
>> Så om någon vill använda dem
praktiska datorer framför dig

771
00:40:11,820 --> 00:40:19,034
och berätta hur du är
kommer att centrera texten,

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

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

774
00:40:24,834 --> 00:40:25,750
Han dödar det, killar.

775
00:40:25,750 --> 00:40:28,240
Y'all måste öka.

776
00:40:28,240 --> 00:40:36,042
Och vi har "Detta är centrerad."

777
00:40:36,042 --> 00:40:37,500
Och nu har vi något centrerat.

778
00:40:37,500 --> 00:40:39,380
>> På samma sätt, om man
vill ha det vänsterställt,

779
00:40:39,380 --> 00:40:42,020
du kunde göra align jämlikar
vänster, lika align rätt.

780
00:40:42,020 --> 00:40:42,850
Helt upp till dig.

781
00:40:42,850 --> 00:40:55,580
Om jag gjorde här, då detta
should-- nu är det högerjusterat.

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

783
00:40:57,020 --> 00:41:00,884
Genom bildkälla, är varför inte
det slutet av img källa?

784
00:41:00,884 --> 00:41:02,050
ALLISON Buchholtz-AU: Förlåt.

785
00:41:02,050 --> 00:41:05,300
Detta bör vara
där du nu är bra.

786
00:41:05,300 --> 00:41:06,026
Nu är vi är bra.

787
00:41:06,026 --> 00:41:08,150
PUBLIK: Saknar du
att stänga det där, eller hur?

788
00:41:08,150 --> 00:41:11,450
ALLISON Buchholtz-AU: Tja, så img
källa, detta bara-- med bilden,

789
00:41:11,450 --> 00:41:17,110
det är bara ses som ett element, medan
om du märker för resten av dessa,

790
00:41:17,110 --> 00:41:22,106
vi har några tag sedan information som
det avser och sedan en sluttagg.

791
00:41:22,106 --> 00:41:24,480
Men med bilden, allt är
bara typ av fristående.

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å ni vet hur man skapar en
header, du vet hur du mata in text,

795
00:41:33,530 --> 00:41:37,060
du vet hur man sätter en bild
i nu, kan du justera saker.

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

797
00:41:39,940 --> 00:41:42,590
>> En annan sak som du
kanske vill kunna göra

798
00:41:42,590 --> 00:41:47,649
är att skapa en lista i CS-- vi är
typ att gå in i nästa veckas pset.

799
00:41:47,649 --> 00:41:49,440
De saker som vi
normalt undervisar den här veckan

800
00:41:49,440 --> 00:41:51,480
går riktigt bra med
nästa veckas pset, så vi är

801
00:41:51,480 --> 00:41:54,250
typ av blandning, överlappande saker här.

802
00:41:54,250 --> 00:41:56,290
Men det ska vara användbart för nästa vecka.

803
00:41:56,290 --> 00:42:02,500
>> Så om vi ville skapa något
lista, hur skulle vi göra det?

804
00:42:02,500 --> 00:42:03,760
Du kan inte svara på den här gången.

805
00:42:03,760 --> 00:42:04,700
Någon annan måste.

806
00:42:04,700 --> 00:42:07,290

807
00:42:07,290 --> 00:42:09,440
Det är inte svårt, killar, lovar.

808
00:42:09,440 --> 00:42:13,090
Google "oordnad lista HTML."

809
00:42:13,090 --> 00:42:14,076
Vad var det?

810
00:42:14,076 --> 00:42:16,244
>> PUBLIK: [OHÖRBAR].

811
00:42:16,244 --> 00:42:17,410
ALLISON Buchholtz-AU: Rätt.

812
00:42:17,410 --> 00:42:20,490
Så vill vi ha beställt eller oordnad?

813
00:42:20,490 --> 00:42:21,500
Låt oss göra en oordnad.

814
00:42:21,500 --> 00:42:25,240
Så vi har några ul, vilket
står för osorterade listor.

815
00:42:25,240 --> 00:42:27,997
Och vad har vi för varje element?

816
00:42:27,997 --> 00:42:29,080
Spelar det behöver en egen tagg?

817
00:42:29,080 --> 00:42:30,556
Kan vi bara börja skriva saker?

818
00:42:30,556 --> 00:42:31,330
>> PUBLIK: li.

819
00:42:31,330 --> 00:42:32,826
>> ALLISON Buchholtz-AU: li.

820
00:42:32,826 --> 00:42:34,785
Så vad är vår lista kommer att bli?

821
00:42:34,785 --> 00:42:37,050
Vad vill vi här?

822
00:42:37,050 --> 00:42:38,190
Vi gör bara namn.

823
00:42:38,190 --> 00:42:39,250
Gör Jacob.

824
00:42:39,250 --> 00:42:40,340
>> PUBLIK: Kanin livsmedel.

825
00:42:40,340 --> 00:42:40,990
>> ALLISON Buchholtz-AU: Kanin livsmedel.

826
00:42:40,990 --> 00:42:41,910
OK jag gillar det här.

827
00:42:41,910 --> 00:42:42,520
Kanin livsmedel.

828
00:42:42,520 --> 00:42:44,440
>> OK, så vi har morötter.

829
00:42:44,440 --> 00:42:46,640
Jag gillar den här kanin tema.

830
00:42:46,640 --> 00:42:48,024
Jag gräver det mycket.

831
00:42:48,024 --> 00:42:50,440
PUBLIK: Faktiskt, jag trodde
att Jacob skulle vara 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 är kaninmat.

834
00:42:53,120 --> 00:42:55,310
Om du såg Jakobs
foto från kontorstid,

835
00:42:55,310 --> 00:42:56,850
Du kanske trodde att han fick
attackerad av en mördare kanin.

836
00:42:56,850 --> 00:42:58,099
>> PUBLIK: Jag har en kanin nu.

837
00:42:58,099 --> 00:42:59,710
Jag har en killer rabbit nu.

838
00:42:59,710 --> 00:43:00,540
>> ALLISON Buchholtz-AU:
Skämtar du med mig?

839
00:43:00,540 --> 00:43:02,081
>> PUBLIK: Jag ska ta det nästa avsnitt.

840
00:43:02,081 --> 00:43:02,990
Jag har det.

841
00:43:02,990 --> 00:43:04,240
>> ALLISON Buchholtz-AU:
Det här är löjligt.

842
00:43:04,240 --> 00:43:04,730
Hur som helst.

843
00:43:04,730 --> 00:43:05,510
>> PUBLIK: [OHÖRBAR]

844
00:43:05,510 --> 00:43:07,510
>> PUBLIK: Ja, min proctor
har en kanin också.

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> ALLISON Buchholtz-AU: Jag vill ha en kanin.

847
00:43:11,580 --> 00:43:15,415
OK, vem ger en riktig kanin till
I nästa avsnitt, totala brownie punkter.

848
00:43:15,415 --> 00:43:16,290
PUBLIK: [OHÖRBAR]

849
00:43:16,290 --> 00:43:16,943
PUBLIK: Åh, det är inte verkligt.

850
00:43:16,943 --> 00:43:17,910
Det är en uppstoppad kanin.

851
00:43:17,910 --> 00:43:18,855
>> ALLISON Buchholtz-AU: Oh
Ja, kan vi stänga dessa.

852
00:43:18,855 --> 00:43:20,174
Ser rad.

853
00:43:20,174 --> 00:43:21,590
PUBLIK: Spelar det egentligen någon roll?

854
00:43:21,590 --> 00:43:23,465
ALLISON Buchholtz-AU: Det gör det inte.

855
00:43:23,465 --> 00:43:25,590
Med de flesta av dessa saker,
du inte stänger taggen,

856
00:43:25,590 --> 00:43:28,750
99% av tiden inget dåligt händer
att hända, men det är bra stil också.

857
00:43:28,750 --> 00:43:30,250
Jakob.

858
00:43:30,250 --> 00:43:31,864
Och vi har sallat.

859
00:43:31,864 --> 00:43:33,655
PUBLIK: För länkar,
det är verkligen viktigt.

860
00:43:33,655 --> 00:43:34,696
ALLISON Buchholtz-AU: Hm?

861
00:43:34,696 --> 00:43:35,890
PUBLIK: För hyperlänkar.

862
00:43:35,890 --> 00:43:37,431
ALLISON Buchholtz-AU: För hyperlänkar.

863
00:43:37,431 --> 00:43:38,610
Ja, hyperlänkar behöver det.

864
00:43:38,610 --> 00:43:40,770
OK, så låt oss se här.

865
00:43:40,770 --> 00:43:44,810
Och vi har nära till vår lista.

866
00:43:44,810 --> 00:43:46,635
Och vi tittar på det.

867
00:43:46,635 --> 00:43:49,680
Vi har all-- Jakob, precis där.

868
00:43:49,680 --> 00:43:52,310
Kaninmat.

869
00:43:52,310 --> 00:43:54,000
Påminner mig om Bunnicula.

870
00:43:54,000 --> 00:43:55,234
>> PUBLIK: [OHÖRBAR]

871
00:43:55,234 --> 00:43:58,400
ALLISON Buchholtz-AU: Jag föra tillbaka
alla gamla skolan referenser i dag,

872
00:43:58,400 --> 00:43:59,130
inte jag?

873
00:43:59,130 --> 00:44:01,210
Bara alla gamla skolreferenser.

874
00:44:01,210 --> 00:44:05,767
Borde ha fört ut
Gogurts eller något för mellanmål.

875
00:44:05,767 --> 00:44:07,079
>> PUBLIK: 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
Jag ska se om jag kan spåra
ner Gushers för nästa vecka.

879
00:44:10,920 --> 00:44:11,980
Jag tror att jag kan göra det.

880
00:44:11,980 --> 00:44:13,980
Jag tror att vi kan ha
några på kontoret.

881
00:44:13,980 --> 00:44:18,570
>> OK, så vi har täckt en massa olika
saker du kan göra med HTML, eller hur?

882
00:44:18,570 --> 00:44:23,910
Och som ni säkert kan se, är det
nothing-- förhoppningsvis inte alltför intim--

883
00:44:23,910 --> 00:44:25,750
om det är, menar jag inte
att förringa någon.

884
00:44:25,750 --> 00:44:29,090
Om du har problem,
kom gärna och prata med mig.

885
00:44:29,090 --> 00:44:31,340
>> Men det mesta av det är bara
titta på syntaxen, eller hur?

886
00:44:31,340 --> 00:44:34,180
Om du vill ha en oordnad lista,
Om du vill ha någon form av lista,

887
00:44:34,180 --> 00:44:38,450
om du vill justera något eller
format något, det handlar om just

888
00:44:38,450 --> 00:44:42,080
slags tittar upp
syntax för HTML, eller hur?

889
00:44:42,080 --> 00:44:44,720
Och en sak som är
ganska cool faktiskt

890
00:44:44,720 --> 00:44:51,360
är om du går att-- låt oss se,
vad är en bra webbplats som vi gillar?

891
00:44:51,360 --> 00:44:54,920
Någon som har några favoritwebbplatser
som är OK för att få upp på nätet?

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
Vet du vad, låt oss bara göra CS50.

894
00:44:58,840 --> 00:45:01,800
Det var trevligt och säkert, eller hur?

895
00:45:01,800 --> 00:45:03,060
>> OK, så CS50 här.

896
00:45:03,060 --> 00:45:05,540
Åh titta, det finns ett avsnitt just nu.

897
00:45:05,540 --> 00:45:07,113
Om du gillar hur det ser ut.

898
00:45:07,113 --> 00:45:08,030
>> PUBLIK: [OHÖRBAR].

899
00:45:08,030 --> 00:45:10,696
ALLISON Buchholtz-AU: Vi är inte
kommer att göra meta avsnitt, grabbar.

900
00:45:10,696 --> 00:45:11,560
Det händer inte.

901
00:45:11,560 --> 00:45:14,540
Det skulle vara häftigt, men
Vi kommer inte att göra det.

902
00:45:14,540 --> 00:45:17,040
>> Så vad gör du kunde
göra om du gillar hur

903
00:45:17,040 --> 00:45:21,390
detta fungerar är kan du alltid rätt
klicka på någon webbsida som du gillar

904
00:45:21,390 --> 00:45:23,660
och du kan göra sidkälla.

905
00:45:23,660 --> 00:45:26,030
Det kommer att ta upp all HTML.

906
00:45:26,030 --> 00:45:30,800
Och det här är faktiskt en riktigt bra
sätt att styla din egen webbsida.

907
00:45:30,800 --> 00:45:33,640
Gå till en webbsida som du
verkligen gillar och titta på HTML

908
00:45:33,640 --> 00:45:35,430
och räkna ut hur de gjorde det.

909
00:45:35,430 --> 00:45:39,280
>> Och bokstavligen, så länge
som ni nämner saker,

910
00:45:39,280 --> 00:45:41,940
så länge du inte bara
stjäla från människor, är det OK.

911
00:45:41,940 --> 00:45:43,890
Speciellt för CS50
[? finansiera?], är vi

912
00:45:43,890 --> 00:45:46,950
typ av förväntar dig att få
inspiration från annan webbplats.

913
00:45:46,950 --> 00:45:48,070
Så tveka inte.

914
00:45:48,070 --> 00:45:51,360
Titta igenom webbplatser som
du tror är verkligen söt

915
00:45:51,360 --> 00:45:54,870
och räkna ut hur de använder
HTML och CSS för att göra dessa saker.

916
00:45:54,870 --> 00:45:59,860
>> Så som ni ser här, det är uppenbarligen
som länkar och vi har en klass här.

917
00:45:59,860 --> 00:46:00,950
Vi har en länk här.

918
00:46:00,950 --> 00:46:03,100
Vi har en lista.

919
00:46:03,100 --> 00:46:05,370
Vi har förmodligen någon
bilder i här någonstans.

920
00:46:05,370 --> 00:46:08,332
>> Vi har lite cool stil här.

921
00:46:08,332 --> 00:46:10,040
Detta är nästa sak
vi kommer att göra.

922
00:46:10,040 --> 00:46:14,580
Så stil, när du ser dessa
stil parentes är det CSS princip.

923
00:46:14,580 --> 00:46:15,880
Ben, har du en fråga?

924
00:46:15,880 --> 00:46:16,880
>> PUBLIK: Vad är div?

925
00:46:16,880 --> 00:46:20,039
>> ALLISON Buchholtz-AU: div
är precis A-- vad är div?

926
00:46:20,039 --> 00:46:20,830
PUBLIK: 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 är precis som
separera olika element.

929
00:46:25,960 --> 00:46:28,650
OK, så här är vad vi är
kommer att gå in i nästa.

930
00:46:28,650 --> 00:46:31,550
Så det här är kanske inte den bästa
stil, för om du märker

931
00:46:31,550 --> 00:46:37,681
Vi har HTML och stil på samma sida,
och vi faktiskt vill separera dem,

932
00:46:37,681 --> 00:46:38,180
OK?

933
00:46:38,180 --> 00:46:41,620
Och faktiskt, låt mig
öppna upp min rätta

934
00:46:41,620 --> 00:46:45,990
eftersom det är tänkt att vara
PDF, så vi har style.css.

935
00:46:45,990 --> 00:46:51,210
>> Så vad vi kan göra här är dessa
är coola saker som vissa blekna

936
00:46:51,210 --> 00:46:55,550
och vi kunde försöka göra det, men jag känner
som om jag skulle förstöra som i farten,

937
00:46:55,550 --> 00:46:58,520
så jag uppmanar er till
gå prova det på egen hand,

938
00:46:58,520 --> 00:47:00,310
men jag tänker inte göra det just nu.

939
00:47:00,310 --> 00:47:03,790
Så om ni, kom ihåg,
om du någonsin drabbats problemuppsättning,

940
00:47:03,790 --> 00:47:05,584
något sveper in från sidan.

941
00:47:05,584 --> 00:47:08,000
Det har att göra med fade och
övergången och allt.

942
00:47:08,000 --> 00:47:09,630
>> PUBLIK: Och det är allt CSS och HTML?

943
00:47:09,630 --> 00:47:11,460
>> ALLISON Buchholtz-AU: All CSS och HTML.

944
00:47:11,460 --> 00:47:12,420
Yeah.

945
00:47:12,420 --> 00:47:17,720
Så du kan göra en hel del riktigt
coola saker med CSS och HTML.

946
00:47:17,720 --> 00:47:22,280
Så med våra awesome
kanin webbsida här, vi

947
00:47:22,280 --> 00:47:25,240
kommer att göra lite
lite CSS styling med det.

948
00:47:25,240 --> 00:47:28,850
>> Så om du någonsin har en stil
blad, som vi har här,

949
00:47:28,850 --> 00:47:30,550
Du kan bara ringa style.css.

950
00:47:30,550 --> 00:47:32,090
Du kan kalla det vad du vill.

951
00:47:32,090 --> 00:47:37,110
Det viktiga är att vi kommer
att referera till den i vår web.html här.

952
00:47:37,110 --> 00:47:41,670
>> Så vad vi ska göra är att
we-- så jag inte bråka här up--

953
00:47:41,670 --> 00:47:46,180
vi kommer att länka
dessa två filer tillsammans.

954
00:47:46,180 --> 00:47:49,340
Så i samma way-- jag ska
att dra en analogi till C här.

955
00:47:49,340 --> 00:47:53,510
På samma sätt som om man har
några library-- och vi har cs50.h--

956
00:47:53,510 --> 00:47:55,520
vår kompilator länkar den.

957
00:47:55,520 --> 00:47:58,040
Detta är bara en explicit
länk från vår sida.

958
00:47:58,040 --> 00:48:01,840
Så på samma sätt som vi gör
hash inkludera någon fil, vad

959
00:48:01,840 --> 00:48:06,890
Jag är på väg att skriva är bara
HTML / CSS motsvarighet till detta.

960
00:48:06,890 --> 00:48:11,970
>> Vi säger bara, OK, den här webbsidan
kommer att använda denna format, OK?

961
00:48:11,970 --> 00:48:23,360
Så vi har link rel lika med stilmallen.

962
00:48:23,360 --> 00:48:30,870
Och så har vi typ, css.

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
Och sedan href lika.

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å allt detta gjorde här är att du kan
se det som samma sak

968
00:48:45,680 --> 00:48:47,550
såsom en hash inkludera.

969
00:48:47,550 --> 00:48:53,450
Uppenbarligen ser det lite mer
komplicerade, men i samtliga fall,

970
00:48:53,450 --> 00:48:55,370
Det är i praktiken samma sak.

971
00:48:55,370 --> 00:49:00,940
Så det här är bara några sammankoppling av en
formatmall, det är av typen text / css,

972
00:49:00,940 --> 00:49:02,875
och namnet på den är style.css.

973
00:49:02,875 --> 00:49:05,560
>> Vad är viktigt att veta
är att webbsidan

974
00:49:05,560 --> 00:49:09,155
att jag jobbar rätt now-- web.html
och style.css-- finns i samma mapp.

975
00:49:09,155 --> 00:49:14,740
För i olika mappar,
du behöver för att ge den verkliga roten

976
00:49:14,740 --> 00:49:17,480
till det eller sökvägen till den.

977
00:49:17,480 --> 00:49:20,620
Men i det här fallet, vi hålla den
super enkelt och det kommer att vara här.

978
00:49:20,620 --> 00:49:26,730
Så om vi gör det, har jag lite
saker redan kö här.

979
00:49:26,730 --> 00:49:31,680
>> Så vi har några organ, som kommer
att ha vår bakgrundsfärg, vilket

980
00:49:31,680 --> 00:49:33,320
just nu är ljusblå.

981
00:49:33,320 --> 00:49:36,850
Vi kan ändra det om vi vill, men
om jag minns det rätt,

982
00:49:36,850 --> 00:49:39,270
Det bör bara ändra det till ljusblått.

983
00:49:39,270 --> 00:49:42,050
Och nu har vi en ljusblå bakgrund.

984
00:49:42,050 --> 00:49:47,490
Och vi hade här-- kan någon minnas
vilken som är hash-ID eller klass?

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> PUBLIK: 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å vad vi vill göra
är vilken av dessa typsnitt

990
00:49:58,920 --> 00:50:01,534
eller which-- vill vi "Titta på
den söta kaninen "att vara lila?

991
00:50:01,534 --> 00:50:02,950
Jag tror att vi vill att det ska vara lila.

992
00:50:02,950 --> 00:50:04,640
Jag är ganska ner med det är lila.

993
00:50:04,640 --> 00:50:08,790
>> Så vad du gör är att du gör
ID equals-- i detta fall

994
00:50:08,790 --> 00:50:13,630
Jag sa, vad, vacker färg här.

995
00:50:13,630 --> 00:50:14,780
Vi ladda om.

996
00:50:14,780 --> 00:50:17,460
Helt plötsligt, det är lila.

997
00:50:17,460 --> 00:50:20,680
OK, så med ID, kom ihåg
den måste vara unikt,

998
00:50:20,680 --> 00:50:24,370
så jag ska aldrig vara att använda
Detta ID någon annanstans.

999
00:50:24,370 --> 00:50:27,760
Men med klass, eftersom vi har
här med en vacker typsnitt,

1000
00:50:27,760 --> 00:50:30,300
Jag skulle kunna använda
det någonstans jag vill.

1001
00:50:30,300 --> 00:50:33,160
>> Så låt oss göra detta en här.

1002
00:50:33,160 --> 00:50:41,100
Så vi kan säga klass är lika vackra typsnitt.

1003
00:50:41,100 --> 00:50:46,190
Och om vi ser nu, vi har
denna coola vackra typsnitt här.

1004
00:50:46,190 --> 00:50:49,160
Så kanske jag vill göra både och.

1005
00:50:49,160 --> 00:50:52,786
OK, jag vet inte egentligen om det är
gå till jobbet men jag vill prova.

1006
00:50:52,786 --> 00:50:54,410
Och detta är hur du lär dig CSS och HTML.

1007
00:50:54,410 --> 00:50:55,660
Du är som, du vet
vad, jag vill prova detta.

1008
00:50:55,660 --> 00:50:56,430
Jag är inte säker på om det kommer att fungera.

1009
00:50:56,430 --> 00:50:57,346
Låt oss se om det fungerar.

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> Och titta på det.

1012
00:51:01,540 --> 00:51:04,540
Nu är det i lila och
det är ett ganska teckensnitt.

1013
00:51:04,540 --> 00:51:08,692
OK, så du har alla dessa
olika saker du kan göra.

1014
00:51:08,692 --> 00:51:09,650
Har du en fråga?

1015
00:51:09,650 --> 00:51:10,275
>> PUBLIK: Ja.

1016
00:51:10,275 --> 00:51:13,280
Jo, precis som färgerna
du använder är ord.

1017
00:51:13,280 --> 00:51:16,005
Finns det något sätt att göra färger
med hexadecimala RGB?

1018
00:51:16,005 --> 00:51:18,880
ALLISON Buchholtz-AU: Du kan även
gör det med hexadecimal, tror jag.

1019
00:51:18,880 --> 00:51:19,803
Yeah.

1020
00:51:19,803 --> 00:51:22,136
Men det är ganska trevligt om du
vill inte slå upp dem.

1021
00:51:22,136 --> 00:51:23,762
Du kan bara vara som, lila eller blå.

1022
00:51:23,762 --> 00:51:25,720
PUBLIK: Låt oss hoppas att de
vet vad det betyder.

1023
00:51:25,720 --> 00:51:26,886
ALLISON Buchholtz-AU: Rätt.

1024
00:51:26,886 --> 00:51:29,580
Så låt oss göra detta till läs- eller chartreuse.

1025
00:51:29,580 --> 00:51:32,060
Varför skulle du någonsin välja chartreuse?

1026
00:51:32,060 --> 00:51:33,340
Det är en intressant färg.

1027
00:51:33,340 --> 00:51:37,355
>> OK, så självklart att vi kan se att vi
kan förändra saker men vi vill.

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
Om du ville create-- låt oss säga
Vi ville skapa en annan klass.

1030
00:51:45,392 --> 00:51:46,850
Vad kan ni vill ändra?

1031
00:51:46,850 --> 00:51:51,840
Om du drar upp W3Schools "
CSS dokumentation,

1032
00:51:51,840 --> 00:51:54,450
Jag lämnar ordet till er.

1033
00:51:54,450 --> 00:51:57,990
Vi kan försöka göra något häftigt med
detta i sista par minuter.

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
Eftersom jag har sorts gett dig en
snabbkurs på en massa coola saker

1036
00:52:03,150 --> 00:52:03,970
som du kan göra.

1037
00:52:03,970 --> 00:52:09,956
Men till slut, som sagt, om du
bara experimentera, får du lära dig en hel del.

1038
00:52:09,956 --> 00:52:12,212
>> PUBLIK: Har du slå upp det typsnittet?

1039
00:52:12,212 --> 00:52:14,295
>> ALLISON Buchholtz-AU: Ja,
Jag tittade upp det teckensnittet.

1040
00:52:14,295 --> 00:52:17,200
Så som bokstavligen, jag
gick att-- vad gjorde jag?

1041
00:52:17,200 --> 00:52:22,371
Jag gjorde CSS-fonter, och
då jag gjorde typsnitt stack,

1042
00:52:22,371 --> 00:52:25,120
och då jag var som, titta, här
är alla coola teckensnitt du kan göra.

1043
00:52:25,120 --> 00:52:28,180
Och det fanns den här, så
Jag kopierade den till min urklipp.

1044
00:52:28,180 --> 00:52:31,820
Och då var jag vill,
OK, coola, det går vi.

1045
00:52:31,820 --> 00:52:32,320
Allt gjort.

1046
00:52:32,320 --> 00:52:35,920
>> PUBLIK: Så du måste se
att CSS vet vad det teckensnittet är.

1047
00:52:35,920 --> 00:52:37,370
>> ALLISON Buchholtz-AU: Ja.

1048
00:52:37,370 --> 00:52:38,190
>> PUBLIK: Hur är det att säga i slutet?

1049
00:52:38,190 --> 00:52:38,790
Skrivstil?

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
>> PUBLIK: Bakgrundsbild.

1053
00:52:42,310 --> 00:52:43,290
>> ALLISON Buchholtz-AU: Bakgrundsbild.

1054
00:52:43,290 --> 00:52:44,180
OK.

1055
00:52:44,180 --> 00:52:46,490
Så du vill berätta för mig hur man gör detta.

1056
00:52:46,490 --> 00:52:47,390
Jag lämnar det till dig.

1057
00:52:47,390 --> 00:52:49,070
Jag bara skriva upp här nu.

1058
00:52:49,070 --> 00:52:51,714
Hjulet är i dina händer.

1059
00:52:51,714 --> 00:52:52,660
>> PUBLIK: OK

1060
00:52:52,660 --> 00:52:53,701
>> ALLISON Buchholtz-AU: OK.

1061
00:52:53,701 --> 00:52:54,720
Vad gör jag?

1062
00:52:54,720 --> 00:53:02,929
>> PUBLIK: Doing-- Jag vet vad
kommer efter klammerparentes.

1063
00:53:02,929 --> 00:53:03,970
ALLISON Buchholtz-AU: OK.

1064
00:53:03,970 --> 00:53:06,707
Så antagligen i kroppen, jag
skulle anta, eftersom vi är

1065
00:53:06,707 --> 00:53:08,040
gör med bakgrundsbilden.

1066
00:53:08,040 --> 00:53:08,940
>> PUBLIK: Ja, låt oss göra det.

1067
00:53:08,940 --> 00:53:09,981
>> ALLISON Buchholtz-AU: OK.

1068
00:53:09,981 --> 00:53:14,260
PUBLIK: OK, så bakgrunden
kolon, och då är vi

1069
00:53:14,260 --> 00:53:16,894
behöver en URL-adress för den bilden.

1070
00:53:16,894 --> 00:53:18,560
Kanske pseudo-kod som för nu, kanske.

1071
00:53:18,560 --> 00:53:20,601
>> ALLISON Buchholtz-AU: Vad
vill du att jag att--

1072
00:53:20,601 --> 00:53:22,574
PUBLIK: Jag tänker 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 att bli intressant.

1075
00:53:26,070 --> 00:53:27,840
OK, vad ska jag googla här?

1076
00:53:27,840 --> 00:53:29,670
>> PUBLIK: Nej, det är ditt val.

1077
00:53:29,670 --> 00:53:32,090
>> ALLISON Buchholtz-AU: Varför
inte we-- om det är en kanin,

1078
00:53:32,090 --> 00:53:35,610
Jag tycker vi bör ha en
fin gräsmatta eller något.

1079
00:53:35,610 --> 00:53:38,275
>> PUBLIK: Meadow.

1080
00:53:38,275 --> 00:53:39,350
En äng.

1081
00:53:39,350 --> 00:53:40,641
>> ALLISON Buchholtz-AU: En äng?

1082
00:53:40,641 --> 00:53:41,851
OK.

1083
00:53:41,851 --> 00:53:42,975
PUBLIK: Eller Rachel Maddow.

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
ALLISON Buchholtz-AU:
Den här ser ganska.

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
Åh, det är liten, men.

1088
00:53:50,380 --> 00:53:51,700
Vi behöver en bra storlek bild.

1089
00:53:51,700 --> 00:53:53,142
Låt oss se.

1090
00:53:53,142 --> 00:53:54,570
Åh, titta.

1091
00:53:54,570 --> 00:53:55,630
Det är en vacker äng.

1092
00:53:55,630 --> 00:53:58,320
Vet du vad, jag gillar den här.

1093
00:53:58,320 --> 00:53:59,300
Låt oss kopierar här.

1094
00:53:59,300 --> 00:54:08,020
>> PUBLIK: OK, så jag tror det är
URL, öppna parenteser.

1095
00:54:08,020 --> 00:54:09,590
>> ALLISON Buchholtz-AU: OK, URL.

1096
00:54:09,590 --> 00:54:11,500
>> AUDIENCE: Sedan adressen.

1097
00:54:11,500 --> 00:54:13,610
>> ALLISON Buchholtz-AU: OK.

1098
00:54:13,610 --> 00:54:14,750
Är det allt vi behöver?

1099
00:54:14,750 --> 00:54:20,550
>> PUBLIK: Stäng parentes semikolon,
och sedan utrymme, bakgrund bindestreck

1100
00:54:20,550 --> 00:54:27,050
fäst kolon fast och klammerparentes.

1101
00:54:27,050 --> 00:54:28,110
>> ALLISON Buchholtz-AU: OK.

1102
00:54:28,110 --> 00:54:29,114
Låt oss se om det fungerar.

1103
00:54:29,114 --> 00:54:30,780
Det kommer att vara ganska coolt om det gör det.

1104
00:54:30,780 --> 00:54:33,880
Jag är verkligen glad här.

1105
00:54:33,880 --> 00:54:35,070
Det fungerade inte.

1106
00:54:35,070 --> 00:54:35,700
Jag undrar varför.

1107
00:54:35,700 --> 00:54:37,700
PUBLIK: Kanske URL
måste vara i citat.

1108
00:54:37,700 --> 00:54:38,866
ALLISON Buchholtz-AU: Kanske.

1109
00:54:38,866 --> 00:54:41,520
Och det är så vi lär oss, killar.

1110
00:54:41,520 --> 00:54:44,340
>> PUBLIK: Kan vi ha bakgrund
färg och bakgrundsbild?

1111
00:54:44,340 --> 00:54:45,390
>> PUBLIK: Nej.

1112
00:54:45,390 --> 00:54:46,550
Man ersätter den andra.

1113
00:54:46,550 --> 00:54:46,960
>> ALLISON Buchholtz-AU: Jag vet inte.

1114
00:54:46,960 --> 00:54:47,460
Låt oss se.

1115
00:54:47,460 --> 00:54:48,860
Låt oss kolla upp det och se.

1116
00:54:48,860 --> 00:54:51,567
>> PUBLIK: Åh, kanske, ja.

1117
00:54:51,567 --> 00:54:52,400
[Inplacering UTTRYCKER]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> ALLISON Buchholtz-AU: OK, det här
obviously-- Jag [OHÖRBAR] här.

1120
00:55:03,260 --> 00:55:04,927
Så OK.

1121
00:55:04,927 --> 00:55:06,260
PUBLIK: Bakgrunds fastsättning.

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
>> PUBLIK: OK, jag vet inte.

1125
00:55:13,946 --> 00:55:16,070
ALLISON Buchholtz-AU: Det
ser ut som det borde fungera.

1126
00:55:16,070 --> 00:55:19,074
Är du säker på att det är kolon efter URL?

1127
00:55:19,074 --> 00:55:20,439
>> PUBLIK: Nej, det är semikolon.

1128
00:55:20,439 --> 00:55:21,980
ALLISON Buchholtz-AU: Det är semikolon.

1129
00:55:21,980 --> 00:55:22,530
PUBLIK: Sa jag kolon?

1130
00:55:22,530 --> 00:55:24,155
ALLISON Buchholtz-AU: Du sa ett kolon.

1131
00:55:24,155 --> 00:55:26,222
PUBLIK: Åh nej.

1132
00:55:26,222 --> 00:55:27,680
ALLISON Buchholtz-AU: Där du går.

1133
00:55:27,680 --> 00:55:29,350
PUBLIK: Åh, vänta, nu
Vi kan inte läsa texten.

1134
00:55:29,350 --> 00:55:30,320
ALLISON Buchholtz-AU: Nu
du kan inte läsa texten,

1135
00:55:30,320 --> 00:55:32,740
men vi har bakgrundsbilden.

1136
00:55:32,740 --> 00:55:33,300
Mmhmm?

1137
00:55:33,300 --> 00:55:35,220
>> PUBLIK: Gör HTML
stödja dynamiskt innehåll?

1138
00:55:35,220 --> 00:55:39,070
Liksom, kan du ändra storlek den bilden
Beroende på fönsterstorleken,

1139
00:55:39,070 --> 00:55:39,890
eller är det en CSS--

1140
00:55:39,890 --> 00:55:41,723
>> ALLISON Buchholtz-AU:
Så CSS har att göra det.

1141
00:55:41,723 --> 00:55:45,210
Så om ni är intresserade
att lära avancerad CSS,

1142
00:55:45,210 --> 00:55:50,789
Jag samar undervisa en
seminarium om CSS på 7: e.

1143
00:55:50,789 --> 00:55:52,580
Och jag lovar att det kommer
vara mycket mer på djupet

1144
00:55:52,580 --> 00:55:55,220
och göra mycket mer cool
saker i det här avsnittet.

1145
00:55:55,220 --> 00:55:59,234
Och min co-lärare är som
total front end web dev mästare.

1146
00:55:59,234 --> 00:56:02,150
Så det kommer vara ganska coolt om du vill
att lära sig om alla coola saker

1147
00:56:02,150 --> 00:56:03,960
att CSS kan göra.

1148
00:56:03,960 --> 00:56:06,860
>> Men vad vi har här med
hans bakgrund fastsättning

1149
00:56:06,860 --> 00:56:13,330
fixed-- så det är lite fast size--
men du kan faktiskt dynamically--

1150
00:56:13,330 --> 00:56:17,610
Om du någonsin sett webbsidor, som
de flesta bra webbsidor kommer att göra,

1151
00:56:17,610 --> 00:56:19,470
När du justerar
storleken på din webbläsare,

1152
00:56:19,470 --> 00:56:23,980
Det justerar bakgrunden eller hur mycket
visar eller omforma saker, eller hur?

1153
00:56:23,980 --> 00:56:27,100
Så det är vad vi kallar
relativ positionering.

1154
00:56:27,100 --> 00:56:33,410
>> Och CSS kan faktiskt greppa hur stor din
webbläsarbredd är eller hur lång den är,

1155
00:56:33,410 --> 00:56:37,970
och du kan placera saker
i enlighet med de relativa storlekarna

1156
00:56:37,970 --> 00:56:40,420
kontra storlek i absoluta tal.

1157
00:56:40,420 --> 00:56:44,920
Och det är naturligtvis mer avancerade
CSS, men det är något du kan göra.

1158
00:56:44,920 --> 00:56:47,390
Om du vill lära dig
mer, kom till mitt seminarium.

1159
00:56:47,390 --> 00:56:50,540
>> Så det är något du kan göra.

1160
00:56:50,540 --> 00:56:54,450
Och CSS kan faktiskt
do-- CSS och JavaScript,

1161
00:56:54,450 --> 00:56:58,790
som vi kommer att få in i nästa week--
kan tillåta dig att dynamiskt ändra

1162
00:56:58,790 --> 00:57:02,160
sidor utan att behöva
ladda dem hela tiden.

1163
00:57:02,160 --> 00:57:04,590
Och du får göra en del
ganska cool stuff.

1164
00:57:04,590 --> 00:57:09,317
>> Så finns det en annan sak
att ni kanske vill göra

1165
00:57:09,317 --> 00:57:10,650
eller något du vill utforska?

1166
00:57:10,650 --> 00:57:12,900
Vi har 10 minuter kvar.

1167
00:57:12,900 --> 00:57:19,010
Vi kan också lämna tidigt, men om
du vill göra lite mer web grejer,

1168
00:57:19,010 --> 00:57:20,960
vi kan, men jag är inte
kommer att tvinga dig att.

1169
00:57:20,960 --> 00:57:23,510
Men vi kan också bara äta godis.

1170
00:57:23,510 --> 00:57:25,760
PUBLIK: Markera texten
vit så att du kan läsa det.

1171
00:57:25,760 --> 00:57:27,680
ALLISON Buchholtz-AU: OK.

1172
00:57:27,680 --> 00:57:33,389
Så i detta fall, vi vill ha lite s.

1173
00:57:33,389 --> 00:57:36,305
PUBLIK: Ska vi göra det i
kroppen så det gäller för hela sidan?

1174
00:57:36,305 --> 00:57:38,096
ALLISON Buchholtz-AU:
Ja, det kan vi faktiskt.

1175
00:57:38,096 --> 00:57:40,880
Det är en bra idé.

1176
00:57:40,880 --> 00:57:43,420
Så vi have-- gör du
vet vad vi borde vara?

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
Jag vet inte om vi kan göra textfärg.

1179
00:57:50,260 --> 00:57:54,946
Jag kommer att försöka
skapa ytterligare en klass här.

1180
00:57:54,946 --> 00:57:58,394
>> PUBLIK: Hur får du så
att den har förslag?

1181
00:57:58,394 --> 00:58:00,560
ALLISON Buchholtz-AU: So
om ni är intresserade,

1182
00:58:00,560 --> 00:58:03,480
Detta är en annan text
redaktör kallas sublima.

1183
00:58:03,480 --> 00:58:07,180
Du bör kunna
installera det på din apparat.

1184
00:58:07,180 --> 00:58:08,659
Ibland blir det lite knepigt.

1185
00:58:08,659 --> 00:58:10,950
Om du vill ha hjälp med det,
Jag är super glad att hjälpa dig

1186
00:58:10,950 --> 00:58:14,720
med det, eftersom gedit är stor och
det är häftigt eftersom du kan kompilera den

1187
00:58:14,720 --> 00:58:17,790
på botten, men jag verkligen
gillar Sublime eftersom det är ganska

1188
00:58:17,790 --> 00:58:19,498
och det gör saker
liknande komplettera automatiskt.

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> Så du kan definitivt välkommen att
Låt mig veta om du vill göra det.

1191
00:58:26,890 --> 00:58:28,940
Om du bara google "Sublime
text, "den typiskt

1192
00:58:28,940 --> 00:58:32,860
har instruktioner om hur man installerar
på olika operativsystem.

1193
00:58:32,860 --> 00:58:37,590
Det är riktigt coolt, jag
tror, ​​enligt min mening.

1194
00:58:37,590 --> 00:58:38,355
Så p.

1195
00:58:38,355 --> 00:58:45,616
Jag tror att jag kan bara göra text-- eller
Vi kan bara göra färgen är "vit".

1196
00:58:45,616 --> 00:58:47,050
Där.

1197
00:58:47,050 --> 00:58:50,770
>> Så vad jag gjorde här är att jag
ändrade inte all text.

1198
00:58:50,770 --> 00:58:54,040
Men p här är bara en
tagg som vi har, eller hur?

1199
00:58:54,040 --> 00:58:55,450
Denna punkt taggen.

1200
00:58:55,450 --> 00:59:00,380
Så jag bara skapat en CSS-element som
sade, OK, något med denna tagg

1201
00:59:00,380 --> 00:59:02,510
p, göra färgen vit.

1202
00:59:02,510 --> 00:59:05,690
>> Så om du har märkt, gjorde det
denna vita och denna vita.

1203
00:59:05,690 --> 00:59:09,100
Det gjorde inte vår lista vitt eftersom
det är inte förknippas med det.

1204
00:59:09,100 --> 00:59:11,180
Du kan gå igenom och du kan säga--

1205
00:59:11,180 --> 00:59:11,860
>> PUBLIK: Gör bakgrundsfärg.

1206
00:59:11,860 --> 00:59:12,660
>> ALLISON Buchholtz-AU: Bakgrundsfärg?

1207
00:59:12,660 --> 00:59:15,660
>> PUBLIK: Bakgrund till rör i
färg där du sätter p-taggen.

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
Vill du ha den vita?

1211
00:59:22,804 --> 00:59:23,470
PUBLIK: Mmhmm.

1212
00:59:23,470 --> 00:59:25,070
ALLISON Buchholtz-AU: OK.

1213
00:59:25,070 --> 00:59:26,342
Där du går.

1214
00:59:26,342 --> 00:59:27,300
PUBLIK: Det är konstigt.

1215
00:59:27,300 --> 00:59:29,190
ALLISON Buchholtz-AU:
Ganska coolt, eller hur?

1216
00:59:29,190 --> 00:59:31,640
Så om du bara röra runt,
du kommer att lära sig mycket.

1217
00:59:31,640 --> 00:59:34,720
Och det kan vara ganska coolt.

1218
00:59:34,720 --> 00:59:37,312
Jag tycker det är definitivt mer
glädjande än ibland

1219
00:59:37,312 --> 00:59:39,770
eftersom du inte behöver vänta
för ditt program att kompilera.

1220
00:59:39,770 --> 00:59:41,895
Du kan bara trycka på Uppdatera
och du är som, åh, titta,

1221
00:59:41,895 --> 00:59:44,276
det fungerade, eller åh, jag är
antagligen missat något.

1222
00:59:44,276 --> 00:59:47,359
Och det är något som är riktigt
cool om detta nästa del av klassen,

1223
00:59:47,359 --> 00:59:49,250
är det definitivt, jag
tror, ​​lättare att kontrollera

1224
00:59:49,250 --> 00:59:52,640
när du går på vägen kontra
behöva skriva dessa långa program

1225
00:59:52,640 --> 00:59:57,830
och önska och be
att det fungerar i slutet.

1226
00:59:57,830 --> 01:00:01,960
>> Så med det, tror jag
ni alla verkar bra.

1227
01:00:01,960 --> 01:00:05,360
Om du har några frågor, som alltid,
komma och prata med mig, kom låt mig veta.

1228
01:00:05,360 --> 01:00:08,180
Jag kommer att vara precis utanför
för de närmaste 15 minuter

1229
01:00:08,180 --> 01:00:11,340
Om du vill prata om
allt och inget.

1230
01:00:11,340 --> 01:00:13,530
>> Så jag hoppas att du guys--
lycka till med detta pset.

1231
01:00:13,530 --> 01:00:18,150
Tidsfristen är fredag ​​vid lunchtid
eftersom den släpptes sent.

1232
01:00:18,150 --> 01:00:21,220
Så jag kommer förmodligen att få se
en hel del av er på torsdag,

1233
01:00:21,220 --> 01:00:21,970
men förhoppningsvis inte.

1234
01:00:21,970 --> 01:00:23,386
Kanske har du det gjort då.

1235
01:00:23,386 --> 01:00:24,440
Jag skulle vara super stolt.

1236
01:00:24,440 --> 01:00:26,410
>> Men om inte, kommer jag att se dig torsdag.

1237
01:00:26,410 --> 01:00:30,030
Du kan också använda ett sent datum, vilket
utvidgar det till lördag kl.

1238
01:00:30,030 --> 01:00:31,730
Men jag don't-- va?

1239
01:00:31,730 --> 01:00:32,580
>> PUBLIK: Halloween.

1240
01:00:32,580 --> 01:00:34,538
>> ALLISON Buchholtz-AU:
Det är Halloween, a och b,

1241
01:00:34,538 --> 01:00:37,050
Jag tror inte att det kommer att
vara kontorstid på fredag.

1242
01:00:37,050 --> 01:00:40,920
Så verkligen försöka få det gjort av
Fredag ​​så att vi alla kan fira

1243
01:00:40,920 --> 01:00:42,010
Hallow helgen.

1244
01:00:42,010 --> 01:00:44,670
Okej, jag ska se er nästa vecka.

1245
01:00:44,670 --> 01:00:45,888