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

2
00:00:00,500 --> 00:00:03,946
[Musik zu spielen]

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

4
00:00:10,790 --> 00:00:12,540
ALLISON BUCHHOLTZ-AU:
Alles klar, jeder.

5
00:00:12,540 --> 00:00:13,860
Willkommen zurück in Abschnitt.

6
00:00:13,860 --> 00:00:19,559
Also unsere Agenda für heute los ist
über viel mehr Web-Entwickler Zeug.

7
00:00:19,559 --> 00:00:21,600
Ich weiß nicht, wie viele von
Sie psets gesehen haben

8
00:00:21,600 --> 00:00:24,414
seit es veröffentlicht wurde
heute Morgen.

9
00:00:24,414 --> 00:00:26,330
Ich würde, wie viele
Menschen haben die spec lesen,

10
00:00:26,330 --> 00:00:29,910
aber da, wie Sie alle hatten
der, wie, 7 Stunden, es zu betrachten

11
00:00:29,910 --> 00:00:31,910
und es ist ein Montag und
haben Sie wahrscheinlich hatte Klasse,

12
00:00:31,910 --> 00:00:34,160
Ich werde das übernehmen
die meisten von euch nicht.

13
00:00:34,160 --> 00:00:37,170
Wenn Sie, extra dickes Lob.

14
00:00:37,170 --> 00:00:39,400
>> Du bist im Grunde helfen
eine einfache Web-Umsetzung

15
00:00:39,400 --> 00:00:43,270
Server in C, die ein brandneues pset ist,
so dass Sie Jungs, die Meerschweinchen sein.

16
00:00:43,270 --> 00:00:49,730
Es wird ein Spaß, wilde Woche
aber ich denke, es wird eine Menge Spaß machen

17
00:00:49,730 --> 00:00:52,260
und es wird eine wirklich sein
gute Erfahrung tatsächlich.

18
00:00:52,260 --> 00:00:54,920
Also, Sie für die Vorbereitung
dass im Abschnitt heute

19
00:00:54,920 --> 00:01:00,940
wir werden chmod, TCP / IP zu gehen, und
dann ein wenig von HTML und CSS.

20
00:01:00,940 --> 00:01:05,080
>> Am Ende werden wir tatsächlich Code
eine einfache Web-Seite zusammen

21
00:01:05,080 --> 00:01:09,042
um Ihnen zu helfen Jungs Art bekommen
mehr mit dem vertraut gemacht.

22
00:01:09,042 --> 00:01:11,750
Und dann, wenn Sie noch nicht abgeholt
Ihre Quizzes, sind sie in der Front,

23
00:01:11,750 --> 00:01:14,890
aber ich bin mir ziemlich sicher, dass jeder
hier hat ihre Quiz.

24
00:01:14,890 --> 00:01:17,880
Und auch in diesem Sinne,
Lösungen sind noch nicht auf,

25
00:01:17,880 --> 00:01:21,490
aber sobald wir finish-- mögen, die
letzten Menschen, die ihre quizzes--

26
00:01:21,490 --> 00:01:22,280
sie werden bis sein.

27
00:01:22,280 --> 00:01:24,630
Wenn Sie irgendwelche Fragen haben,
inzwischen,

28
00:01:24,630 --> 00:01:26,240
fühlen Sie sich frei, um mich persönlich zu mailen.

29
00:01:26,240 --> 00:01:30,700
Ich werde mit Ihrem individuellen antworten
Fragen, wie ich es immer tue.

30
00:01:30,700 --> 00:01:33,890
>> Also in diesem Sinne, chmod.

31
00:01:33,890 --> 00:01:36,390
Also im Grunde alles, was Sie
müssen über chmod wissen

32
00:01:36,390 --> 00:01:39,620
ist, dass es verwendet werden, um zu ändern
Dateiberechtigungen, nicht wahr?

33
00:01:39,620 --> 00:01:44,050
So ist es nur einige Systeme nennen es eine
Berechtigungen ändern, wie es hier heißt.

34
00:01:44,050 --> 00:01:48,540
Und wenn Sie schon immer einmal sehen
Berechtigungen einer Datei hat,

35
00:01:48,540 --> 00:01:52,240
statt nur dabei
ls Sie ls -l tun konnte.

36
00:01:52,240 --> 00:01:54,010
l steht für lang.

37
00:01:54,010 --> 00:01:56,460
>> So werden Sie lange Listen zu tun
von allem, und

38
00:01:56,460 --> 00:02:02,080
werden Sie sehr viel detailliertere geben
Informationen zu den einzelnen Dateien.

39
00:02:02,080 --> 00:02:05,540
Und du wirst sehen, ich bin something--
gehen, um für eine second-- voraus überspringen

40
00:02:05,540 --> 00:02:08,910
aber du wirst etwas ähnliches zu sehen
dass obere Zeile gibt für jede Datei.

41
00:02:08,910 --> 00:02:11,560
Und wir werden durch das, was das bedeutet, zu gehen.

42
00:02:11,560 --> 00:02:15,260
>> Also im Grunde, sich ändern
Ihre Dateiberechtigungen,

43
00:02:15,260 --> 00:02:16,850
Sie wollen einfach nur chmod verwenden.

44
00:02:16,850 --> 00:02:23,620
Sie können es wie jedes andere denken
UNIX rufen wie ls oder cd oder Dingsbums.

45
00:02:23,620 --> 00:02:25,540
Es ist nur irgendwie ein anderes wie Call.

46
00:02:25,540 --> 00:02:30,530
>> Also wir tun chmod und dann werden wir
dreistellig Regel.

47
00:02:30,530 --> 00:02:33,570
Es gibt ein paar Möglichkeiten zu tun
es, von denen einer dann gehen wir vorbei.

48
00:02:33,570 --> 00:02:37,650
Aber in der Regel, werden Sie drei haben
Zahlen von 0 bis 7 jeweils Zeit.

49
00:02:37,650 --> 00:02:43,530
>> So eine Sache ist, dass es
drei verschiedene Berechtigungen

50
00:02:43,530 --> 00:02:45,510
dass wir jede Datei geben kann.

51
00:02:45,510 --> 00:02:49,480
Und es ist lesbar, was ist
vertreten durch R, die Sinn machen wird

52
00:02:49,480 --> 00:02:54,020
in ein wenig; W, was ist
beschreibbar; und ausführbar, die ist x.

53
00:02:54,020 --> 00:02:57,630
Ich weiß, dass die E ein, ausführbare,
vielleicht nicht die am meisten Sinn, aber wir

54
00:02:57,630 --> 00:02:59,120
stellen sie mit x.

55
00:02:59,120 --> 00:03:05,290
>> Und was dann geschieht, ist jeder von diesen
auch die Zahlendarstellung.

56
00:03:05,290 --> 00:03:07,990
So haben wir 1, 2 und 4.

57
00:03:07,990 --> 00:03:12,060
Und im Grunde, was passiert ist,
Jede dieser drei Zahlen

58
00:03:12,060 --> 00:03:17,380
Dabei entspricht ein
andere Gruppe von Benutzern

59
00:03:17,380 --> 00:03:19,420
dass diese Berechtigungen betreffen.

60
00:03:19,420 --> 00:03:24,820
>> So können Sie sich davon zunächst denken kann
Nummer entspricht der tatsächlichen Benutzer

61
00:03:24,820 --> 00:03:29,360
oder der Eigentümer der Datei, der zweiten
Zahl wird zu der Gruppe entsprechen,

62
00:03:29,360 --> 00:03:33,590
und die letzte bezieht
zur Welt, OK?

63
00:03:33,590 --> 00:03:39,995
Also, was passiert ist, erinnern
diejenigen numbers-- r 4, w 2,

64
00:03:39,995 --> 00:03:42,550
x 1 ist, richtig?

65
00:03:42,550 --> 00:03:46,630
This-- wenn Sie diese zusammenzufassen,
das gibt Ihnen die erste Nummer

66
00:03:46,630 --> 00:03:48,600
dass wir vielleicht Eingang in unserem chmod.

67
00:03:48,600 --> 00:03:52,191
>> Also in diesem Fall, was
würde diese Zahl sein?

68
00:03:52,191 --> 00:03:57,030
Es wäre 4 plus 2 plus
1, die eine 7 ist, oder?

69
00:03:57,030 --> 00:03:59,250
Und in diesem Fall, diese
haben nichts,

70
00:03:59,250 --> 00:04:06,450
so dass diese direkt hier würde
übersetzen chmod 700, OK?

71
00:04:06,450 --> 00:04:12,030
Und, was das tut, ist es allen Zuschüssen
dieser Berechtigungen zu Ihrem Benutzer.

72
00:04:12,030 --> 00:04:14,400
>> Dies bedeutet also, unsere Nutzer
können tun, was sie wollen.

73
00:04:14,400 --> 00:04:15,400
Sie können diese Datei lesen.

74
00:04:15,400 --> 00:04:16,810
Sie können diese Datei auszuführen.

75
00:04:16,810 --> 00:04:18,360
Sie können auf diese Datei schreiben.

76
00:04:18,360 --> 00:04:23,545
Aber Konzern weltweit, keine
Berechtigungen immer, OK?

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

78
00:04:26,480 --> 00:04:32,680
>> Also eine weitere Möglichkeit, dass zu schreiben, können wir
Sie chmod aus drei Ziffern, von denen jede

79
00:04:32,680 --> 00:04:40,040
entspricht auch immer die Summe oder die
bestimmte Gruppe ist, bestimmte Teilmenge.

80
00:04:40,040 --> 00:04:44,870
Oder wir tatsächlich tun können, eine andere Sache.

81
00:04:44,870 --> 00:04:45,590
Warten Sie mal.

82
00:04:45,590 --> 00:04:49,330
Wir können etwas mit diesen hier zu tun.

83
00:04:49,330 --> 00:04:55,615
>> Wie viele von euch sah ein Beispiel
wo es war, ein Plus x chmod?

84
00:04:55,615 --> 00:04:58,070
Hast du gesehen, dass in der Vorlesung, denke ich?

85
00:04:58,070 --> 00:05:00,610
So eine steht für alle.

86
00:05:00,610 --> 00:05:04,990
Es bedeutet, geben Sie es an alle Benutzer,
die ich vergaß, hier setzen.

87
00:05:04,990 --> 00:05:08,790
>> Aber ein Plus x, wenn wir
bemerken hier, wenn wir das tun

88
00:05:08,790 --> 00:05:13,420
um chmod-- welcher Gruppe wir sind
reden sowie die Berechtigungen

89
00:05:13,420 --> 00:05:14,660
wollen wir ihnen geben.

90
00:05:14,660 --> 00:05:16,120
So kann dies ein Plus oder ein Minus sein.

91
00:05:16,120 --> 00:05:17,690
Plus fügt Erlaubnis.

92
00:05:17,690 --> 00:05:19,510
Minus wegnimmt Erlaubnis.

93
00:05:19,510 --> 00:05:22,520
Hübsche intuitive, denke ich.

94
00:05:22,520 --> 00:05:25,720
>> Also ein Plus x bedeutet chmod.

95
00:05:25,720 --> 00:05:32,260
So ändern Sie die Berechtigungen aller Menschen
Wenn dies ein A-- Hinzufügen von Berechtigungen.

96
00:05:32,260 --> 00:05:37,110
Und x-- das bedeutet, was die Erlaubnis
sind wir alle Gewährung.

97
00:05:37,110 --> 00:05:38,510
Lesen, Schreiben oder Ausführen?

98
00:05:38,510 --> 00:05:39,360
>> PUBLIKUM: Ausführen.

99
00:05:39,360 --> 00:05:40,610
>> ALLISON BUCHHOLTZ-AU: Ausführen.

100
00:05:40,610 --> 00:05:46,080
So geben wir allen Nutzern
Berechtigung, diese Datei auszuführen, OK?

101
00:05:46,080 --> 00:05:53,370
So was, wenn wir wollten,
dass mit der numerischen Form?

102
00:05:53,370 --> 00:05:56,290
Also denken Sie daran mit numerischen,
wir wollen drei Zahlen.

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

104
00:05:56,790 --> 00:05:58,290
ALLISON BUCHHOLTZ-AU: Was war das?

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

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

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

108
00:06:01,599 --> 00:06:04,390
ALLISON BUCHHOLTZ-AU: Nun, wir wollen
um es allen Benutzern zu geben, oder?

109
00:06:04,390 --> 00:06:07,442
Also wir gehen zu müssen
eine Zahl in jedem Schlitz.

110
00:06:07,442 --> 00:06:09,400
Das wird das sein
gleiche Anzahl in jedem Schlitz

111
00:06:09,400 --> 00:06:13,800
denn wir wollen einfach nur geben
jeder Ausführungsberechtigungen.

112
00:06:13,800 --> 00:06:16,480
So ausführbare 1 ist,
aber auf dem richtigen Weg.

113
00:06:16,480 --> 00:06:23,055
>> Also, wenn wir nicht chmod 111 Das wäre
sein das Äquivalent von chmod einem Plus x.

114
00:06:23,055 --> 00:06:24,430
Ist das sinnvoll, um alle?

115
00:06:24,430 --> 00:06:26,910
Wir werden durchgehen
ein paar Beispiele.

116
00:06:26,910 --> 00:06:29,860
>> Also die große Mitnehmen
Hier ist eine nicht hier,

117
00:06:29,860 --> 00:06:33,360
sondern eine gerechte Mittel gebe es für alle Benutzer.

118
00:06:33,360 --> 00:06:36,610
u ist, wenn Sie nur wollen,
zu geben oder wegnehmen

119
00:06:36,610 --> 00:06:40,600
eine ausdrückliche Erlaubnis
der Benutzer oder der Eigentümer.

120
00:06:40,600 --> 00:06:43,800
g ist für die Gruppe,
so dass mittlere Ziffer.

121
00:06:43,800 --> 00:06:49,440
Und dann andere, die Sie sich vorstellen können
wie die Welt, dieser letzten Stelle.

122
00:06:49,440 --> 00:06:52,840
>> Also mit diesem werden wir auf ein Beispiel zu gehen,
weil ich das Gefühl, dass Beispiele immer

123
00:06:52,840 --> 00:06:56,240
machen diese Dinge leichter zu verstehen.

124
00:06:56,240 --> 00:07:01,240
So rwx-- wir durch this-- ging
könnte auch darstellen als 700 sein.

125
00:07:01,240 --> 00:07:05,070
Das ist das Beispiel, das wir sahen
bei mehr vom Bild.

126
00:07:05,070 --> 00:07:09,990
Also chmod 444 auf einige Datei
würde, welche Berechtigungen geben?

127
00:07:09,990 --> 00:07:11,947
Sie waren wirklich nah.

128
00:07:11,947 --> 00:07:13,030
PUBLIKUM: Lesbar für alle.

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

130
00:07:14,321 --> 00:07:15,660
So lesbar für jedermann, nicht wahr?

131
00:07:15,660 --> 00:07:17,910
Und was dann noch einen anderen Weg, das zu tun?

132
00:07:17,910 --> 00:07:23,070
Wenn wir chmod mit machen wollen entweder
r oder w ist, Plus und Minus,

133
00:07:23,070 --> 00:07:25,300
was wäre das Call aussehen?

134
00:07:25,300 --> 00:07:27,336
Es wäre chmod werden, was?

135
00:07:27,336 --> 00:07:28,590
>> PUBLIKUM: ein Plus r.

136
00:07:28,590 --> 00:07:32,900
>> ALLISON BUCHHOLTZ-AU: ein Plus r auf dem 5.

137
00:07:32,900 --> 00:07:40,980
OK, so ist die gleiche wie diese,
nur zwei verschiedene Übersetzungen

138
00:07:40,980 --> 00:07:42,500
von der gleichen Sache.

139
00:07:42,500 --> 00:07:45,650
Also mit diesem, haben wir diese.

140
00:07:45,650 --> 00:07:50,310
Deshalb möchte ich euch, um zu versuchen und schreiben
diese Art von in ihren entgegengesetzten Weg.

141
00:07:50,310 --> 00:07:53,710
>> Also mit chmod 555,
was würde es sein?

142
00:07:53,710 --> 00:07:56,704
Wäre es ein Plus oder u plus oder Dingsbums sein?

143
00:07:56,704 --> 00:07:58,370
Für u Plus X, gib mir die drei Zahlen.

144
00:07:58,370 --> 00:08:03,530
Und dann sagen Sie mir, was Berechtigungen
wir tatsächlich die Gewährung und zu wem?

145
00:08:03,530 --> 00:08:06,600
>> Also werde ich euch beiden geben
Minuten, daran zu arbeiten.

146
00:08:06,600 --> 00:08:08,160
Fühlen Sie sich frei, um miteinander zu reden.

147
00:08:08,160 --> 00:08:11,910
Für diejenigen von euch, die in einem kleinen kam
spät, gibt es Süßigkeiten und Shirts.

148
00:08:11,910 --> 00:08:14,590
Wir haben drei Hemden links und
Wir haben Kit Kats und Starbursts.

149
00:08:14,590 --> 00:08:17,630
So fühlen sich frei, um grab kommen
einige in diesem kleinen Zwischenspiel.

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

151
00:09:03,190 --> 00:09:04,440
>> Auch ist der letzte knifflig.

152
00:09:04,440 --> 00:09:06,670
Es ist zwei chmods für die letzte.

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

154
00:09:10,990 --> 00:09:15,880
Eigentlich möchte ich, dass die Tür zu schließen
während ihr Jungs arbeiten daran.

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

156
00:09:26,240 --> 00:09:28,225
Candys immer notwendig
an einem Montag Nachmittag.

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

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

159
00:09:34,756 --> 00:09:36,380
Was ist ein anderer Weg, wir könnten, dass zu schreiben?

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

161
00:09:39,860 --> 00:09:41,790
Irgendwelche Ideen?

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

163
00:09:42,290 --> 00:09:43,280
>> PUBLIKUM: ein Plus rx.

164
00:09:43,280 --> 00:09:44,613
>> ALLISON BUCHHOLTZ-AU: R plus RX.

165
00:09:44,613 --> 00:09:47,290
Möchten Sie erklären, warum es rx werden würde wollen?

166
00:09:47,290 --> 00:09:49,570
>> PUBLIKUM: Weil Sie
5, so dass ist 4 plus 1,

167
00:09:49,570 --> 00:09:51,734
so das ist zu lesen sowie
ausführbare, und es ist für alle.

168
00:09:51,734 --> 00:09:52,900
ALLISON BUCHHOLTZ-AU: Richtig.

169
00:09:52,900 --> 00:09:58,540
Also einfach, hier zu wiederholen, 5
wir wissen, wie die Summe von 4 und 1 liegt,

170
00:09:58,540 --> 00:10:04,760
weil jede Zahl in unserem Trio ist die
Summe der Berechtigungen für diese Teilmenge,

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

172
00:10:05,260 --> 00:10:07,070
Entweder der Benutzer, die
Gruppe oder die Welt.

173
00:10:07,070 --> 00:10:11,160
Also in diesem Fall wissen wir, dass
5 ist durch 4 und 1 gebildet werden.

174
00:10:11,160 --> 00:10:15,240
>> Und 4 und 1 zu entsprechen,
lesbar und ausführbar.

175
00:10:15,240 --> 00:10:21,717
Wir geben es alle,
so dass wir tun können, chmod ein Plus rx.

176
00:10:21,717 --> 00:10:24,050
Und natürlich gingen wir einfach
durch die Fragen gibt,

177
00:10:24,050 --> 00:10:28,810
so jetzt diese Datei ausführbar
und lesbar für jedermann.

178
00:10:28,810 --> 00:10:31,120
>> Und was ist mit dem zweiten?

179
00:10:31,120 --> 00:10:32,900
Was könnte die Zahl für diese eine sein?

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

181
00:10:36,676 --> 00:10:37,180
Irgendwelche Ideen?

182
00:10:37,180 --> 00:10:37,680
Nur zu.

183
00:10:37,680 --> 00:10:38,600
>> PUBLIKUM: 100 [unverständlich].

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

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

186
00:10:40,270 --> 00:10:42,455
Also wollen Sie erklären, warum 100?

187
00:10:42,455 --> 00:10:45,080
PUBLIKUM: Weil es für die
Benutzer, so ist es in der ersten Position.

188
00:10:45,080 --> 00:10:47,371
Und dann x ausführbar ist 1.

189
00:10:47,371 --> 00:10:48,620
ALLISON BUCHHOLTZ-AU: Genau.

190
00:10:48,620 --> 00:10:53,120
So gewähren wir ausführbaren
Berechtigungen nur den Benutzer.

191
00:10:53,120 --> 00:10:55,100
So dass in diesem Fall wäre es 100 sein.

192
00:10:55,100 --> 00:10:57,570
Und ich habe alle Antworten
bis auf der nächsten Folie bei

193
00:10:57,570 --> 00:11:00,060
Sie schreiben viele Dinge nach unten.

194
00:11:00,060 --> 00:11:08,410
>> OK, so dass diese nächste tatsächlich getan wird
mit zwei chmods, können Sie es tun könnte.

195
00:11:08,410 --> 00:11:11,120
Also hat jemand
Irgendeine Idee, wie man vielleicht

196
00:11:11,120 --> 00:11:14,150
bekommen chmod 640 umgeschrieben
in die andere Richtung?

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

198
00:11:17,770 --> 00:11:22,820
Sie können die Benutzer zum ersten Mal und dann verändern
Sie ändern können, die Gruppe ist mein Hinweis.

199
00:11:22,820 --> 00:11:29,740
>> Also, wenn wir nur die Änderung wurden die
Benutzer, die hier diese erste ist,

200
00:11:29,740 --> 00:11:33,830
was könnte unser Call sein?

201
00:11:33,830 --> 00:11:36,080
Also Benutzer ist u, richtig?

202
00:11:36,080 --> 00:11:38,780
Also chmod u zzgl was?

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

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

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

206
00:11:41,510 --> 00:11:47,470
Rechts, für Lesen und Schreiben, weil Lese
4, w 2, diejenigen Summe zusammen als 6.

207
00:11:47,470 --> 00:11:52,760
Also chmod erhalten wir u plus RW,
und wir bekommen unseren ersten 6 gibt.

208
00:11:52,760 --> 00:11:56,860
>> Also dann, die 4 zu bekommen, wollen wir nun
zu unserer Gruppe Einstellungen zu ändern.

209
00:11:56,860 --> 00:12:00,960
Also wir werden chmod g zzgl was tun?

210
00:12:00,960 --> 00:12:02,380
Was ist ein 4?

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

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

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

214
00:12:05,070 --> 00:12:09,140
So geben wir den Besitzer
Lese- und Schreibrechte

215
00:12:09,140 --> 00:12:13,141
und wir geben der Gruppe gelesen
Berechtigungen, die wir alle hier oben.

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

217
00:12:13,640 --> 00:12:17,740
>> PUBLIKUM: Wenn Sie etwas zu schreiben,
bedeutet es können Sie es ausführen?

218
00:12:17,740 --> 00:12:20,700
>> ALLISON BUCHHOLTZ-AU: Sie
wenden kann, um something--

219
00:12:20,700 --> 00:12:22,900
Ich glaube nicht, dass es
bedeutet, dass Sie sie ausführen kann.

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

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

222
00:12:26,450 --> 00:12:29,620
Also das ist alles, was wir gerade durchmachte.

223
00:12:29,620 --> 00:12:33,075
Usw. dieses nächste, ist es
nur irgendwie häufigsten Fälle

224
00:12:33,075 --> 00:12:35,200
dass Sie in behalten möchten
dagegen für Ihr Problem eingestellt.

225
00:12:35,200 --> 00:12:39,800
Dies sind in der Regel die Berechtigungen
dass wir Sie zu nutzen.

226
00:12:39,800 --> 00:12:44,900
>> Also für 711, gibt, dass
uns natürlich Benutzer

227
00:12:44,900 --> 00:12:47,720
alle Berechtigungen, die
neigt dazu, Sinn zu machen.

228
00:12:47,720 --> 00:12:51,920
Und dann ist es ausführbar die
Gruppe in der Welt, was Sinn macht

229
00:12:51,920 --> 00:12:56,150
wenn Sie etwas Verzeichnis haben, können Sie
wollen in der Lage, in sie zu durchqueren sein.

230
00:12:56,150 --> 00:12:58,160
Die Menschen müssen Zugang.

231
00:12:58,160 --> 00:13:04,680
>> Für jede nicht-PHP-Datei, Sie gehen
zu bedienen 644, was zu tun wäre, was?

232
00:13:04,680 --> 00:13:07,560
Was heißt das bedeuten, oder was
Berechtigungen bedeutet das geben?

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

234
00:13:12,210 --> 00:13:14,409
So kann der Besitzer, was?

235
00:13:14,409 --> 00:13:15,450
PUBLIKUM: lesen und schreiben.

236
00:13:15,450 --> 00:13:16,991
ALLISON BUCHHOLTZ-AU: lesen und schreiben.

237
00:13:16,991 --> 00:13:21,560
Und dann die Gruppe und andere
können nur gelesen, nicht wahr?

238
00:13:21,560 --> 00:13:25,660
Und dann chmod 600 für alle
PHP-Dateien, die Sie verwenden,

239
00:13:25,660 --> 00:13:27,980
Ihre Besitzer, hier können
lesen und schreiben, um es

240
00:13:27,980 --> 00:13:32,310
aber jeder andere ist
nur irgendwie abgesperrt.

241
00:13:32,310 --> 00:13:34,540
>> So wird dies tatsächlich
nützlicher sein, wenn

242
00:13:34,540 --> 00:13:37,700
Sie zu Ihrem Problem zu erhalten
eingestellt nächste Woche, wo

243
00:13:37,700 --> 00:13:40,290
Sie tatsächlich den Aufbau einer Website.

244
00:13:40,290 --> 00:13:43,100
Also, wenn Sie jemals den Weg laufen
seltsame Symptome

245
00:13:43,100 --> 00:13:45,970
wo es nicht laden
richtig, vielleicht haben Sie

246
00:13:45,970 --> 00:13:50,670
benötigen, um eine ausführbare hinzufügen
Erlaubnis oder vielleicht haben Sie eine Lese brauchen

247
00:13:50,670 --> 00:13:52,990
oder Schreibrechte.

248
00:13:52,990 --> 00:13:56,980
Kleine Dinge, die Menschen stolpern neigen
up, aber das ist ein bisschen wie der Go-to

249
00:13:56,980 --> 00:13:58,564
wenn Sie nächste Woche pset starten.

250
00:13:58,564 --> 00:14:00,730
Und ich würde Ihnen mehr
Hinweise zu dieser Woche pset,

251
00:14:00,730 --> 00:14:05,010
aber ich habe noch auf sie, da schauen
es heute Morgen veröffentlicht wurde.

252
00:14:05,010 --> 00:14:10,600
Aber du hast mir eine E-Mail, ich werde ausgesehen haben
bei ihm von der Zeit, die ich reagieren morgen.

253
00:14:10,600 --> 00:14:14,310
>> So, jetzt ist jeder gut mit chmod?

254
00:14:14,310 --> 00:14:16,040
Alle offenen Fragen?

255
00:14:16,040 --> 00:14:17,240
Ziemlich einfach.

256
00:14:17,240 --> 00:14:20,620
Nur irgendwie zu verfolgen, was
lesen, schreiben und ausführen Zahlen

257
00:14:20,620 --> 00:14:23,660
ist wahrscheinlich der schwierigste Teil.

258
00:14:23,660 --> 00:14:29,620
>> So mit TCP / IP, all diesen Protokollen
eine Art, wie mit Ihren Datenstrukturen

259
00:14:29,620 --> 00:14:31,990
letzte Woche, es ist viel mehr
wichtig, eine Art, an

260
00:14:31,990 --> 00:14:33,900
eine höhere Intuition von ihnen.

261
00:14:33,900 --> 00:14:37,390
Dies ist nicht CS143, wohin wir gehen
Sie bitten um ein Netzwerk zu implementieren,

262
00:14:37,390 --> 00:14:39,870
so dass Sie in Ordnung, wenn sein
Sie verstehen nicht,

263
00:14:39,870 --> 00:14:42,900
die Nitty Gritty aller Protokolle.

264
00:14:42,900 --> 00:14:46,050
Was ist wichtig zu verstehen, ist
eine Art, wie, was sie darstellen

265
00:14:46,050 --> 00:14:47,300
und warum sie wichtig sind.

266
00:14:47,300 --> 00:14:52,320
>> So TCP / IP, natürlich ist es das
Transmission Control Protocol

267
00:14:52,320 --> 00:14:57,270
oder Internet-Protokoll, das ist
im Grunde nur eine Reihe von Gesetzen im Grunde

268
00:14:57,270 --> 00:15:00,800
oder Standards, die sagen, Daten
wie es behandelt werden soll,

269
00:15:00,800 --> 00:15:04,900
wie es paketiert werden soll,
übertragen und empfangen.

270
00:15:04,900 --> 00:15:09,200
So ist es im Prinzip, wie es
Hier steht, erhöht die Chancen

271
00:15:09,200 --> 00:15:12,950
dass die Daten bekommt, wohin
Sie wollen, dass es zu bekommen.

272
00:15:12,950 --> 00:15:15,950
>> Ich bin sicher, wenn ihr Jungs ging an
Vortrag oder sah es online,

273
00:15:15,950 --> 00:15:18,232
er has-- Ich weiß nicht,
wenn er es in diesem Jahr,

274
00:15:18,232 --> 00:15:20,940
aber ich weiß, im letzten Jahr hatte er eine
Demo, wo er ein Bild von Rob hatte

275
00:15:20,940 --> 00:15:23,320
und er spaltete es sich in
vier und steckte es in Umschläge

276
00:15:23,320 --> 00:15:26,590
und versuchte, sie in Sanders bekommen.

277
00:15:26,590 --> 00:15:29,430
Und Sie können Art
denken Sie an es auf diese Weise.

278
00:15:29,430 --> 00:15:35,400
Es ist nur ein Satz von Regeln,
Daten sagen, wie man irgendwo bekommen

279
00:15:35,400 --> 00:15:37,640
und lässt Sie wissen, wenn
Sie vermissen Daten,

280
00:15:37,640 --> 00:15:40,460
in der gleichen Weise, dass, wenn Sie
Einnahme mehrerer Seiten Notizen

281
00:15:40,460 --> 00:15:46,490
und du hast sie mit Seite 104, Seite beschriften
204 und gehen Sie zurück, um später zu studieren

282
00:15:46,490 --> 00:15:50,220
und Sie something-- fehlen
Sie Seite nicht finden können, 304-- Sie wissen

283
00:15:50,220 --> 00:15:53,310
etwas nicht stimmt, so dass Sie
durch Ihre Notizen schauen

284
00:15:53,310 --> 00:15:58,666
erneut oder bitten Sie jemanden, Ihnen zurücksenden
Die Skripte von diesem Tag.

285
00:15:58,666 --> 00:16:00,290
Auf die gleiche Weise Daten über das Internet.

286
00:16:00,290 --> 00:16:03,220
Wenn ich verlange
etwas von einem Server

287
00:16:03,220 --> 00:16:05,377
um sie zu senden braucht
sie in mehrere Pakete,

288
00:16:05,377 --> 00:16:07,210
wahrscheinlich zu Nummer
es in irgendeiner Weise lassen

289
00:16:07,210 --> 00:16:12,430
mich wissen, wie viele ich erhalten haben, sollten,
und sagen Sie mir, oh, das ist eine der 10

290
00:16:12,430 --> 00:16:13,990
oder ist dies einer der 10.000.

291
00:16:13,990 --> 00:16:17,030
So, wenn ich gehe, um wieder zusammensetzen
alle Teile zusammen,

292
00:16:17,030 --> 00:16:21,504
Ich weiß, wenn etwas fehlt
und ich kann dafür wieder an.

293
00:16:21,504 --> 00:16:22,730
Ist das sinnvoll?

294
00:16:22,730 --> 00:16:23,610
Nur ein Satz von Regeln.

295
00:16:23,610 --> 00:16:28,120
Auf seiner Basis, eine Reihe von Regeln, OK?

296
00:16:28,120 --> 00:16:31,360
>> So sprachen wir auch ein
wenig über Ports.

297
00:16:31,360 --> 00:16:36,150
Das ist wirklich nur ein Standard,
lässt Sie wissen, welche Art von Daten

298
00:16:36,150 --> 00:16:38,650
wird in diesen Paketen übertragen wird.

299
00:16:38,650 --> 00:16:40,790
Wenn wir gehen mit unseren
Umschlag Beispiel, wissen wir nicht

300
00:16:40,790 --> 00:16:43,510
wissen, dass es ein Bild von
Rob drin, wenn wir es zu schreiben

301
00:16:43,510 --> 00:16:45,480
auf der Außenseite der Umhüllung.

302
00:16:45,480 --> 00:16:47,100
So Anschlüsse sind im Grunde die gleiche.

303
00:16:47,100 --> 00:16:51,670
Es ist nur ein Weg, um herauszufinden, was
Art von Daten übertragen wird.

304
00:16:51,670 --> 00:16:56,260
>> So haben wir alle die
gebräuchlichsten hier.

305
00:16:56,260 --> 00:16:59,790
So 21-- diese sind auch Art
der wie gute Dinge zu wissen.

306
00:16:59,790 --> 00:17:01,560
Es ist irgendwie eine einfache Quizfrage.

307
00:17:01,560 --> 00:17:03,590
Seien Sie wie, was Port 80 zu tun?

308
00:17:03,590 --> 00:17:06,970
Oder was sagt Port 443 zu tun?

309
00:17:06,970 --> 00:17:09,359
So gut, Dinge zu wissen.

310
00:17:09,359 --> 00:17:12,569
>> Also wir hier haben, ist 21-Datei
Übertragungsprotokoll, so dass nur

311
00:17:12,569 --> 00:17:15,050
die Regeln, die Dateiübertragung zu regieren.

312
00:17:15,050 --> 00:17:19,550
25, etwas, das wir alle
verwenden viel zu viel, ist E-Mail.

313
00:17:19,550 --> 00:17:22,790
53 ist der Domain-Name
System, das grundsätzlich

314
00:17:22,790 --> 00:17:26,910
nur irgendwie ein Lookup für die
IP-Adresse eines Domain-Namens.

315
00:17:26,910 --> 00:17:29,900
>> Also ich bin mir ziemlich sicher, es war
in der Vorlesung erwähnt, wenn Sie

316
00:17:29,900 --> 00:17:33,960
gehen, so etwas wie
google.com, eine IP-Adresse hat

317
00:17:33,960 --> 00:17:35,818
das ist mit ihm verbunden.

318
00:17:35,818 --> 00:17:37,026
Es ist nicht wirklich google.com.

319
00:17:37,026 --> 00:17:40,720
Und so 53 ist der Port
dass tatsächlich statt

320
00:17:40,720 --> 00:17:44,050
Pflege Art des Übersetzens es
in dieser IP-Adresse für Sie.

321
00:17:44,050 --> 00:17:47,830
Und 80 und 443 sind sehr häufig.

322
00:17:47,830 --> 00:17:50,710
Sie müssen entweder Ihre Webseite oder
haben Sie Ihre sichere Web-Seite,

323
00:17:50,710 --> 00:17:56,100
die eine Menge von Web-Seiten
Übertragung über jetzt.

324
00:17:56,100 --> 00:18:02,540
>> Also das ist eine Art von hohem Niveau
Überblick über Übertragungsprotokoll.

325
00:18:02,540 --> 00:18:05,170
Ich sehe nicht viel mehr in die Tiefe.

326
00:18:05,170 --> 00:18:07,320
Es ist irgendwie cool stuff
Wenn Sie interessiert sind.

327
00:18:07,320 --> 00:18:08,590
Es gibt jede Menge Ressourcen.

328
00:18:08,590 --> 00:18:10,780
Wikipedia ist eigentlich
eine ziemlich gute Seite.

329
00:18:10,780 --> 00:18:13,850
So war ich es bei der Suche
vor nur eine kleine Weile,

330
00:18:13,850 --> 00:18:16,580
also ich würde empfehlen
es bei der Suche, wenn Sie interessiert sind

331
00:18:16,580 --> 00:18:22,160
oder nehmen Sie 143 in zwei Jahren, weil
Ich denke, es ist jedes zweite Jahr.

332
00:18:22,160 --> 00:18:27,590
>> So an dem Ende dieser, sind wir
reden über Web-Seiten und HTTP,

333
00:18:27,590 --> 00:18:33,790
das ist eigentlich unser nächstes Thema
heute, bevor wir in HTML und CSS gehen

334
00:18:33,790 --> 00:18:37,920
und man kann tatsächlich Code auf einer Webseite.

335
00:18:37,920 --> 00:18:38,650
Es wird Spaß machen.

336
00:18:38,650 --> 00:18:42,220
Wir werden Bilder haben
Hasen und es wird groß sein.

337
00:18:42,220 --> 00:18:48,630
>> So HTTP, wie Sie hier sehen können,
ist eine der reiz Akronyme

338
00:18:48,630 --> 00:18:53,220
für diese Woche, das ist
Hypertext Transfer Protocol.

339
00:18:53,220 --> 00:18:57,940
Also noch einmal, es ist nur
ein anderer Satz von Regeln,

340
00:18:57,940 --> 00:19:01,440
regelt Hypertext
übertragen, in diesem Fall.

341
00:19:01,440 --> 00:19:04,120
Also beste Art zu lernen
etwa ist dies nur irgendwie

342
00:19:04,120 --> 00:19:07,650
um es nach unten in die Pause
diese einzelnen Wörter

343
00:19:07,650 --> 00:19:10,770
denn es gibt eine Menge von
Wörter auf dem Bildschirm gibt.

344
00:19:10,770 --> 00:19:13,290
>> Also werden wir mit Hypertext starten.

345
00:19:13,290 --> 00:19:17,630
So "hyper", die Sie sich vorstellen können
"Oben", wie super-Typ Sache.

346
00:19:17,630 --> 00:19:24,615
So ist es wirklich nur um das aufgenommene Kurzzeichen
nächste Ebene, so dass es wie super Text,

347
00:19:24,615 --> 00:19:27,850
wie der nächste Text.

348
00:19:27,850 --> 00:19:34,890
So ist es im Grunde nur
Text, der uns

349
00:19:34,890 --> 00:19:37,490
mehr Informationen als
normaler Text tut, OK?

350
00:19:37,490 --> 00:19:40,510
>> So dass in diesem Fall ist, ist diese Hypertext.

351
00:19:40,510 --> 00:19:45,710
Dies sagt uns, dass wir
einige Link, die wir zu gehen,

352
00:19:45,710 --> 00:19:49,620
die cs50.net ist die
ist jetzt cs50.harvard.edu.

353
00:19:49,620 --> 00:19:51,420
Diese Fotos sind ein wenig alt.

354
00:19:51,420 --> 00:19:55,330
Und es wird angezeigt
wird, da es als ein Hyperlink,

355
00:19:55,330 --> 00:19:58,140
und dann eine wirklich coole Website.

356
00:19:58,140 --> 00:20:02,080
>> Es ist also Text, der ein wenig ist
etwas wirklich coole Sachen drin.

357
00:20:02,080 --> 00:20:08,170
So können Sie die Dinge zu verknüpfen und Sie können
Einfügen von Bildern und man kann die Dinge zu stylen.

358
00:20:08,170 --> 00:20:11,740
Und die bekannteste ist, dass Sie
Jungs haben wahrscheinlich mit Hypertext

359
00:20:11,740 --> 00:20:19,100
ist Hypertext Markup Language, HTML,
was natürlich alle im Web

360
00:20:19,100 --> 00:20:23,080
dass wir um uns herum sehen, gewährt
mit einigen CSS-Style geworfen.

361
00:20:23,080 --> 00:20:25,580
>> Wenn aber jemand war
wirklich groß mit MySpace,

362
00:20:25,580 --> 00:20:28,240
Ich bin sicher, Sie alle gebrauchten HTML
die ganze Zeit zu erstellen

363
00:20:28,240 --> 00:20:30,640
diese perfekte Profile, nicht wahr?

364
00:20:30,640 --> 00:20:34,930
Ich fühle mich wie das könnte eine sein
veraltete Referenz jetzt, aber was auch immer.

365
00:20:34,930 --> 00:20:37,780
Nur little-- euch
sind nicht so viel jünger.

366
00:20:37,780 --> 00:20:40,480
Einige von euch sind älter als ich.

367
00:20:40,480 --> 00:20:42,480
MySpace noch ein
Sache, als ich jung war.

368
00:20:42,480 --> 00:20:44,510
Ich bin nicht so alt.

369
00:20:44,510 --> 00:20:49,265
>> Anyways, HTML nur eine Form von Hypertext.

370
00:20:49,265 --> 00:20:55,640
So Hypertext ist nur
Text mit zusätzlichen Features.

371
00:20:55,640 --> 00:21:01,790
So Übertragungsprotokoll ist wahrscheinlich
desto mehr zweifelhaft, was zu erklären.

372
00:21:01,790 --> 00:21:04,870
Offensichtlich transfer--
nur die Übertragung von Daten.

373
00:21:04,870 --> 00:21:09,370
Also entweder zwischen dem Kunden, wie
Ihre Web-Bruder und ein Server.

374
00:21:09,370 --> 00:21:12,090
Also im Grunde nur die
wie das Internet funktioniert.

375
00:21:12,090 --> 00:21:16,339
>> Also das genaue Antrag der
wie diese funktionieren, sind wir

376
00:21:16,339 --> 00:21:18,755
eigentlich los, um auf eine Blick
Beispiel Anfrage und Antwort.

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

378
00:21:21,730 --> 00:21:25,220
Aber wie wir verlangen,
Informationen von einem Server

379
00:21:25,220 --> 00:21:30,590
und wie der Server reagiert auf uns
was das Übertragungsprotokoll regelt.

380
00:21:30,590 --> 00:21:35,320
Also die Anfrage und die Antwort haben
auf diese spezifischen Satz von Regeln zu folgen.

381
00:21:35,320 --> 00:21:38,340
Es ist standardisiert, so dass egal
wo man über das Internet buchen,

382
00:21:38,340 --> 00:21:40,720
es funktioniert immer gleich, OK?

383
00:21:40,720 --> 00:21:43,220
>> Wieder, Protokoll, eine Reihe von Regeln.

384
00:21:43,220 --> 00:21:45,620
Es ist nur eine normale
Wechselwirkung in der gleichen Weise

385
00:21:45,620 --> 00:21:49,500
dass Professor Malan spricht über
wenn jemand sich die Hand,

386
00:21:49,500 --> 00:21:52,880
Sie wissen, dass es allgemeine Höflichkeit zu
erreichen Sie Ihr heraus und schütteln ihre Hand.

387
00:21:52,880 --> 00:21:54,580
Das ist ein Protokoll, nicht wahr?

388
00:21:54,580 --> 00:21:59,060
>> Also ich einige standardisierte Anfrage geben,
was ich will, um Ihre Hand zu schütteln,

389
00:21:59,060 --> 00:22:01,975
und Ihnen einige standardisierte geben
Antwort, die entweder kein Dank ist

390
00:22:01,975 --> 00:22:04,600
oder Sie versuchen und schütteln konnte meine
Hand oder vielleicht haben Sie werde versuchen bist

391
00:22:04,600 --> 00:22:06,490
und Faust stoßen mich.

392
00:22:06,490 --> 00:22:08,320
Und wir haben nicht ein Protokoll für das.

393
00:22:08,320 --> 00:22:09,360
Es bricht.

394
00:22:09,360 --> 00:22:12,030
Aber wenn jeder folgt der
elbe Protokoll natürlich

395
00:22:12,030 --> 00:22:14,250
es geht viel mehr nahtlos.

396
00:22:14,250 --> 00:22:15,590
Menschen lernen einander kennen.

397
00:22:15,590 --> 00:22:16,830
Jeder ist glücklich.

398
00:22:16,830 --> 00:22:20,750
>> So in der Welt des Web,
jeder folgt dem gleichen rules--

399
00:22:20,750 --> 00:22:22,940
etwas besser als Sozialstandards.

400
00:22:22,940 --> 00:22:26,950
Aber damit werden wir schauen
ein Beispiel Anfrage hier.

401
00:22:26,950 --> 00:22:30,020
Also gibt es diese kleine
Schlüssel hier unten

402
00:22:30,020 --> 00:22:34,990
dass sagt Ihnen, die verschiedenen Farben,
was sie sollen bist bedeuten.

403
00:22:34,990 --> 00:22:38,290
>> So weiß ist wie Ihre Methode
Anfrage und Protokoll version--

404
00:22:38,290 --> 00:22:42,400
so Methode Wunsch Version.

405
00:22:42,400 --> 00:22:44,630
Und dann dieses Teil
Feldname und der Wert

406
00:22:44,630 --> 00:22:47,630
dieses Feldes, die wir
gehen in sehr, sehr kurz.

407
00:22:47,630 --> 00:22:49,840
So ist dies ein Beispiel Anfrage.

408
00:22:49,840 --> 00:22:54,470
Dies ist, wie ich herausragt,
wollen, mich vorzustellen.

409
00:22:54,470 --> 00:22:58,507
>> Dies ist, was der Kunde
oder was Sie Ihren Webbrowser

410
00:22:58,507 --> 00:22:59,840
schicken würde, um Ihren Server.

411
00:22:59,840 --> 00:23:04,500
Also das ist eine GET-Anforderung, so ist es
Bitte um etwas vom Server.

412
00:23:04,500 --> 00:23:09,690
Und es ist selbstverständlich, HTTP
und es ist die Version 1.1.

413
00:23:09,690 --> 00:23:16,060
>> Also der Rest dieses hier ist das, was wir nennen
der Header, der extra Informationen

414
00:23:16,060 --> 00:23:20,050
das gibt uns eine bessere Vorstellung von
was wir eigentlich fordern,

415
00:23:20,050 --> 00:23:23,190
oder Informationen, die wir geben wollen
der Server, der einschlägig sein könnte.

416
00:23:23,190 --> 00:23:32,880
So gibt User-Agent etwas mehr
Beschreibung on-- zum Beispiel hier,

417
00:23:32,880 --> 00:23:38,720
curl / 7.24.0 ist eigentlich los zu sagen,
der Server, die wir mit Hilfe von Google

418
00:23:38,720 --> 00:23:40,700
Chrome als unsere Browser.

419
00:23:40,700 --> 00:23:43,290
Also, wenn Sie jemals hören
über Menschen, die sprechen

420
00:23:43,290 --> 00:23:48,160
darum, eine App reagiert
zu mehreren Browsern,

421
00:23:48,160 --> 00:23:50,330
das ist etwas, dass sie
wenn Sie da verwenden würden

422
00:23:50,330 --> 00:23:53,000
weiß nicht, welche Browser
die Anforderung kommt,

423
00:23:53,000 --> 00:23:55,050
können Sie die Daten nicht anpassen zu.

424
00:23:55,050 --> 00:23:57,690
So dass in diesem Fall Benutzer
wird nur geben, diese Art

425
00:23:57,690 --> 00:24:01,030
der identifizierenden Informationen
über welchen Browser

426
00:24:01,030 --> 00:24:06,510
Ihre Benutzer derzeit mit, OK?

427
00:24:06,510 --> 00:24:11,640
>> Also dann haben wir auch Gastgeber, das ist
wohin wir eigentlich wollen, um zu gehen.

428
00:24:11,640 --> 00:24:15,280
In diesem Fall, um zu gehen wollen wir
apple.com, kaufen ein paar coole neue iPads

429
00:24:15,280 --> 00:24:19,540
oder etwas, vielleicht niedlich
Lichter in unserem Schlafzimmer.

430
00:24:19,540 --> 00:24:24,900
Und Namen Wert am Ende ist nur
einen Füllstoff, nur eine allgemeine Sache

431
00:24:24,900 --> 00:24:25,760
für euch zu sehen.

432
00:24:25,760 --> 00:24:28,240
Es tut nicht wirklich
entsprechen hier nichts.

433
00:24:28,240 --> 00:24:32,360
>> So können Sie so viel oder so machen können
wenig, wie Sie in jedem Fall wollen.

434
00:24:32,360 --> 00:24:36,990
Die meiste Zeit, sind optional.

435
00:24:36,990 --> 00:24:41,780
Es kommt nur darauf an, was
Sie aus dem Browser benötigen,

436
00:24:41,780 --> 00:24:45,120
von Ihrem Benutzer um
richtig geben die Anforderung.

437
00:24:45,120 --> 00:24:48,970
Oder es ab, was Ihre Benutzer abhängig
eigentlich will an den Server aufgeben.

438
00:24:48,970 --> 00:24:54,550
So haben Sie viele, viele können
dieser Kopffeldnamen

439
00:24:54,550 --> 00:24:57,140
oder Sie könnte nur noch ein paar.

440
00:24:57,140 --> 00:24:59,630
Wie bei so vielen Dingen
Ich habe in diesem Abschnitt genannten,

441
00:24:59,630 --> 00:25:03,590
es hängt wirklich von Kontext
davon, wie Sie mit diesem sind.

442
00:25:03,590 --> 00:25:06,810
>> Tut so, das macht Sinn für alle?

443
00:25:06,810 --> 00:25:11,463
Dies ist nur ein Beispiel für
eine Anforderung, Überschriften, was nicht alles.

444
00:25:11,463 --> 00:25:16,910
OK, also mit dem haben wir eine Reaktion.

445
00:25:16,910 --> 00:25:20,510
>> Auch hier haben wir unseren Status Code, Protokoll
Version, und dann Feldname und Feld

446
00:25:20,510 --> 00:25:21,700
schätzen wie immer.

447
00:25:21,700 --> 00:25:25,500
Also unsere Protokollversion
und unsere Statuscode 200.

448
00:25:25,500 --> 00:25:28,610
OK, was bedeutet, dass,
ja, ging alles gut.

449
00:25:28,610 --> 00:25:30,230
Hier ist, was Sie wollen.

450
00:25:30,230 --> 00:25:33,750
>> Der Server-Typ, der Inhalt
Typ-- es uns sagt, OK, du bist

451
00:25:33,750 --> 00:25:37,210
gehen, um einen Text HTML zu bekommen.

452
00:25:37,210 --> 00:25:40,520
Hier ist die Länge der es und hier ist
was sollte man mit der Verbindung zu tun.

453
00:25:40,520 --> 00:25:43,004
OK, also wieder, je
auf den Daten, die Sie sind

454
00:25:43,004 --> 00:25:45,670
verlangt, je nachdem, was der
Server zu euch zurückkehren will,

455
00:25:45,670 --> 00:25:49,440
Sie können mehrere dieser Bereich haben
Namen, haben Sie vielleicht weniger.

456
00:25:49,440 --> 00:25:53,950
Völlig kontextabhängig.

457
00:25:53,950 --> 00:25:56,650
>> Und soweit diese Status
Code hier natürlich

458
00:25:56,650 --> 00:25:59,590
200 ist nicht der einzige
Sie könnte, nicht wahr?

459
00:25:59,590 --> 00:26:01,580
Wir haben viele Statuscodes.

460
00:26:01,580 --> 00:26:06,120
Erinnert sich noch jemand einen der
andere, die wir in der Vorlesung erwähnt?

461
00:26:06,120 --> 00:26:08,310
Viele von ihnen beginnen mit 4.

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

463
00:26:09,680 --> 00:26:11,310
>> ALLISON BUCHHOLTZ-AU: 404, was ist?

464
00:26:11,310 --> 00:26:12,140
>> PUBLIKUM: Datei nicht gefunden?

465
00:26:12,140 --> 00:26:13,250
>> ALLISON BUCHHOLTZ-AU: Datei nicht gefunden.

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

467
00:26:14,120 --> 00:26:15,587
Also, was über 403?

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

469
00:26:16,420 --> 00:26:17,120
ALLISON BUCHHOLTZ-AU: Verbotene.

470
00:26:17,120 --> 00:26:18,695
Also, was denkst du,
das bedeutet, dass mit chmods?

471
00:26:18,695 --> 00:26:20,890
>> PUBLIKUM: Es bedeutet, dass Sie
Ihnen fehlt die Berechtigung, es zu lesen.

472
00:26:20,890 --> 00:26:22,400
>> ALLISON BUCHHOLTZ-AU: Genau.

473
00:26:22,400 --> 00:26:25,190
In gewisser Weise müssen Sie nicht
Erlaubnis für den Zugriff, nicht wahr?

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

475
00:26:27,242 --> 00:26:28,950
Es ist ein wirklich lustiges
Eines, das wir immer

476
00:26:28,950 --> 00:26:31,116
jedes Jahr vorstellen, dass
Ich sollte hier untergebracht haben,

477
00:26:31,116 --> 00:26:33,370
wie 413, das ist, ich bin eine Teekanne.

478
00:26:33,370 --> 00:26:34,390
Sie können diese Google.

479
00:26:34,390 --> 00:26:38,490
Es ist lustig, wie, das ist der Code
413 und es ist mir eine Teekanne.

480
00:26:38,490 --> 00:26:41,240
Welche, weiß ich nicht, warum Sie
jemals brauchen, dass über das Internet,

481
00:26:41,240 --> 00:26:42,935
aber ich schweife ab.

482
00:26:42,935 --> 00:26:44,310
PUBLIKUM: Vielleicht sind Sie ein Teekanne.

483
00:26:44,310 --> 00:26:46,476
ALLISON BUCHHOLTZ-AU: Vielleicht
der Server ist eine Teekanne.

484
00:26:46,476 --> 00:26:47,890
Wer weiß?

485
00:26:47,890 --> 00:26:51,840
Na gut, so dass wir im Begriff, sind
Übergang in Echt Codierung.

486
00:26:51,840 --> 00:26:54,750
Ich fühle mich wie ihr Jungs zu gehen
raus hier ziemlich schnell.

487
00:26:54,750 --> 00:26:56,940
>> PUBLIKUM: Warum funktioniert es
sagen: "Server: zweimal?

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

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

490
00:27:00,350 --> 00:27:03,750
Das ist eine gute Frage.

491
00:27:03,750 --> 00:27:04,630
Ich bin nicht sicher.

492
00:27:04,630 --> 00:27:07,520
Ich werde herausfinden und
Ich werde euch alle per E-Mail.

493
00:27:07,520 --> 00:27:11,410
>> OK, andere Fragen außer das?

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

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

496
00:27:14,390 --> 00:27:17,280
>> HTML und CSS, und jetzt sind wir
bekommen, um den ganzen Spaß Teile.

497
00:27:17,280 --> 00:27:21,697
Also wie ich schon erwähnt, HTML
ist wohl eines der Dinge

498
00:27:21,697 --> 00:27:23,030
ihr seid am besten vertraut.

499
00:27:23,030 --> 00:27:25,760
So haben wir Hypertext Markup Language.

500
00:27:25,760 --> 00:27:29,900
>> Der beste Weg zu lernen this-- ich nicht
irgendwelche vorbereitet Dias oder nichts

501
00:27:29,900 --> 00:27:31,480
für euch mit HTML.

502
00:27:31,480 --> 00:27:33,640
Es geht wirklich um das Erlernen der Syntax.

503
00:27:33,640 --> 00:27:38,380
Und wenn Sie in der MySpace waren
Tag, würden Sie dies nach unten.

504
00:27:38,380 --> 00:27:42,790
>> Also wirklich, ist das Größte, was
nur um zu üben und experimentieren.

505
00:27:42,790 --> 00:27:48,000
Einer der großen Ressourcen würde ich
empfehle mit ist W3Schools.

506
00:27:48,000 --> 00:27:50,620
Also nur W, 3, und dann Schulen.

507
00:27:50,620 --> 00:27:54,810
Sie haben eine Menge von
Ressourcen auf HTML, CSS,

508
00:27:54,810 --> 00:27:58,970
und sie haben tatsächlich eine
Split-Screen-Art der Sache

509
00:27:58,970 --> 00:28:00,830
wo sie sich Beispielcode geben.

510
00:28:00,830 --> 00:28:03,290
Sie können mit ihm hantieren,
ändern, und drücken Sie aktualisieren,

511
00:28:03,290 --> 00:28:06,410
und es wird Ihnen zeigen, was es
tatsächlich auf die Webseite.

512
00:28:06,410 --> 00:28:08,380
>> Also würde ich empfehlen, dass mit.

513
00:28:08,380 --> 00:28:11,300
Es ist ziemlich cool.

514
00:28:11,300 --> 00:28:14,560
Sie werden nicht seg Fehler bekommen
hier, wenn etwas schief geht.

515
00:28:14,560 --> 00:28:16,430
Wenn es Ihnen gelingt, bekommen
ein seg Fehler mit HTML,

516
00:28:16,430 --> 00:28:19,446
lass es mich wissen, denn ich bin
wird wirklich fasziniert sein.

517
00:28:19,446 --> 00:28:21,570
Aber es ist wirklich cool, weil
man kann die Dinge zu ändern,

518
00:28:21,570 --> 00:28:23,550
Sie sehen, sie live aktualisiert.

519
00:28:23,550 --> 00:28:26,210
Und ich glaube, du wirst eine viel bekommen
mehr intuitives Verständnis von HTML

520
00:28:26,210 --> 00:28:28,690
wenn Sie tatsächlich verbringen Sie einfach einige
Zeit experimentieren.

521
00:28:28,690 --> 00:28:32,590
Also das ist, warum ich sagte,
Praxis und Experiment.

522
00:28:32,590 --> 00:28:34,490
>> Google, von hier an
aus, wird wahrscheinlich

523
00:28:34,490 --> 00:28:36,440
einer Ihrer besten Ressourcen und Freunde.

524
00:28:36,440 --> 00:28:41,080
Oder Bing-- ich bei Microsoft arbeitet,
so vielleicht sollte ich sagen, Bing.

525
00:28:41,080 --> 00:28:45,590
Aber so ziemlich alles
ist gerade dabei, Syntax,

526
00:28:45,590 --> 00:28:51,300
so zu verstehen, was die Tags,
zumindest CSS-- understanding--

527
00:28:51,300 --> 00:28:53,360
wie man bestimmte Attribute zu ändern.

528
00:28:53,360 --> 00:28:55,300
Es wird super nützlich sein.

529
00:28:55,300 --> 00:28:58,852
>> Also auch wenn wir es nicht tun
irgendwelche vorbereitete Dinge,

530
00:28:58,852 --> 00:29:02,060
wir haben Art von einigen Best Practices
dass wir möchten euch zu versuchen und halten

531
00:29:02,060 --> 00:29:06,640
nach-- oder besser gesagt, sollten Sie
befolgen bis auf weiteres.

532
00:29:06,640 --> 00:29:09,722
So schließen Sie alle Ihre Tags.

533
00:29:09,722 --> 00:29:12,930
Hoffentlich jeder has-- weißt du was,
wenn dies nicht sinnvoll gerade jetzt,

534
00:29:12,930 --> 00:29:15,388
Ich verspreche, es wird sinnvoll
wenn wir Codierung die Seite.

535
00:29:15,388 --> 00:29:16,680
Aber schließen Sie alle Ihre Tags.

536
00:29:16,680 --> 00:29:20,410
Also, wenn Sie jemals haben einige
Header, der Bügel ist,

537
00:29:20,410 --> 00:29:24,180
H1, Konsole sicherstellen, dass
wenn Sie damit fertig sind,

538
00:29:24,180 --> 00:29:26,570
Sie diesen Header zu schließen.

539
00:29:26,570 --> 00:29:30,260
Bestätigen Sie Ihre Seite mit W3 Validator.

540
00:29:30,260 --> 00:29:34,689
Wenn Sie nicht Ihre Tags zu schließen,
Sie können ein unerwartetes Verhalten zu bekommen.

541
00:29:34,689 --> 00:29:37,730
Es werde sagen, dass Ihre Seite ist ungültig
falls er bei dieser Prüfung laufen.

542
00:29:37,730 --> 00:29:41,000
Also, wenn in doubt-- und vor allem
auf diese Woche und nächste Woche

543
00:29:41,000 --> 00:29:46,220
pset-- in der gleichen Weise, dass wir fragen,
Sie verwenden Check 50 und Stil 50,

544
00:29:46,220 --> 00:29:49,130
Sie davon könnten
als eine Ihrer Schecks, OK?

545
00:29:49,130 --> 00:29:51,950
>> Also, wenn es nicht passieren die W3 Validator.

546
00:29:51,950 --> 00:29:53,810
Das ist etwas, wir werden Sie andocken.

547
00:29:53,810 --> 00:29:55,960
Oder ich gerade sage Ihnen
Jetzt werde ich Ihnen andocken.

548
00:29:55,960 --> 00:29:58,202
So stellen Sie sicher, dass es überprüft.

549
00:29:58,202 --> 00:29:58,785
Es ist nicht schwer.

550
00:29:58,785 --> 00:30:01,530
Sie fügen nur im Code
und es wird entweder sagen gute Arbeit

551
00:30:01,530 --> 00:30:03,630
oder er verpasst hat
etwas in der gleichen Weise

552
00:30:03,630 --> 00:30:07,760
dass Stil 50 erfahren Sie,
wo Sie vermasselt bist.

553
00:30:07,760 --> 00:30:11,360
>> Und dann noch eine letzte Sache
ist das Sie trennen möchten

554
00:30:11,360 --> 00:30:15,980
Ihr Markup, die alle, dass HTML
oder Ihren Text und Ihre Styling.

555
00:30:15,980 --> 00:30:19,420
Also werden wir ein Beispiel zu tun
dieses Rechts nach diesem.

556
00:30:19,420 --> 00:30:21,830
Also HTML und CSS sollten getrennt sein.

557
00:30:21,830 --> 00:30:26,030
Und wir werden über reden
MVC, das Model-View-Controller ist,

558
00:30:26,030 --> 00:30:27,100
nächste Woche.

559
00:30:27,100 --> 00:30:29,360
You guys sollte wohl
lernen, dass in der Vorlesung

560
00:30:29,360 --> 00:30:32,130
morgen, wenn Sie hatte
bereits gelernt heute.

561
00:30:32,130 --> 00:30:34,250
>> Und es ist einfach irgendwie
ein Paradigma, das wir neigen

562
00:30:34,250 --> 00:30:37,460
bei der Erstellung von Web verwenden
Seiten, die Dinge trennen.

563
00:30:37,460 --> 00:30:41,440
Sie können es auf die gleiche Weise denken
dass wir dazu neigen, eigene Funktionen in C

564
00:30:41,440 --> 00:30:43,360
wo wir hash, Dinge zu finden.

565
00:30:43,360 --> 00:30:45,530
Es ist nur ein Weg, um
Ihr Leben leichter machen.

566
00:30:45,530 --> 00:30:51,790
Es scheidet sich Attribute oder Code,
Sie würden über verwenden und immer wieder,

567
00:30:51,790 --> 00:30:55,360
aber in dieser Weise ist es Art
der hält sie schön und ordentlich.

568
00:30:55,360 --> 00:30:58,260
Und wenn Sie ändern möchten
eine Sache, es einmal ändern Sie

569
00:30:58,260 --> 00:31:00,150
und es ist überall sonst verändert.

570
00:31:00,150 --> 00:31:05,010
So ist es mehr für Ihr
Leichtigkeit und Flexibilität.

571
00:31:05,010 --> 00:31:11,430
>> Also mit CSS, es ist sehr ähnlich
HTML, aber anstelle von Tags

572
00:31:11,430 --> 00:31:15,120
dass ich jetzt erwähnt nur, wir
verwenden, was heißt Selektoren.

573
00:31:15,120 --> 00:31:21,900
Und sie im Grunde nur eine Art
von Associate einen bestimmten Tag

574
00:31:21,900 --> 00:31:24,620
in HTML mit unterschiedlichen Attributen.

575
00:31:24,620 --> 00:31:29,060
Und wenn ich Attribute sagen, ich meine,
Dinge wie Schriftfarbe, Schriftart,

576
00:31:29,060 --> 00:31:32,694
die Farbe des Hintergrundes,
die Farbe des Textes.

577
00:31:32,694 --> 00:31:33,610
Diese Art von Sachen.

578
00:31:33,610 --> 00:31:36,270
Wie, wenn es zentriert,
wenn es nach rechts,

579
00:31:36,270 --> 00:31:39,430
wenn es alle inverted--
dieser coole Dinge.

580
00:31:39,430 --> 00:31:42,490
Etwaige stilistische Dinge
dass Sie, um Ihren Text zu tun,

581
00:31:42,490 --> 00:31:45,070
das ist, was ich mit Attributen bedeuten.

582
00:31:45,070 --> 00:31:50,140
>> Und dann zwei Dinge zu wissen, ist, dass
selectors-- zwei Haupt factors--

583
00:31:50,140 --> 00:31:53,090
sind ID, die einzigartig ist.

584
00:31:53,090 --> 00:31:54,859
Sie können nur, dass für eine Sache.

585
00:31:54,859 --> 00:31:56,400
Ansonsten, es wird dich anschreien.

586
00:31:56,400 --> 00:31:59,970
Und wenn wir es definieren
in einer CSS-Datei, wird es

587
00:31:59,970 --> 00:32:03,182
sein Hash-ID und dann
welche Attribute wir wollen.

588
00:32:03,182 --> 00:32:05,140
Ich verspreche wir zu gehen
gehen Sie durch ein Beispiel.

589
00:32:05,140 --> 00:32:06,830
Es werden viel mehr Sinn machen.

590
00:32:06,830 --> 00:32:08,830
>> Klasse kann mehrere Blöcke beziehen.

591
00:32:08,830 --> 00:32:13,400
So können Sie Ihre
ersten und dritten Absatz

592
00:32:13,400 --> 00:32:17,240
die gleiche Art von Attributen, wenn
Sie assoziieren mit der gleichen Klasse.

593
00:32:17,240 --> 00:32:21,050
Und wenn wir sie definieren
in CSS, machen wir eine Punktklasse,

594
00:32:21,050 --> 00:32:25,710
mit Klasse als unabhängig
Sie wollen, dass es benannt werden.

595
00:32:25,710 --> 00:32:28,559
>> Also ich weiß, das ist richtig
jetzt sehr abstrakt.

596
00:32:28,559 --> 00:32:29,850
Das ist, warum wir den Code gehen.

597
00:32:29,850 --> 00:32:32,060
Ich weiß, euch liebe
das, und Sie alle sind

598
00:32:32,060 --> 00:32:34,210
würde mich da helfen
dies ist Ihre Web-Seite.

599
00:32:34,210 --> 00:32:36,310
Das ist Web-Seite in der Rubrik, Jungs.

600
00:32:36,310 --> 00:32:40,158
So gibt es irgendwelche Fragen, bevor ich
schalten Sie die Powerpoint, oder irgendetwas

601
00:32:40,158 --> 00:32:42,366
Sie mich zurück blättern möchten
um, bevor wir mit dem Programmieren beginnen?

602
00:32:42,366 --> 00:32:45,074
>> PUBLIKUM: Wenn Sie Spiel Tags sagen,
meinst du Selektoren oder Tags?

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

604
00:32:50,427 --> 00:32:53,010
ALLISON BUCHHOLTZ-AU: Sie können
denken an sie als die gleiche Sache.

605
00:32:53,010 --> 00:32:54,590
Es ist nur verschiedene Wörter.

606
00:32:54,590 --> 00:32:56,460
Ich meine, wie Selektoren.

607
00:32:56,460 --> 00:32:59,470
Aber Selektoren Karte auch Tags.

608
00:32:59,470 --> 00:33:02,800
So können Sie sich von ihnen als denken können
effektiv die gleiche Sache.

609
00:33:02,800 --> 00:33:05,900
Ich verspreche, es wird machen
mehr Sinn, wenn wir codieren.

610
00:33:05,900 --> 00:33:08,400
Alles, was von der
Powerpoint oder Fragen

611
00:33:08,400 --> 00:33:12,980
gerade jetzt, bevor wir tatsächlich
erstellen Seite der Rubrik?

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

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

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

615
00:33:19,820 --> 00:33:24,760
>> Also ich habe ein gestartet.

616
00:33:24,760 --> 00:33:27,030
Lassen Sie mich die Schrift für euch zu erhöhen.

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

618
00:33:29,810 --> 00:33:36,730
OK, also gerade jetzt, wir haben nur ein
Bare Bones Webseite hier richtig.

619
00:33:36,730 --> 00:33:38,360
>> Wir haben einige HTML.

620
00:33:38,360 --> 00:33:41,050
Wir haben einige Header, die wir
siehe hier als Beispiel Web-Seite.

621
00:33:41,050 --> 00:33:44,540
Einige Titel, einige Schriftart.

622
00:33:44,540 --> 00:33:47,580
Dies sind Tags, OK?

623
00:33:47,580 --> 00:33:53,930
Also, wenn ich meine schließen Sie Ihre Tags, wir sehen
hier Diese Halterung Kopf ist Ihre Öffnung

624
00:33:53,930 --> 00:33:59,670
Tag, und dies Halterung
/ Kopf endet es, OK?

625
00:33:59,670 --> 00:34:04,380
>> Also Sie davon könnte als
Ihre Zahnspange in Ihrem, wenn die Bedingungen

626
00:34:04,380 --> 00:34:05,420
oder Ihre for-Schleifen.

627
00:34:05,420 --> 00:34:08,630
Wenn Sie eine am Anfang haben,
Sie wollen eine am Ende.

628
00:34:08,630 --> 00:34:13,500
Es wird noch die meiste Zeit arbeiten
wenn Sie nicht über einen geschlossenen Tag,

629
00:34:13,500 --> 00:34:17,659
aber am besten Praxis schließen Sie Ihre Tags.

630
00:34:17,659 --> 00:34:20,940
>> Also in diesem Fall, lassen Sie uns dies ändern.

631
00:34:20,940 --> 00:34:24,150
Wir werden in Abschnitt sieben haben.

632
00:34:24,150 --> 00:34:25,270
"Section Webpage."

633
00:34:25,270 --> 00:34:26,969
Also ich werde einfach, dies zu ändern.

634
00:34:26,969 --> 00:34:32,100
>> Und wenn wir über gehen Sie hier und wir
reload-- Gotta speichern und reload--

635
00:34:32,100 --> 00:34:36,750
Wir bemerken, dass sich hier ein
es verändert, oder?

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

637
00:34:38,250 --> 00:34:39,380
Also das ändert den Titel.

638
00:34:39,380 --> 00:34:41,920
Dies ist unabhängig von den auf Ihrem Registerkarte.

639
00:34:41,920 --> 00:34:43,870
>> So ist diese Art der
Suche irgendwie langweilig.

640
00:34:43,870 --> 00:34:44,870
Ich weiß nicht, über Jungs.

641
00:34:44,870 --> 00:34:46,810
Ich denke, wir wollen etwas anderes hier.

642
00:34:46,810 --> 00:34:51,900
>> Also, was wir tun können, ist die
Header ist einfach da.

643
00:34:51,900 --> 00:34:54,320
Lass uns eine Art von Körper.

644
00:34:54,320 --> 00:34:56,550
So haben wir hier einige Körper.

645
00:34:56,550 --> 00:35:01,360
Ich habe immer offen tun und
schließe meine Tags zu starten,

646
00:35:01,360 --> 00:35:04,850
in der gleichen Weise, dass ich Hosenträger.

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

648
00:35:06,326 --> 00:35:09,010
Warten Sie, was?

649
00:35:09,010 --> 00:35:10,949
>> PUBLIKUM: [unverständlich].

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

651
00:35:11,990 --> 00:35:13,895
Ihr Jungs haben mich.

652
00:35:13,895 --> 00:35:14,930
Gut gemacht.

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

654
00:35:16,270 --> 00:35:20,300
>> OK, so haben wir hier einige Körper.

655
00:35:20,300 --> 00:35:22,920
Und nun lassen Sie uns damit beginnen, etwas Text.

656
00:35:22,920 --> 00:35:26,110
So haben Sie ein paar verschiedene
Optionen zum Hinzufügen von Text.

657
00:35:26,110 --> 00:35:29,380
Wir haben Dinge wie Überschriften.

658
00:35:29,380 --> 00:35:32,144
Wir müssen nur normalen Text.

659
00:35:32,144 --> 00:35:33,560
Also lasst uns einfach mit einem Kopfball zu starten.

660
00:35:33,560 --> 00:35:36,670
Eigentlich, wenn Sie nie wieder ausziehen wollen
um die W3 Schule HTML nach oben ziehen,

661
00:35:36,670 --> 00:35:38,860
Sie können Art umschauen
und wenn es etwas gibt,

662
00:35:38,860 --> 00:35:42,470
besonders, dass Sie ausprobieren möchten
mit dieser Web-Seite können wir das tun.

663
00:35:42,470 --> 00:35:46,250
Also in diesem Fall, lassen Sie uns einfach eine h1 tun.

664
00:35:46,250 --> 00:35:48,710
So h1 ist wie der höchste Header.

665
00:35:48,710 --> 00:35:52,260
Es wird Ihnen etwas zu geben
dass ist sehr groß und fett.

666
00:35:52,260 --> 00:35:58,010
>> Und in diesem Fall, was wollen wir
zum ersten Text auf unserer Webseite?

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

668
00:35:58,640 --> 00:35:59,800
Euch gehen, dies zu schaffen.

669
00:35:59,800 --> 00:36:00,758
Ich werde einfach zu tippen.

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

671
00:36:01,620 --> 00:36:02,870
>> ALLISON BUCHHOLTZ-AU: Willkommen.

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

673
00:36:06,660 --> 00:36:12,620
OK, also, wenn wir sie zu retten, und wir neu zu laden,
wir haben eine große große willkommen.

674
00:36:12,620 --> 00:36:17,365
Also nur so können Sie die sehen
Unterschiede, lassen Sie uns etwas zu tun auf H6.

675
00:36:17,365 --> 00:36:18,490
Was wollen wir hier?

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

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

678
00:36:27,440 --> 00:36:30,356
>> OK, also nur so können Sie
den Unterschied sehen.

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

680
00:36:31,990 --> 00:36:34,680
Also, wenn Sie feststellen, h1, sehr, sehr groß.

681
00:36:34,680 --> 00:36:39,030
h6, wie fett, aber viel kleiner,
und Sie haben alles, was dazwischen liegt.

682
00:36:39,030 --> 00:36:41,550
Also könnte man h2, h3, h4 haben.

683
00:36:41,550 --> 00:36:43,750
Und das sind nur Überschriften,
Also, wenn Sie versuchen,

684
00:36:43,750 --> 00:36:46,010
, um eine Webseite zu erstellen, die
weist verschiedene Abschnitte,

685
00:36:46,010 --> 00:36:48,810
vielleicht haben Sie verwenden möchten
Header dort irgendwo.

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

687
00:36:49,580 --> 00:36:53,270
Also werden wir einige weitere hinzufügen
Dinge in unserem Körper.

688
00:36:53,270 --> 00:36:58,380
Ich sehe, dass es Art sein
von cool, wenn wir ein Bild haben.

689
00:36:58,380 --> 00:37:02,840
Ich fühle mich wie jeder vielleicht nutzen könnten
Ein niedliches Häschen Bild gerade jetzt,

690
00:37:02,840 --> 00:37:05,082
also werden wir zu finden
ein Hase Bild zuerst.

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

692
00:37:10,010 --> 00:37:12,960
>> Ich weiß nicht, ob euch irgendwelche
Präferenzen, an dem, was wir wollen.

693
00:37:12,960 --> 00:37:14,890
Haben Sie Wünsche?

694
00:37:14,890 --> 00:37:15,925
Dieser hier?

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
Daß man es ist.

698
00:37:18,760 --> 00:37:20,080
Eine gute Wahl.

699
00:37:20,080 --> 00:37:21,850
>> OK, so werden wir unser Bild anzuzeigen.

700
00:37:21,850 --> 00:37:22,920
Schau dir das an.

701
00:37:22,920 --> 00:37:24,250
Schauen Sie sich diese entzückende Sache.

702
00:37:24,250 --> 00:37:27,080
Wie konntest du traurig sein
an einem Montag mit diesem?

703
00:37:27,080 --> 00:37:30,180
>> Also sind wir gerade dabei
die Bild-URL kopieren.

704
00:37:30,180 --> 00:37:38,720
Und was wir wollen, ist, lass uns einfach
sagen, wir haben einige p für Absatz.

705
00:37:38,720 --> 00:37:41,140
Wir werden sagen, "Schau
sehen Sie die niedlichen Häschen.

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

707
00:37:44,130 --> 00:37:44,880
Ich liebe meine Hasen.

708
00:37:44,880 --> 00:37:45,838
Ich habe ein Hase zu Hause.

709
00:37:45,838 --> 00:37:48,085
Ich vermisse meine Häschen.

710
00:37:48,085 --> 00:37:50,460
Also, was wir werden do--
Ich weiß nicht, ob ihr wollt

711
00:37:50,460 --> 00:37:55,970
um this-- aber mit HTML google,
Wie könnte man ein Bild aufzunehmen?

712
00:37:55,970 --> 00:37:58,355
Wörtlich Wenn Sie Google
"Gehören Bild HTML"

713
00:37:58,355 --> 00:38:00,480
warum gehst du nicht Jungs sagen mir
was dieser Tag sein sollte?

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

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

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

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

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

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

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

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

722
00:38:12,090 --> 00:38:15,470
Siehe, MySpace Generation, oder?

723
00:38:15,470 --> 00:38:16,220
PUBLIKUM: 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
Es ist schon verrückt.

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

729
00:38:23,120 --> 00:38:25,600
>> So stellen Sie sicher, dass ich dieses Recht zu bekommen.

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

731
00:38:26,100 --> 00:38:27,750
So sollte diese hier sein.

732
00:38:27,750 --> 00:38:34,146
Und dann, wenn wir erneut zu laden, haben wir unsere
Häschen auf der Seite Ist das nicht entzückend?

733
00:38:34,146 --> 00:38:35,030
>> Das ist so niedlich.

734
00:38:35,030 --> 00:38:36,860
Sie wählte einen großen, großen Foto.

735
00:38:36,860 --> 00:38:38,180
Ich grabe es.

736
00:38:38,180 --> 00:38:41,350
>> OK, so haben wir jetzt dieses entzückende Häschen.

737
00:38:41,350 --> 00:38:44,590
Wir konnten ein Add
Bild, einfach so.

738
00:38:44,590 --> 00:38:47,550
Also im Grunde, wenn es irgendein Bild
Sie auf Ihre Webseite übernehmen wollen,

739
00:38:47,550 --> 00:38:49,430
Sie können es einfach so hinzufügen.

740
00:38:49,430 --> 00:38:52,910
Eine andere Sache wäre, wenn sein
Sie das Bild gespeichert haben

741
00:38:52,910 --> 00:38:55,670
in dem gleichen Ordner wie
Diese Datei können Sie nur

742
00:38:55,670 --> 00:38:59,595
schreiben, was den Namen dieses Bild
ist, anstatt einen Web-Link.

743
00:38:59,595 --> 00:39:01,010
>> Es wäre immer noch in Anführungszeichen gesetzt werden.

744
00:39:01,010 --> 00:39:03,700
Es wäre genauso wie sein
wenn wir this-- genannt hatte

745
00:39:03,700 --> 00:39:06,695
Wenn dieses Bild gerettet worden
im Ordner mit dieser HTML-Datei

746
00:39:06,695 --> 00:39:08,570
dass ich bearbeite und es
wurde bunny.jpg genannt.

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

748
00:39:11,289 --> 00:39:13,080
Wir könnten auch zu tun, dass
und es würde zeigen, bis.

749
00:39:13,080 --> 00:39:16,600
Allerdings habe ich nicht in diese gespeichert
die Datei, und ich will das Häschen halten,

750
00:39:16,600 --> 00:39:18,092
so werden wir den Link zu halten.

751
00:39:18,092 --> 00:39:20,720
>> PUBLIKUM: Was ist 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
Es ist ein appropriate--
suchen, können Sie es übernehmen.

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

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

756
00:39:27,690 --> 00:39:29,190
Ich möchte dieses bunny erlassen.

757
00:39:29,190 --> 00:39:31,180
Oh, Gott, es ist so süß.

758
00:39:31,180 --> 00:39:34,230
>> OK, also wir haben Überschriften hinzugefügt.

759
00:39:34,230 --> 00:39:35,500
Wir haben ein Bild aufgenommen.

760
00:39:35,500 --> 00:39:37,760
Offensichtlich wir Mehr
some text hier, nicht wahr?

761
00:39:37,760 --> 00:39:40,920
Wenn wir auf andere fügen wollte
Texte, würden wir so weitermachen.

762
00:39:40,920 --> 00:39:43,760
Also dies ist ein weiterer Absatz.

763
00:39:43,760 --> 00:39:49,070
>> Und wir sagen: "Dies ist ein weiterer Absatz."

764
00:39:49,070 --> 00:39:52,510
Außerdem bin ich ein schrecklicher geschrieben?
so kann ich die Dinge falsch schreiben.

765
00:39:52,510 --> 00:39:54,930
Nur zur Info.

766
00:39:54,930 --> 00:39:58,450
>> So haben wir ein weiteres
Absatz hier, nicht wahr?

767
00:39:58,450 --> 00:40:02,190
Also vielleicht haben Sie etwas tun wollen
ein wenig interessanter als nur

768
00:40:02,190 --> 00:40:04,640
haben alle Ihre Text, wie rechts ausgerichtet.

769
00:40:04,640 --> 00:40:08,490
Vielleicht möchten Sie Ihren Text zentrieren, OK?

770
00:40:08,490 --> 00:40:11,820
>> Also, wenn jemand zu denen nutzen will
handliche Computer vor Ihnen

771
00:40:11,820 --> 00:40:19,034
und sag mir, wie du bist
werde diesen Text zu zentrieren,

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

773
00:40:20,300 --> 00:40:24,834
>> ALLISON BUCHHOLTZ-AU: So
p align gleich "Zentrum".

774
00:40:24,834 --> 00:40:25,750
Er tötete sie, Jungs.

775
00:40:25,750 --> 00:40:28,240
Y'all müssen intensivieren.

776
00:40:28,240 --> 00:40:36,042
Und wir haben "Dieser Text ist zentriert."

777
00:40:36,042 --> 00:40:37,500
Und jetzt haben wir etwas zentriert.

778
00:40:37,500 --> 00:40:39,380
>> In der gleichen Weise, wenn man
wollen, dass es links ausgerichtet,

779
00:40:39,380 --> 00:40:42,020
Sie align equals tun könnte
links, gleich align rechts.

780
00:40:42,020 --> 00:40:42,850
Völlig bis zu Ihnen.

781
00:40:42,850 --> 00:40:55,580
Wenn ich hier tat, dann ist dieses
should-- jetzt ist es richtig ausgerichtet sind.

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

783
00:40:57,020 --> 00:41:00,884
Image Source, ist warum nicht
es nahe des img Quelle?

784
00:41:00,884 --> 00:41:02,050
ALLISON BUCHHOLTZ-AU: Sorry.

785
00:41:02,050 --> 00:41:05,300
Dieser sollte
es Jetzt bist du gut.

786
00:41:05,300 --> 00:41:06,026
Jetzt sind wir gut.

787
00:41:06,026 --> 00:41:08,150
PUBLIKUM: Haben Sie nicht
um es dort zu schließen, oder nicht?

788
00:41:08,150 --> 00:41:11,450
ALLISON BUCHHOLTZ-AU: Nun, so img
Quelle, das ist eine just-- mit Bild,

789
00:41:11,450 --> 00:41:17,110
es ist nur als ein Element zu sehen, während
wenn Sie für den Rest von ihnen bemerken,

790
00:41:17,110 --> 00:41:22,106
wir haben einige Tag dann Informationen, dass
es bezieht sich auf und dann eine schließende Tag.

791
00:41:22,106 --> 00:41:24,480
Aber mit Bild, das alles
einfach irgendwie in sich abgeschlossen.

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

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

794
00:41:29,040 --> 00:41:33,530
So euch wissen, wie man ein erstellen
Header, wie die Eingabe von Text weißt du,

795
00:41:33,530 --> 00:41:37,060
Sie wissen, wie Sie ein Bild gesetzt
Jetzt können Sie die Dinge auszurichten.

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

797
00:41:39,940 --> 00:41:42,590
>> Eine andere Sache, die Sie
Vielleicht möchten Sie tun können

798
00:41:42,590 --> 00:41:47,649
ist es, eine Liste zu erstellen CS-- wir sind
Art gehen in der nächsten Woche pset.

799
00:41:47,649 --> 00:41:49,440
Die Sachen, die wir
typischerweise in dieser Woche lehren

800
00:41:49,440 --> 00:41:51,480
geht wirklich gut mit
nächste Woche pset, also sind wir

801
00:41:51,480 --> 00:41:54,250
Art des Mischens, überlappende Dinge hier.

802
00:41:54,250 --> 00:41:56,290
Aber es wird nützlich für nächste Woche.

803
00:41:56,290 --> 00:42:02,500
>> Also, wenn wir einige schaffen wollte
Liste, wie könnten wir das tun?

804
00:42:02,500 --> 00:42:03,760
Sie können diese Zeit nicht beantworten.

805
00:42:03,760 --> 00:42:04,700
Jemand anderes muss.

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

807
00:42:07,290 --> 00:42:09,440
Es ist nicht schwer, Leute, versprechen.

808
00:42:09,440 --> 00:42:13,090
Google "ungeordnete Liste HTML."

809
00:42:13,090 --> 00:42:14,076
Was war das?

810
00:42:14,076 --> 00:42:16,244
>> PUBLIKUM: [unverständlich].

811
00:42:16,244 --> 00:42:17,410
ALLISON BUCHHOLTZ-AU: Richtig.

812
00:42:17,410 --> 00:42:20,490
So wissen wir geordnete oder ungeordnete suchen?

813
00:42:20,490 --> 00:42:21,500
Lass uns eine ungeordnete.

814
00:42:21,500 --> 00:42:25,240
Also haben wir etwas ul, die
steht für Ungeordnete Liste.

815
00:42:25,240 --> 00:42:27,997
Und was haben wir für jedes Element?

816
00:42:27,997 --> 00:42:29,080
Tut es einen eigenen Tag braucht?

817
00:42:29,080 --> 00:42:30,556
Können wir einfach mit dem Schreiben beginnen die Dinge?

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

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

820
00:42:32,826 --> 00:42:34,785
Also, was ist unsere Liste sein wird?

821
00:42:34,785 --> 00:42:37,050
Was wollen wir hier?

822
00:42:37,050 --> 00:42:38,190
Wir machen einfach Namen.

823
00:42:38,190 --> 00:42:39,250
Just do Jacob.

824
00:42:39,250 --> 00:42:40,340
>> PUBLIKUM: Kaninchen Lebensmittel.

825
00:42:40,340 --> 00:42:40,990
>> ALLISON BUCHHOLTZ-AU: Kaninchen Lebensmittel.

826
00:42:40,990 --> 00:42:41,910
OK Ich mag diese.

827
00:42:41,910 --> 00:42:42,520
Kaninchen Lebensmittel.

828
00:42:42,520 --> 00:42:44,440
>> OK, so haben wir Karotten.

829
00:42:44,440 --> 00:42:46,640
Ich mag dieses Kaninchen Thema.

830
00:42:46,640 --> 00:42:48,024
Ich grabe es sehr.

831
00:42:48,024 --> 00:42:50,440
PUBLIKUM: Eigentlich dachte ich,
dass Jakob wäre ein echt.

832
00:42:50,440 --> 00:42:51,606
ALLISON BUCHHOLTZ-AU: Jacob?

833
00:42:51,606 --> 00:42:53,120
Jacob ist Kaninchenfutter.

834
00:42:53,120 --> 00:42:55,310
Wenn Sie sah Jakobs
Foto von Bürozeiten,

835
00:42:55,310 --> 00:42:56,850
Sie vielleicht gedacht haben er bekam
durch eine Mörderkaninchen angegriffen.

836
00:42:56,850 --> 00:42:58,099
>> PUBLIKUM: Ich habe ein Kaninchen jetzt.

837
00:42:58,099 --> 00:42:59,710
Ich habe jetzt eine Mörderkaninchen.

838
00:42:59,710 --> 00:43:00,540
>> ALLISON BUCHHOLTZ-AU:
Soll Das ein Witz sein?

839
00:43:00,540 --> 00:43:02,081
>> PUBLIKUM: Ich werde es nächsten Abschnitt zu bringen.

840
00:43:02,081 --> 00:43:02,990
Ich habe es.

841
00:43:02,990 --> 00:43:04,240
>> ALLISON BUCHHOLTZ-AU:
Das ist lächerlich.

842
00:43:04,240 --> 00:43:04,730
Wie auch immer.

843
00:43:04,730 --> 00:43:05,510
>> PUBLIKUM: [unverständlich]

844
00:43:05,510 --> 00:43:07,510
>> PUBLIKUM: Ja, mein Proctor
hat ein Kaninchen auch.

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> ALLISON BUCHHOLTZ-AU: Ich möchte ein Kaninchen.

847
00:43:11,580 --> 00:43:15,415
OK, wer eine echte Kaninchen bringt
Der nächste Abschnitt, insgesamt Pluspunkte.

848
00:43:15,415 --> 00:43:16,290
PUBLIKUM: [unverständlich]

849
00:43:16,290 --> 00:43:16,943
PUBLIKUM: Oh, es ist nicht real.

850
00:43:16,943 --> 00:43:17,910
Es ist eine ausgestopften Hasen.

851
00:43:17,910 --> 00:43:18,855
>> ALLISON BUCHHOLTZ-AU: Oh
Ja, wir können diese zu schließen.

852
00:43:18,855 --> 00:43:20,174
Sieht rad.

853
00:43:20,174 --> 00:43:21,590
PUBLIKUM: Ist es eigentlich eine Rolle?

854
00:43:21,590 --> 00:43:23,465
ALLISON BUCHHOLTZ-AU: Es tut nicht.

855
00:43:23,465 --> 00:43:25,590
Bei den meisten dieser Dinge,
Sie müssen nicht den Tag zu schließen,

856
00:43:25,590 --> 00:43:28,750
99% der Zeit nichts Schlimmes passiert
passieren, aber es ist guter Stil, auch.

857
00:43:28,750 --> 00:43:30,250
Und Jakob.

858
00:43:30,250 --> 00:43:31,864
Und wir haben Salat.

859
00:43:31,864 --> 00:43:33,655
Gruppe: für Links,
es ist wirklich wichtig.

860
00:43:33,655 --> 00:43:34,696
ALLISON BUCHHOLTZ-AU: Hm?

861
00:43:34,696 --> 00:43:35,890
Gruppe: für Hyperlinks.

862
00:43:35,890 --> 00:43:37,431
ALLISON BUCHHOLTZ-AU: Für Hyperlinks.

863
00:43:37,431 --> 00:43:38,610
Ja, Hyperlinks brauchen.

864
00:43:38,610 --> 00:43:40,770
OK, also mal sehen, hier.

865
00:43:40,770 --> 00:43:44,810
Und wir haben das Ende unserer Liste.

866
00:43:44,810 --> 00:43:46,635
Und schauen wir uns das.

867
00:43:46,635 --> 00:43:49,680
Wir haben Jacob allen--, genau dort.

868
00:43:49,680 --> 00:43:52,310
Kaninchenfutter.

869
00:43:52,310 --> 00:43:54,000
Erinnert mich an Bunnicula.

870
00:43:54,000 --> 00:43:55,234
>> PUBLIKUM: [unverständlich]

871
00:43:55,234 --> 00:43:58,400
ALLISON BUCHHOLTZ-AU: Ich gehe zurück zu bringen
all das alte Schulverweise heute

872
00:43:58,400 --> 00:43:59,130
nicht wahr?

873
00:43:59,130 --> 00:44:01,210
Nur alle alten Schulverweise.

874
00:44:01,210 --> 00:44:05,767
Sollte wie gebracht haben
Gogurts oder etwas für Snacks.

875
00:44:05,767 --> 00:44:07,079
>> PUBLIKUM: Oder 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
Ich werde sehen, ob ich verfolgen können
unten Gushers für die nächste Woche.

879
00:44:10,920 --> 00:44:11,980
Ich glaube, ich kann das tun.

880
00:44:11,980 --> 00:44:13,980
Ich denke, wir haben könnten
einige im Büro.

881
00:44:13,980 --> 00:44:18,570
>> OK, also haben wir eine Menge verschiedener abgedeckt
Dinge, die Sie mit HTML machen kann, oder?

882
00:44:18,570 --> 00:44:23,910
Und wie Sie wahrscheinlich sehen können, ist es
nothing-- hoffentlich nicht allzu intim--

883
00:44:23,910 --> 00:44:25,750
wenn es ist, weiß ich nicht,
niemandem schmälern.

884
00:44:25,750 --> 00:44:29,090
Wenn Sie Probleme haben,
kommen Sie bitte mit mir reden.

885
00:44:29,090 --> 00:44:31,340
>> Aber die meisten ist es nur
Blick auf die Syntax, nicht wahr?

886
00:44:31,340 --> 00:44:34,180
Wenn Sie eine ungeordnete Liste möchten,
Wenn Sie irgendeine Art von Liste möchten,

887
00:44:34,180 --> 00:44:38,450
wenn man etwas ausrichten möchten oder
Format etwas, es ist alles über nur

888
00:44:38,450 --> 00:44:42,080
Art von oben schaut das
Syntax für HTML, oder?

889
00:44:42,080 --> 00:44:44,720
Und eine Sache, die ist
ziemlich cool eigentlich

890
00:44:44,720 --> 00:44:51,360
ist, wenn Sie gehen sehen zu-- lassen,
was ist eine schöne Website, die wir mögen?

891
00:44:51,360 --> 00:44:54,920
Wer irgendwelche Lieblings-Websites
das OK sich online zu bringen sind?

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
Weißt du was, lass uns einfach tun CS50.

894
00:44:58,840 --> 00:45:01,800
Das ist schön und sicher, nicht wahr?

895
00:45:01,800 --> 00:45:03,060
>> OK, so CS50 hier.

896
00:45:03,060 --> 00:45:05,540
Oh schau, da ist ein Abschnitt im Augenblick.

897
00:45:05,540 --> 00:45:07,113
Wenn Sie die Art und Weise gefällt es aussieht.

898
00:45:07,113 --> 00:45:08,030
>> PUBLIKUM: [unverständlich].

899
00:45:08,030 --> 00:45:10,696
ALLISON BUCHHOLTZ-AU: Wir sind nicht
werde Meta Abschnitt tun, Jungs.

900
00:45:10,696 --> 00:45:11,560
Es ist nicht passiert.

901
00:45:11,560 --> 00:45:14,540
Es wäre cool, aber
wir werden nicht, es zu tun.

902
00:45:14,540 --> 00:45:17,040
>> Also, was tun, du könntest
tun, wenn Sie die Art und Weise gefallen

903
00:45:17,040 --> 00:45:21,390
dies funktioniert, ist können Sie immer richtig
klicken Sie auf jeder Webseite, die Sie mögen

904
00:45:21,390 --> 00:45:23,660
und Sie tun können Seitenquelltext.

905
00:45:23,660 --> 00:45:26,030
Es öffnet sich die ganze HTML.

906
00:45:26,030 --> 00:45:30,800
Und das ist eigentlich eine wirklich gute
Weg, um Ihre eigene Webseite zu stylen.

907
00:45:30,800 --> 00:45:33,640
Gehen Sie zu einem Web-Seite, die Sie
wirklich mögen und sehen Sie die HTML

908
00:45:33,640 --> 00:45:35,430
und herauszufinden, wie sie es taten.

909
00:45:35,430 --> 00:45:39,280
>> Und wörtlich, solange
Sie zitieren die Dinge,

910
00:45:39,280 --> 00:45:41,940
solange Sie nur sind nicht
Diebstahl von Leuten, es ist OK.

911
00:45:41,940 --> 00:45:43,890
Speziell für CS50
[? finanzieren?], wir sind

912
00:45:43,890 --> 00:45:46,950
Art erwarten Sie zu bekommen
Inspiration aus anderen Website.

913
00:45:46,950 --> 00:45:48,070
So fühlen sich frei.

914
00:45:48,070 --> 00:45:51,360
Schauen Sie durch Websites, die
Sie denken, sind wirklich hübsch

915
00:45:51,360 --> 00:45:54,870
und herauszufinden, wie sie zu verwenden
HTML und CSS, um diese Dinge zu tun.

916
00:45:54,870 --> 00:45:59,860
>> So wie Sie hier sehen, gibt es offensichtlich
wie Links, und wir haben eine Klasse hier.

917
00:45:59,860 --> 00:46:00,950
Wir haben hier einen Link.

918
00:46:00,950 --> 00:46:03,100
Wir haben eine Liste.

919
00:46:03,100 --> 00:46:05,370
Wir haben wahrscheinlich einige
Bilder hier irgendwo.

920
00:46:05,370 --> 00:46:08,332
>> Wir haben ein paar coole Stil bekam hier.

921
00:46:08,332 --> 00:46:10,040
Das ist das nächste, was
wir tun werden.

922
00:46:10,040 --> 00:46:14,580
Also Stil, wenn Sie diese sehen
Stil Klammern, es ist im Grunde CSS.

923
00:46:14,580 --> 00:46:15,880
Ben, hast du eine Frage?

924
00:46:15,880 --> 00:46:16,880
>> PUBLIKUM: Was ist div?

925
00:46:16,880 --> 00:46:20,039
>> ALLISON BUCHHOLTZ-AU: div
ist nur a-- was div?

926
00:46:20,039 --> 00:46:20,830
PUBLIKUM: Division.

927
00:46:20,830 --> 00:46:22,121
ALLISON BUCHHOLTZ-AU: Division.

928
00:46:22,121 --> 00:46:25,960
Ja, es ist genau wie
Trennen verschiedener Elemente.

929
00:46:25,960 --> 00:46:28,650
OK, das ist so hier, was wir sind
werde in nächsten zu gehen.

930
00:46:28,650 --> 00:46:31,550
So kann dies nicht die beste sein
Stil, weil, wenn Sie bemerken,

931
00:46:31,550 --> 00:46:37,681
haben wir HTML und Stil in der gleichen Seite,
und wir eigentlich denjenigen trennen wollen,

932
00:46:37,681 --> 00:46:38,180
OK?

933
00:46:38,180 --> 00:46:41,620
Und eigentlich, lassen Sie mich
öffne meine rechte

934
00:46:41,620 --> 00:46:45,990
da dies sein soll
die PDF, so haben wir style.css.

935
00:46:45,990 --> 00:46:51,210
>> Also, was wir hier tun können, ist diese
sind coole Dinge wie ein Fade

936
00:46:51,210 --> 00:46:55,550
und wir könnten versuchen, und das tun, aber ich fühle
wie würde ich Durcheinander, das sich im laufenden Betrieb,

937
00:46:55,550 --> 00:46:58,520
so ermutige ich euch zu
gehen versuchen, dass auf eigene Faust,

938
00:46:58,520 --> 00:47:00,310
aber ich bin nicht dabei, es jetzt zu tun.

939
00:47:00,310 --> 00:47:03,790
Also, wenn ihr Jungs, denkt daran,
wenn Sie jemals Probleme Set treffen,

940
00:47:03,790 --> 00:47:05,584
etwas stürzt von der Seite.

941
00:47:05,584 --> 00:47:08,000
Es hat mit der Überblendung zu tun und
der Übergang und was nicht alles.

942
00:47:08,000 --> 00:47:09,630
>> PUBLIKUM: Und das ist alles CSS und HTML?

943
00:47:09,630 --> 00:47:11,460
>> ALLISON BUCHHOLTZ-AU: Alle CSS und HTML.

944
00:47:11,460 --> 00:47:12,420
Ja.

945
00:47:12,420 --> 00:47:17,720
So können Sie eine Menge wirklich tun können
coole Sachen mit CSS und HTML.

946
00:47:17,720 --> 00:47:22,280
Also mit unserem tollen
bunny Webseite hier, wir

947
00:47:22,280 --> 00:47:25,240
gehen, um ein wenig zu tun
bisschen CSS-Styling mit ihm.

948
00:47:25,240 --> 00:47:28,850
>> Also, wenn Sie jemals einen Stil haben
Blatt, das wir hier haben,

949
00:47:28,850 --> 00:47:30,550
Sie einfach anrufen style.css.

950
00:47:30,550 --> 00:47:32,090
Sie können es nennen, wie Sie wollen.

951
00:47:32,090 --> 00:47:37,110
Was wichtig ist, dass wir gehen,
um es in unserer web.html verweisen hier.

952
00:47:37,110 --> 00:47:41,670
>> Also, was wir tun werden, ist
wir-- so dass ich nicht mit Zohan dieses up--

953
00:47:41,670 --> 00:47:46,180
werden wir verlinken
Diese beiden Dateien zusammen.

954
00:47:46,180 --> 00:47:49,340
Also in der gleichen way-- Ich werde
eine Analogie hier, um C zu ziehen.

955
00:47:49,340 --> 00:47:53,510
In der gleichen Weise, wenn man
einige library-- und wir haben cs50.h--

956
00:47:53,510 --> 00:47:55,520
unsere Compiler verbindet sie.

957
00:47:55,520 --> 00:47:58,040
Dies ist nur eine explizite
Link von unserer Seite.

958
00:47:58,040 --> 00:48:01,840
Also in der gleichen Weise, die wir tun
Hash gehören einige Datei, was

959
00:48:01,840 --> 00:48:06,890
Ich bin zu schreiben, ist nur die
HTML / CSS Äquivalent davon.

960
00:48:06,890 --> 00:48:11,970
>> Wir sind einfach nur sagen, OK, diese Web-Seite
wird sich dieses Stylesheet verwenden, OK?

961
00:48:11,970 --> 00:48:23,360
So haben wir link rel gleich Sheet.

962
00:48:23,360 --> 00:48:30,870
Und dann haben wir Typ, css.

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
Und dann href entspricht.

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
Also all das tat hier ist, können Sie
denken Sie an dieses als die gleiche Sache

968
00:48:45,680 --> 00:48:47,550
als Hash gehören.

969
00:48:47,550 --> 00:48:53,450
Offensichtlich sieht es ein wenig mehr
kompliziert, aber in allen Fällen,

970
00:48:53,450 --> 00:48:55,370
es ist effektiv dasselbe.

971
00:48:55,370 --> 00:49:00,940
Das ist also nur einige Verknüpfung eines
Stylesheet, es ist vom Typ text / css,

972
00:49:00,940 --> 00:49:02,875
und der Name es style.css.

973
00:49:02,875 --> 00:49:05,560
>> Was ist wichtig zu wissen,
ist, dass der Web-Seite

974
00:49:05,560 --> 00:49:09,155
dass ich arbeite rechten now-- web.html
und style.css-- sind im gleichen Ordner.

975
00:49:09,155 --> 00:49:14,740
Da in verschiedenen Ordnern,
Sie brauchen, um die tatsächliche Wurzel geben

976
00:49:14,740 --> 00:49:17,480
oder um es der Weg dorthin.

977
00:49:17,480 --> 00:49:20,620
Aber in diesem Fall, wir halten es
super einfach und es wird hier zu sein.

978
00:49:20,620 --> 00:49:26,730
Also, wenn wir das tun, habe ich einige
die Dinge hier schon Schlange standen.

979
00:49:26,730 --> 00:49:31,680
>> So haben wir einige Körper, die gehen
in unseren Hintergrundfarbe, haben die

980
00:49:31,680 --> 00:49:33,320
jetzt ist hellblau.

981
00:49:33,320 --> 00:49:36,850
Wir können es ändern, wenn wir wollen, aber
wenn ich das richtig erinnere,

982
00:49:36,850 --> 00:49:39,270
es sollte nur ändern Sie es in hellblau.

983
00:49:39,270 --> 00:49:42,050
Und jetzt haben wir einen hellblauen Hintergrund.

984
00:49:42,050 --> 00:49:47,490
Und wir hatten hier-- kann jemand erinnern
welches ist Hash-ID oder Klasse?

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> PUBLIKUM: ID.

987
00:49:51,080 --> 00:49:51,800
>> ALLISON BUCHHOLTZ-AU: ID.

988
00:49:51,800 --> 00:49:52,420
Cool.

989
00:49:52,420 --> 00:49:58,920
Also, was wir tun wollen
ist, welche dieser Schriften

990
00:49:58,920 --> 00:50:01,534
oder which-- wollen wir "Schau
die niedlichen Häschen "purple zu sein?

991
00:50:01,534 --> 00:50:02,950
Ich denke, wir wollen, dass das lila sein.

992
00:50:02,950 --> 00:50:04,640
Ich bin mir ziemlich unten mit, dass sein lila.

993
00:50:04,640 --> 00:50:08,790
>> Also, was Sie tun, ist Sie tun
ID equals-- in diesem Fall

994
00:50:08,790 --> 00:50:13,630
Ich sagte, was, hübsche Farbe hier.

995
00:50:13,630 --> 00:50:14,780
Wir laden.

996
00:50:14,780 --> 00:50:17,460
Ganz plötzlich, es ist lila.

997
00:50:17,460 --> 00:50:20,680
OK, also mit ID, erinnern
es muss eindeutig sein,

998
00:50:20,680 --> 00:50:24,370
also sollte ich nie mit sein
diese ID anderswo.

999
00:50:24,370 --> 00:50:27,760
Aber mit Klasse, wie wir
hier mit einem hübschen Schriftart,

1000
00:50:27,760 --> 00:50:30,300
Ich sollte in der Lage zu handhaben sein
dass überall ich will.

1001
00:50:30,300 --> 00:50:33,160
>> Also lassen Sie uns dies tun hier.

1002
00:50:33,160 --> 00:50:41,100
So können wir sagen Klasse entspricht ziemlich Schriftart.

1003
00:50:41,100 --> 00:50:46,190
Und wenn wir jetzt schauen, haben wir
dieses coole hübsche Schrift hier.

1004
00:50:46,190 --> 00:50:49,160
Also vielleicht will ich beides tun.

1005
00:50:49,160 --> 00:50:52,786
OK, habe ich eigentlich nicht wissen, ob dies
zur Arbeit zu gehen, aber ich will es versuchen.

1006
00:50:52,786 --> 00:50:54,410
Und dies ist, wie Sie lernen, CSS und HTML.

1007
00:50:54,410 --> 00:50:55,660
Du bist wie, Sie wissen,
was, ich will versuchen, diese.

1008
00:50:55,660 --> 00:50:56,430
Ich bin mir nicht sicher, ob es funktionieren wird.

1009
00:50:56,430 --> 00:50:57,346
Mal sehen, ob es funktioniert.

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> Und sehen Sie, dass.

1012
00:51:01,540 --> 00:51:04,540
Jetzt ist es in lila und
es ist ein ziemlich Schriftart.

1013
00:51:04,540 --> 00:51:08,692
OK, so dass Sie alle diese haben
verschiedene Dinge, die Sie tun können.

1014
00:51:08,692 --> 00:51:09,650
Haben Sie eine Frage?

1015
00:51:09,650 --> 00:51:10,275
>> PUBLIKUM: Yeah.

1016
00:51:10,275 --> 00:51:13,280
Nun, genau wie die Farben
Sie verwenden sind Worte.

1017
00:51:13,280 --> 00:51:16,005
Gibt es eine Möglichkeit, um die Farben zu tun
mit dem Hexadezimal-RGB?

1018
00:51:16,005 --> 00:51:18,880
ALLISON BUCHHOLTZ-AU: Sie können auch
tun Sie es mit hexidecimal, glaube ich.

1019
00:51:18,880 --> 00:51:19,803
Ja.

1020
00:51:19,803 --> 00:51:22,136
Aber es ist ganz nett, wenn Sie
wollen Sie nicht, sie anzuschauen.

1021
00:51:22,136 --> 00:51:23,762
Sie können genau wie, violett oder blau sein.

1022
00:51:23,762 --> 00:51:25,720
PUBLIKUM: Hoffen wir, dass sie
wissen, was das bedeutet.

1023
00:51:25,720 --> 00:51:26,886
ALLISON BUCHHOLTZ-AU: Richtig.

1024
00:51:26,886 --> 00:51:29,580
Lassen Sie uns also diese Lese- oder Chartreuse.

1025
00:51:29,580 --> 00:51:32,060
Warum würden Sie jemals Chartreuse wählen?

1026
00:51:32,060 --> 00:51:33,340
Es ist eine interessante Farbe.

1027
00:51:33,340 --> 00:51:37,355
>> OK, so offensichtlich wir können wir sehen,
Dinge ändern können aber wir wollen.

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
Wenn Sie create-- wollte sagen wir
wir wollten eine andere Klasse erstellen.

1030
00:51:45,392 --> 00:51:46,850
Was könnte euch zu ändern?

1031
00:51:46,850 --> 00:51:51,840
Wenn Sie nach oben ziehen W3Schools '
CSS-Dokumentation,

1032
00:51:51,840 --> 00:51:54,450
Ich überlasse das Wort an euch.

1033
00:51:54,450 --> 00:51:57,990
Wir können versuchen und etwas kühl mit
dies in den letzten paar Minuten.

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
Weil ich Sie Art bei einer
Crash-Kurs auf eine Menge coole Sachen

1036
00:52:03,150 --> 00:52:03,970
dass Sie tun können.

1037
00:52:03,970 --> 00:52:09,956
Aber am Ende, wie gesagt, wenn Sie
nur experimentieren, werden Sie eine Menge lernen.

1038
00:52:09,956 --> 00:52:12,212
>> PUBLIKUM: Haben Sie nach oben schauen diese Schrift?

1039
00:52:12,212 --> 00:52:14,295
>> ALLISON BUCHHOLTZ-AU: Ja,
Ich sah, dass die Schriftart.

1040
00:52:14,295 --> 00:52:17,200
So wie wörtlich ich
ging zu-- was habe ich getan?

1041
00:52:17,200 --> 00:52:22,371
Ich habe CSS-Schriftenliste, und
dann habe ich font-Stack,

1042
00:52:22,371 --> 00:52:25,120
und dann war ich wie, schau, hier
sind alle coolen Schriftarten, die Sie tun können.

1043
00:52:25,120 --> 00:52:28,180
Und da war diese, so
Ich kopierte es zu meiner Zwischenablage.

1044
00:52:28,180 --> 00:52:31,820
Und dann war ich wie,
OK, cool, dort gehen wir.

1045
00:52:31,820 --> 00:52:32,320
Alles erledigt.

1046
00:52:32,320 --> 00:52:35,920
>> PUBLIKUM: So müssen Sie müssen sicherstellen,
dass CSS weiß, was das Schrift ist.

1047
00:52:35,920 --> 00:52:37,370
>> ALLISON BUCHHOLTZ-AU: Ja.

1048
00:52:37,370 --> 00:52:38,190
>> PUBLIKUM: Wie ist es am Ende sagen?

1049
00:52:38,190 --> 00:52:38,790
Cursive?

1050
00:52:38,790 --> 00:52:40,040
>> ALLISON BUCHHOLTZ-AU: Cursive.

1051
00:52:40,040 --> 00:52:40,950
Ja.

1052
00:52:40,950 --> 00:52:42,310
>> PUBLIKUM: Hintergrundbild.

1053
00:52:42,310 --> 00:52:43,290
>> ALLISON BUCHHOLTZ-AU: Hintergrundbild.

1054
00:52:43,290 --> 00:52:44,180
Ok.

1055
00:52:44,180 --> 00:52:46,490
So können Sie mir sagen, wie Sie dies tun möchten.

1056
00:52:46,490 --> 00:52:47,390
Ich überlasse es dir.

1057
00:52:47,390 --> 00:52:49,070
Ich bin nur die Eingabe bis jetzt hier.

1058
00:52:49,070 --> 00:52:51,714
Das Rad ist in Ihren Händen.

1059
00:52:51,714 --> 00:52:52,660
>> PUBLIKUM: OK

1060
00:52:52,660 --> 00:52:53,701
>> ALLISON BUCHHOLTZ-AU: OK.

1061
00:52:53,701 --> 00:52:54,720
Was mache ich?

1062
00:52:54,720 --> 00:53:02,929
>> PUBLIKUM: Doing-- Ich weiß, was
kommt nach der geschweiften Klammer.

1063
00:53:02,929 --> 00:53:03,970
ALLISON BUCHHOLTZ-AU: OK.

1064
00:53:03,970 --> 00:53:06,707
Also wahrscheinlich im Körper, ich
würde davon ausgehen, weil wir

1065
00:53:06,707 --> 00:53:08,040
denn mit dem Hintergrundbild.

1066
00:53:08,040 --> 00:53:08,940
>> PUBLIKUM: Ja, lass uns das tun.

1067
00:53:08,940 --> 00:53:09,981
>> ALLISON BUCHHOLTZ-AU: OK.

1068
00:53:09,981 --> 00:53:14,260
PUBLIKUM: OK, so Hintergrund
Doppelpunkt, und dann werden wir

1069
00:53:14,260 --> 00:53:16,894
brauchen eine URL-Adresse dieses Bild.

1070
00:53:16,894 --> 00:53:18,560
Vielleicht Pseudo-Code, dass für jetzt, vielleicht.

1071
00:53:18,560 --> 00:53:20,601
>> ALLISON BUCHHOLTZ-AU: Was
würden Sie mir zu--

1072
00:53:20,601 --> 00:53:22,574
PUBLIKUM: Ich bin wie ein GIF denken.

1073
00:53:22,574 --> 00:53:23,740
ALLISON BUCHHOLTZ-AU: Ein GIF?

1074
00:53:23,740 --> 00:53:26,070
Das wird interessant.

1075
00:53:26,070 --> 00:53:27,840
OK, was soll ich googeln hier?

1076
00:53:27,840 --> 00:53:29,670
>> PUBLIKUM: Nein, das ist Ihre Wahl.

1077
00:53:29,670 --> 00:53:32,090
>> ALLISON BUCHHOLTZ-AU: Warum
nicht wir-- wenn es ein Hase,

1078
00:53:32,090 --> 00:53:35,610
Ich fühle mich wie wir sollten eine haben
schöne Grasfläche oder so etwas.

1079
00:53:35,610 --> 00:53:38,275
>> PUBLIKUM: Wiese.

1080
00:53:38,275 --> 00:53:39,350
Eine Wiese.

1081
00:53:39,350 --> 00:53:40,641
>> ALLISON BUCHHOLTZ-AU: Eine Wiese?

1082
00:53:40,641 --> 00:53:41,851
Ok.

1083
00:53:41,851 --> 00:53:42,975
PUBLIKUM: Oder Rachel Maddow.

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
ALLISON BUCHHOLTZ-AU:
Dieser sieht ziemlich.

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
Oh, das ist winzig, aber.

1088
00:53:50,380 --> 00:53:51,700
Wir brauchen eine gute Bildgröße.

1089
00:53:51,700 --> 00:53:53,142
Mal sehen.

1090
00:53:53,142 --> 00:53:54,570
Oh, sieh mal.

1091
00:53:54,570 --> 00:53:55,630
Das ist eine ziemlich Wiese.

1092
00:53:55,630 --> 00:53:58,320
Weißt du was, Ich mag diese.

1093
00:53:58,320 --> 00:53:59,300
Lassen Sie kopieren diese.

1094
00:53:59,300 --> 00:54:08,020
>> PUBLIKUM: OK, so dass ich denke, es ist
die URL, offene Klammern.

1095
00:54:08,020 --> 00:54:09,590
>> ALLISON BUCHHOLTZ-AU: OK, URL.

1096
00:54:09,590 --> 00:54:11,500
>> PUBLIKUM: Dann wird die Adresse.

1097
00:54:11,500 --> 00:54:13,610
>> ALLISON BUCHHOLTZ-AU: OK.

1098
00:54:13,610 --> 00:54:14,750
Ist das alles, was wir brauchen?

1099
00:54:14,750 --> 00:54:20,550
>> PUBLIKUM: Klammer schließen Semikolon,
und dann Raum, Hintergrund Bindestrich

1100
00:54:20,550 --> 00:54:27,050
Befestigungsdoppelpunkt fixiert und geschweifte Klammer.

1101
00:54:27,050 --> 00:54:28,110
>> ALLISON BUCHHOLTZ-AU: OK.

1102
00:54:28,110 --> 00:54:29,114
Mal sehen, ob das funktioniert.

1103
00:54:29,114 --> 00:54:30,780
Es wird ziemlich cool, wenn es funktioniert.

1104
00:54:30,780 --> 00:54:33,880
Ich bin wirklich aufgeregt, hier richtig.

1105
00:54:33,880 --> 00:54:35,070
Es hat nicht funktioniert.

1106
00:54:35,070 --> 00:54:35,700
Ich frage mich, warum.

1107
00:54:35,700 --> 00:54:37,700
PUBLIKUM: Vielleicht ist die URL
muss im Notierungen.

1108
00:54:37,700 --> 00:54:38,866
ALLISON BUCHHOLTZ-AU: Vielleicht.

1109
00:54:38,866 --> 00:54:41,520
Und dies ist, wie wir lernen, Jungs.

1110
00:54:41,520 --> 00:54:44,340
>> PUBLIKUM: Können wir Hintergrund
Farbe und Hintergrundbild?

1111
00:54:44,340 --> 00:54:45,390
>> PUBLIKUM: No.

1112
00:54:45,390 --> 00:54:46,550
One ersetzt den anderen.

1113
00:54:46,550 --> 00:54:46,960
>> ALLISON BUCHHOLTZ-AU: Ich weiß nicht.

1114
00:54:46,960 --> 00:54:47,460
Mal sehen.

1115
00:54:47,460 --> 00:54:48,860
Lassen Sie uns es aus und sehen.

1116
00:54:48,860 --> 00:54:51,567
>> PUBLIKUM: Oh, vielleicht, ja.

1117
00:54:51,567 --> 00:54:52,400
[Zwischen Stimmen]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> ALLISON BUCHHOLTZ-AU: OK, das ist
obviously-- I [unverständlich] hier.

1120
00:55:03,260 --> 00:55:04,927
Also OK.

1121
00:55:04,927 --> 00:55:06,260
PUBLIKUM: Hintergrundbefestigung.

1122
00:55:06,260 --> 00:55:07,301
ALLISON BUCHHOLTZ-AU: Ah.

1123
00:55:07,301 --> 00:55:12,096

1124
00:55:12,096 --> 00:55:13,946
>> PUBLIKUM: OK, ich weiß es nicht.

1125
00:55:13,946 --> 00:55:16,070
ALLISON BUCHHOLTZ-AU: Es
sieht aus wie es sollte funktionieren.

1126
00:55:16,070 --> 00:55:19,074
Sind Sie sicher, dass es Doppelpunkt nach dem URL?

1127
00:55:19,074 --> 00:55:20,439
>> PUBLIKUM: Nein, es ist Semikolon.

1128
00:55:20,439 --> 00:55:21,980
ALLISON BUCHHOLTZ-AU: Es ist Semikolon.

1129
00:55:21,980 --> 00:55:22,530
PUBLIKUM: Habe ich gesagt, Doppelpunkt?

1130
00:55:22,530 --> 00:55:24,155
ALLISON BUCHHOLTZ-AU: Du hast gesagt, einen Doppelpunkt.

1131
00:55:24,155 --> 00:55:26,222
PUBLIKUM: Oh nein.

1132
00:55:26,222 --> 00:55:27,680
ALLISON BUCHHOLTZ-AU: Dort gehen Sie.

1133
00:55:27,680 --> 00:55:29,350
PUBLIKUM: Oh, warte, jetzt
wir können den Text nicht lesen.

1134
00:55:29,350 --> 00:55:30,320
ALLISON BUCHHOLTZ-AU: Jetzt
können Sie den Text nicht lesen können,

1135
00:55:30,320 --> 00:55:32,740
aber wir haben das Hintergrundbild.

1136
00:55:32,740 --> 00:55:33,300
Mmhmm?

1137
00:55:33,300 --> 00:55:35,220
>> PUBLIKUM: Unterstützt HTML
unterstützt dynamische Inhalte?

1138
00:55:35,220 --> 00:55:39,070
Wie könnte man das Bild skalieren
abhängig von der Fenstergröße,

1139
00:55:39,070 --> 00:55:39,890
Oder ist das eine CSS--

1140
00:55:39,890 --> 00:55:41,723
>> ALLISON BUCHHOLTZ-AU:
Also CSS hat, das zu tun.

1141
00:55:41,723 --> 00:55:45,210
Also, wenn euch interessiert
beim Lernen fortgeschrittenen CSS,

1142
00:55:45,210 --> 00:55:50,789
Ich bin Co-Teaching ein
Seminar über CSS auf der 7..

1143
00:55:50,789 --> 00:55:52,580
Und ich verspreche, es wird
viel mehr in die Tiefe

1144
00:55:52,580 --> 00:55:55,220
und noch viel mehr cool
Dinge in diesem Abschnitt.

1145
00:55:55,220 --> 00:55:59,234
Und mein Co-Lehrer ist wie
Frontpartie web dev Master.

1146
00:55:59,234 --> 00:56:02,150
So werde es ziemlich cool, wenn Sie wollen
über all die coolen Dinge

1147
00:56:02,150 --> 00:56:03,960
dass CSS tun können.

1148
00:56:03,960 --> 00:56:06,860
>> Aber was wir hier mit haben
seinen Hintergrund Befestigung

1149
00:56:06,860 --> 00:56:13,330
fixed-- so ist es einige feste size--
aber Sie tatsächlich dynamically-- können

1150
00:56:13,330 --> 00:56:17,610
wenn Sie jemals sehen Webseiten, da
die meisten guten Web-Seiten tun wird,

1151
00:56:17,610 --> 00:56:19,470
wenn Sie passen die
Größe des Browsers

1152
00:56:19,470 --> 00:56:23,980
es stellt den Hintergrund oder wie viel
zeigt oder formatiert Dinge, nicht wahr?

1153
00:56:23,980 --> 00:56:27,100
Also das ist, was wir als
relative Positionierung.

1154
00:56:27,100 --> 00:56:33,410
>> Und CSS tatsächlich greifen, wie groß Ihr
Browser-Breite ist oder wie groß es ist,

1155
00:56:33,410 --> 00:56:37,970
und man kann die Dinge zu positionieren
entsprechend den relativen Größen

1156
00:56:37,970 --> 00:56:40,420
gegenüber absoluten Größen.

1157
00:56:40,420 --> 00:56:44,920
Und das ist offenbar weiter fortgeschritten
CSS, aber das ist etwas, was Sie tun können.

1158
00:56:44,920 --> 00:56:47,390
Wenn Sie lernen wollen
mehr zu meinem Seminar zu kommen.

1159
00:56:47,390 --> 00:56:50,540
>> Das ist also etwas, was Sie tun können.

1160
00:56:50,540 --> 00:56:54,450
Und CSS kann eigentlich
do-- CSS und JavaScript

1161
00:56:54,450 --> 00:56:58,790
welche wir in die nächste week-- bekommen
erlauben es, dynamisch ändern

1162
00:56:58,790 --> 00:57:02,160
Seiten ohne
lade sie die ganze Zeit.

1163
00:57:02,160 --> 00:57:04,590
Und Sie einige tun bekommen
ziemlich coole Sachen.

1164
00:57:04,590 --> 00:57:09,317
>> So gibt es eine andere Sache,
dass euch vielleicht wollen

1165
00:57:09,317 --> 00:57:10,650
oder was Sie wollen erkunden?

1166
00:57:10,650 --> 00:57:12,900
Wir haben 10 Minuten belassen.

1167
00:57:12,900 --> 00:57:19,010
Wir können auch vorzeitig verlassen, aber wenn
Sie etwas mehr Web-Sachen machen wollen,

1168
00:57:19,010 --> 00:57:20,960
wir können, aber ich bin mir nicht
dich zu zwingen.

1169
00:57:20,960 --> 00:57:23,510
Aber wir können auch nur essen Süßigkeiten.

1170
00:57:23,510 --> 00:57:25,760
PUBLIKUM: Markieren Sie den Text
weiß, so dass Sie es lesen.

1171
00:57:25,760 --> 00:57:27,680
ALLISON BUCHHOLTZ-AU: OK.

1172
00:57:27,680 --> 00:57:33,389
Also in diesem Fall wollen wir etwas p.

1173
00:57:33,389 --> 00:57:36,305
PUBLIKUM: Sollten wir es in der
Körper so dass es gilt für die ganze Seite?

1174
00:57:36,305 --> 00:57:38,096
ALLISON BUCHHOLTZ-AU:
Ja, das können wir eigentlich.

1175
00:57:38,096 --> 00:57:40,880
Das ist eine gute Idee.

1176
00:57:40,880 --> 00:57:43,420
So have-- wir Sie tun
wissen, was wir sein sollten?

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
Ich weiß nicht, ob wir die Textfarbe zu tun.

1179
00:57:50,260 --> 00:57:54,946
Ich wollte versuchen,
erstellen eine andere Klasse hier.

1180
00:57:54,946 --> 00:57:58,394
>> PUBLIKUM: Wie gehen Sie also erhalten
dass sie über die Vorschläge?

1181
00:57:58,394 --> 00:58:00,560
ALLISON BUCHHOLTZ-AU: So
wenn euch interessiert sind,

1182
00:58:00,560 --> 00:58:03,480
dies ist ein weiterer Text
Editor aufgerufen Sublime.

1183
00:58:03,480 --> 00:58:07,180
Sie sollten in der Lage zu sein,
installieren es auf Ihrem Gerät.

1184
00:58:07,180 --> 00:58:08,659
Manchmal wird es ein wenig kompliziert.

1185
00:58:08,659 --> 00:58:10,950
Wenn Sie Hilfe bei, dass möchten,
Ich bin super glücklich, Ihnen zu helfen

1186
00:58:10,950 --> 00:58:14,720
mit ihm, weil gedit ist groß und
es ist genial, weil man es zu kompilieren

1187
00:58:14,720 --> 00:58:17,790
auf dem Boden, aber ich habe wirklich
wie Sublime, weil es ist ziemlich

1188
00:58:17,790 --> 00:58:19,498
und es tut Dinge tun
wie die automatische Vervollständigung.

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> So kann man auf jeden Fall fühlen sich frei,
lassen Sie mich wissen, wenn Sie das tun möchten.

1191
00:58:26,890 --> 00:58:28,940
Wenn Sie nur google "Sublime
Text, "es in der Regel

1192
00:58:28,940 --> 00:58:32,860
hat Anweisungen zur Installation
auf verschiedenen Betriebssystemen.

1193
00:58:32,860 --> 00:58:37,590
Es ist wirklich cool, ich
denke, meiner Meinung nach.

1194
00:58:37,590 --> 00:58:38,355
So p.

1195
00:58:38,355 --> 00:58:45,616
Ich glaube, ich kann nur tun, text-- oder
können wir nur tun, Farbe ist "weiß."

1196
00:58:45,616 --> 00:58:47,050
Da.

1197
00:58:47,050 --> 00:58:50,770
>> Also, was ich hier tat, ist, dass ich
nicht alle den Text ändern.

1198
00:58:50,770 --> 00:58:54,040
Aber p ist hier nur eine
Tag, die wir haben, nicht wahr?

1199
00:58:54,040 --> 00:58:55,450
Dieser Absatz-Tag.

1200
00:58:55,450 --> 00:59:00,380
Also habe ich einfach eine CSS-Element erstellt,
sagte: OK, nichts mit diesem Tag

1201
00:59:00,380 --> 00:59:02,510
p, machen die Farbe Weiß.

1202
00:59:02,510 --> 00:59:05,690
>> Also, wenn Sie bemerkt, machte es
dies weiß und dies weiß.

1203
00:59:05,690 --> 00:59:09,100
Es hat noch keinen unserer Liste weiß, weil
es ist nicht damit verbunden.

1204
00:59:09,100 --> 00:59:11,180
Sie könnten durch zu gehen und Sie sagen-- könnte

1205
00:59:11,180 --> 00:59:11,860
>> PUBLIKUM: Haben Hintergrundfarbe.

1206
00:59:11,860 --> 00:59:12,660
>> ALLISON BUCHHOLTZ-AU: Hintergrundfarbe?

1207
00:59:12,660 --> 00:59:15,660
>> PUBLIKUM: Hintergrund Rohr in
Farbe, wo Sie den p-Tag setzen.

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
Sie wollen es weiß?

1211
00:59:22,804 --> 00:59:23,470
PUBLIKUM: Mmhmm.

1212
00:59:23,470 --> 00:59:25,070
ALLISON BUCHHOLTZ-AU: OK.

1213
00:59:25,070 --> 00:59:26,342
Dort gehen Sie.

1214
00:59:26,342 --> 00:59:27,300
PUBLIKUM: Das ist seltsam.

1215
00:59:27,300 --> 00:59:29,190
ALLISON BUCHHOLTZ-AU:
Ziemlich cool, oder?

1216
00:59:29,190 --> 00:59:31,640
Also, wenn Sie nur herum,
wirst du eine Menge lernen.

1217
00:59:31,640 --> 00:59:34,720
Und es kann ziemlich cool sein.

1218
00:59:34,720 --> 00:59:37,312
Ich denke, es ist auf jeden Fall mehr
erfreulich als manchmal

1219
00:59:37,312 --> 00:59:39,770
weil Sie nicht warten müssen,
für Ihr Programm zu kompilieren.

1220
00:59:39,770 --> 00:59:41,895
Sie können einfach auf Aktualisieren
und du, oh, schauen sind,

1221
00:59:41,895 --> 00:59:44,276
es funktioniert, oder oh, ich bin
wahrscheinlich etwas fehlt.

1222
00:59:44,276 --> 00:59:47,359
Und das ist etwas, das wirklich ist
kühl zu diesem nächsten Teil der Klasse,

1223
00:59:47,359 --> 00:59:49,250
ist es auf jeden Fall, ich
denke, einfacher zu kontrollieren

1224
00:59:49,250 --> 00:59:52,640
wie Sie auf dem Weg gegenüber gehen
dass diese langen Programme schreiben

1225
00:59:52,640 --> 00:59:57,830
und wollen und Beten
dass es funktioniert am Ende.

1226
00:59:57,830 --> 01:00:01,960
>> Also mit diesem, ich denke,
euch alle scheinen gut.

1227
01:00:01,960 --> 01:00:05,360
Wenn Sie Fragen, wie immer haben,
Come Talk zu mir, komm lass es mich wissen.

1228
01:00:05,360 --> 01:00:08,180
Ich werde direkt vor sein
für die nächsten 15 Minuten

1229
01:00:08,180 --> 01:00:11,340
wenn Sie plaudern über wollen
alles und jedes.

1230
01:00:11,340 --> 01:00:13,530
>> Also ich hoffe, dass Sie guys--
viel Glück mit diesem pset.

1231
01:00:13,530 --> 01:00:18,150
Einsendeschluss ist Freitag Mittag
weil es zu spät veröffentlicht wurde.

1232
01:00:18,150 --> 01:00:21,220
Also werde ich wohl sehen werden
viele von euch am Donnerstag,

1233
01:00:21,220 --> 01:00:21,970
aber hoffentlich nicht.

1234
01:00:21,970 --> 01:00:23,386
Vielleicht haben Sie es bis dahin getan.

1235
01:00:23,386 --> 01:00:24,440
Ich würde Super stolz sein.

1236
01:00:24,440 --> 01:00:26,410
>> Aber wenn nicht, werde ich Sie sehen am Donnerstag.

1237
01:00:26,410 --> 01:00:30,030
Sie können auch einen späten Zeitpunkt zu verwenden, die
erstreckt sie sich bis Samstag um die Mittagszeit.

1238
01:00:30,030 --> 01:00:31,730
Aber ich don't-- huh?

1239
01:00:31,730 --> 01:00:32,580
>> PUBLIKUM: Halloween.

1240
01:00:32,580 --> 01:00:34,538
>> ALLISON BUCHHOLTZ-AU:
Es ist Halloween, A und B,

1241
01:00:34,538 --> 01:00:37,050
Ich glaube nicht, dass es
sein Bürozeiten am Freitag.

1242
01:00:37,050 --> 01:00:40,920
Also wirklich versuchen es durch zu erledigen
Freitag, damit wir alle feiern

1243
01:00:40,920 --> 01:00:42,010
Hallow Wochenende.

1244
01:00:42,010 --> 01:00:44,670
Also gut, ich werde euch nächste Woche.

1245
01:00:44,670 --> 01:00:45,888