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

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

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

4
00:00:10,790 --> 00:00:12,540
ALLISON Buchholtz-AU:
În regulă, toată lumea.

5
00:00:12,540 --> 00:00:13,860
Bine ați revenit la pct.

6
00:00:13,860 --> 00:00:19,559
Deci, agenda noastră pentru ziua de azi se întâmplă
peste mult mai multe lucruri dev web.

7
00:00:19,559 --> 00:00:21,600
Nu știu câți dintre
te-am văzut psets dvs.

8
00:00:21,600 --> 00:00:24,414
de cand a fost lansat
mai devreme în această dimineață.

9
00:00:24,414 --> 00:00:26,330
Mi-ar fi cat de multi
oameni au citit spec,

10
00:00:26,330 --> 00:00:29,910
dar văzând cât de ai avut tot
de, cum ar fi șapte ore pentru a se uite la ea

11
00:00:29,910 --> 00:00:31,910
și este o zi de luni și
probabil ai avut de clasă,

12
00:00:31,910 --> 00:00:34,160
Am de gând să se presupună că
cele mai multe dintre voi nu aveți.

13
00:00:34,160 --> 00:00:37,170
Dacă aveți, kudos suplimentare.

14
00:00:37,170 --> 00:00:39,400
>> Ești practic de ajutor
să pună în aplicare un simplu web

15
00:00:39,400 --> 00:00:43,270
server din C, care este un nou PSET de brand,
așa voi ajunge să fie cobai.

16
00:00:43,270 --> 00:00:49,730
O să fie o distracție, saptamana sălbatice,
dar eu cred că va fi o mulțime de distracție

17
00:00:49,730 --> 00:00:52,260
și acesta va fi un adevărat
experiență bună în realitate.

18
00:00:52,260 --> 00:00:54,920
Deci, pentru a vă pregăti pentru
că, în secțiunea astăzi,

19
00:00:54,920 --> 00:01:00,940
vom merge chmod, TCP / IP, și
apoi un pic de HTML și CSS.

20
00:01:00,940 --> 00:01:05,080
>> La sfârșitul anului, vom fapt cod
o pagină web simplu împreună

21
00:01:05,080 --> 00:01:09,042
pentru a vă ajuta baieti fel de a obține
mai familiarizați cu asta.

22
00:01:09,042 --> 00:01:11,750
Și apoi, dacă nu ai luat
chestionare tale, ele sunt în bară,

23
00:01:11,750 --> 00:01:14,890
dar eu sunt destul de sigur că toată lumea
aici are test lor.

24
00:01:14,890 --> 00:01:17,880
Și, de asemenea, pe această notă,
soluții nu sunt încă în sus,

25
00:01:17,880 --> 00:01:21,490
dar de îndată ce ne-am finish-- place,
ultimele persoane care iau quizzes-- lor

26
00:01:21,490 --> 00:01:22,280
acestea vor fi de până.

27
00:01:22,280 --> 00:01:24,630
Dacă aveți orice întrebări
în același timp,

28
00:01:24,630 --> 00:01:26,240
nu ezitați să-mi e-mail personal.

29
00:01:26,240 --> 00:01:30,700
Voi răspunde cu individuală ta
întrebări, așa cum fac mereu.

30
00:01:30,700 --> 00:01:33,890
>> Deci, pe această notă, chmod.

31
00:01:33,890 --> 00:01:36,390
Deci, practic tot ce aveti
trebuie să știți despre chmod

32
00:01:36,390 --> 00:01:39,620
este că acesta este folosit pentru a schimba
permisiunile de fișiere, nu?

33
00:01:39,620 --> 00:01:44,050
Deci e doar unele sisteme un apel
modifica permisiunile, cum se spune aici.

34
00:01:44,050 --> 00:01:48,540
Și dacă vrei vreodată să vadă
permisiunile unui fișier are,

35
00:01:48,540 --> 00:01:52,240
în loc de a face doar
ls, ai putea face ls -l.

36
00:01:52,240 --> 00:01:54,010
l reprezintă pentru mult timp.

37
00:01:54,010 --> 00:01:56,460
>> Deci, vei face liste lungi
de tot, și-l

38
00:01:56,460 --> 00:02:02,080
vă va oferi mult mai detaliate
informații despre fiecare dintre fișierele.

39
00:02:02,080 --> 00:02:05,540
Și veți vedea something-- eu sunt
O să treceți la un second--

40
00:02:05,540 --> 00:02:08,910
dar veți vedea ceva asemănător cu
că linia de sus acolo pentru fiecare dosar.

41
00:02:08,910 --> 00:02:11,560
Și vom trece prin ceea ce înseamnă că.

42
00:02:11,560 --> 00:02:15,260
>> Deci, practic, să se schimbe
permisiunile de fișiere,

43
00:02:15,260 --> 00:02:16,850
vrei doar să utilizați chmod.

44
00:02:16,850 --> 00:02:23,620
Vă puteți gândi la ea ca orice alt
UNIX suna ca ls sau cd sau fleacuri.

45
00:02:23,620 --> 00:02:25,540
E doar un fel de alt apel cum ar fi.

46
00:02:25,540 --> 00:02:30,530
>> Deci, ce facem chmod și apoi vom
au trei cifre de obicei.

47
00:02:30,530 --> 00:02:33,570
Există câteva modalități de a face
ea, dintre care unul, vom trece peste.

48
00:02:33,570 --> 00:02:37,650
Dar de obicei, veți avea trei
cifre variind de la 0 la 7 de fiecare dată.

49
00:02:37,650 --> 00:02:43,530
>> Deci, un lucru este că există
trei permisiuni diferite

50
00:02:43,530 --> 00:02:45,510
care ne putem da fiecare fișier.

51
00:02:45,510 --> 00:02:49,480
Și este ușor de citit, care este
reprezentată de r, care va face sens

52
00:02:49,480 --> 00:02:54,020
într-un pic; w, care este
inscriptibil; și executabil, care este x.

53
00:02:54,020 --> 00:02:57,630
Știu că e unul, executabil,
poate nu cel mai mult sens, dar noi

54
00:02:57,630 --> 00:02:59,120
reprezintă o cu de x.

55
00:02:59,120 --> 00:03:05,290
>> Și apoi ce se întâmplă este fiecare dintre acestea
au, de asemenea, reprezentarea număr.

56
00:03:05,290 --> 00:03:07,990
Deci avem 1, 2, și 4.

57
00:03:07,990 --> 00:03:12,060
Și de fapt ceea ce se întâmplă este
fiecare dintre aceste trei numere

58
00:03:12,060 --> 00:03:17,380
aici corespunde unei
set diferit de utilizatori

59
00:03:17,380 --> 00:03:19,420
că aceste permisiuni se referă la.

60
00:03:19,420 --> 00:03:24,820
>> Deci, vă puteți gândi că în primul rând
număr corespunde utilizator real

61
00:03:24,820 --> 00:03:29,360
sau proprietarul fișierului, al doilea
Numărul va corespunde grupului,

62
00:03:29,360 --> 00:03:33,590
iar ultima se referă
în lume, OK?

63
00:03:33,590 --> 00:03:39,995
Deci, ceea ce se întâmplă este amintesc
cei Numere r este 4, w este 2,

64
00:03:39,995 --> 00:03:42,550
x este 1, nu?

65
00:03:42,550 --> 00:03:46,630
Asta: daca te rezuma astea,
care vă oferă acest prim număr

66
00:03:46,630 --> 00:03:48,600
pe care le-ar putea de intrare în chmod nostru.

67
00:03:48,600 --> 00:03:52,191
>> Deci, în acest caz, ceea ce
ar fi acest număr?

68
00:03:52,191 --> 00:03:57,030
Ar fi de 4 plus 2, plus
1, care este un 7, nu?

69
00:03:57,030 --> 00:03:59,250
Și în acest caz, acestea
nu au nimic,

70
00:03:59,250 --> 00:04:06,450
astfel încât acest drept aici ar fi
traduce la chmod 700, OK?

71
00:04:06,450 --> 00:04:12,030
Și ce că nu este o acordă tot
din aceste permisiuni de utilizator ta.

72
00:04:12,030 --> 00:04:14,400
>> Deci, acest lucru înseamnă utilizatorul nostru
pot face ce vor.

73
00:04:14,400 --> 00:04:15,400
Ele pot citi acest fișier.

74
00:04:15,400 --> 00:04:16,810
Ei pot executa acest fișier.

75
00:04:16,810 --> 00:04:18,360
Ei pot scrie la acest dosar.

76
00:04:18,360 --> 00:04:23,545
Dar de grup și în lume, nu
permisiuni fel, OK?

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

78
00:04:26,480 --> 00:04:32,680
>> Deci, un alt mod de a scrie că, putem
face chmod de trei cifre, fiecare dintre care

79
00:04:32,680 --> 00:04:40,040
corespunde indiferent de suma sau că
grup specific este, subset specific.

80
00:04:40,040 --> 00:04:44,870
Sau putem face de fapt un alt lucru.

81
00:04:44,870 --> 00:04:45,590
Stai.

82
00:04:45,590 --> 00:04:49,330
Putem face ceva cu astea aici.

83
00:04:49,330 --> 00:04:55,615
>> Câți dintre voi a văzut un exemplu
în cazul în care a fost ca la chmod un plus x?

84
00:04:55,615 --> 00:04:58,070
Ai văzut că în curs, cred?

85
00:04:58,070 --> 00:05:00,610
Deci, o reprezintă pentru toți.

86
00:05:00,610 --> 00:05:04,990
Aceasta înseamnă dau la toți utilizatorii,
pe care am uitat să pun aici.

87
00:05:04,990 --> 00:05:08,790
>> Dar un plus x, dacă ne-am
observa aici, dacă facem

88
00:05:08,790 --> 00:05:13,420
a chmod-- ce grup suntem
vorbim despre plus permisiunile

89
00:05:13,420 --> 00:05:14,660
vrem să le dea.

90
00:05:14,660 --> 00:05:16,120
Deci, acest lucru poate fi un plus sau un minus.

91
00:05:16,120 --> 00:05:17,690
Plus adaugă permisiune.

92
00:05:17,690 --> 00:05:19,510
Minus ia departe permisiune.

93
00:05:19,510 --> 00:05:22,520
Destul de intuitiv, cred.

94
00:05:22,520 --> 00:05:25,720
>> Deci, un plus x înseamnă chmod.

95
00:05:25,720 --> 00:05:32,260
Deci, schimbați permisiunile tuturor oamenilor
în cazul în care acest lucru este un un-- permisiuni add.

96
00:05:32,260 --> 00:05:37,110
Și X- asta înseamnă ceea ce permisiune
suntem de acordare toată lumea.

97
00:05:37,110 --> 00:05:38,510
Citi, scrie, sau executa?

98
00:05:38,510 --> 00:05:39,360
>> Audiența: Executare.

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

100
00:05:40,610 --> 00:05:46,080
Deci, suntem avertizat toți utilizatorii
permisiunea de a executa acest fișier, OK?

101
00:05:46,080 --> 00:05:53,370
Și ce dacă am vrut să facem
că cu forma numerică?

102
00:05:53,370 --> 00:05:56,290
Deci, amintiți-vă cu numeric,
vrem trei numere.

103
00:05:56,290 --> 00:05:56,790
>> Audiența: 4.

104
00:05:56,790 --> 00:05:58,290
ALLISON Buchholtz-AU: Ce-a fost asta?

105
00:05:58,290 --> 00:05:59,260
Audiența: 4.

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

107
00:06:00,426 --> 00:06:01,599
Audiența: 0, 0, 4.

108
00:06:01,599 --> 00:06:04,390
ALLISON Buchholtz-AU: Ei bine, ne-o dorim
să-l dea la toți utilizatorii, nu?

109
00:06:04,390 --> 00:06:07,442
Deci, vom avea
un număr în fiecare slot.

110
00:06:07,442 --> 00:06:09,400
Care va fi
același număr în fiecare slot

111
00:06:09,400 --> 00:06:13,800
pentru că vrem doar să dea
Toată lumea permisiuni executabile.

112
00:06:13,800 --> 00:06:16,480
Deci, executabil este 1,
dar pe drumul cel bun.

113
00:06:16,480 --> 00:06:23,055
>> Deci, dacă ne-am chmod 111 care ar
să fie echivalentul a chmod un plus de x.

114
00:06:23,055 --> 00:06:24,430
Asta face sens pentru toată lumea?

115
00:06:24,430 --> 00:06:26,910
Ne vom trece prin
câteva exemple.

116
00:06:26,910 --> 00:06:29,860
>> Deci, Takeaway mare
aici este o nu e pe aici,

117
00:06:29,860 --> 00:06:33,360
dar o înseamnă doar da-l la toți utilizatorii.

118
00:06:33,360 --> 00:06:36,610
u este dacă doriți doar
pentru a da sau de a lua departe

119
00:06:36,610 --> 00:06:40,600
o permisiune specifică din
utilizatorul sau proprietarul.

120
00:06:40,600 --> 00:06:43,800
g este pentru grup,
astfel încât cifră de mijloc.

121
00:06:43,800 --> 00:06:49,440
Și apoi puteti gândi
ca lumea, că ultima cifră.

122
00:06:49,440 --> 00:06:52,840
>> Deci, cu asta, vom merge la un exemplu,
pentru că mă simt ca exemple mereu

123
00:06:52,840 --> 00:06:56,240
face aceste lucruri mai ușor de înțeles.

124
00:06:56,240 --> 00:07:01,240
Deci, rwx-- am trecut prin asta:
ar putea fi, de asemenea, reprezenta ca 700.

125
00:07:01,240 --> 00:07:05,070
Asta e un exemplu ne-am uitat
la mai mult din imagine.

126
00:07:05,070 --> 00:07:09,990
Deci, chmod 444 pe unele dosar
ar da ce permisiuni?

127
00:07:09,990 --> 00:07:11,947
Ai fost foarte aproape.

128
00:07:11,947 --> 00:07:13,030
Audiența: poate fi citită la toate.

129
00:07:13,030 --> 00:07:14,321
ALLISON Buchholtz-AU: poate fi citită.

130
00:07:14,321 --> 00:07:15,660
Deci, poate fi citit de toată lumea, nu?

131
00:07:15,660 --> 00:07:17,910
Și atunci ce e un alt mod de a face asta?

132
00:07:17,910 --> 00:07:23,070
Dacă vrem să facem chmod fie cu
r sau w, plus și minusuri,

133
00:07:23,070 --> 00:07:25,300
ceea ce ar arăta că apel ca?

134
00:07:25,300 --> 00:07:27,336
Ar fi chmod ce?

135
00:07:27,336 --> 00:07:28,590
>> Audiența: un plus r.

136
00:07:28,590 --> 00:07:32,900
>> ALLISON Buchholtz-AU: un r plus pe 5.

137
00:07:32,900 --> 00:07:40,980
OK, deci acest lucru este la fel ca aceasta,
doar două traduceri diferite

138
00:07:40,980 --> 00:07:42,500
de același lucru.

139
00:07:42,500 --> 00:07:45,650
Deci, cu asta, avem astea.

140
00:07:45,650 --> 00:07:50,310
Așa că vreau ca voi să încercați și a scrie
aceste tipuri de la calea lor opus.

141
00:07:50,310 --> 00:07:53,710
>> Deci, cu chmod 555,
ceea ce ar fi?

142
00:07:53,710 --> 00:07:56,704
Ar fi un plus sau u plus sau fleacuri?

143
00:07:56,704 --> 00:07:58,370
Pentru u plus x, da-mi trei cifre.

144
00:07:58,370 --> 00:08:03,530
Și apoi spune-mi despre ce permisiuni
suntem de fapt acordare și de la cine?

145
00:08:03,530 --> 00:08:06,600
>> Deci, eu voi da băieți doua
minute pentru a lucra la asta.

146
00:08:06,600 --> 00:08:08,160
Simțiți-vă liber pentru a vorbi unul cu celălalt.

147
00:08:08,160 --> 00:08:11,910
Pentru cei dintre voi care au venit într-o mică
târziu, există bomboane și tricouri.

148
00:08:11,910 --> 00:08:14,590
Am trei tricouri stânga, și
avem Kit Kats și starbursts.

149
00:08:14,590 --> 00:08:17,630
Deci, nu ezitați să vină apuca
unele în acest mic interludiu.

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

151
00:09:03,190 --> 00:09:04,440
>> De asemenea, ultima este complicat.

152
00:09:04,440 --> 00:09:06,670
E două chmods pentru ultima.

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

154
00:09:10,990 --> 00:09:15,880
De fapt, lasă-mă să închid ușa aia
în timp ce voi lucrează la asta.

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

156
00:09:26,240 --> 00:09:28,225
Candy este întotdeauna necesar
pe o după-amiază luni.

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

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

159
00:09:34,756 --> 00:09:36,380
Ce e un alt fel, am putea scrie asta?

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

161
00:09:39,860 --> 00:09:41,790
Orice idei?

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

163
00:09:42,290 --> 00:09:43,280
>> Audiența: un rx plus.

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

165
00:09:44,613 --> 00:09:47,290
Vrei să explice de ce ar fi rx?

166
00:09:47,290 --> 00:09:49,570
>> Audiența: Pentru că aveți
5, astfel încât este de 4 plus 1,

167
00:09:49,570 --> 00:09:51,734
astfel încât se citește plus
executabil, și este pentru toți.

168
00:09:51,734 --> 00:09:52,900
ALLISON Buchholtz-AU: Corect.

169
00:09:52,900 --> 00:09:58,540
Deci, doar pentru a reitera, 5 aici
stim ca suma intre 4 și 1,

170
00:09:58,540 --> 00:10:04,760
pentru că fiecare număr din trio-ul nostru este
suma permisiunile pentru care subset,

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

172
00:10:05,260 --> 00:10:07,070
Fie utilizator,
grup, sau lumea.

173
00:10:07,070 --> 00:10:11,160
Deci, în acest caz, știm că
5 trebuie să fie formată de 4 și 1.

174
00:10:11,160 --> 00:10:15,240
>> Și 4 și 1 corespund
lizibil și executabil.

175
00:10:15,240 --> 00:10:21,717
Suntem o da la toată lumea,
astfel încât să putem face chmod o rx plus.

176
00:10:21,717 --> 00:10:24,050
Și, evident, doar ne-am dus
prin întrebările de acolo,

177
00:10:24,050 --> 00:10:28,810
asa ca acum si acest fisier este executabil
și poate fi citit de toată lumea.

178
00:10:28,810 --> 00:10:31,120
>> Deci, ce despre al doilea?

179
00:10:31,120 --> 00:10:32,900
Care ar putea fi numărul de asta?

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

181
00:10:36,676 --> 00:10:37,180
Orice idei?

182
00:10:37,180 --> 00:10:37,680
Dă-i drumul.

183
00:10:37,680 --> 00:10:38,600
>> Audiența: 100 [inaudibil].

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

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

186
00:10:40,270 --> 00:10:42,455
Deci, vrei să explici de ce 100?

187
00:10:42,455 --> 00:10:45,080
Audiența: Pentru că este pentru
utilizator, așa că este pe prima pozitie.

188
00:10:45,080 --> 00:10:47,371
Și apoi x executabil este 1.

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

190
00:10:48,620 --> 00:10:53,120
Deci, suntem de acordare a executabil
permisiuni doar utilizatorul.

191
00:10:53,120 --> 00:10:55,100
Deci, în acest caz, ar fi de 100.

192
00:10:55,100 --> 00:10:57,570
Și am toate răspunsurile
pe urmatorul diapozitiv în cazul în care

193
00:10:57,570 --> 00:11:00,060
sunteți scris o mulțime de lucruri în jos.

194
00:11:00,060 --> 00:11:08,410
>> OK, deci acesta următor este, de fapt face
cu două chmods, ai putea-o face.

195
00:11:08,410 --> 00:11:11,120
Deci, nu oricine are
orice idee cum s-ar putea

196
00:11:11,120 --> 00:11:14,150
obține chmod 640 rescrise
în alt mod?

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

198
00:11:17,770 --> 00:11:22,820
Puteți schimba utilizatorul întâi și apoi
puteți schimba grupul este indiciu mea.

199
00:11:22,820 --> 00:11:29,740
>> Deci, dacă am fost doar schimbarea
utilizator, ceea ce este această primă de aici,

200
00:11:29,740 --> 00:11:33,830
ceea ce ar putea fi apelul nostru?

201
00:11:33,830 --> 00:11:36,080
Deci, de folosire este u, nu?

202
00:11:36,080 --> 00:11:38,780
Deci, chmod u plus ce?

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

204
00:11:39,280 --> 00:11:40,469
>> Audiența: rw.

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

206
00:11:41,510 --> 00:11:47,470
Dreapta, pentru a citi și a scrie, pentru că de citire
este 4, w este 2, cei sumă împreună ca 6.

207
00:11:47,470 --> 00:11:52,760
Deci, avem chmod u plus RW,
si ajungem primul nostru 6 acolo.

208
00:11:52,760 --> 00:11:56,860
>> Deci, apoi pentru a obține 4, acum vrem
pentru a modifica setările noastre de grup.

209
00:11:56,860 --> 00:12:00,960
Așa că am de gând să faci chmod g plus ce?

210
00:12:00,960 --> 00:12:02,380
Ce este un 4?

211
00:12:02,380 --> 00:12:03,040
>> Audiența: r.

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

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

214
00:12:05,070 --> 00:12:09,140
Deci, vom oferi proprietarului
citește și scrie permisiunile

215
00:12:09,140 --> 00:12:13,141
și vom da citire grup
permisiuni, pe care le avem toți aici.

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

217
00:12:13,640 --> 00:12:17,740
>> Audiența: Dacă se poate scrie ceva,
nu implică puteti executa?

218
00:12:17,740 --> 00:12:20,700
>> ALLISON Buchholtz-AU: Aveți
poate scrie la something--

219
00:12:20,700 --> 00:12:22,900
Nu cred că-l
presupune puteți să-l execute.

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

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

222
00:12:26,450 --> 00:12:29,620
Deci, asta e tot ce tocmai am trecut prin.

223
00:12:29,620 --> 00:12:33,075
Deci, de data asta următor, este
cazuri doar un fel de comune

224
00:12:33,075 --> 00:12:35,200
pe care doriți să le păstrați în
minte pentru a seta problema ta.

225
00:12:35,200 --> 00:12:39,800
Acestea sunt de obicei permisiunile
pe care ne place să utilizați.

226
00:12:39,800 --> 00:12:44,900
>> Deci, pentru 711, care oferă
ne, desigur, de folosire

227
00:12:44,900 --> 00:12:47,720
toate permisiunile, care
tinde să facă sens.

228
00:12:47,720 --> 00:12:51,920
Și atunci este executabil de
grup în lume, ceea ce face sens

229
00:12:51,920 --> 00:12:56,150
dacă aveți unele director, ai
doresc să fie în măsură să traverseze în ea.

230
00:12:56,150 --> 00:12:58,160
Oamenii au nevoie de acces.

231
00:12:58,160 --> 00:13:04,680
>> Pentru orice fișier de bază non-PHP, ai de gând
de a utiliza 644 de, ceea ce ar face ce?

232
00:13:04,680 --> 00:13:07,560
Ce implică acest lucru, sau ceea ce
permisiuni nu asta da?

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

234
00:13:12,210 --> 00:13:14,409
Deci, proprietarul poate ce?

235
00:13:14,409 --> 00:13:15,450
Audiența: Citește și scrie.

236
00:13:15,450 --> 00:13:16,991
ALLISON Buchholtz-AU: Citește și scrie.

237
00:13:16,991 --> 00:13:21,560
Și apoi de grup și alții
poate citi doar, nu?

238
00:13:21,560 --> 00:13:25,660
Și apoi chmod 600 pentru orice
Fișierele PHP pe care le utilizați,

239
00:13:25,660 --> 00:13:27,980
proprietar ta, din nou, poate
citească și să scrie pentru el

240
00:13:27,980 --> 00:13:32,310
dar toată lumea este
doar un fel de blocat.

241
00:13:32,310 --> 00:13:34,540
>> Deci, aceasta va fi de fapt
fi mai util atunci când

242
00:13:34,540 --> 00:13:37,700
vei ajunge la problema ta
stabilit săptămâna viitoare în cazul în care

243
00:13:37,700 --> 00:13:40,290
esti de fapt, construirea unui site web.

244
00:13:40,290 --> 00:13:43,100
Deci, dacă aveți vreodată în
orice probleme ciudate

245
00:13:43,100 --> 00:13:45,970
în cazul în care aceasta nu încarcă
în mod corespunzător, poate că

246
00:13:45,970 --> 00:13:50,670
Trebuie să adăugați un executabil
permisiune, sau poate ai nevoie de o citire

247
00:13:50,670 --> 00:13:52,990
sau scrie permisiune.

248
00:13:52,990 --> 00:13:56,980
Little lucruri care tind să excursie oameni
up, dar asta e un fel de du-te-la

249
00:13:56,980 --> 00:13:58,564
atunci când începe PSET de săptămâna viitoare.

250
00:13:58,564 --> 00:14:00,730
Și v-aș da mai mult
informatii de pe PSET din această săptămână,

251
00:14:00,730 --> 00:14:05,010
dar am încă să se uite la ea, deoarece
a fost lansat în această dimineață.

252
00:14:05,010 --> 00:14:10,600
Dar mi-e-mail, eu voi fi uitat
la ea de când am răspuns mâine.

253
00:14:10,600 --> 00:14:14,310
>> Deci, acum, toată lumea este bun cu chmod?

254
00:14:14,310 --> 00:14:16,040
Orice întrebări persistent?

255
00:14:16,040 --> 00:14:17,240
Destul de simplu.

256
00:14:17,240 --> 00:14:20,620
Doar un fel de a ține evidența a ceea ce
citi, scrie, și să execute numere sunt

257
00:14:20,620 --> 00:14:23,660
este, probabil, partea cea mai grea.

258
00:14:23,660 --> 00:14:29,620
>> Deci, cu TCP / IP, toate aceste protocoale,
un fel de cu structuri de date

259
00:14:29,620 --> 00:14:31,990
saptamana trecuta, este mult mai
important pentru un fel de a obține

260
00:14:31,990 --> 00:14:33,900
o intuiție nivel mai ridicat de ele.

261
00:14:33,900 --> 00:14:37,390
Acest lucru nu este CS143 unde mergem
să vă rog să pună în aplicare o rețea,

262
00:14:37,390 --> 00:14:39,870
astfel încât veți fi bine dacă
tu nu înțelegi

263
00:14:39,870 --> 00:14:42,900
curajos nitty de toate protocoalele.

264
00:14:42,900 --> 00:14:46,050
Ceea ce este important este să se înțeleagă
un fel de ceea ce reprezinta

265
00:14:46,050 --> 00:14:47,300
și de ce sunt importante.

266
00:14:47,300 --> 00:14:52,320
>> Deci TCP / IP, desigur, este
Transmission Control Protocol

267
00:14:52,320 --> 00:14:57,270
sau Internet Protocol, care este
de fapt doar un set de legi, practic,

268
00:14:57,270 --> 00:15:00,800
sau a bunelor că spuneți de date
cum ar trebui să fie manipulate,

269
00:15:00,800 --> 00:15:04,900
cum ar trebui să fie împachetate,
transmise și primite.

270
00:15:04,900 --> 00:15:09,200
Deci, practic, la fel ca
spune aici, crește șansele

271
00:15:09,200 --> 00:15:12,950
că datele devine în cazul în care
doriți să-l pentru a ajunge la.

272
00:15:12,950 --> 00:15:15,950
>> Sunt sigur că dacă voi sa dus la
prelegere sau vizionat on-line,

273
00:15:15,950 --> 00:15:18,232
el has-- Nu știu
dacă el a făcut-o în acest an,

274
00:15:18,232 --> 00:15:20,940
dar știu că anul trecut, el a avut o
demo-ul unde a avut o imagine de Rob

275
00:15:20,940 --> 00:15:23,320
și el împărțit în
patru și pune-l în plicuri

276
00:15:23,320 --> 00:15:26,590
și a încercat să-l peste Sanders.

277
00:15:26,590 --> 00:15:29,430
Și puteți fel de
cred că de ea în acest fel.

278
00:15:29,430 --> 00:15:35,400
E doar un set de reguli care
spune-date cum să obțineți un loc

279
00:15:35,400 --> 00:15:37,640
și vă permite să știu dacă
vă lipsesc date,

280
00:15:37,640 --> 00:15:40,460
în același mod în care, dacă sunteți
luând mai multe pagini de note

281
00:15:40,460 --> 00:15:46,490
și le eticheta cu pagina 104, pagina
204, și tu du-te înapoi pentru a studia mai târziu

282
00:15:46,490 --> 00:15:50,220
și vă lipsesc something--
nu puteți găsi pagina 304-- știi

283
00:15:50,220 --> 00:15:53,310
ceva e în neregulă, așa că
sa te uiti prin note

284
00:15:53,310 --> 00:15:58,666
din nou sau rugați pe cineva să vă retrimiteți
prelegerea constată din acea zi.

285
00:15:58,666 --> 00:16:00,290
La fel ca datele de pe internet.

286
00:16:00,290 --> 00:16:03,220
Dacă eu cer
ceva de la un server

287
00:16:03,220 --> 00:16:05,377
și de care are nevoie pentru a trimite
se în mai multe pachete,

288
00:16:05,377 --> 00:16:07,210
probabil de gând să număr
se într-un fel, să

289
00:16:07,210 --> 00:16:12,430
mă știu câți aș ​​fi primit,
și spune-mi, oh, aceasta este una din 10

290
00:16:12,430 --> 00:16:13,990
sau acesta este unul din 10.000.

291
00:16:13,990 --> 00:16:17,030
În acest fel, atunci când mă duc la reasambla
toate piesele împreună,

292
00:16:17,030 --> 00:16:21,504
Știu că dacă ceva lipsește
și pot cere asta din nou.

293
00:16:21,504 --> 00:16:22,730
Asta face sens?

294
00:16:22,730 --> 00:16:23,610
Doar un set de reguli.

295
00:16:23,610 --> 00:16:28,120
La baza sa, un set de reguli, OK?

296
00:16:28,120 --> 00:16:31,360
>> Așa că am vorbit, de asemenea, o
pic despre porturi.

297
00:16:31,360 --> 00:16:36,150
Aceasta este de fapt doar un standard care
vă permite să știți ce tip de date

298
00:16:36,150 --> 00:16:38,650
se transmit în aceste pachete.

299
00:16:38,650 --> 00:16:40,790
Dacă vom merge cu nostru
exemplu plic, noi nu facem

300
00:16:40,790 --> 00:16:43,510
știu că este o imagine a
Rob acolo dacă nu l-am scrie

301
00:16:43,510 --> 00:16:45,480
pe partea exterioară a anvelopei noastre.

302
00:16:45,480 --> 00:16:47,100
Deci, porturile sunt în esență același lucru.

303
00:16:47,100 --> 00:16:51,670
E doar un mod de a da seama ce
tip de date sunt transmise.

304
00:16:51,670 --> 00:16:56,260
>> Deci avem toate
a celor mai comune aici.

305
00:16:56,260 --> 00:16:59,790
Deci, 21-- acestea sunt, de asemenea, un fel
de ca lucruri bune să știu.

306
00:16:59,790 --> 00:17:01,560
E un fel de întrebare ușoară test.

307
00:17:01,560 --> 00:17:03,590
Fie ca, ceea ce face portul 80 face?

308
00:17:03,590 --> 00:17:06,970
Sau, ce portul 443 face?

309
00:17:06,970 --> 00:17:09,359
Deci, lucruri bune să știu.

310
00:17:09,359 --> 00:17:12,569
>> Deci avem aici, 21 este fișier
protocol de transfer, asa ca

311
00:17:12,569 --> 00:17:15,050
regulile care guvernează transfer de fișiere.

312
00:17:15,050 --> 00:17:19,550
25, ceva ce noi toți
utilizați prea mult, este de e-mail.

313
00:17:19,550 --> 00:17:22,790
53 este numele de domeniu
sistem, care este de fapt

314
00:17:22,790 --> 00:17:26,910
doar un fel de căutare pentru
Adresa IP a unui nume de domeniu.

315
00:17:26,910 --> 00:17:29,900
>> Așa că eu sunt destul de sigur că a fost
menționat în curs, dacă

316
00:17:29,900 --> 00:17:33,960
du-te la ceva de genul
google.com, are o adresă IP

317
00:17:33,960 --> 00:17:35,818
care este asociat cu ea.

318
00:17:35,818 --> 00:17:37,026
Nu e de fapt google.com.

319
00:17:37,026 --> 00:17:40,720
Și astfel 53 este portul
care de fapt ia

320
00:17:40,720 --> 00:17:44,050
grijă de acest gen de traducerea
în care adresa IP pentru tine.

321
00:17:44,050 --> 00:17:47,830
Și apoi 80 și 443 sunt foarte frecvente.

322
00:17:47,830 --> 00:17:50,710
Fie aveți pagina web sau
Ai pagina web securizată,

323
00:17:50,710 --> 00:17:56,100
care o mulțime de pagini web sunt
transferul de pe acum.

324
00:17:56,100 --> 00:18:02,540
>> Deci, asta e un fel de nivel înalt
imagine de ansamblu a protocolului de transfer.

325
00:18:02,540 --> 00:18:05,170
Nu văd mult mai mult în profunzime.

326
00:18:05,170 --> 00:18:07,320
Este un fel de chestii misto
daca esti interesat.

327
00:18:07,320 --> 00:18:08,590
Exista o multime de resurse.

328
00:18:08,590 --> 00:18:10,780
Wikipedia este de fapt
o pagina destul de bine.

329
00:18:10,780 --> 00:18:13,850
Așa că m-am uitat la ea
în urmă doar un pic de timp,

330
00:18:13,850 --> 00:18:16,580
așa Mi-ar recomanda foarte
se uită la ea, dacă sunteți interesat

331
00:18:16,580 --> 00:18:22,160
sau de a lua 143 în doi ani, deoarece
Cred că e în fiecare an.

332
00:18:22,160 --> 00:18:27,590
>> Deci, pe la sfârșitul acestui suntem
vorbim despre pagini web și HTTP,

333
00:18:27,590 --> 00:18:33,790
care este de fapt următorul nostru subiect de
astăzi înainte de a intra în HTML și CSS

334
00:18:33,790 --> 00:18:37,920
si puteti codul de fapt, o pagină web.

335
00:18:37,920 --> 00:18:38,650
Va fi distractiv.

336
00:18:38,650 --> 00:18:42,220
Vom avea poze
iepurași și că va fi grozav.

337
00:18:42,220 --> 00:18:48,630
>> Deci, HTTP, după cum puteți vedea aici,
este unul dintre acronime frumoase

338
00:18:48,630 --> 00:18:53,220
pentru această săptămână, care este
Hypertext transfer protocol.

339
00:18:53,220 --> 00:18:57,940
Deci, din nou, e doar
un alt set de reguli care

340
00:18:57,940 --> 00:19:01,440
reglementează hipertext
transfera, în acest caz.

341
00:19:01,440 --> 00:19:04,120
Deci, cel mai bun mod de a învăța
despre acest lucru este doar un fel de

342
00:19:04,120 --> 00:19:07,650
să-l rupe în jos, în
aceste cuvinte individuale

343
00:19:07,650 --> 00:19:10,770
pentru că există o mulțime de
Cuvinte pe ecran acolo.

344
00:19:10,770 --> 00:19:13,290
>> Deci, vom începe cu hipertext.

345
00:19:13,290 --> 00:19:17,630
Deci, "hiper", vă puteți gândi
"Sus", cum ar fi de tip super-lucru.

346
00:19:17,630 --> 00:19:24,615
Deci, este într-adevăr doar un text dus la
următorul nivel, deci e ca super-text,

347
00:19:24,615 --> 00:19:27,850
cum ar fi textul următor.

348
00:19:27,850 --> 00:19:34,890
Deci, este practic doar
text care ne dă

349
00:19:34,890 --> 00:19:37,490
mai multe informații decât
text normal nu, OK?

350
00:19:37,490 --> 00:19:40,510
>> Deci, în acest caz aici, aceasta este hypertext.

351
00:19:40,510 --> 00:19:45,710
Acest lucru ne spune ca avem
unele link-ul pe care am de gând să,

352
00:19:45,710 --> 00:19:49,620
care este cs50.net, care
este acum cs50.harvard.edu.

353
00:19:49,620 --> 00:19:51,420
Aceste slide-uri sunt un pic vechi.

354
00:19:51,420 --> 00:19:55,330
Și se va afișa
l ca acest lucru, ca un hyperlink,

355
00:19:55,330 --> 00:19:58,140
și apoi un site web foarte cool.

356
00:19:58,140 --> 00:20:02,080
>> Deci e de text, care este un pic
bit de lucruri foarte cool acolo.

357
00:20:02,080 --> 00:20:08,170
Astfel încât să puteți lega lucrurile și puteți
insera imagini și vă puteți aranja lucrurile.

358
00:20:08,170 --> 00:20:11,740
Și cel mai familiar pe care le
baieti, probabil, au cu hipertext

359
00:20:11,740 --> 00:20:19,100
este HyperText Markup Language, HTML,
care, desigur, este tot de pe web

360
00:20:19,100 --> 00:20:23,080
pe care o vedem în jurul nostru, a acordat
cu unele stil CSS aruncat în.

361
00:20:23,080 --> 00:20:25,580
>> Dar dacă cineva a fost
într-adevăr mare cu MySpace,

362
00:20:25,580 --> 00:20:28,240
Sunt sigur că toți second hand HTML
tot timpul pentru a crea

363
00:20:28,240 --> 00:20:30,640
aceste profiluri perfecte, nu?

364
00:20:30,640 --> 00:20:34,930
Mă simt ca și cum asta ar putea fi o
referință depășite acum, dar orice.

365
00:20:34,930 --> 00:20:37,780
Voi doar o little--
nu sunt atât de mult mai tineri.

366
00:20:37,780 --> 00:20:40,480
Unii dintre voi sunt mai în vârstă decât mine.

367
00:20:40,480 --> 00:20:42,480
MySpace a fost încă o
lucru când eram tânăr.

368
00:20:42,480 --> 00:20:44,510
Nu sunt așa de vechi.

369
00:20:44,510 --> 00:20:49,265
>> Oricum, HTML doar o formă de hipertext.

370
00:20:49,265 --> 00:20:55,640
Deci, hipertext este doar
text cu caracteristici adăugată.

371
00:20:55,640 --> 00:21:01,790
Deci, protocolul de transfer este, probabil,
un lucru mai iffy pentru a explica.

372
00:21:01,790 --> 00:21:04,870
Evident, transfer--
doar transferul de date.

373
00:21:04,870 --> 00:21:09,370
Deci, fie între client, cum ar fi
fratele tău web, și un server.

374
00:21:09,370 --> 00:21:12,090
Deci, practic doar
modul în care internetul funcționează.

375
00:21:12,090 --> 00:21:16,339
>> Deci, cererea exact de
cum aceste lucru, suntem

376
00:21:16,339 --> 00:21:18,755
de fapt de gând să se uite la un
exemplu cerere și răspuns.

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

378
00:21:21,730 --> 00:21:25,220
Dar cum am cere
informații de pe un server

379
00:21:25,220 --> 00:21:30,590
si se pare ca serverul raspunde la noi este
ce reglementează acest protocol de transfer.

380
00:21:30,590 --> 00:21:35,320
Deci, cererea și răspunsul au
să urmeze aceste set specific de norme.

381
00:21:35,320 --> 00:21:38,340
Este standardizat, astfel încât nu contează
în cazul în care sunteți utilizarea internetului,

382
00:21:38,340 --> 00:21:40,720
funcționează întotdeauna la fel, OK?

383
00:21:40,720 --> 00:21:43,220
>> Din nou, protocol, un set de reguli.

384
00:21:43,220 --> 00:21:45,620
E doar un obișnuit
interacțiune în același mod

385
00:21:45,620 --> 00:21:49,500
că profesorul Malan vorbește despre
dacă cineva întinde mâna lor,

386
00:21:49,500 --> 00:21:52,880
Știi că e curtoazie comun pentru
ajunge la al tău afară și se agită mâna lor.

387
00:21:52,880 --> 00:21:54,580
Asta e un protocol, nu?

388
00:21:54,580 --> 00:21:59,060
>> Asa ca am da unele cerere standardizat,
care este vreau să dau mâna cu dumneavoastră,

389
00:21:59,060 --> 00:22:01,975
și vă va oferi unele standardizate
de răspuns, care este fie nu, mulțumesc

390
00:22:01,975 --> 00:22:04,600
sau ai putea încerca și se agită meu
manual sau poate ai de gând să încercați

391
00:22:04,600 --> 00:22:06,490
și pumnul ciocni mine.

392
00:22:06,490 --> 00:22:08,320
Și nu avem un protocol pentru asta.

393
00:22:08,320 --> 00:22:09,360
Se strică.

394
00:22:09,360 --> 00:22:12,030
Dar dacă toată lumea urmatoare
același protocol, desigur,

395
00:22:12,030 --> 00:22:14,250
merge mult mai perfect.

396
00:22:14,250 --> 00:22:15,590
Oamenii să se cunoască unii pe alții.

397
00:22:15,590 --> 00:22:16,830
Toată lumea e fericită.

398
00:22:16,830 --> 00:22:20,750
>> Deci, în lumea de web,
toată lumea urmează aceeași rules--

399
00:22:20,750 --> 00:22:22,940
ceva mai bine decât standardele sociale.

400
00:22:22,940 --> 00:22:26,950
Dar cu asta, ne vom uita
la o cerere de exemplu aici.

401
00:22:26,950 --> 00:22:30,020
Deci, nu există acest mic
cheie aici pe jos

402
00:22:30,020 --> 00:22:34,990
care vă spune diferite culori,
ceea ce ei ar trebui să însemne.

403
00:22:34,990 --> 00:22:38,290
>> Deci, alb este la fel ca metoda dvs.
cerere și protocol version--

404
00:22:38,290 --> 00:22:42,400
solicită acest lucru metodă, versiune.

405
00:22:42,400 --> 00:22:44,630
Și atunci acest lucru este ceva
numele câmp și valoarea

406
00:22:44,630 --> 00:22:47,630
din acest domeniu, pe care vom
du-te în foarte, foarte scurt timp.

407
00:22:47,630 --> 00:22:49,840
Deci, aceasta este o solicitare de exemplu.

408
00:22:49,840 --> 00:22:54,470
Acest lucru este la fel ca mine extinderea afară,
doresc să mă prezint.

409
00:22:54,470 --> 00:22:58,507
>> Aceasta este ceea ce clientul
sau ce browser-ul web

410
00:22:58,507 --> 00:22:59,840
va trimite la server.

411
00:22:59,840 --> 00:23:04,500
Deci, aceasta este o cerere GET, așa că este
cere ceva de la server.

412
00:23:04,500 --> 00:23:09,690
Și este, desigur, HTTP
și e versiunea 1.1.

413
00:23:09,690 --> 00:23:16,060
>> Deci, restul acestui aici este ceea ce noi numim
antetul, iar informațiile sale suplimentare

414
00:23:16,060 --> 00:23:20,050
care ne dă o idee mai bună de
ceea ce suntem de fapt cere,

415
00:23:20,050 --> 00:23:23,190
sau informații pe care ne-o dorim pentru a se obține
serverul care ar putea fi pertinente.

416
00:23:23,190 --> 00:23:32,880
Deci, User-Agent ofera unele mai multe
descriere on-- de exemplu, aici,

417
00:23:32,880 --> 00:23:38,720
curl / 7.24.0 se intampla de fapt să-i spuneți
serverul pe care îl utilizăm Google

418
00:23:38,720 --> 00:23:40,700
Chrome ca browser-ul nostru.

419
00:23:40,700 --> 00:23:43,290
Deci, dacă ai auzit vreodată
despre oameni care vorbesc

420
00:23:43,290 --> 00:23:48,160
despre a face o aplicație receptiv
pentru mai multe browsere,

421
00:23:48,160 --> 00:23:50,330
acest lucru este ceva ce ei
ar folosi pentru că dacă

422
00:23:50,330 --> 00:23:53,000
Nu știu ce browser
cererea vine de la,

423
00:23:53,000 --> 00:23:55,050
nu se poate adapta datele la care.

424
00:23:55,050 --> 00:23:57,690
Deci, în acest caz, utilizator
este doar avertizat de acest tip

425
00:23:57,690 --> 00:24:01,030
de informații de identificare
despre ce browser

426
00:24:01,030 --> 00:24:06,510
dvs. de utilizator este utilizată în prezent, OK?

427
00:24:06,510 --> 00:24:11,640
>> Deci, atunci avem, de asemenea, gazda, care este
unde suntem de fapt doresc să meargă la.

428
00:24:11,640 --> 00:24:15,280
În acest caz, vrem să mergem la
apple.com, cumpara unele noi iPad-uri misto

429
00:24:15,280 --> 00:24:19,540
sau ceva, poate drăguț
lumini de la camerele noastre de cămin.

430
00:24:19,540 --> 00:24:24,900
Și nume valoare la final este doar
un material de umplutură, doar un lucru generală

431
00:24:24,900 --> 00:24:25,760
pentru voi sa vedeti.

432
00:24:25,760 --> 00:24:28,240
Ea nu are de fapt
corespund nimic aici.

433
00:24:28,240 --> 00:24:32,360
>> Astfel încât să puteți avea la fel de mult sau cât de
de puțin doriți în fiecare caz.

434
00:24:32,360 --> 00:24:36,990
Cele mai multe ori, acestea sunt opționale.

435
00:24:36,990 --> 00:24:41,780
Este doar depinde de ceea ce
aveți nevoie de browser-ul,

436
00:24:41,780 --> 00:24:45,120
de la utilizator în scopul de a
da corect cererea.

437
00:24:45,120 --> 00:24:48,970
Sau depinde de ceea ce dvs. de utilizator
de fapt, vrea să renunțe la server.

438
00:24:48,970 --> 00:24:54,550
Deci, este posibil să aveți multe, multe
din aceste nume de câmp în afara

439
00:24:54,550 --> 00:24:57,140
sau s-ar putea avea doar o pereche.

440
00:24:57,140 --> 00:24:59,630
Ca și în atât de multe lucruri
Am spus în această secțiune,

441
00:24:59,630 --> 00:25:03,590
într-adevăr depinde contextul
de modul în care îl utilizați asta.

442
00:25:03,590 --> 00:25:06,810
>> Deci, nu că are sens pentru toată lumea?

443
00:25:06,810 --> 00:25:11,463
Acesta este doar un exemplu de
o cerere, antete, fleacuri.

444
00:25:11,463 --> 00:25:16,910
OK, deci cu asta, avem unele măsuri.

445
00:25:16,910 --> 00:25:20,510
>> Din nou, avem cod de stare noastră, protocol
versiune, și apoi numele teren și teren

446
00:25:20,510 --> 00:25:21,700
valoare ca întotdeauna.

447
00:25:21,700 --> 00:25:25,500
Deci, versiunea de protocol
și codul nostru de stare este de 200.

448
00:25:25,500 --> 00:25:28,610
OK, ceea ce înseamnă că,
da, totul a mers bine.

449
00:25:28,610 --> 00:25:30,230
Aici e ceea ce vrei.

450
00:25:30,230 --> 00:25:33,750
>> Tipul de server, conținutul
type-- ne spune, OK, tu ești

451
00:25:33,750 --> 00:25:37,210
mergi la a lua un text HTML.

452
00:25:37,210 --> 00:25:40,520
Aici este lungimea de ea și aici e
ceea ce ar trebui să faci cu conexiunea.

453
00:25:40,520 --> 00:25:43,004
OK, deci din nou, în funcție
pe baza datelor esti

454
00:25:43,004 --> 00:25:45,670
solicitând, în funcție de ceea ce
serverul vrea să se întoarcă la tine,

455
00:25:45,670 --> 00:25:49,440
este posibil să aveți mai mulți dintre aceștia câmp
nume, s-ar putea avea mai putin.

456
00:25:49,440 --> 00:25:53,950
Total dependente de context.

457
00:25:53,950 --> 00:25:56,650
>> Și, în măsura în care acest statut
cod aici, desigur,

458
00:25:56,650 --> 00:25:59,590
200 nu este singurul
ai putea avea, nu?

459
00:25:59,590 --> 00:26:01,580
Avem o mulțime de coduri de stare.

460
00:26:01,580 --> 00:26:06,120
Are cineva amintesc nimic
alții că am menționat în curs?

461
00:26:06,120 --> 00:26:08,310
O mulțime de ei au inceput cu 4.

462
00:26:08,310 --> 00:26:09,680
>> Audiența: 404.

463
00:26:09,680 --> 00:26:11,310
>> ALLISON Buchholtz-AU: 404, ceea ce este?

464
00:26:11,310 --> 00:26:12,140
>> Audiența: Fișierul nu a fost găsit?

465
00:26:12,140 --> 00:26:13,250
>> ALLISON Buchholtz-AU: File nu a fost găsit.

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

467
00:26:14,120 --> 00:26:15,587
Deci, ce despre 403?

468
00:26:15,587 --> 00:26:16,420
Audiența: Interzis.

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

470
00:26:17,120 --> 00:26:18,695
Deci, ce crezi
ceea ce înseamnă cu chmods?

471
00:26:18,695 --> 00:26:20,890
>> Audiența: Aceasta înseamnă că
Nu aveți permisiunea să-l citiți.

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

473
00:26:22,400 --> 00:26:25,190
Într-un fel, nu aveți
permisiunea de a accesa, nu?

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

475
00:26:27,242 --> 00:26:28,950
Nu e un adevărat amuzant
unul care ne mereu

476
00:26:28,950 --> 00:26:31,116
să introducă în fiecare an că
Ar fi trebuit pus aici,

477
00:26:31,116 --> 00:26:33,370
cum ar fi 413, care este eu sunt un ceainic.

478
00:26:33,370 --> 00:26:34,390
Puteți Google acest lucru.

479
00:26:34,390 --> 00:26:38,490
E amuzant cum ar fi, asta este codul
413 și este eu sunt un ceainic.

480
00:26:38,490 --> 00:26:41,240
Ceea ce eu nu știu de ce v-ar
vreodată nevoie de pe internet,

481
00:26:41,240 --> 00:26:42,935
dar am face o digresiune.

482
00:26:42,935 --> 00:26:44,310
Audiența: Poate ești o oală de ceai.

483
00:26:44,310 --> 00:26:46,476
ALLISON Buchholtz-AU: Poate
serverul este o oală de ceai.

484
00:26:46,476 --> 00:26:47,890
Cine știe?

485
00:26:47,890 --> 00:26:51,840
În regulă, deci suntem pe cale de a
tranziție în codificare reală.

486
00:26:51,840 --> 00:26:54,750
Mă simt ca și cum voi de gând să
plecăm de aici destul de repede.

487
00:26:54,750 --> 00:26:56,940
>> Audiența: De ce o face
spune "server: de două ori?

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

489
00:26:57,981 --> 00:27:00,350
Server de două ori?

490
00:27:00,350 --> 00:27:03,750
Aceasta este o întrebare bună.

491
00:27:03,750 --> 00:27:04,630
Nu sunt sigur.

492
00:27:04,630 --> 00:27:07,520
Voi afla și
Te totul va trimite un email.

493
00:27:07,520 --> 00:27:11,410
>> OK, orice alte întrebări în afară de asta?

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

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

496
00:27:14,390 --> 00:27:17,280
>> HTML și CSS, iar acum ne
ajunge la toate părțile amuzante.

497
00:27:17,280 --> 00:27:21,697
Deci, după cum am menționat mai înainte, HTML
este, probabil, unul dintre lucrurile

498
00:27:21,697 --> 00:27:23,030
voi sunteți mai familiarizați cu.

499
00:27:23,030 --> 00:27:25,760
Deci avem HyperText Markup Language.

500
00:27:25,760 --> 00:27:29,900
>> Cel mai bun mod de a învăța asta: eu nu
nici diapozitive preparate sau ceva

501
00:27:29,900 --> 00:27:31,480
pentru voi cu HTML.

502
00:27:31,480 --> 00:27:33,640
Este într-adevăr despre a învăța sintaxa.

503
00:27:33,640 --> 00:27:38,380
Și dacă ai fost în MySpace
zi, va avea aceasta în jos.

504
00:27:38,380 --> 00:27:42,790
>> Deci, într-adevăr, cel mai important lucru este
doar pentru a practica și experiment.

505
00:27:42,790 --> 00:27:48,000
Una dintre cele mai mari resurse aș face-
Recomand folosirea este W3Schools.

506
00:27:48,000 --> 00:27:50,620
Deci, doar W, 3, și apoi școli.

507
00:27:50,620 --> 00:27:54,810
Ei au o multime de
resurse pe HTML, CSS pe,

508
00:27:54,810 --> 00:27:58,970
și ei au de fapt o
tip split screen de lucru

509
00:27:58,970 --> 00:28:00,830
în cazul în care să-ți dau exemplu de cod.

510
00:28:00,830 --> 00:28:03,290
Puteți juca cu ea,
schimba-l, și apăsați Update,

511
00:28:03,290 --> 00:28:06,410
și-l voi arăta ce-l
de fapt, nu la pagina de web.

512
00:28:06,410 --> 00:28:08,380
>> Deci, aș recomanda foarte, folosind asta.

513
00:28:08,380 --> 00:28:11,300
E destul de cool.

514
00:28:11,300 --> 00:28:14,560
Tu nu va primi defecte SEG
aici când lucrurile nu merg bine.

515
00:28:14,560 --> 00:28:16,430
Dacă ați reușit să obțineți
o defecțiune SEG cu HTML,

516
00:28:16,430 --> 00:28:19,446
nu să-mi spuneți că eu sunt
O să fie adevărat intrigat.

517
00:28:19,446 --> 00:28:21,570
Dar e foarte misto, deoarece
poti schimba lucrurile,

518
00:28:21,570 --> 00:28:23,550
le poti vedea actualizate live.

519
00:28:23,550 --> 00:28:26,210
Și cred că veți obține o mult
înțelegere mai intuitivă a HTML

520
00:28:26,210 --> 00:28:28,690
dacă tu de fapt doar petrece ceva
timp experimente cu ea.

521
00:28:28,690 --> 00:28:32,590
Deci, de aceea am spus,
practică și experiment.

522
00:28:32,590 --> 00:28:34,490
>> Google, de aici pe
out, va fi, probabil,

523
00:28:34,490 --> 00:28:36,440
una dintre cele mai bune resurse si prietenii dumneavoastra.

524
00:28:36,440 --> 00:28:41,080
Sau Bing-- Lucrez la Microsoft,
asa ca poate ar trebui să spun Bing.

525
00:28:41,080 --> 00:28:45,590
Dar ceva destul de mult
este doar de gând să fie sintaxă,

526
00:28:45,590 --> 00:28:51,300
astfel înțelegerea a ceea ce tag-urile sunt,
understanding-- cel puțin cu CSS--

527
00:28:51,300 --> 00:28:53,360
cum de a schimba anumite atribute.

528
00:28:53,360 --> 00:28:55,300
Va fi foarte util.

529
00:28:55,300 --> 00:28:58,852
>> Deci, chiar dacă noi nu facem
nici lucrurile pregătite,

530
00:28:58,852 --> 00:29:02,060
noi avem un fel de unele mai bune practici
pe care ne-o dorim voi să încercați și să respecte

531
00:29:02,060 --> 00:29:06,640
by-- sau, mai degrabă, ar trebui să
să respecte până la o notificare ulterioară.

532
00:29:06,640 --> 00:29:09,722
Deci, închideți toate etichetele.

533
00:29:09,722 --> 00:29:12,930
Sperăm că toată lumea has-- știi ce,
în cazul în care acest lucru nu are sens acum,

534
00:29:12,930 --> 00:29:15,388
Îți promit că va face sens
când suntem codificare sus a paginii.

535
00:29:15,388 --> 00:29:16,680
Dar închideți toate etichetele.

536
00:29:16,680 --> 00:29:20,410
Deci, dacă aveți vreodată ceva
în afara e placuta,

537
00:29:20,410 --> 00:29:24,180
H1, suport, asigurați-vă că
ori de câte ori ai terminat cu asta,

538
00:29:24,180 --> 00:29:26,570
închideți asta afara.

539
00:29:26,570 --> 00:29:30,260
Validează pagina cu W3 Validator.

540
00:29:30,260 --> 00:29:34,689
În cazul în care nu se închid etichetele,
puteți obține un comportament neașteptat.

541
00:29:34,689 --> 00:29:37,730
Va spune că pagina dvs. este nevalid
dacă îl rulați prin acest validator.

542
00:29:37,730 --> 00:29:41,000
Deci, atunci când în doubt-- și mai ales
pe această săptămână și săptămâna viitoare

543
00:29:41,000 --> 00:29:46,220
pset-- în același mod în care cerem
vă să utilizați verifica 50 si stil 50,

544
00:29:46,220 --> 00:29:49,130
ați putea gândi la acest lucru
ca unul dintre cecurile, OK?

545
00:29:49,130 --> 00:29:51,950
>> Deci, dacă aceasta nu trece W3 validatorului.

546
00:29:51,950 --> 00:29:53,810
Asta este ceva ce te va andoca pe.

547
00:29:53,810 --> 00:29:55,960
Sau îți spun drept
acum, eu vă va andoca pe.

548
00:29:55,960 --> 00:29:58,202
Deci, asigurați-vă că validează.

549
00:29:58,202 --> 00:29:58,785
Nu e greu.

550
00:29:58,785 --> 00:30:01,530
Trebuie doar inserați codul dvs.
și-l voi spune nici loc de muncă bun

551
00:30:01,530 --> 00:30:03,630
sau ai pierdut
ceva în același mod

552
00:30:03,630 --> 00:30:07,760
că stilul de 50 iti spune
unde te încurc.

553
00:30:07,760 --> 00:30:11,360
>> Și apoi un ultim lucru
este de dorit să se separe

554
00:30:11,360 --> 00:30:15,980
markup-ul, care este tot ceea ce HTML
sau textul, și styling dumneavoastră.

555
00:30:15,980 --> 00:30:19,420
Deci, vom face un exemplu
de faptul că imediat după aceasta.

556
00:30:19,420 --> 00:30:21,830
Deci, HTML și CSS trebuie să fie separate.

557
00:30:21,830 --> 00:30:26,030
Și vom vorbi despre
MVC, care este Model View Controller,

558
00:30:26,030 --> 00:30:27,100
săptămâna viitoare.

559
00:30:27,100 --> 00:30:29,360
Voi ar trebui, probabil,
afla despre asta în curs

560
00:30:29,360 --> 00:30:32,130
mâine dacă ați avut
deja învățat astăzi.

561
00:30:32,130 --> 00:30:34,250
>> Și e doar un fel de
o paradigmă care tindem

562
00:30:34,250 --> 00:30:37,460
de utilizat la crearea web
pagini pentru a separa lucrurile.

563
00:30:37,460 --> 00:30:41,440
Vă puteți gândi la ea în același fel
că avem tendința de a funcții separate în C

564
00:30:41,440 --> 00:30:43,360
în cazul în care ne-am hash pentru a găsi lucruri.

565
00:30:43,360 --> 00:30:45,530
E doar un mod de a
face viața mai ușoară.

566
00:30:45,530 --> 00:30:51,790
Se separă atribute sau cod care
v-ar fi utilizați de peste si peste din nou,

567
00:30:51,790 --> 00:30:55,360
dar în acest fel, este un fel
din păstrează frumos și elegant.

568
00:30:55,360 --> 00:30:58,260
Și dacă doriți să modificați
un singur lucru, voi schimba dată

569
00:30:58,260 --> 00:31:00,150
și sa schimbat peste tot.

570
00:31:00,150 --> 00:31:05,010
Deci e mai mult pentru dvs.
ușura și flexibilitate.

571
00:31:05,010 --> 00:31:11,430
>> Deci, cu CSS, e foarte asemănător
la HTML, dar în loc de tag-uri

572
00:31:11,430 --> 00:31:15,120
pe care am menționat chiar acum, ne-am
folosi ceea ce se numește selectoare.

573
00:31:15,120 --> 00:31:21,900
Și ei practic doar un fel
a asocia un anumit etichetă

574
00:31:21,900 --> 00:31:24,620
în HTML cu atribute diferite.

575
00:31:24,620 --> 00:31:29,060
Și când spun atribute, vreau sa spun
lucruri cum ar fi culoarea fontului, stilul fontului,

576
00:31:29,060 --> 00:31:32,694
culoarea de fundal,
culoarea textului.

577
00:31:32,694 --> 00:31:33,610
Aceste felul de lucruri.

578
00:31:33,610 --> 00:31:36,270
Ca și în cazul în care este centrat,
dacă e de pe la dreapta,

579
00:31:36,270 --> 00:31:39,430
dacă e inverted-- tot
aceste lucruri se răcească.

580
00:31:39,430 --> 00:31:42,490
Orice lucruri stilistice
pe care le face în text,

581
00:31:42,490 --> 00:31:45,070
acest lucru este ceea ce vreau să spun cu atribute.

582
00:31:45,070 --> 00:31:50,140
>> Și apoi două lucruri principale să știți este că
selectors-- două din factors-- principal

583
00:31:50,140 --> 00:31:53,090
sunt ID-ul, care este unic.

584
00:31:53,090 --> 00:31:54,859
Puteți utiliza numai că pentru un singur lucru.

585
00:31:54,859 --> 00:31:56,400
În caz contrar, o să țipe la tine.

586
00:31:56,400 --> 00:31:59,970
Și când l-am defini
într-un fișier CSS, se va

587
00:31:59,970 --> 00:32:03,182
fi ID-ul hash și apoi
ceea ce atribute ne dorim.

588
00:32:03,182 --> 00:32:05,140
Îți promit că vom
du-te printr-un exemplu.

589
00:32:05,140 --> 00:32:06,830
Va face mult mai mult sens.

590
00:32:06,830 --> 00:32:08,830
>> Clasă se poate referi la mai multe blocuri.

591
00:32:08,830 --> 00:32:13,400
Astfel încât să puteți avea dvs.
primul și al treilea paragraf

592
00:32:13,400 --> 00:32:17,240
au același tip de atribute dacă
le asociază cu aceeași clasă.

593
00:32:17,240 --> 00:32:21,050
Și când le definim
în CSS, facem o clasă punct,

594
00:32:21,050 --> 00:32:25,710
cu clasa de a fi indiferent
vrei sa fie numit.

595
00:32:25,710 --> 00:32:28,559
>> Deci, eu știu acest lucru este corect
acum foarte abstract.

596
00:32:28,559 --> 00:32:29,850
De aceea mergem cu codul.

597
00:32:29,850 --> 00:32:32,060
Știu că voi iubi
că, și toate sunt

598
00:32:32,060 --> 00:32:34,210
O să mă ajute pentru că
aceasta este pagina ta web.

599
00:32:34,210 --> 00:32:36,310
Aceasta este pagina web secțiune nostru, băieți.

600
00:32:36,310 --> 00:32:40,158
Deci, sunt acolo orice întrebări înainte de a I
opriți PowerPoint, sau nimic

601
00:32:40,158 --> 00:32:42,366
Vrei pentru a derula înapoi
pentru înainte de a începe de codificare?

602
00:32:42,366 --> 00:32:45,074
>> Audiența: Când spui tag-uri de meci,
vrei sa spui selectoare sau tag-uri?

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

604
00:32:50,427 --> 00:32:53,010
ALLISON Buchholtz-AU: Aveți posibilitatea să
cred că de ei ca același lucru.

605
00:32:53,010 --> 00:32:54,590
E doar cuvinte diferite.

606
00:32:54,590 --> 00:32:56,460
Adică, cum ar fi selectoare.

607
00:32:56,460 --> 00:32:59,470
Dar, de asemenea, selectoare harta de tag-uri.

608
00:32:59,470 --> 00:33:02,800
Astfel încât să puteți gândi la ele ca
efectiv același lucru.

609
00:33:02,800 --> 00:33:05,900
Îți promit că va face
mai mult sens atunci când am cod.

610
00:33:05,900 --> 00:33:08,400
Ceva de la
PowerPoint sau orice întrebări

611
00:33:08,400 --> 00:33:12,980
chiar acum înainte suntem de fapt
a crea pagina secțiune nostru?

612
00:33:12,980 --> 00:33:15,040
Jucătorii gata?

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

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

615
00:33:19,820 --> 00:33:24,760
>> Așa că am început o.

616
00:33:24,760 --> 00:33:27,030
Permiteți-mi să crească fontul pentru voi.

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

618
00:33:29,810 --> 00:33:36,730
OK, deci chiar acum, doar avem o
oasele goale pagina web chiar aici.

619
00:33:36,730 --> 00:33:38,360
>> Avem unele HTML.

620
00:33:38,360 --> 00:33:41,050
Avem niște afara, pe care noi
vezi aici ca pagina web exemplu.

621
00:33:41,050 --> 00:33:44,540
Unele din titlu, unele font.

622
00:33:44,540 --> 00:33:47,580
Acestea sunt tag-uri, OK?

623
00:33:47,580 --> 00:33:53,930
Așa că atunci când am să spun închideți tag-urile tale, vom vedea
aici acest cap de suport este de deschidere ta

624
00:33:53,930 --> 00:33:59,670
tag-ul, și această categorie
/ Social este o închide, bine?

625
00:33:59,670 --> 00:34:04,380
>> Deci, ați putea gândi la acest lucru ca
bretele dvs. în cazul în care condițiile dvs.

626
00:34:04,380 --> 00:34:05,420
sau pentru bucle.

627
00:34:05,420 --> 00:34:08,630
Dacă aveți o de la început,
vrei o la sfârșitul anului.

628
00:34:08,630 --> 00:34:13,500
Acesta va funcționa în continuare cele mai multe ori
dacă nu aveți o etichetă închis,

629
00:34:13,500 --> 00:34:17,659
dar cele mai bune practici este aproape etichetele.

630
00:34:17,659 --> 00:34:20,940
>> Deci, în acest caz, să schimbe acest lucru.

631
00:34:20,940 --> 00:34:24,150
Vom avea secțiune șapte.

632
00:34:24,150 --> 00:34:25,270
"Secțiunea pagină de web."

633
00:34:25,270 --> 00:34:26,969
Deci, eu sunt doar de gând să schimbe acest lucru.

634
00:34:26,969 --> 00:34:32,100
>> Și dacă mergem pe aici și ne-am
Trebuie să reload-- salva și reload--

635
00:34:32,100 --> 00:34:36,750
observăm că aici
a schimbat, nu?

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

637
00:34:38,250 --> 00:34:39,380
Deci, aceasta schimbă titlul.

638
00:34:39,380 --> 00:34:41,920
Aceasta este ceea ce e de pe fila.

639
00:34:41,920 --> 00:34:43,870
>> Deci, aceasta este un fel de
Cautati un fel de plictisitor.

640
00:34:43,870 --> 00:34:44,870
Nu știu despre voi.

641
00:34:44,870 --> 00:34:46,810
Cred că ne dorim altceva aici.

642
00:34:46,810 --> 00:34:51,900
>> Deci, ce putem face este
în afara este doar acolo.

643
00:34:51,900 --> 00:34:54,320
Să facem un fel de corp.

644
00:34:54,320 --> 00:34:56,550
Deci, avem unele organism aici.

645
00:34:56,550 --> 00:35:01,360
Intotdeauna mi-am făcut deschis și
închide Tag-urile mele pentru a începe,

646
00:35:01,360 --> 00:35:04,850
în același fel în care eu fac bretele.

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

648
00:35:06,326 --> 00:35:09,010
Stai, ce?

649
00:35:09,010 --> 00:35:10,949
>> Audiența: [inaudibil].

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

651
00:35:11,990 --> 00:35:13,895
Voi m-ai prins.

652
00:35:13,895 --> 00:35:14,930
Bun loc de muncă.

653
00:35:14,930 --> 00:35:16,270
Stea de aur.

654
00:35:16,270 --> 00:35:20,300
>> OK, deci avem unele organism aici.

655
00:35:20,300 --> 00:35:22,920
Și acum să începem adăugând un text.

656
00:35:22,920 --> 00:35:26,110
Astfel încât să aibă un cuplu diferit
opțiuni pentru adăugarea de text.

657
00:35:26,110 --> 00:35:29,380
Avem lucruri, cum ar fi antetele.

658
00:35:29,380 --> 00:35:32,144
Avem doar text normal.

659
00:35:32,144 --> 00:35:33,560
Așa că hai să începem cu o lovitură de cap.

660
00:35:33,560 --> 00:35:36,670
De fapt, dacă vreți
pentru a trage HTML W3 Școala lui,

661
00:35:36,670 --> 00:35:38,860
poti fel de te uiti in jur
și dacă e ceva

662
00:35:38,860 --> 00:35:42,470
mai ales că doriți să încercați
cu această pagină web, putem face asta.

663
00:35:42,470 --> 00:35:46,250
Deci, în acest caz, hai să facem niște h1.

664
00:35:46,250 --> 00:35:48,710
Deci, h1 este ca cea mai mare antet.

665
00:35:48,710 --> 00:35:52,260
Acesta vă va oferi ceva
care este foarte mare și îndrăzneț.

666
00:35:52,260 --> 00:35:58,010
>> Și în acest caz, ceea ce ne dorim
pentru primul text de pe pagina noastră web?

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

668
00:35:58,640 --> 00:35:59,800
Voi o să creeze acest lucru.

669
00:35:59,800 --> 00:36:00,758
Mă duc să tastați.

670
00:36:00,758 --> 00:36:01,620
Audiența: Bine ai venit.

671
00:36:01,620 --> 00:36:02,870
>> ALLISON Buchholtz-AU: Bine ai venit.

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

673
00:36:06,660 --> 00:36:12,620
OK, așa că, dacă am salva și reîncărcați noi,
avem o mare bun venit mare.

674
00:36:12,620 --> 00:36:17,365
Deci, doar astfel încât să puteți vedea
diferențe, hai sa facem ceva pe H6.

675
00:36:17,365 --> 00:36:18,490
Ce ne dorim chiar aici?

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

677
00:36:24,951 --> 00:36:27,440
Dreapta?

678
00:36:27,440 --> 00:36:30,356
>> OK, deci doar astfel încât să puteți
a se vedea diferența.

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

680
00:36:31,990 --> 00:36:34,680
Deci, dacă observați, h1, foarte, foarte mare.

681
00:36:34,680 --> 00:36:39,030
h6, cum ar fi îndrăzneț, dar mult mai mic,
și ai totul în între.

682
00:36:39,030 --> 00:36:41,550
Deci, ai putea avea H2, H3, H4.

683
00:36:41,550 --> 00:36:43,750
Iar acestea sunt doar antetele,
așa că, dacă sunteți încercarea

684
00:36:43,750 --> 00:36:46,010
pentru a crea o pagină web care
are diferite secțiuni,

685
00:36:46,010 --> 00:36:48,810
poate doriți să utilizați
anteturile acolo pe undeva.

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

687
00:36:49,580 --> 00:36:53,270
Deci, vom adăuga unele mai multe
lucruri în corpul nostru.

688
00:36:53,270 --> 00:36:58,380
Văd că ar fi un fel
de rece dacă am avea o imagine.

689
00:36:58,380 --> 00:37:02,840
Mă simt ca și cum toată lumea ar putea folosi, poate,
o imagine iepuras dragut chiar acum,

690
00:37:02,840 --> 00:37:05,082
așa că vom găsi
o primă imagine de iepuras.

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

692
00:37:10,010 --> 00:37:12,960
>> Nu știu dacă voi avea nici
preferințele pe care o dorim.

693
00:37:12,960 --> 00:37:14,890
Nu aveți preferințe?

694
00:37:14,890 --> 00:37:15,925
Asta aici?

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

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

697
00:37:17,750 --> 00:37:18,760
Că unul este.

698
00:37:18,760 --> 00:37:20,080
Cele mai bune alegeri.

699
00:37:20,080 --> 00:37:21,850
>> OK, deci vom vedea imaginea noastră.

700
00:37:21,850 --> 00:37:22,920
Uită-te la asta.

701
00:37:22,920 --> 00:37:24,250
Uită-te la chestia aia adorabil.

702
00:37:24,250 --> 00:37:27,080
Cum ar putea să fii trist
pe o luni cu asta?

703
00:37:27,080 --> 00:37:30,180
>> Deci, noi suntem doar de gând
pentru a copia URL-ul imaginii.

704
00:37:30,180 --> 00:37:38,720
Și ceea ce vrem să facem este, hai să
spune ca avem unele p pentru alineat.

705
00:37:38,720 --> 00:37:41,140
Mergem să spunem "Uită-te
uita-te la iepurașul drăguț.

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

707
00:37:44,130 --> 00:37:44,880
Îmi place iepurași mele.

708
00:37:44,880 --> 00:37:45,838
Am un iepuras la domiciliu.

709
00:37:45,838 --> 00:37:48,085
Mi-e dor iepuras mea.

710
00:37:48,085 --> 00:37:50,460
Deci, ce vom do--
Nu știu dacă voi dori

711
00:37:50,460 --> 00:37:55,970
to google asta: dar cu HTML,
cum s-ar putea să includeți o imagine?

712
00:37:55,970 --> 00:37:58,355
Literalmente, dacă Google
"Includ imagine HTML,"

713
00:37:58,355 --> 00:38:00,480
De ce nu voi spune-mi
ceea ce ar trebui să fie această etichetă?

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

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

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

719
00:38:09,000 --> 00:38:10,181
Audiența: --quote-- da.

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
A se vedea, generarea de MySpace, nu?

723
00:38:15,470 --> 00:38:16,220
Audiența: Neopets.

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

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

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

727
00:38:20,200 --> 00:38:21,260
A fost o nebunie.

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

729
00:38:23,120 --> 00:38:25,600
>> Deci, asigurați-vă că primesc acest drept.

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

731
00:38:26,100 --> 00:38:27,750
Deci, acest lucru ar trebui să fie aici.

732
00:38:27,750 --> 00:38:34,146
Și apoi, dacă vom reîncărca, ne-am nostru
iepuras pe pagina Nu este adorabil?

733
00:38:34,146 --> 00:38:35,030
>> Acest lucru este atât de drăguț.

734
00:38:35,030 --> 00:38:36,860
Ati ales un mare, mare fotografie,.

735
00:38:36,860 --> 00:38:38,180
Eu l săpat.

736
00:38:38,180 --> 00:38:41,350
>> OK, deci avem acest iepuras adorabil acum.

737
00:38:41,350 --> 00:38:44,590
Noi am fost capabil de a adăuga un
imagine, la fel ca asta.

738
00:38:44,590 --> 00:38:47,550
Deci, practic, dacă nu există nici o imagine
pe care doriți să le adăugați la pagina dvs. de web,

739
00:38:47,550 --> 00:38:49,430
puteti adauga la fel ca aceasta.

740
00:38:49,430 --> 00:38:52,910
Un alt lucru ar fi dacă
ați salvat imaginea

741
00:38:52,910 --> 00:38:55,670
în același folder ca și
acest fișier, puteți pur și simplu

742
00:38:55,670 --> 00:38:59,595
scrie indiferent de numele pe care imaginii
este loc de a avea un link web.

743
00:38:59,595 --> 00:39:01,010
>> Ar fi încă în ghilimele.

744
00:39:01,010 --> 00:39:03,700
Ar fi la fel ca
dacă am fi numit asta:

745
00:39:03,700 --> 00:39:06,695
în cazul în care această imagine a fost salvată
în folderul cu acest fisier HTML

746
00:39:06,695 --> 00:39:08,570
că eu sunt editarea și-l
a fost numit bunny.jpg.

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

748
00:39:11,289 --> 00:39:13,080
Am putea face, de asemenea, că
și ar apărea.

749
00:39:13,080 --> 00:39:16,600
Cu toate acestea, nu am această salvate în
fișierul și vreau să păstreze iepurașul,

750
00:39:16,600 --> 00:39:18,092
așa că vom păstra legătura.

751
00:39:18,092 --> 00:39:20,720
>> Audiența: Ce este 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
E o appropriate--
uite, puteți să-l adopte.

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

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

756
00:39:27,690 --> 00:39:29,190
Vreau să adopte acest iepuras.

757
00:39:29,190 --> 00:39:31,180
Oh, Doamne, e așa de drăguț.

758
00:39:31,180 --> 00:39:34,230
>> OK, deci am adăugat antete.

759
00:39:34,230 --> 00:39:35,500
Am adăugat o imagine.

760
00:39:35,500 --> 00:39:37,760
Evident, am adaugat
un text aici, nu?

761
00:39:37,760 --> 00:39:40,920
Dacă am vrut să adăugați alte
texte, ne-ar merge așa.

762
00:39:40,920 --> 00:39:43,760
Deci, acesta este un alt alineat.

763
00:39:43,760 --> 00:39:49,070
>> Și noi spunem "acest lucru este un alt alineat."

764
00:39:49,070 --> 00:39:52,510
De asemenea, eu sunt un abecedar oribil,
așa că am putea misspell lucruri.

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

766
00:39:54,930 --> 00:39:58,450
>> Deci, avem un alt
alineatul aici, nu?

767
00:39:58,450 --> 00:40:02,190
Deci, poate că vrei să faci ceva
un pic mai interesant decât

768
00:40:02,190 --> 00:40:04,640
au tot textul dumneavoastră, cum ar fi aliniat la dreapta.

769
00:40:04,640 --> 00:40:08,490
Poate vrei pana in centru text, OK?

770
00:40:08,490 --> 00:40:11,820
>> Deci, dacă cineva vrea să folosească cele
calculatoare la îndemână în fața ta

771
00:40:11,820 --> 00:40:19,034
și spune-mi cum te
merge pana in centru acestui text,

772
00:40:19,034 --> 00:40:20,300
>> Audiența: p alin.

773
00:40:20,300 --> 00:40:24,834
>> ALLISON Buchholtz-AU: Deci,
p align este egal cu "centru".

774
00:40:24,834 --> 00:40:25,750
A făcut o ucidere, băieți.

775
00:40:25,750 --> 00:40:28,240
Voi toți trebuie să-și intensifice.

776
00:40:28,240 --> 00:40:36,042
Si ne-am "Acest lucru este centrat."

777
00:40:36,042 --> 00:40:37,500
Iar acum ne-am axat ceva.

778
00:40:37,500 --> 00:40:39,380
>> În același mod, dacă
vreau aliniat stânga,

779
00:40:39,380 --> 00:40:42,020
ai putea face egali align
stânga, align este egal cu dreapta.

780
00:40:42,020 --> 00:40:42,850
În totalitate până la tine.

781
00:40:42,850 --> 00:40:55,580
Dacă am făcut aici, atunci aceasta
should-- acum e corect aliniate.

782
00:40:55,580 --> 00:40:57,020
>> Audiența: Allison?

783
00:40:57,020 --> 00:41:00,884
De sursa imaginii, de ce nu este
acolo aproape de sursa img?

784
00:41:00,884 --> 00:41:02,050
ALLISON Buchholtz-AU: Îmi pare rău.

785
00:41:02,050 --> 00:41:05,300
Aceasta ar trebui să fie
acolo Acum ești bun.

786
00:41:05,300 --> 00:41:06,026
Acum suntem bine.

787
00:41:06,026 --> 00:41:08,150
Audiența: Nu ai
pentru a închide acolo, sau nu?

788
00:41:08,150 --> 00:41:11,450
ALLISON Buchholtz-AU: Ei bine, așa img
sursă, acesta este doar-- cu imagine,

789
00:41:11,450 --> 00:41:17,110
e doar văzută ca un element, în timp ce
dacă observați pentru restul dintre acestea,

790
00:41:17,110 --> 00:41:22,106
avem unele tag apoi informații care
se referă la și apoi o etichetă de închidere.

791
00:41:22,106 --> 00:41:24,480
Dar cu imagine, totul e
doar un fel de-sine stătător.

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

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

794
00:41:29,040 --> 00:41:33,530
Deci, voi știți cum să creați o
antet, știi cum să introducere a textului,

795
00:41:33,530 --> 00:41:37,060
Știi cum se pune o imagine
acum, poti alinia lucrurile.

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

797
00:41:39,940 --> 00:41:42,590
>> Un alt lucru pe care îl
ar putea dori să fie capabil să facă

798
00:41:42,590 --> 00:41:47,649
este de a crea o listă în CS-- suntem
fel de a intra în PSET de săptămâna viitoare.

799
00:41:47,649 --> 00:41:49,440
Lucrurile care ne
preda de obicei, în această săptămână

800
00:41:49,440 --> 00:41:51,480
merge foarte bine cu
PSET de săptămâna viitoare, așa că suntem

801
00:41:51,480 --> 00:41:54,250
un fel de amestec, se suprapun lucrurile aici.

802
00:41:54,250 --> 00:41:56,290
Dar aceasta va fi util pentru săptămâna viitoare.

803
00:41:56,290 --> 00:42:02,500
>> Deci, dacă am vrut să creeze ceva
listă, cum am putea face asta?

804
00:42:02,500 --> 00:42:03,760
Nu puteți răspunde la această dată.

805
00:42:03,760 --> 00:42:04,700
Altcineva trebuie să.

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

807
00:42:07,290 --> 00:42:09,440
Nu e greu, băieți, promit.

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

809
00:42:13,090 --> 00:42:14,076
Ce-a fost asta?

810
00:42:14,076 --> 00:42:16,244
>> Audiența: [inaudibil].

811
00:42:16,244 --> 00:42:17,410
ALLISON Buchholtz-AU: Corect.

812
00:42:17,410 --> 00:42:20,490
Deci, vrem comandat sau neordonate?

813
00:42:20,490 --> 00:42:21,500
Să facem un neordonate.

814
00:42:21,500 --> 00:42:25,240
Deci, avem unele ul, care
standuri pentru neordonată Listă.

815
00:42:25,240 --> 00:42:27,997
Și ce avem pentru fiecare element?

816
00:42:27,997 --> 00:42:29,080
Are are nevoie de propria sa etichetă?

817
00:42:29,080 --> 00:42:30,556
Putem începe să scrie lucruri?

818
00:42:30,556 --> 00:42:31,330
>> Audiența: Li.

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

820
00:42:32,826 --> 00:42:34,785
Deci, ce este pe lista noastră de gând să fie?

821
00:42:34,785 --> 00:42:37,050
Ce vrem aici?

822
00:42:37,050 --> 00:42:38,190
Tocmai am făcut nume.

823
00:42:38,190 --> 00:42:39,250
Fă Jacob.

824
00:42:39,250 --> 00:42:40,340
>> Alimente Rabbit: audienta.

825
00:42:40,340 --> 00:42:40,990
>> ALLISON Buchholtz-AU: produse alimentare Rabbit.

826
00:42:40,990 --> 00:42:41,910
OK Îmi place asta.

827
00:42:41,910 --> 00:42:42,520
Alimente iepure.

828
00:42:42,520 --> 00:42:44,440
>> OK, deci avem morcovi.

829
00:42:44,440 --> 00:42:46,640
Îmi place această temă iepure.

830
00:42:46,640 --> 00:42:48,024
Am foarte mult săpat.

831
00:42:48,024 --> 00:42:50,440
Audiența: De fapt, m-am gândit
că Jacob ar fi un legit.

832
00:42:50,440 --> 00:42:51,606
ALLISON Buchholtz-AU: Jacob?

833
00:42:51,606 --> 00:42:53,120
Jacob este mancarea de iepure.

834
00:42:53,120 --> 00:42:55,310
Dacă ați văzut lui Jacob
fotografie de ore de birou,

835
00:42:55,310 --> 00:42:56,850
s-ar putea fi crezut el a luat
atacat de un iepure ucigaș.

836
00:42:56,850 --> 00:42:58,099
>> Audiența: Eu am un iepure acum.

837
00:42:58,099 --> 00:42:59,710
Eu am un iepure ucigaș acum.

838
00:42:59,710 --> 00:43:00,540
>> ALLISON Buchholtz-AU:
Glumești?

839
00:43:00,540 --> 00:43:02,081
>> Audiența: Voi secțiunea următoare aduce.

840
00:43:02,081 --> 00:43:02,990
Am avea.

841
00:43:02,990 --> 00:43:04,240
>> ALLISON Buchholtz-AU:
Acest lucru este ridicol.

842
00:43:04,240 --> 00:43:04,730
Oricum.

843
00:43:04,730 --> 00:43:05,510
>> Audiența: [inaudibil]

844
00:43:05,510 --> 00:43:07,510
>> Audiența: Da, Proctor meu
are un iepure la fel de bine.

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> ALLISON Buchholtz-AU: Vreau un iepure.

847
00:43:11,580 --> 00:43:15,415
OK, cine aduce un adevărat iepure la
secțiunea următoare, numărul total de puncte spiridus.

848
00:43:15,415 --> 00:43:16,290
Audiența: [inaudibil]

849
00:43:16,290 --> 00:43:16,943
Audiența: Oh, asta nu e adevărat.

850
00:43:16,943 --> 00:43:17,910
E un iepure împăiat.

851
00:43:17,910 --> 00:43:18,855
>> ALLISON Buchholtz-AU: Oh
Da, putem închide acestea.

852
00:43:18,855 --> 00:43:20,174
Pare rad.

853
00:43:20,174 --> 00:43:21,590
Audiența: Contează de fapt?

854
00:43:21,590 --> 00:43:23,465
ALLISON Buchholtz-AU: nu.

855
00:43:23,465 --> 00:43:25,590
Cu cele mai multe dintre aceste lucruri,
tu nu închideți tag-ul,

856
00:43:25,590 --> 00:43:28,750
99% din nimic moment prost se întâmplă
să se întâmple, dar este stil bun, de asemenea.

857
00:43:28,750 --> 00:43:30,250
Iacov.

858
00:43:30,250 --> 00:43:31,864
Și avem salata verde.

859
00:43:31,864 --> 00:43:33,655
Audiența: Pentru link-uri,
este foarte important.

860
00:43:33,655 --> 00:43:34,696
ALLISON Buchholtz-AU: Hm?

861
00:43:34,696 --> 00:43:35,890
Audiența: Pentru hyperlink-uri.

862
00:43:35,890 --> 00:43:37,431
ALLISON Buchholtz-AU: Pentru hyperlink-uri.

863
00:43:37,431 --> 00:43:38,610
Da, hyperlink-uri au nevoie de ea.

864
00:43:38,610 --> 00:43:40,770
OK, deci rămâne să vedem aici.

865
00:43:40,770 --> 00:43:44,810
Și avem la încheierea lista noastră.

866
00:43:44,810 --> 00:43:46,635
Și ne uităm la asta.

867
00:43:46,635 --> 00:43:49,680
Am all-- Jacob, chiar acolo.

868
00:43:49,680 --> 00:43:52,310
Alimente iepure.

869
00:43:52,310 --> 00:43:54,000
Îmi amintește de Bunnicula.

870
00:43:54,000 --> 00:43:55,234
>> Audiența: [inaudibil]

871
00:43:55,234 --> 00:43:58,400
ALLISON Buchholtz-AU: Aduc înapoi
toate referințele vechi de școală astăzi,

872
00:43:58,400 --> 00:43:59,130
Nu sunt eu?

873
00:43:59,130 --> 00:44:01,210
Doar toate trimiterile vechi școală.

874
00:44:01,210 --> 00:44:05,767
În cazul în care au adus ca
Gogurts sau ceva de snacks-uri.

875
00:44:05,767 --> 00:44:07,079
>> Audiența: Or 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
O să văd dacă pot urmări
jos Gushers pentru săptămâna viitoare.

879
00:44:10,920 --> 00:44:11,980
Cred că pot face asta.

880
00:44:11,980 --> 00:44:13,980
Cred că am putea avea
unele în birou.

881
00:44:13,980 --> 00:44:18,570
>> OK, deci ne-am acoperit o mulțime de diferite
lucruri pe care le puteți face cu HTML, nu?

882
00:44:18,570 --> 00:44:23,910
Și, după cum puteți vedea, probabil, e
nothing-- sperăm, nu prea intim--

883
00:44:23,910 --> 00:44:25,750
dacă este, nu mă refer la
să diminueze oricine.

884
00:44:25,750 --> 00:44:29,090
Dacă întâmpinați probleme,
vă rugăm să vin să vorbești cu mine.

885
00:44:29,090 --> 00:44:31,340
>> Dar cea mai mare parte este doar
uita la sintaxa, nu?

886
00:44:31,340 --> 00:44:34,180
Dacă doriți o lista neordonata,
daca vrei un fel de listă,

887
00:44:34,180 --> 00:44:38,450
dacă doriți să se alinieze ceva sau
format ceva, e vorba doar

888
00:44:38,450 --> 00:44:42,080
fel de a privi în sus
sintaxa pentru HTML, nu?

889
00:44:42,080 --> 00:44:44,720
Și un lucru care e
destul de rece, de fapt

890
00:44:44,720 --> 00:44:51,360
este dacă te duci sa-- să vedem,
ceea ce este un site web frumos, care ne place?

891
00:44:51,360 --> 00:44:54,920
Oricine are orice site-uri favorite
care sunt OK pentru a aduce on-line?

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
Știi ce, hai să facem CS50.

894
00:44:58,840 --> 00:45:01,800
Asta e frumos și în condiții de siguranță, nu?

895
00:45:01,800 --> 00:45:03,060
>> OK, deci CS50 aici.

896
00:45:03,060 --> 00:45:05,540
Oh, uite, există o secțiune chiar acum.

897
00:45:05,540 --> 00:45:07,113
Daca iti place felul in care arata.

898
00:45:07,113 --> 00:45:08,030
>> Audiența: [inaudibil].

899
00:45:08,030 --> 00:45:10,696
ALLISON Buchholtz-AU: Noi nu suntem
de gând să faci sectiunea meta, băieți.

900
00:45:10,696 --> 00:45:11,560
Aceasta nu se întâmplă.

901
00:45:11,560 --> 00:45:14,540
Ar fi misto, dar
noi nu o să o fac.

902
00:45:14,540 --> 00:45:17,040
>> Deci, ce părere aveți putut
faceți dacă vă place modul în care

903
00:45:17,040 --> 00:45:21,390
aceasta funcționează este posibil întotdeauna dreptate
faceți clic pe orice pagină web care vă place

904
00:45:21,390 --> 00:45:23,660
și poți să faci View Page Source.

905
00:45:23,660 --> 00:45:26,030
Acesta va aduce tot HTML.

906
00:45:26,030 --> 00:45:30,800
Și aceasta este de fapt un foarte bun
mod de a stilul pagina web proprie.

907
00:45:30,800 --> 00:45:33,640
Du-te la o pagină web pe care le
place foarte mult si uita-te la HTML

908
00:45:33,640 --> 00:45:35,430
și dau seama cum au făcut-o.

909
00:45:35,430 --> 00:45:39,280
>> Și literalmente, atâta timp
în timp ce cita lucruri,

910
00:45:39,280 --> 00:45:41,940
atâta timp cât tu nu ești doar
fura de la oameni, e OK.

911
00:45:41,940 --> 00:45:43,890
Mai ales pentru CS50
[? finanța?], suntem

912
00:45:43,890 --> 00:45:46,950
un fel de voi aștepta pentru a obține
inspirație de la alte site-ul.

913
00:45:46,950 --> 00:45:48,070
Deci, nu ezitați.

914
00:45:48,070 --> 00:45:51,360
Uita-te prin site-uri care
credeți că sunt într-adevăr destul de

915
00:45:51,360 --> 00:45:54,870
și dau seama cum se folosesc
HTML și CSS pentru a face aceste lucruri.

916
00:45:54,870 --> 00:45:59,860
>> Deci, după cum vedeți aici, nu e evident
cum ar fi link-uri și avem o clasă aici.

917
00:45:59,860 --> 00:46:00,950
Avem un link aici.

918
00:46:00,950 --> 00:46:03,100
Avem o listă.

919
00:46:03,100 --> 00:46:05,370
Probabil că au unele
poze pe aici pe undeva.

920
00:46:05,370 --> 00:46:08,332
>> Avem unele stil misto aici.

921
00:46:08,332 --> 00:46:10,040
Acesta este urmatorul lucru
am de gând să faci.

922
00:46:10,040 --> 00:46:14,580
Deci, stil, ori de câte ori veți vedea aceste
paranteze de stil, e CSS practic.

923
00:46:14,580 --> 00:46:15,880
Ben, ai avea o întrebare?

924
00:46:15,880 --> 00:46:16,880
>> Audiența: Ce este div?

925
00:46:16,880 --> 00:46:20,039
>> ALLISON Buchholtz-AU: div
este doar un-- ceea ce este div?

926
00:46:20,039 --> 00:46:20,830
Audiența: Divizia.

927
00:46:20,830 --> 00:46:22,121
ALLISON Buchholtz-AU: Division.

928
00:46:22,121 --> 00:46:25,960
Da, e la fel ca
separarea elemente diferite.

929
00:46:25,960 --> 00:46:28,650
OK, deci aici este ceea ce suntem
de gând să meargă în viitor.

930
00:46:28,650 --> 00:46:31,550
Deci, acest lucru nu poate fi cel mai bun
Stilul că, dacă observați

931
00:46:31,550 --> 00:46:37,681
avem HTML și stil în aceeași pagină,
și ne-am dori de fapt să se separe cele,

932
00:46:37,681 --> 00:46:38,180
OK?

933
00:46:38,180 --> 00:46:41,620
Și, de fapt, lasă-mă să
deschide o dreaptă

934
00:46:41,620 --> 00:46:45,990
pentru că aceasta ar trebui să fie
PDF, așa că avem style.css.

935
00:46:45,990 --> 00:46:51,210
>> Deci, ce putem face aici este acestea
sunt lucruri interesante, ca unii se estompeze

936
00:46:51,210 --> 00:46:55,550
și am putea încerca și de a face asta, dar mă simt
ca și cum mi-ar mizerie ca pe zbor,

937
00:46:55,550 --> 00:46:58,520
așa că, va incurajam băieți la
du-te încercați asta pe cont propriu,

938
00:46:58,520 --> 00:47:00,310
dar eu nu am de gând să o fac chiar acum.

939
00:47:00,310 --> 00:47:03,790
Deci, dacă voi, amintiți-vă,
dacă te-a lovit vreodată set problemă,

940
00:47:03,790 --> 00:47:05,584
ceva coboară de pe partea.

941
00:47:05,584 --> 00:47:08,000
Ea are de a face cu estompeze și
tranziția și fleacuri.

942
00:47:08,000 --> 00:47:09,630
>> Audiența: Și asta e tot CSS și HTML?

943
00:47:09,630 --> 00:47:11,460
>> ALLISON Buchholtz-AU: Toate CSS și HTML.

944
00:47:11,460 --> 00:47:12,420
Da.

945
00:47:12,420 --> 00:47:17,720
Astfel încât să puteți face o mulțime de foarte
lucruri interesante cu CSS și HTML.

946
00:47:17,720 --> 00:47:22,280
Deci, cu minunat nostru
Pagina web iepuras aici, ne-am

947
00:47:22,280 --> 00:47:25,240
sunt de gând să facă un pic
bit de stil CSS cu ea.

948
00:47:25,240 --> 00:47:28,850
>> Deci, dacă aveți vreodată un stil
foaie, pe care o avem aici,

949
00:47:28,850 --> 00:47:30,550
puteți apela doar style.css.

950
00:47:30,550 --> 00:47:32,090
Se poate numi cum vrei.

951
00:47:32,090 --> 00:47:37,110
Ceea ce este important este că vom
pentru a face referire la ea în web.html aici.

952
00:47:37,110 --> 00:47:41,670
>> Deci, ce vom face este
we-- așa că nu fac mizerie acest up--

953
00:47:41,670 --> 00:47:46,180
vom lega
aceste două fișiere împreună.

954
00:47:46,180 --> 00:47:49,340
Deci, în același way-- am de gând
să elaboreze o analogie cu C aici.

955
00:47:49,340 --> 00:47:53,510
În același mod în care, dacă aveți
unele library-- și ne-am cs50.h--

956
00:47:53,510 --> 00:47:55,520
compilator nostru se leagă.

957
00:47:55,520 --> 00:47:58,040
Aceasta este doar o explicit
link-ul din partea noastră.

958
00:47:58,040 --> 00:48:01,840
Deci, în același mod în care o facem
distribuire includ unele fișiere, ceea ce

959
00:48:01,840 --> 00:48:06,890
Sunt pe cale de a scrie este doar
HTML / CSS echivalent de asta.

960
00:48:06,890 --> 00:48:11,970
>> Suntem doar spun, OK, aceasta pagina web
se va folosi această foaie de stil, OK?

961
00:48:11,970 --> 00:48:23,360
Deci avem link rel egală cu foaie de stil.

962
00:48:23,360 --> 00:48:30,870
Și apoi ne-am tip, css.

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
Și apoi href egal.

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
Deci, toate acestea au făcut aici este să
cred că de acest lucru ca acelasi lucru

968
00:48:45,680 --> 00:48:47,550
ca un hash includ.

969
00:48:47,550 --> 00:48:53,450
Evident, pare un pic mai mult
complicat, dar în toate cazurile,

970
00:48:53,450 --> 00:48:55,370
este de fapt același lucru.

971
00:48:55,370 --> 00:49:00,940
Deci, aceasta este doar o legătură de o
foaie de stil, e de tip text / css,

972
00:49:00,940 --> 00:49:02,875
și numele lui este style.css.

973
00:49:02,875 --> 00:49:05,560
>> Ceea ce este important să știți
este faptul că pagina de web

974
00:49:05,560 --> 00:49:09,155
care lucrez chiar now-- web.html
și style.css-- sunt în același folder.

975
00:49:09,155 --> 00:49:14,740
Pentru că în dosare diferite,
aveți nevoie pentru a da rădăcină reală

976
00:49:14,740 --> 00:49:17,480
să-l sau calea spre ea.

977
00:49:17,480 --> 00:49:20,620
Dar, în acest caz, suntem o ține
super-simplu și o să fie aici.

978
00:49:20,620 --> 00:49:26,730
Deci, dacă am face asta, am ceva
lucrurile deja coada de așteptare până aici.

979
00:49:26,730 --> 00:49:31,680
>> Deci, avem unele organism, care se întâmplă
să aibă culoare noastră de fundal, care

980
00:49:31,680 --> 00:49:33,320
acum este albastru deschis.

981
00:49:33,320 --> 00:49:36,850
Ne poate schimba dacă vrem, dar
dacă îmi amintesc corect acest lucru,

982
00:49:36,850 --> 00:49:39,270
aceasta ar trebui să-l schimbe la albastru deschis.

983
00:49:39,270 --> 00:49:42,050
Și acum avem un fond albastru deschis.

984
00:49:42,050 --> 00:49:47,490
Și am avut here-- poate cineva aminti
care unul este ID-ul de dispersie sau de clasă?

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> Audiența: ID.

987
00:49:51,080 --> 00:49:51,800
>> ALLISON Buchholtz-AU: ID.

988
00:49:51,800 --> 00:49:52,420
Rece.

989
00:49:52,420 --> 00:49:58,920
Deci, ceea ce vrem să facem
este care dintre aceste fonturi

990
00:49:58,920 --> 00:50:01,534
sau which-- vrem "Uită-te la
bunny drăguț "a fi violet?

991
00:50:01,534 --> 00:50:02,950
Cred că vrea ca să fie purpuriu.

992
00:50:02,950 --> 00:50:04,640
Sunt destul de jos cu faptul că a fi violet.

993
00:50:04,640 --> 00:50:08,790
>> Deci, ceea ce faci este să faci
ID-ul equals-- în acest caz

994
00:50:08,790 --> 00:50:13,630
I-am spus, ceea ce, destul de culoare aici.

995
00:50:13,630 --> 00:50:14,780
Am reîncărca.

996
00:50:14,780 --> 00:50:17,460
Dintr-o dată, e violet.

997
00:50:17,460 --> 00:50:20,680
OK, deci cu ID-ul, amintiți-vă
aceasta trebuie să fie unic,

998
00:50:20,680 --> 00:50:24,370
așa că nu ar trebui să fie utilizați
acest ID oriunde în altă parte.

999
00:50:24,370 --> 00:50:27,760
Dar cu clasă, așa cum ne-am
aici cu un font destul de,

1000
00:50:27,760 --> 00:50:30,300
Eu ar trebui să poată utiliza
că oriunde vreau.

1001
00:50:30,300 --> 00:50:33,160
>> Deci, hai sa facem asta aici.

1002
00:50:33,160 --> 00:50:41,100
Deci, putem spune clasă este egal cu destul de font.

1003
00:50:41,100 --> 00:50:46,190
Și dacă ne uităm acum, avem
acest font misto destul de aici.

1004
00:50:46,190 --> 00:50:49,160
Deci, poate că vreau să fac pe amândouă.

1005
00:50:49,160 --> 00:50:52,786
OK, eu de fapt nu știu dacă acest lucru este
de gând să lucreze, dar vreau să-l încercați.

1006
00:50:52,786 --> 00:50:54,410
Și acest lucru este modul în care învăța CSS și HTML.

1007
00:50:54,410 --> 00:50:55,660
Ești ca, stii
ceea ce, vreau să încerc asta.

1008
00:50:55,660 --> 00:50:56,430
Nu sunt sigur dacă se va lucra.

1009
00:50:56,430 --> 00:50:57,346
Să vedem dacă funcționează.

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> Și uită-te la asta.

1012
00:51:01,540 --> 00:51:04,540
Acum e în purpuriu și
este un font destul de.

1013
00:51:04,540 --> 00:51:08,692
OK, deci aveți toate aceste
diferite lucruri pe care le puteți face.

1014
00:51:08,692 --> 00:51:09,650
Ai o intrebare?

1015
00:51:09,650 --> 00:51:10,275
>> Audiența: Da.

1016
00:51:10,275 --> 00:51:13,280
Ei bine, la fel ca culorile
pe care îl utilizați sunt cuvinte.

1017
00:51:13,280 --> 00:51:16,005
Există o modalitate de a face culorile
cu hexazecimal RGB?

1018
00:51:16,005 --> 00:51:18,880
ALLISON Buchholtz-AU: Puteți, de asemenea
fă-o cu hexidecimal, cred.

1019
00:51:18,880 --> 00:51:19,803
Da.

1020
00:51:19,803 --> 00:51:22,136
Dar e un fel de frumos dacă
Nu vreau să-i privi în sus.

1021
00:51:22,136 --> 00:51:23,762
Puteți fi la fel ca, violet sau albastru.

1022
00:51:23,762 --> 00:51:25,720
Audiența: Să sperăm că ei
Știi ce înseamnă asta.

1023
00:51:25,720 --> 00:51:26,886
ALLISON Buchholtz-AU: Corect.

1024
00:51:26,886 --> 00:51:29,580
Așa că haideți să facem această citire sau Chartreuse.

1025
00:51:29,580 --> 00:51:32,060
De ce ati alege vreodată Chartreuse?

1026
00:51:32,060 --> 00:51:33,340
Este o culoare interesanta.

1027
00:51:33,340 --> 00:51:37,355
>> OK, deci, evident, ne putem vedea
se pot schimba lucrurile, dar ne-o dorim.

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
Dacă ați fi dorit să create-- să zicem
am vrut să creăm o altă clasă.

1030
00:51:45,392 --> 00:51:46,850
Ce s-ar putea vreți să schimbați?

1031
00:51:46,850 --> 00:51:51,840
În cazul în care trage W3Schools "
Documentație CSS,

1032
00:51:51,840 --> 00:51:54,450
Las cuvântul voi.

1033
00:51:54,450 --> 00:51:57,990
Putem încerca și de a face ceva rece cu
acest lucru în ultimele două minute.

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
Pentru că am un fel de dat un
Crash Course pe o mulțime de lucruri interesante

1036
00:52:03,150 --> 00:52:03,970
pe care le puteți face.

1037
00:52:03,970 --> 00:52:09,956
Dar, în cele din urmă, așa cum am spus, dacă
doar experiment, veți învăța o mulțime.

1038
00:52:09,956 --> 00:52:12,212
>> Audiența: Te-ai uitat în sus ca font?

1039
00:52:12,212 --> 00:52:14,295
>> ALLISON Buchholtz-AU: Da,
M-am uitat acel font.

1040
00:52:14,295 --> 00:52:17,200
Deci, cum ar fi literalmente, m-am
a mers sa-- ce am făcut?

1041
00:52:17,200 --> 00:52:22,371
Am făcut listă de fonturi CSS, și
apoi am făcut-o stivă font,

1042
00:52:22,371 --> 00:52:25,120
iar apoi am fost ca, uite, aici
sunt toate fonturile interesante pe care le puteți face.

1043
00:52:25,120 --> 00:52:28,180
Și acolo a fost asta, așa
L-am copiat în clipboard mea.

1044
00:52:28,180 --> 00:52:31,820
Și apoi am fost ca,
OK, rece, acolo mergem.

1045
00:52:31,820 --> 00:52:32,320
Toate făcut.

1046
00:52:32,320 --> 00:52:35,920
>> Audiența: Deci, tu nu trebuie să vă asigurați că
că CSS știe despre ce font este.

1047
00:52:35,920 --> 00:52:37,370
>> ALLISON Buchholtz-AU: Da.

1048
00:52:37,370 --> 00:52:38,190
>> Audiența: Ce spune la sfârșitul anului?

1049
00:52:38,190 --> 00:52:38,790
Cursiv?

1050
00:52:38,790 --> 00:52:40,040
>> ALLISON Buchholtz-AU: cursiv.

1051
00:52:40,040 --> 00:52:40,950
Da.

1052
00:52:40,950 --> 00:52:42,310
>> Audiența: imagine de fundal.

1053
00:52:42,310 --> 00:52:43,290
>> ALLISON Buchholtz-AU: imagine de fundal.

1054
00:52:43,290 --> 00:52:44,180
OK.

1055
00:52:44,180 --> 00:52:46,490
Deci, vrei să-mi spui cum se face acest lucru.

1056
00:52:46,490 --> 00:52:47,390
Las asta.

1057
00:52:47,390 --> 00:52:49,070
Eu doar tastând aici acum.

1058
00:52:49,070 --> 00:52:51,714
Roata este în mâinile tale.

1059
00:52:51,714 --> 00:52:52,660
>> Audiența: OK

1060
00:52:52,660 --> 00:52:53,701
>> ALLISON Buchholtz-AU: OK.

1061
00:52:53,701 --> 00:52:54,720
Ce fac?

1062
00:52:54,720 --> 00:53:02,929
>> Audiența: Doing-- știu ce
vine după acoladă.

1063
00:53:02,929 --> 00:53:03,970
ALLISON Buchholtz-AU: OK.

1064
00:53:03,970 --> 00:53:06,707
Deci, probabil in corp, am
ar presupune, pentru că suntem

1065
00:53:06,707 --> 00:53:08,040
a face cu imaginea de fundal.

1066
00:53:08,040 --> 00:53:08,940
>> Audiența: Da, hai să facem asta.

1067
00:53:08,940 --> 00:53:09,981
>> ALLISON Buchholtz-AU: OK.

1068
00:53:09,981 --> 00:53:14,260
Audiența: OK, deci fundal
colon, iar apoi ne-am

1069
00:53:14,260 --> 00:53:16,894
au nevoie de o adresă URL de acea imagine.

1070
00:53:16,894 --> 00:53:18,560
Poate pseudo-cod, care, pentru moment, poate.

1071
00:53:18,560 --> 00:53:20,601
>> ALLISON Buchholtz-AU: Ce
ai vrea sa--

1072
00:53:20,601 --> 00:53:22,574
Audiența: Mă gândesc ca un GIF.

1073
00:53:22,574 --> 00:53:23,740
ALLISON Buchholtz-AU: A GIF?

1074
00:53:23,740 --> 00:53:26,070
Asta va fi interesant.

1075
00:53:26,070 --> 00:53:27,840
OK, la ce mă googling aici?

1076
00:53:27,840 --> 00:53:29,670
>> Audiența: Nu, asta e alegerea ta.

1077
00:53:29,670 --> 00:53:32,090
>> ALLISON Buchholtz-AU: De ce
Nu we-- dacă e un iepuraș,

1078
00:53:32,090 --> 00:53:35,610
Mă simt de parcă ar trebui să avem o
gazon ierburi frumos sau ceva.

1079
00:53:35,610 --> 00:53:38,275
>> Audiența: Meadow.

1080
00:53:38,275 --> 00:53:39,350
O pajiște.

1081
00:53:39,350 --> 00:53:40,641
>> ALLISON Buchholtz-AU: O pajiște?

1082
00:53:40,641 --> 00:53:41,851
OK.

1083
00:53:41,851 --> 00:53:42,975
Audiența: Or Rachel Maddow.

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
ALLISON Buchholtz-AU:
Aceasta o arata destul.

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
Oh, e mic, totuși.

1088
00:53:50,380 --> 00:53:51,700
Avem nevoie de o imagine de dimensiune buna.

1089
00:53:51,700 --> 00:53:53,142
Să vedem.

1090
00:53:53,142 --> 00:53:54,570
Oh, uite.

1091
00:53:54,570 --> 00:53:55,630
Asta-i o pajiște frumoasă.

1092
00:53:55,630 --> 00:53:58,320
Știi ce, îmi place asta.

1093
00:53:58,320 --> 00:53:59,300
Să copiați asta.

1094
00:53:59,300 --> 00:54:08,020
>> Audiența: OK, deci cred că e
URL-ul, paranteze deschise.

1095
00:54:08,020 --> 00:54:09,590
>> ALLISON Buchholtz-AU: OK, URL.

1096
00:54:09,590 --> 00:54:11,500
>> Audiența: Atunci adresa.

1097
00:54:11,500 --> 00:54:13,610
>> ALLISON Buchholtz-AU: OK.

1098
00:54:13,610 --> 00:54:14,750
Este că tot ce avem nevoie?

1099
00:54:14,750 --> 00:54:20,550
>> Audiența: Închide paranteze punct și virgulă,
și apoi spațiu, cratimă fundal

1100
00:54:20,550 --> 00:54:27,050
atașament colon fixă, și acoladă.

1101
00:54:27,050 --> 00:54:28,110
>> ALLISON Buchholtz-AU: OK.

1102
00:54:28,110 --> 00:54:29,114
Să vedem dacă asta funcționează.

1103
00:54:29,114 --> 00:54:30,780
O să fie destul de rece în cazul în care o face.

1104
00:54:30,780 --> 00:54:33,880
Sunt foarte emoționat chiar aici.

1105
00:54:33,880 --> 00:54:35,070
Ea nu a funcționat.

1106
00:54:35,070 --> 00:54:35,700
Mă întreb de ce.

1107
00:54:35,700 --> 00:54:37,700
Audiența: Poate URL-ul
trebuie să fie în citate.

1108
00:54:37,700 --> 00:54:38,866
ALLISON Buchholtz-AU: Poate.

1109
00:54:38,866 --> 00:54:41,520
Și acest lucru este modul în care învățăm, băieți.

1110
00:54:41,520 --> 00:54:44,340
>> Audiența: Putem avea fundal
culoare și imagine de fundal?

1111
00:54:44,340 --> 00:54:45,390
>> Audiența: Nu.

1112
00:54:45,390 --> 00:54:46,550
O înlocuiește pe celălalt.

1113
00:54:46,550 --> 00:54:46,960
>> ALLISON Buchholtz-AU: Nu știu.

1114
00:54:46,960 --> 00:54:47,460
Să vedem.

1115
00:54:47,460 --> 00:54:48,860
Să-l verifica afară și a vedea.

1116
00:54:48,860 --> 00:54:51,567
>> Audiența: Oh, poate, da.

1117
00:54:51,567 --> 00:54:52,400
[Interpunerea VOCI]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> ALLISON Buchholtz-AU: OK, aceasta este
obviously-- I [neauzit] aici.

1120
00:55:03,260 --> 00:55:04,927
Deci, OK.

1121
00:55:04,927 --> 00:55:06,260
Audiența: atașament fundal.

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
>> Audiența: OK, eu nu știu.

1125
00:55:13,946 --> 00:55:16,070
ALLISON Buchholtz-AU: A
Se pare ca aceasta ar trebui să funcționeze.

1126
00:55:16,070 --> 00:55:19,074
Ești sigur că e de colon după URL-ul?

1127
00:55:19,074 --> 00:55:20,439
>> Audiența: Nu, e punct și virgulă.

1128
00:55:20,439 --> 00:55:21,980
ALLISON Buchholtz-AU: E punct și virgulă.

1129
00:55:21,980 --> 00:55:22,530
Audiența: Am spus de colon?

1130
00:55:22,530 --> 00:55:24,155
ALLISON Buchholtz-AU: Ai spus-o de colon.

1131
00:55:24,155 --> 00:55:26,222
Audiența: Oh, nu.

1132
00:55:26,222 --> 00:55:27,680
ALLISON Buchholtz-AU: Nu te duci.

1133
00:55:27,680 --> 00:55:29,350
Audiența: Oh, stai, acum
nu putem citi textul.

1134
00:55:29,350 --> 00:55:30,320
ALLISON Buchholtz-AU: Acum
nu puteți citi textul,

1135
00:55:30,320 --> 00:55:32,740
dar avem imaginea de fundal.

1136
00:55:32,740 --> 00:55:33,300
Mmhmm?

1137
00:55:33,300 --> 00:55:35,220
>> Audiența: Are HTML
sprijini conținut dinamic?

1138
00:55:35,220 --> 00:55:39,070
Cum ar fi, ai putea redimensiona poza
în funcție de dimensiunea ferestrei,

1139
00:55:39,070 --> 00:55:39,890
sau este ca un CSS--

1140
00:55:39,890 --> 00:55:41,723
>> ALLISON Buchholtz-AU:
Deci, CSS are de a face asta.

1141
00:55:41,723 --> 00:55:45,210
Deci, dacă voi sunteți interesat
în procesul de învățare avansate de CSS,

1142
00:55:45,210 --> 00:55:50,789
Sunt co-predare a
seminar pe CSS pe data de 7.

1143
00:55:50,789 --> 00:55:52,580
Și promit că va
fi mult mai în profunzime

1144
00:55:52,580 --> 00:55:55,220
și face mult mai mult rece
lucrurile din această secțiune.

1145
00:55:55,220 --> 00:55:59,234
Și-mi co-profesor este ca
numărul total de front-end maestru dev web.

1146
00:55:59,234 --> 00:56:02,150
Asa ca va fi destul de rece, dacă doriți
pentru a afla despre toate lucrurile reci

1147
00:56:02,150 --> 00:56:03,960
care CSS pot face.

1148
00:56:03,960 --> 00:56:06,860
>> Dar ceea ce avem aici cu
atașamentul său de fundal

1149
00:56:06,860 --> 00:56:13,330
fixed-- asa ca este ceva size-- fix
dar puteți dynamically-- de fapt

1150
00:56:13,330 --> 00:56:17,610
dacă ați văzut vreodată pagini web, ca
cele mai multe pagini web bune vor face,

1151
00:56:17,610 --> 00:56:19,470
atunci când reglați
dimensiunea de browser-ul dvs.,

1152
00:56:19,470 --> 00:56:23,980
se ajustează fundalul sau cât de mult
dă dovadă sau reformatată lucrurile, nu?

1153
00:56:23,980 --> 00:56:27,100
Deci, asta e ceea ce noi numim
poziționare relativă.

1154
00:56:27,100 --> 00:56:33,410
>> Și CSS poate apuca de fapt, cât de mare dvs.
lățimea browser-ul este sau cat de inalt este,

1155
00:56:33,410 --> 00:56:37,970
și puteți poziționa lucruri
în funcție de dimensiunile relative

1156
00:56:37,970 --> 00:56:40,420
față de dimensiunile absolute.

1157
00:56:40,420 --> 00:56:44,920
Și asta e evident mai avansat
CSS, dar că este ceva ce se poate face.

1158
00:56:44,920 --> 00:56:47,390
Dacă doriți să învățați
mai mult, vin la seminarul meu.

1159
00:56:47,390 --> 00:56:50,540
>> Astfel că este ceva ce se poate face.

1160
00:56:50,540 --> 00:56:54,450
Și CSS poate de fapt
do-- CSS și JavaScript,

1161
00:56:54,450 --> 00:56:58,790
pe care o vom face în viitor week--
vă poate permite să modifica dinamic

1162
00:56:58,790 --> 00:57:02,160
pagini fără a fi nevoie să
le reincarca tot timpul.

1163
00:57:02,160 --> 00:57:04,590
Și veți obține pentru a face unele
chestii destul de cool.

1164
00:57:04,590 --> 00:57:09,317
>> Deci, există un alt lucru
că voi putea să doriți să faceți

1165
00:57:09,317 --> 00:57:10,650
sau orice altceva doriți să explorați?

1166
00:57:10,650 --> 00:57:12,900
Avem 10 minute ramase.

1167
00:57:12,900 --> 00:57:19,010
De asemenea, putem pleca mai devreme, dar în cazul în care
vrei sa faci ceva mai multe lucruri de web,

1168
00:57:19,010 --> 00:57:20,960
putem, dar nu sunt
O să te oblige să.

1169
00:57:20,960 --> 00:57:23,510
Dar, de asemenea, putem mânca doar bomboane.

1170
00:57:23,510 --> 00:57:25,760
Audiența: Selectați textul
alb, astfel încât să puteți citi.

1171
00:57:25,760 --> 00:57:27,680
ALLISON Buchholtz-AU: OK.

1172
00:57:27,680 --> 00:57:33,389
Deci, în acest caz, ne dorim ceva p.

1173
00:57:33,389 --> 00:57:36,305
Audiența: Ar trebui să o facem în
corp așa că se aplică la întreaga pagină?

1174
00:57:36,305 --> 00:57:38,096
ALLISON Buchholtz-AU:
Da, putem, de fapt.

1175
00:57:38,096 --> 00:57:40,880
Asta-i o idee bună.

1176
00:57:40,880 --> 00:57:43,420
Deci, noi have-- faci
Știi ce ar trebui să fim?

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
Nu știu dacă putem face Culoarea textului.

1179
00:57:50,260 --> 00:57:54,946
Am fost de gând să încerc și
a crea o altă clasă aici.

1180
00:57:54,946 --> 00:57:58,394
>> Audiența: Cum puteți obține astfel
că aceasta are sugestii?

1181
00:57:58,394 --> 00:58:00,560
ALLISON Buchholtz-AU: Deci,
dacă voi sunteți interesat,

1182
00:58:00,560 --> 00:58:03,480
acesta este un alt text
editor numit Sublime.

1183
00:58:03,480 --> 00:58:07,180
Tu ar trebui să poată
instalați-l pe aparatul dumneavoastră.

1184
00:58:07,180 --> 00:58:08,659
Uneori, aceasta devine un pic complicat.

1185
00:58:08,659 --> 00:58:10,950
Dacă doriți ajuta cu asta,
Sunt foarte fericit să vă ajute

1186
00:58:10,950 --> 00:58:14,720
cu ea, pentru că gedit este mare și
e minunat pentru că puteți să-l compilați

1187
00:58:14,720 --> 00:58:17,790
în partea de jos, dar eu chiar
ca Sublime pentru că e destul de

1188
00:58:17,790 --> 00:58:19,498
și-l face lucruri
cum ar fi auto-complete.

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> Astfel încât să puteți simți cu siguranță liber la
lasă-mă să știu dacă vrei să faci asta.

1191
00:58:26,890 --> 00:58:28,940
Dacă tocmai ați google "Sublime
text, "el de obicei

1192
00:58:28,940 --> 00:58:32,860
are instrucțiuni despre cum să instalați
pe diferite sisteme de operare.

1193
00:58:32,860 --> 00:58:37,590
Este foarte cool, am
cred că, în opinia mea.

1194
00:58:37,590 --> 00:58:38,355
Deci, p.

1195
00:58:38,355 --> 00:58:45,616
Cred că pot face doar text-- sau
putem face doar de culoare este "alb".

1196
00:58:45,616 --> 00:58:47,050
Acolo.

1197
00:58:47,050 --> 00:58:50,770
>> Deci, ce am făcut aici este că am
nu a schimbat tot textul.

1198
00:58:50,770 --> 00:58:54,040
Dar p aici este doar un
etichetă pe care o avem, nu?

1199
00:58:54,040 --> 00:58:55,450
Această etichetă alineat.

1200
00:58:55,450 --> 00:59:00,380
Așa că am creat doar un element de CSS care
a spus, OK, nimic cu această etichetă

1201
00:59:00,380 --> 00:59:02,510
p, face culoarea albă.

1202
00:59:02,510 --> 00:59:05,690
>> Deci, dacă ai observat, a făcut
acest alb și acest alb.

1203
00:59:05,690 --> 00:59:09,100
Ea nu a făcut lista noastră de alb pentru că
nu este asociată cu asta.

1204
00:59:09,100 --> 00:59:11,180
Ai putea trece prin și ați putea say--

1205
00:59:11,180 --> 00:59:11,860
>> Audiența: Nu culoare de fundal.

1206
00:59:11,860 --> 00:59:12,660
>> ALLISON Buchholtz-AU: Culoarea de fundal?

1207
00:59:12,660 --> 00:59:15,660
>> Audiența: Contextul țeavă în
culoare în cazul în care ați pus eticheta p.

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
Tu o vrei alb?

1211
00:59:22,804 --> 00:59:23,470
Audiența: Mmhmm.

1212
00:59:23,470 --> 00:59:25,070
ALLISON Buchholtz-AU: OK.

1213
00:59:25,070 --> 00:59:26,342
Acolo te duci.

1214
00:59:26,342 --> 00:59:27,300
Audiența: Asta e ciudat.

1215
00:59:27,300 --> 00:59:29,190
ALLISON Buchholtz-AU:
Destul de rece, nu?

1216
00:59:29,190 --> 00:59:31,640
Deci, dacă doar mizerie în jurul valorii de,
ai de gând să învețe foarte mult.

1217
00:59:31,640 --> 00:59:34,720
Și poate fi destul de rece.

1218
00:59:34,720 --> 00:59:37,312
Cred că e cu siguranta mai mult
plăcut decât, uneori,

1219
00:59:37,312 --> 00:59:39,770
pentru că nu trebuie să așteptați
pentru programul dvs. de a compila.

1220
00:59:39,770 --> 00:59:41,895
Doar tu poate lovi Actualizează
si tu esti ca, oh, uite,

1221
00:59:41,895 --> 00:59:44,276
ea a lucrat, sau oh, eu sunt
Probabil lipseste ceva.

1222
00:59:44,276 --> 00:59:47,359
Și asta e ceva care este cu adevarat
misto despre acest viitor o parte a clasei,

1223
00:59:47,359 --> 00:59:49,250
este cu siguranță, eu
cred, mai ușor de a verifica

1224
00:59:49,250 --> 00:59:52,640
ca te duci de-a lungul calea față de
a fi nevoie să scrie aceste programe lungi

1225
00:59:52,640 --> 00:59:57,830
și care doresc și rugându-
care funcționează la sfârșitul anului.

1226
00:59:57,830 --> 01:00:01,960
>> Deci, cu asta, cred că
voi toate par bune.

1227
01:00:01,960 --> 01:00:05,360
Dacă aveți orice întrebări, ca întotdeauna,
veni să vorbești cu mine, vino să-mi spuneți.

1228
01:00:05,360 --> 01:00:08,180
Eu voi fi afară
pentru următoarele 15 minute

1229
01:00:08,180 --> 01:00:11,340
dacă doriți să discute despre
nimic și totul.

1230
01:00:11,340 --> 01:00:13,530
>> Așa că sper că guys--
noroc cu acest PSET.

1231
01:00:13,530 --> 01:00:18,150
Termenul limită este vineri la prânz
pentru că a fost lansat târziu.

1232
01:00:18,150 --> 01:00:21,220
Așa că va fi, probabil, văzând
o mulțime de voi, joi,

1233
01:00:21,220 --> 01:00:21,970
dar sperăm că nu.

1234
01:00:21,970 --> 01:00:23,386
Poate că va trebui făcut-o până atunci.

1235
01:00:23,386 --> 01:00:24,440
Aș fi foarte mândru.

1236
01:00:24,440 --> 01:00:26,410
>> Dar dacă nu, voi vedea joi.

1237
01:00:26,410 --> 01:00:30,030
Puteți utiliza, de asemenea, o dată cu întârziere, care
extinde aceasta până sâmbătă la prânz.

1238
01:00:30,030 --> 01:00:31,730
Dar eu don't-- nu-i asa?

1239
01:00:31,730 --> 01:00:32,580
>> Audiența: Halloween.

1240
01:00:32,580 --> 01:00:34,538
>> ALLISON Buchholtz-AU:
E Halloween, un, și b,

1241
01:00:34,538 --> 01:00:37,050
Nu cred că va exista
fie orelor de vineri.

1242
01:00:37,050 --> 01:00:40,920
Deci, într-adevăr nu încercați și-l face de către
Vineri, astfel încât să putem sărbători toți

1243
01:00:40,920 --> 01:00:42,010
Week-end Hallow.

1244
01:00:42,010 --> 01:00:44,670
Bine, am să vă văd săptămâna viitoare.

1245
01:00:44,670 --> 01:00:45,888