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

2
00:00:00,500 --> 00:00:03,946
[音樂播放]

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

4
00:00:10,790 --> 00:00:12,540
ALLISON BUCHHOLTZ-AU：
好吧，大家好。

5
00:00:12,540 --> 00:00:13,860
歡迎回到一節。

6
00:00:13,860 --> 00:00:19,559
因此，我們今天的議程是怎麼回事
在更多的Web開發的東西。

7
00:00:19,559 --> 00:00:21,600
我不知道有多少的
你已經看到你的pset

8
00:00:21,600 --> 00:00:24,414
因為它被釋放
今天上午早些時候。

9
00:00:24,414 --> 00:00:26,330
我想有多少
人們讀了規範，

10
00:00:26,330 --> 00:00:29,910
但看到你是如何把所有
，如，七小時，看它

11
00:00:29,910 --> 00:00:31,910
這是一個星期一
你可能已經過課，

12
00:00:31,910 --> 00:00:34,160
我將假設
你們中的大多數都沒有。

13
00:00:34,160 --> 00:00:37,170
如果你有多餘的讚譽。

14
00:00:37,170 --> 00:00:39,400
>> 你基本上幫助
實現一個簡單的web

15
00:00:39,400 --> 00:00:43,270
在C中的服務器，這是一個全新的pset，
讓你們去是豚鼠。

16
00:00:43,270 --> 00:00:49,730
這將是一個有趣的，瘋狂一周，
但我認為這將是一個很大的樂趣

17
00:00:49,730 --> 00:00:52,260
而這將是一個真正的
良好的實際體驗。

18
00:00:52,260 --> 00:00:54,920
所以，為您準備
即，在今天部分，

19
00:00:54,920 --> 00:01:00,940
我們要去CHMOD，TCP / IP，並
然後HTML和CSS的一點點。

20
00:01:00,940 --> 00:01:05,080
>> 最後，我們將實際的代碼
一個簡單的網頁在一起

21
00:01:05,080 --> 00:01:09,042
種幫你們弄
更熟悉了。

22
00:01:09,042 --> 00:01:11,750
然後，如果你還沒有回升
您的測驗，他們在前面，

23
00:01:11,750 --> 00:01:14,890
但我敢肯定每個人都
在這裡有自己的測驗。

24
00:01:14,890 --> 00:01:17,880
而且關於這一點，
解決方案沒有起來，

25
00:01:17,880 --> 00:01:21,490
但只要我們finish--喜歡的
最後幾人走了quizzes--

26
00:01:21,490 --> 00:01:22,280
它們將是向上。

27
00:01:22,280 --> 00:01:24,630
如果您有任何問題
同時，

28
00:01:24,630 --> 00:01:26,240
隨時親自給我​​發電子郵件。

29
00:01:26,240 --> 00:01:30,700
我將與你的個人回應
問題，因為我總是這樣。

30
00:01:30,700 --> 00:01:33,890
>> 所以，關於這一點，文件模式。

31
00:01:33,890 --> 00:01:36,390
所以基本上所有你
需要了解CHMOD

32
00:01:36,390 --> 00:01:39,620
是它用來改變
文件權限，對不對？

33
00:01:39,620 --> 00:01:44,050
所以它只是某些系統稱之為
更改權限，因為它說在這裡。

34
00:01:44,050 --> 00:01:48,540
如果你想看看
什麼權限的文件有，

35
00:01:48,540 --> 00:01:52,240
而不是僅僅做
LS，你可以做的ls -l。

36
00:01:52,240 --> 00:01:54,010
L代表長。

37
00:01:54,010 --> 00:01:56,460
>> 所以，你會做的長列表
一切，和它

38
00:01:56,460 --> 00:02:02,080
會給你更詳細的
每個文件的信息。

39
00:02:02,080 --> 00:02:05,540
你會看到something--我
要跳到一個second--

40
00:02:05,540 --> 00:02:08,910
但你會看到類似的東西
該頂行有針對每個文件。

41
00:02:08,910 --> 00:02:11,560
我們將經歷什麼意思。

42
00:02:11,560 --> 00:02:15,260
>> 所以基本上，改
您的文件權限，

43
00:02:15,260 --> 00:02:16,850
你只是想使用chmod。

44
00:02:16,850 --> 00:02:23,620
你可以把它想成其他任何
UNIX致電比如ls或CD或諸如此類的東西。

45
00:02:23,620 --> 00:02:25,540
這只是一種另樣的呼叫。

46
00:02:25,540 --> 00:02:30,530
>> 所以，我們做chmod和然後我們將
有三種典型的數字。

47
00:02:30,530 --> 00:02:33,570
有幾個方法可以做到
其中之一是，我們就去了。

48
00:02:33,570 --> 00:02:37,650
但通常情況下，你有三個
數字範圍從0到每次7。

49
00:02:37,650 --> 00:02:43,530
>> 這麼一件事是，有
三種不同的權限

50
00:02:43,530 --> 00:02:45,510
我們可以給每個文件。

51
00:02:45,510 --> 00:02:49,480
和它的可讀性，這是
用r表示，這將是有意義

52
00:02:49,480 --> 00:02:54,020
在一點點;瓦特，這是
可寫;和可執行文件，它為x。

53
00:02:54,020 --> 00:02:57,630
我知道，電子的，可執行的，
也許不是最合理的，但我們

54
00:02:57,630 --> 00:02:59,120
它表示為x。

55
00:02:59,120 --> 00:03:05,290
>> 然後發生的事情是所有這些
還有數表示。

56
00:03:05,290 --> 00:03:07,990
因此，我們有1個，2個和4個。

57
00:03:07,990 --> 00:03:12,060
基本上發生的事情是
這三個數字

58
00:03:12,060 --> 00:03:17,380
這裡對應於一個
不同組的用戶

59
00:03:17,380 --> 00:03:19,420
這些權限涉及到。

60
00:03:19,420 --> 00:03:24,820
>> 所以，你能想到的第一個
數對應於實際用戶

61
00:03:24,820 --> 00:03:29,360
或文件的所有者，第二
號將對應於該組，

62
00:03:29,360 --> 00:03:33,590
和最後一個指
走向世界，好不好？

63
00:03:33,590 --> 00:03:39,995
所以會發生什麼是記憶
那些numbers-- r為4，w為2，

64
00:03:39,995 --> 00:03:42,550
x是1，對不對？

65
00:03:42,550 --> 00:03:46,630
如果這些總結起來This--，
，讓你的第一個數字

66
00:03:46,630 --> 00:03:48,600
我們可能投入在我們的文件模式。

67
00:03:48,600 --> 00:03:52,191
>> 所以在這種情況下，什麼
將這個數字是什麼？

68
00:03:52,191 --> 00:03:57,030
這將會是4加2加
1，這是一個7，對不對？

69
00:03:57,030 --> 00:03:59,250
並且在這種情況下，這些
沒有什麼，

70
00:03:59,250 --> 00:04:06,450
所以這個就在這裡會
翻譯和chmod 700，OK？

71
00:04:06,450 --> 00:04:12,030
什麼是做的是它賦予所有
這些權限的用戶。

72
00:04:12,030 --> 00:04:14,400
>> 因此，這意味著我們的用戶
可以為所欲為。

73
00:04:14,400 --> 00:04:15,400
他們可以讀取該文件。

74
00:04:15,400 --> 00:04:16,810
他們可以執行這個文件。

75
00:04:16,810 --> 00:04:18,360
他們可以寫入這個文件。

76
00:04:18,360 --> 00:04:23,545
但是，集團與世界，沒有
任何權限，OK？

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

78
00:04:26,480 --> 00:04:32,680
>> 因此，另一種方式來寫，我們可以
做的三位數字的搭配chmod，其中每一個

79
00:04:32,680 --> 00:04:40,040
對應於任何的總和或
具體基團是，特定子集。

80
00:04:40,040 --> 00:04:44,870
或者我們可以真正做另一件事。

81
00:04:44,870 --> 00:04:45,590
堅持，稍等。

82
00:04:45,590 --> 00:04:49,330
我們可以做一些與這些在這裡。

83
00:04:49,330 --> 00:04:55,615
>> 你們有多少人看到了一個例子
它就像和chmod加X？

84
00:04:55,615 --> 00:04:58,070
你有沒有看到，在講座中，我認為？

85
00:04:58,070 --> 00:05:00,610
因此，一個代表所有。

86
00:05:00,610 --> 00:05:04,990
這意味著它給所有的用戶，
我忘了這裡。

87
00:05:04,990 --> 00:05:08,790
>> 但加X，如果我們
看到這裡，如果我們這樣做

88
00:05:08,790 --> 00:05:13,420
以chmod--我們什麼組
說起加上權限

89
00:05:13,420 --> 00:05:14,660
我們希望給他們。

90
00:05:14,660 --> 00:05:16,120
所以這可以是一個加號或減號。

91
00:05:16,120 --> 00:05:17,690
Plus增加了許可。

92
00:05:17,690 --> 00:05:19,510
零下帶走許可。

93
00:05:19,510 --> 00:05:22,520
非常直觀的，我想。

94
00:05:22,520 --> 00:05:25,720
>> 所以加x表示文​​件模式。

95
00:05:25,720 --> 00:05:32,260
因此，改變所有人的權限
如果這是一個A--附加的權限。

96
00:05:32,260 --> 00:05:37,110
和x--這意味著什麼權限
我們給予每個人。

97
00:05:37,110 --> 00:05:38,510
讀，寫或執行？

98
00:05:38,510 --> 00:05:39,360
>> 聽眾：執行。

99
00:05:39,360 --> 00:05:40,610
>> ALLISON BUCHHOLTZ-AU：執行。

100
00:05:40,610 --> 00:05:46,080
所以，我們給所有用戶
權限執行此文件，OK？

101
00:05:46,080 --> 00:05:53,370
因此，如果我們想要做什麼
隨著數字形式？

102
00:05:53,370 --> 00:05:56,290
所以，記得數字，
我們希望三個數字。

103
00:05:56,290 --> 00:05:56,790
>> 聽眾：4。

104
00:05:56,790 --> 00:05:58,290
ALLISON BUCHHOLTZ-AU：那是什麼？

105
00:05:58,290 --> 00:05:59,260
聽眾：4。

106
00:05:59,260 --> 00:06:00,426
ALLISON BUCHHOLTZ-AU：不是4。

107
00:06:00,426 --> 00:06:01,599
聽眾：0，0，4。

108
00:06:01,599 --> 00:06:04,390
ALLISON BUCHHOLTZ-AU：嗯，我們要
把它給所有的用戶，對不對？

109
00:06:04,390 --> 00:06:07,442
因此，我們將有
數在每個時隙中。

110
00:06:07,442 --> 00:06:09,400
這將是該
在每個時隙中相同的數字

111
00:06:09,400 --> 00:06:13,800
因為我們只是想給
大家可執行權限。

112
00:06:13,800 --> 00:06:16,480
所以可執行文件是1，
但在正確的軌道。

113
00:06:16,480 --> 00:06:23,055
>> 所以，如果我們沒有搭配chmod 111將
是CHMOD加x的等價物。

114
00:06:23,055 --> 00:06:24,430
這是否有意義大家？

115
00:06:24,430 --> 00:06:26,910
我們將通過
幾個例子。

116
00:06:26,910 --> 00:06:29,860
>> 因此，最大的外賣
這裡是不是在這裡，

117
00:06:29,860 --> 00:06:33,360
但只是意味著把它給所有用戶。

118
00:06:33,360 --> 00:06:36,610
u是如果你只是想
給予或帶走

119
00:06:36,610 --> 00:06:40,600
從一個特定的權限
用戶或所有者。

120
00:06:40,600 --> 00:06:43,800
g是為基，
使中間數字。

121
00:06:43,800 --> 00:06:49,440
然後其他你能想到的
作為世界上的最後一個數字。

122
00:06:49,440 --> 00:06:52,840
>> 所以這樣，我們會去一個例子，
因為我覺得自己總是例子

123
00:06:52,840 --> 00:06:56,240
使這些事情變得更容易理解。

124
00:06:56,240 --> 00:07:01,240
所以rwx--我們通過this--去
也可以表示為700。

125
00:07:01,240 --> 00:07:05,070
這就是我們看到的例子
在更多的圖片。

126
00:07:05,070 --> 00:07:09,990
所以搭配chmod 444上的某些文件
會給哪些權限？

127
00:07:09,990 --> 00:07:11,947
你真的很近。

128
00:07:11,947 --> 00:07:13,030
聽眾：可讀所有。

129
00:07:13,030 --> 00:07:14,321
ALLISON BUCHHOLTZ-AU：可讀。

130
00:07:14,321 --> 00:07:15,660
所以，讀給大家，對不對？

131
00:07:15,660 --> 00:07:17,910
然後什麼是另一種方式來做到這一點？

132
00:07:17,910 --> 00:07:23,070
如果我們想要做的文件模式與任
的r和W的，加號和減號，

133
00:07:23,070 --> 00:07:25,300
什麼是呼叫樣子？

134
00:07:25,300 --> 00:07:27,336
這將是文件模式是什麼？

135
00:07:27,336 --> 00:07:28,590
>> 聽眾：加河

136
00:07:28,590 --> 00:07:32,900
>> ALLISON BUCHHOLTZ-AU：5上加河

137
00:07:32,900 --> 00:07:40,980
好了，這是與此相同，
只是兩個不同的譯本

138
00:07:40,980 --> 00:07:42,500
同樣的事情。

139
00:07:42,500 --> 00:07:45,650
所以這樣，我們有這些。

140
00:07:45,650 --> 00:07:50,310
所以我想，你們試試，寫
這些種在其相反的方向。

141
00:07:50,310 --> 00:07:53,710
>> 所以，用chmod 555，
那會是什麼樣的？

142
00:07:53,710 --> 00:07:56,704
會是一個加號或U加或諸如此類的東西？

143
00:07:56,704 --> 00:07:58,370
為了使u加X，給我的三個數字。

144
00:07:58,370 --> 00:08:03,530
然後告訴我什麼權限
我們實際上是給予和誰？

145
00:08:03,530 --> 00:08:06,600
>> 所以，我給你們2
分上工作了。

146
00:08:06,600 --> 00:08:08,160
隨時與對方交談。

147
00:08:08,160 --> 00:08:11,910
對於那些你們誰進來一點點
晚了，有糖果和襯衫。

148
00:08:11,910 --> 00:08:14,590
我們已經離開了三件襯衫，和
我們有工具阿拉伯茶和星形圖案。

149
00:08:14,590 --> 00:08:17,630
所以隨意快來搶
一些在這個小插曲。

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

151
00:09:03,190 --> 00:09:04,440
>> 此外，最後一個是棘手。

152
00:09:04,440 --> 00:09:06,670
這是2 chmods的最後一個。

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

154
00:09:10,990 --> 00:09:15,880
其實，讓我關閉的門
你們正在從事的一段時間。

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

156
00:09:26,240 --> 00:09:28,225
糖果總是必要的
在星期一的下午。

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

158
00:09:31,740 --> 00:09:34,756
>> OK，這樣搭配chmod 555。

159
00:09:34,756 --> 00:09:36,380
什麼是我們可以寫另一種方式？

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

161
00:09:39,860 --> 00:09:41,790
任何想法？

162
00:09:41,790 --> 00:09:42,290
是。

163
00:09:42,290 --> 00:09:43,280
>> 聽眾：加RX。

164
00:09:43,280 --> 00:09:44,613
>> ALLISON BUCHHOLTZ-AU：R及RX。

165
00:09:44,613 --> 00:09:47,290
你想解釋一下為什麼它會被RX？

166
00:09:47,290 --> 00:09:49,570
>> 聽眾：因為你
5，所以這是4加1，

167
00:09:49,570 --> 00:09:51,734
這樣的閱讀加
可執行文件，它的所有。

168
00:09:51,734 --> 00:09:52,900
ALLISON BUCHHOLTZ-AU：對。

169
00:09:52,900 --> 00:09:58,540
所以只是重申，在這裡5
我們知道，作為4和1的總和，

170
00:09:58,540 --> 00:10:04,760
因為我們三人中的每個數字是
該子集的權限之和，

171
00:10:04,760 --> 00:10:05,260
對不對？

172
00:10:05,260 --> 00:10:07,070
任一用戶，該
基，或整個世界。

173
00:10:07,070 --> 00:10:11,160
所以在這種情況下，我們知道
5具有由圖4和1來形成。

174
00:10:11,160 --> 00:10:15,240
>> 與圖4和1對應
可讀和可執行。

175
00:10:15,240 --> 00:10:21,717
我們給給大家，
所以我們可以做搭配chmod加RX。

176
00:10:21,717 --> 00:10:24,050
很顯然，我們只是去
經過那裡的問題，

177
00:10:24,050 --> 00:10:28,810
所以現在這個文件是可執行的
易讀給大家。

178
00:10:28,810 --> 00:10:31,120
>> 那麼，關於第二個？

179
00:10:31,120 --> 00:10:32,900
什麼可能的一個數字是什麼？

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

181
00:10:36,676 --> 00:10:37,180
任何想法？

182
00:10:37,180 --> 00:10:37,680
前進。

183
00:10:37,680 --> 00:10:38,600
>> 聽眾：100 [聽不清]。

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

185
00:10:39,683 --> 00:10:40,270
沒錯。

186
00:10:40,270 --> 00:10:42,455
所以，你要解釋為什麼100？

187
00:10:42,455 --> 00:10:45,080
聽眾：因為這是為
用戶，所以它在第一的位置。

188
00:10:45,080 --> 00:10:47,371
然後X可執行文件1。

189
00:10:47,371 --> 00:10:48,620
ALLISON BUCHHOLTZ-AU：沒錯。

190
00:10:48,620 --> 00:10:53,120
因此，我們給予可執行
權限只是用戶。

191
00:10:53,120 --> 00:10:55,100
所以在這種情況下，這將是100。

192
00:10:55,100 --> 00:10:57,570
我知道所有的答案
起來的情況下的下一幻燈片

193
00:10:57,570 --> 00:11:00,060
你寫的很多東西下來。

194
00:11:00,060 --> 00:11:08,410
>> 好了，這下一個實際上是做
有兩個chmods，你可以做到這一點。

195
00:11:08,410 --> 00:11:11,120
因此，沒有人有
任何想法，你怎麼可能

196
00:11:11,120 --> 00:11:14,150
獲得CHMOD 640改寫
在其他的辦法嗎？

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

198
00:11:17,770 --> 00:11:22,820
你可以先再更改用戶
您可以更改組是我的暗示。

199
00:11:22,820 --> 00:11:29,740
>> 所以，如果我們只是改變
用戶，這是本第1這裡

200
00:11:29,740 --> 00:11:33,830
什麼可能我們的電話是什麼？

201
00:11:33,830 --> 00:11:36,080
因此，用戶為u，對不對？

202
00:11:36,080 --> 00:11:38,780
因此，文件模式ü加什麼？

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

204
00:11:39,280 --> 00:11:40,469
>> 聽眾：RW。

205
00:11:40,469 --> 00:11:41,510
ALLISON BUCHHOLTZ-AU：RW。

206
00:11:41,510 --> 00:11:47,470
對的，因為讀取和寫入，因為讀
為4，w為2，這些總和在一起，6。

207
00:11:47,470 --> 00:11:52,760
所以我們得到CHMODü加RW，
我們得到我們的第一個6出現。

208
00:11:52,760 --> 00:11:56,860
>> 所以後來拿到4，我們現在要
改變我們的組設置。

209
00:11:56,860 --> 00:12:00,960
所以，我們要做的搭配chmod G PLUS是什麼？

210
00:12:00,960 --> 00:12:02,380
什麼是4？

211
00:12:02,380 --> 00:12:03,040
>> 聽眾：河

212
00:12:03,040 --> 00:12:04,040
ALLISON BUCHHOLTZ-AU：河

213
00:12:04,040 --> 00:12:05,070
精確。

214
00:12:05,070 --> 00:12:09,140
所以，我們給了老闆
讀取和寫入權限

215
00:12:09,140 --> 00:12:13,141
我們正在給一群讀
的權限，這是我們都在這裡。

216
00:12:13,141 --> 00:12:13,640
Mmhmm​​？

217
00:12:13,640 --> 00:12:17,740
>> 聽眾：如果你能寫的東西，
它意味著你可以執行嗎？

218
00:12:17,740 --> 00:12:20,700
>> ALLISON BUCHHOLTZ-AU：你
可以寫something--

219
00:12:20,700 --> 00:12:22,900
我不相信它
意味著你可以執行它。

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

221
00:12:25,951 --> 00:12:26,450
涼爽。

222
00:12:26,450 --> 00:12:29,620
所以，這一切，我們剛剛經歷了。

223
00:12:29,620 --> 00:12:33,075
所以在這下一個，它的
只是一種常見情況

224
00:12:33,075 --> 00:12:35,200
要保持
介意你的問題集。

225
00:12:35,200 --> 00:12:39,800
這些都是典型的權限
我們喜歡您使用。

226
00:12:39,800 --> 00:12:44,900
>> 因此，對於711，給出
當然，我們的用戶

227
00:12:44,900 --> 00:12:47,720
所有的權限，這
往往使感。

228
00:12:47,720 --> 00:12:51,920
然後它的可執行文件
集團在世界上，這是有道理的

229
00:12:51,920 --> 00:12:56,150
如果你有一些目錄，你
要能夠遍歷到它。

230
00:12:56,150 --> 00:12:58,160
人們需要訪問。

231
00:12:58,160 --> 00:13:04,680
>> 對於任何非PHP文件，你會
使用644，這該怎麼辦？

232
00:13:04,680 --> 00:13:07,560
這是什麼暗示，或者是什麼
它的權限，讓？

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

234
00:13:12,210 --> 00:13:14,409
因此，車主可怎麼辦？

235
00:13:14,409 --> 00:13:15,450
聽眾：讀，寫。

236
00:13:15,450 --> 00:13:16,991
ALLISON BUCHHOLTZ-AU：讀，寫。

237
00:13:16,991 --> 00:13:21,560
然後組和其他
可剛讀了吧？

238
00:13:21,560 --> 00:13:25,660
再搭配chmod 600的任何
你使用PHP文件，

239
00:13:25,660 --> 00:13:27,980
你的老闆，再次，可以
讀取和寫入

240
00:13:27,980 --> 00:13:32,310
但所有人都
剛種擋著。

241
00:13:32,310 --> 00:13:34,540
>> 所以這實際上
更有用的時候

242
00:13:34,540 --> 00:13:37,700
你得到你的問題
將於下週在哪裡

243
00:13:37,700 --> 00:13:40,290
你實際上是建立一個網站。

244
00:13:40,290 --> 00:13:43,100
所以，如果你曾經遇到
任何奇怪的問題

245
00:13:43,100 --> 00:13:45,970
它不是裝載
正確的，也許你

246
00:13:45,970 --> 00:13:50,670
需要補充的可執行
權限，或者你需要一個讀

247
00:13:50,670 --> 00:13:52,990
或寫權限。

248
00:13:52,990 --> 00:13:56,980
這往往會絆倒人的小東西
了，但是這有點像去到

249
00:13:56,980 --> 00:13:58,564
你下週開始的PSET時。

250
00:13:58,564 --> 00:14:00,730
我會給你更多
提示本週的pset中，

251
00:14:00,730 --> 00:14:05,010
但我還沒有看它，因為
今天早上被釋放。

252
00:14:05,010 --> 00:14:10,600
但是，你給我發電子郵件，我會看著
它的時候，我的明天作出回應。

253
00:14:10,600 --> 00:14:14,310
>> 所以，現在，是每個人都很好用chmod？

254
00:14:14,310 --> 00:14:16,040
任何揮之不去的問題嗎？

255
00:14:16,040 --> 00:14:17,240
很簡單。

256
00:14:17,240 --> 00:14:20,620
剛種跟踪什麼
讀，寫和執行數字

257
00:14:20,620 --> 00:14:23,660
可能是最難的部分。

258
00:14:23,660 --> 00:14:29,620
>> 因此，與TCP / IP，所有的這些協議，
有點像你的數據結構

259
00:14:29,620 --> 00:14:31,990
上週，它的更
重要的實物拿到

260
00:14:31,990 --> 00:14:33,900
它們的較高級別的直覺。

261
00:14:33,900 --> 00:14:37,390
這不是CS143我們要去的地方
問你實現一個網絡，

262
00:14:37,390 --> 00:14:39,870
所以你會沒事的，如果
你不明白

263
00:14:39,870 --> 00:14:42,900
所有協議的細節問題。

264
00:14:42,900 --> 00:14:46,050
什麼是重要的，了解是
有點像他們所代表

265
00:14:46,050 --> 00:14:47,300
為什麼他們很重要。

266
00:14:47,300 --> 00:14:52,320
>> 這樣的TCP / IP，當然，它是
傳輸控制協定

267
00:14:52,320 --> 00:14:57,270
或因特網協議，它是
基本上是一組基本的法律

268
00:14:57,270 --> 00:15:00,800
或標準告訴數據
應該如何處理，

269
00:15:00,800 --> 00:15:04,900
應該如何打包，
發送和接收。

270
00:15:04,900 --> 00:15:09,200
因此，它基本上，正如它
在這裡說，增加了機會

271
00:15:09,200 --> 00:15:12,950
這些數據得到的地方
你想讓它去。

272
00:15:12,950 --> 00:15:15,950
>> 我敢肯定，如果你們去
講座或看過了網上，

273
00:15:15,950 --> 00:15:18,232
他has--我不知道
如果他今年做到了，

274
00:15:18,232 --> 00:15:20,940
但我知道，去年他有一個
演示在那裡，他搶的照片

275
00:15:20,940 --> 00:15:23,320
他分割成
4並把它放在信封

276
00:15:23,320 --> 00:15:26,590
並試圖得到它跨越桑德斯。

277
00:15:26,590 --> 00:15:29,430
你可以種
認為這樣的說法。

278
00:15:29,430 --> 00:15:35,400
這只是一組規則
告訴數據如何得到某個地方

279
00:15:35,400 --> 00:15:37,640
並讓你知道，如果
你缺少數據，

280
00:15:37,640 --> 00:15:40,460
以同樣的方式，如果是
以多頁的筆記

281
00:15:40,460 --> 00:15:46,490
你中有104頁，頁面標記它們
204，你回去以後學習

282
00:15:46,490 --> 00:15:50,220
和你缺少something--
你找不到頁面304--你知道

283
00:15:50,220 --> 00:15:53,310
什麼是錯的，所以你
可以瀏覽你的筆記

284
00:15:53,310 --> 00:15:58,666
又或者問別人重新發送您
講座中指出，從那天。

285
00:15:58,666 --> 00:16:00,290
以同樣的方式與在互聯網上的數據。

286
00:16:00,290 --> 00:16:03,220
如果我要求
一些服務器的東西

287
00:16:03,220 --> 00:16:05,377
而且它需要發送
它在多個數據包，

288
00:16:05,377 --> 00:16:07,210
大概要數
它以某種方式，讓

289
00:16:07,210 --> 00:16:12,430
我知道多少，我應該已經收到，
並告訴我，哦，這是10個1

290
00:16:12,430 --> 00:16:13,990
或者，這是10000 1。

291
00:16:13,990 --> 00:16:17,030
當我去重新組合這種方式
所有的拼在一起，

292
00:16:17,030 --> 00:16:21,504
我知道，如果有什麼地方遺漏
我可以再問了點。

293
00:16:21,504 --> 00:16:22,730
這是否有道理？

294
00:16:22,730 --> 00:16:23,610
只是一組規則。

295
00:16:23,610 --> 00:16:28,120
在它的基礎上，設定規則，OK？

296
00:16:28,120 --> 00:16:31,360
>> 因此，我們也談了
有關端口的一點。

297
00:16:31,360 --> 00:16:36,150
這其實只是一個標準，
讓你知道什麼類型的數據

298
00:16:36,150 --> 00:16:38,650
在這些數據包被發送。

299
00:16:38,650 --> 00:16:40,790
如果我們與我們的
信封例子，我們不

300
00:16:40,790 --> 00:16:43,510
知道它是一個圖片
羅布在那裡，除非我們把它寫

301
00:16:43,510 --> 00:16:45,480
在我們的包絡線的外側。

302
00:16:45,480 --> 00:16:47,100
因此，港口基本上是同樣的事情。

303
00:16:47,100 --> 00:16:51,670
這只是一種方法來找出
數據的類型被發送。

304
00:16:51,670 --> 00:16:56,260
>> 因此，我們有所有的
最常見的位置。

305
00:16:56,260 --> 00:16:59,790
所以21--這也是一種
像好東西就知道了。

306
00:16:59,790 --> 00:17:01,560
它是一種容易競猜的問題。

307
00:17:01,560 --> 00:17:03,590
像，什麼端口80呢？

308
00:17:03,590 --> 00:17:06,970
或者說，什麼端口443做什麼？

309
00:17:06,970 --> 00:17:09,359
這麼好的東西就知道了。

310
00:17:09,359 --> 00:17:12,569
>> 所以，我們在這裡，21檔
傳輸協議，所以只是

311
00:17:12,569 --> 00:17:15,050
用於管理文件傳輸的規則。

312
00:17:15,050 --> 00:17:19,550
25，什麼是我們所有
使用太多，就是電子郵件。

313
00:17:19,550 --> 00:17:22,790
53是域名
系統，該系統基本上是

314
00:17:22,790 --> 00:17:26,910
只是那種查找的的
一個域名的IP地址。

315
00:17:26,910 --> 00:17:29,900
>> 所以我敢肯定這是
在演講中提到，如果你

316
00:17:29,900 --> 00:17:33,960
去像
google.com，它具有一個IP地址

317
00:17:33,960 --> 00:17:35,818
，它將與它相關聯。

318
00:17:35,818 --> 00:17:37,026
它實際上不是google.com。

319
00:17:37,026 --> 00:17:40,720
等53是端口
這其實需要

320
00:17:40,720 --> 00:17:44,050
保健樣的翻譯它的
到你的IP地址。

321
00:17:44,050 --> 00:17:47,830
然後80和443都是很常見的。

322
00:17:47,830 --> 00:17:50,710
要么你有你的網頁或
你有你的安全網頁，

323
00:17:50,710 --> 00:17:56,100
其中大量的網頁是
傳送過來了。

324
00:17:56,100 --> 00:18:02,540
>> 所以這是一種高層次
概述傳輸協議。

325
00:18:02,540 --> 00:18:05,170
我看不出在深入得多。

326
00:18:05,170 --> 00:18:07,320
這是一種很酷的東西
如果你有興趣。

327
00:18:07,320 --> 00:18:08,590
有豐富的資源。

328
00:18:08,590 --> 00:18:10,780
維基百科其實是
一個不錯的頁面。

329
00:18:10,780 --> 00:18:13,850
所以，我一直在尋找它
只是一小會兒前，

330
00:18:13,850 --> 00:18:16,580
所以我會強烈建議
看著它，如果你有興趣

331
00:18:16,580 --> 00:18:22,160
或乘坐143在兩年內，因為
我認為這是每隔一年。

332
00:18:22,160 --> 00:18:27,590
>> 因此，在今年年底，我們
談到網頁和HTTP，

333
00:18:27,590 --> 00:18:33,790
這實際上是我們的下一個主題
在今天之前，我們進入的HTML和CSS

334
00:18:33,790 --> 00:18:37,920
而實際上你可以編寫一個網頁。

335
00:18:37,920 --> 00:18:38,650
這會很有趣。

336
00:18:38,650 --> 00:18:42,220
我們將有圖片
兔子，這將是巨大的。

337
00:18:42,220 --> 00:18:48,630
>> 所以HTTP，你可以在這裡看到，
是可愛的縮寫詞之一

338
00:18:48,630 --> 00:18:53,220
本週，這是
超文本傳輸協議。

339
00:18:53,220 --> 00:18:57,940
如此反复，這只是
另一套規則，

340
00:18:57,940 --> 00:19:01,440
治超
傳送，在這種情況下。

341
00:19:01,440 --> 00:19:04,120
所以，最好的學習方法
這個是正中下懷

342
00:19:04,120 --> 00:19:07,650
打破它分解成
這些單個的單詞

343
00:19:07,650 --> 00:19:10,770
因為有很多
也就是說在屏幕上出現。

344
00:19:10,770 --> 00:19:13,290
>> 因此，我們要開始與超文本。

345
00:19:13,290 --> 00:19:17,630
因此，“超”，你能想到的
“上面，”像超式的東西。

346
00:19:17,630 --> 00:19:24,615
所以，它真的只是文本帶到了
一個新的水平，所以它像超文本，

347
00:19:24,615 --> 00:19:27,850
就像下一個文本。

348
00:19:27,850 --> 00:19:34,890
因此，它基本上只是
文字給我們

349
00:19:34,890 --> 00:19:37,490
比的更多信息
普通的文本呢，好不好？

350
00:19:37,490 --> 00:19:40,510
>> 因此，在這裡這種情況下，這是超文本。

351
00:19:40,510 --> 00:19:45,710
這告訴我們，我們有
一些鏈接，我們要去，

352
00:19:45,710 --> 00:19:49,620
這是cs50.net，這
現在cs50.harvard.edu。

353
00:19:49,620 --> 00:19:51,420
這些幻燈片是一個小老頭。

354
00:19:51,420 --> 00:19:55,330
而且它會顯示
作為此，作為一個超鏈接，

355
00:19:55,330 --> 00:19:58,140
再一個很酷的網站。

356
00:19:58,140 --> 00:20:02,080
>> 所以它的文字，它是一個小
真正酷的東西在裡面一點。

357
00:20:02,080 --> 00:20:08,170
所以，你可以聯繫的東西，你可以
插入圖片，你可以風格的東西。

358
00:20:08,170 --> 00:20:11,740
而最熟悉的東西，你
男人可能有超

359
00:20:11,740 --> 00:20:19,100
是超文本標記語言，HTML，
當然，這是所有網頁的

360
00:20:19,100 --> 00:20:23,080
我們看到我們身邊，授
與拋出一些CSS樣式。

361
00:20:23,080 --> 00:20:25,580
>> 但如果有人是
真正的大與MySpace，

362
00:20:25,580 --> 00:20:28,240
我敢肯定，你使用的所有HTML
所有的時間來打造

363
00:20:28,240 --> 00:20:30,640
這些完美的輪廓，對不對？

364
00:20:30,640 --> 00:20:34,930
我覺得這可能是一個
引用過時了，但不管。

365
00:20:34,930 --> 00:20:37,780
就在little--你們
是不是年輕了許多。

366
00:20:37,780 --> 00:20:40,480
你們當中有些人比我大。

367
00:20:40,480 --> 00:20:42,480
MySpace的仍然是一個
的事情時，我還年輕。

368
00:20:42,480 --> 00:20:44,510
我沒那麼老。

369
00:20:44,510 --> 00:20:49,265
>> 不管怎麼說，HTML超文本的一種形式。

370
00:20:49,265 --> 00:20:55,640
因此，超文本僅僅是
文字添加功能。

371
00:20:55,640 --> 00:21:01,790
這樣的傳輸協議可能是
更玄乎的東西來解釋。

372
00:21:01,790 --> 00:21:04,870
顯然，transfer--
只是傳輸數據。

373
00:21:04,870 --> 00:21:09,370
因此，無論是客戶端之間，像
您的Web哥哥和一個服務器。

374
00:21:09,370 --> 00:21:12,090
所以基本上只
這樣的網絡作品。

375
00:21:12,090 --> 00:21:16,339
>> 這樣的準確請求
如何將這些工作中，我們

376
00:21:16,339 --> 00:21:18,755
實際上要去看看的
例如請求和響應。

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

378
00:21:21,730 --> 00:21:25,220
但是，我們如何要求
從一服務器的信息

379
00:21:25,220 --> 00:21:30,590
如何在服務器響應給我們的是
這是什麼傳輸協議管轄。

380
00:21:30,590 --> 00:21:35,320
這樣的請求和響應有
遵循這些特定的規則。

381
00:21:35,320 --> 00:21:38,340
它是標準化的，因此，不管
在那裡你正在使用的網絡連接，

382
00:21:38,340 --> 00:21:40,720
它總是以同樣的好不好？

383
00:21:40,720 --> 00:21:43,220
>> 再次，協議設定的規則。

384
00:21:43,220 --> 00:21:45,620
這只是一個正常的
以同樣的方式相互作用

385
00:21:45,620 --> 00:21:49,500
這馬蘭教授談
如果有人伸出自己的手，

386
00:21:49,500 --> 00:21:52,880
你知道，這是常見的禮貌
達到你出去和他們握手。

387
00:21:52,880 --> 00:21:54,580
這是一個協議，對不對？

388
00:21:54,580 --> 00:21:59,060
>> 所以我給了一些標準化的要求，
這是我想握你的手，

389
00:21:59,060 --> 00:22:01,975
你提供一些標準化
對此，它或者是不，謝謝

390
00:22:01,975 --> 00:22:04,600
或者你可以嘗試動搖我
一方面也許你會嘗試

391
00:22:04,600 --> 00:22:06,490
和拳頭撞了我。

392
00:22:06,490 --> 00:22:08,320
而我們沒有一個協議為該。

393
00:22:08,320 --> 00:22:09,360
它打破了。

394
00:22:09,360 --> 00:22:12,030
但是，如果每個人都遵循
當然，相同的協議，

395
00:22:12,030 --> 00:22:14,250
它會更加完美。

396
00:22:14,250 --> 00:22:15,590
人們去了解對方。

397
00:22:15,590 --> 00:22:16,830
每個人的快樂。

398
00:22:16,830 --> 00:22:20,750
>> 所以在網絡世界中，
每個人都遵循相同的rules--

399
00:22:20,750 --> 00:22:22,940
不是社會標準略勝一籌。

400
00:22:22,940 --> 00:22:26,950
但是，我們來看看
在這裡舉例的請求。

401
00:22:26,950 --> 00:22:30,020
因此，有這個小
這裡的關鍵在底部

402
00:22:30,020 --> 00:22:34,990
告訴你不同的顏色，
他們是怎麼認為的意思。

403
00:22:34,990 --> 00:22:38,290
>> 所以白就像你的方法
要求和協議version--

404
00:22:38,290 --> 00:22:42,400
這樣的方法要求，版本。

405
00:22:42,400 --> 00:22:44,630
然後這是一些
字段名稱和值

406
00:22:44,630 --> 00:22:47,630
這一領域中，我們將
進入非常，非常短。

407
00:22:47,630 --> 00:22:49,840
因此，這是一個例子請求。

408
00:22:49,840 --> 00:22:54,470
這就像我伸出，
想介紹一下我自己。

409
00:22:54,470 --> 00:22:58,507
>> 這是在客戶端
或者你的網絡瀏覽器

410
00:22:58,507 --> 00:22:59,840
將被發送到服務器。

411
00:22:59,840 --> 00:23:04,500
因此，這是一個GET請求，所以它的
要求從服務器的東西。

412
00:23:04,500 --> 00:23:09,690
和它的，當然，HTTP的
而它的1.1版本。

413
00:23:09,690 --> 00:23:16,060
>> 所以這個位置的其他部分就是我們所說的
頭，它的額外信息

414
00:23:16,060 --> 00:23:20,050
這給了我們一個更好的主意
我們實際上是在要求，

415
00:23:20,050 --> 00:23:23,190
或者說我們想要的信息給
這可能是相關的服務器。

416
00:23:23,190 --> 00:23:32,880
因此，用戶代理提供了一些更
說明on--例如，在這裡，

417
00:23:32,880 --> 00:23:38,720
捲曲/ 7.24.0實際上是要告訴
我們使用谷歌服務器

418
00:23:38,720 --> 00:23:40,700
鉻作為我們的瀏覽器。

419
00:23:40,700 --> 00:23:43,290
所以，如果你聽過
關於人誰說話

420
00:23:43,290 --> 00:23:48,160
有關使一個應用程序響應
多個瀏覽器，

421
00:23:48,160 --> 00:23:50,330
這是後話，他們
如果你會因為使用

422
00:23:50,330 --> 00:23:53,000
不知道是什麼瀏覽器
該請求是從哪裡來的，

423
00:23:53,000 --> 00:23:55,050
你無法將數據調整到這一點。

424
00:23:55,050 --> 00:23:57,690
所以在這種情況下，用戶
只是給這種

425
00:23:57,690 --> 00:24:01,030
的識別信息
什麼瀏覽器

426
00:24:01,030 --> 00:24:06,510
您的用戶目前正在使用，好不好？

427
00:24:06,510 --> 00:24:11,640
>> 這樣的話，我們也有許多，這是
其中，我們實際上想要去。

428
00:24:11,640 --> 00:24:15,280
在這種情況下，我們想要去
apple.com，買一些很酷的新的iPad

429
00:24:15,280 --> 00:24:19,540
什麼的，也許可愛
燈光在我們的宿舍裡。

430
00:24:19,540 --> 00:24:24,900
並在最後的名字值只是
填充物，只是一個普通的事

431
00:24:24,900 --> 00:24:25,760
為你們看到的。

432
00:24:25,760 --> 00:24:28,240
它實際上並不
對應於什麼位置。

433
00:24:28,240 --> 00:24:32,360
>> 所以，你可以有盡可能多或盡可能
只要你想在每一種情況下很少。

434
00:24:32,360 --> 00:24:36,990
大多數時候，這些都是可選的。

435
00:24:36,990 --> 00:24:41,780
這只是取決於什麼
您的瀏覽器需要，

436
00:24:41,780 --> 00:24:45,120
從以用戶為
給予適當的請求。

437
00:24:45,120 --> 00:24:48,970
或者，它取決於你的用戶
實際想放棄給服務器。

438
00:24:48,970 --> 00:24:54,550
所以，你可能有很多很多
這些報頭字段名

439
00:24:54,550 --> 00:24:57,140
或者你可能只是有一對夫婦。

440
00:24:57,140 --> 00:24:59,630
由於有這麼多的事情
我說在本節中，

441
00:24:59,630 --> 00:25:03,590
這真的取決於上下文
你正在使用這個方式。

442
00:25:03,590 --> 00:25:06,810
>> 這是否有道理給大家？

443
00:25:06,810 --> 00:25:11,463
這只是一個例子
的請求，報頭，諸如此類的東西。

444
00:25:11,463 --> 00:25:16,910
好了，就這樣，我們有一些反應。

445
00:25:16,910 --> 00:25:20,510
>> 再次，我們有我們的狀態代碼，協議
版本，然後字段名和字段

446
00:25:20,510 --> 00:25:21,700
重視一如既往。

447
00:25:21,700 --> 00:25:25,500
因此，我們的協議版本
而我們的狀態碼為200。

448
00:25:25,500 --> 00:25:28,610
行，這意味著，
是的，一切都很順利。

449
00:25:28,610 --> 00:25:30,230
這裡就是你想要的。

450
00:25:30,230 --> 00:25:33,750
>> 服務器類型，內容
類型 - 它告訴我們，OK，你

451
00:25:33,750 --> 00:25:37,210
會得到一些文本的HTML。

452
00:25:37,210 --> 00:25:40,520
下面是它的長度和這裡的
你應該做的連接。

453
00:25:40,520 --> 00:25:43,004
OK，如此反复，這取決於
在你的數據

454
00:25:43,004 --> 00:25:45,670
要求，這取決於在
服務器要返回給你，

455
00:25:45,670 --> 00:25:49,440
你可能有更多這樣的領域
名字，你可能有少。

456
00:25:49,440 --> 00:25:53,950
完全依賴於上下文的。

457
00:25:53,950 --> 00:25:56,650
>> 而據該狀態
當然，這裡的代碼，

458
00:25:56,650 --> 00:25:59,590
200是不是唯一的一個
你可以有，對不對？

459
00:25:59,590 --> 00:26:01,580
我們有很多的狀態代碼。

460
00:26:01,580 --> 00:26:06,120
有誰還記得任何的
別人認為我們在課堂上提到的？

461
00:26:06,120 --> 00:26:08,310
很多人開始4。

462
00:26:08,310 --> 00:26:09,680
>> 聽眾：404。

463
00:26:09,680 --> 00:26:11,310
>> ALLISON BUCHHOLTZ-AU：404，這是？

464
00:26:11,310 --> 00:26:12,140
>> 聽眾：找不到文件？

465
00:26:12,140 --> 00:26:13,250
>> ALLISON BUCHHOLTZ-AU：未找到文件。

466
00:26:13,250 --> 00:26:14,120
沒錯。

467
00:26:14,120 --> 00:26:15,587
那麼，關於403？

468
00:26:15,587 --> 00:26:16,420
聽眾：故宮。

469
00:26:16,420 --> 00:26:17,120
ALLISON BUCHHOLTZ-AU：紫禁城。

470
00:26:17,120 --> 00:26:18,695
所以，你有什麼感想
這意味著與chmods？

471
00:26:18,695 --> 00:26:20,890
>> 聽眾：這意味著你
沒有權限讀取它。

472
00:26:20,890 --> 00:26:22,400
>> ALLISON BUCHHOLTZ-AU：沒錯。

473
00:26:22,400 --> 00:26:25,190
在某種程度上，你不必
權限來訪問它，對不對？

474
00:26:25,190 --> 00:26:27,242
所以，404，403。

475
00:26:27,242 --> 00:26:28,950
有一個非常有趣的
一個我們永遠

476
00:26:28,950 --> 00:26:31,116
每年推出的
我應該把在這裡，

477
00:26:31,116 --> 00:26:33,370
就像413，這是我一個茶壺。

478
00:26:33,370 --> 00:26:34,390
你可以google一下。

479
00:26:34,390 --> 00:26:38,490
這很有趣，那就是代碼
413和它的我是一個茶壺。

480
00:26:38,490 --> 00:26:41,240
我不知道你為什麼會
在任何時候需要在互聯網上，

481
00:26:41,240 --> 00:26:42,935
但我離題。

482
00:26:42,935 --> 00:26:44,310
聽眾：也許你是一個茶壺。

483
00:26:44,310 --> 00:26:46,476
ALLISON BUCHHOLTZ-AU：也許
該服務器是一個茶壺。

484
00:26:46,476 --> 00:26:47,890
誰知道？

485
00:26:47,890 --> 00:26:51,840
好吧，那麼我們將要
過渡到真正的編碼。

486
00:26:51,840 --> 00:26:54,750
我覺得你們要
離開這裡很快。

487
00:26:54,750 --> 00:26:56,940
>> 聽眾：為什麼這
說“服務器：兩次？

488
00:26:56,940 --> 00:26:57,981
>> ALLISON BUCHHOLTZ-AU：嗯？

489
00:26:57,981 --> 00:27:00,350
服務器的兩倍？

490
00:27:00,350 --> 00:27:03,750
這是一個很好的問題。

491
00:27:03,750 --> 00:27:04,630
我不知道。

492
00:27:04,630 --> 00:27:07,520
我會找出來，
我會向您發送電子郵件所有。

493
00:27:07,520 --> 00:27:11,410
>> OK，除此之外沒有其它問題？

494
00:27:11,410 --> 00:27:12,310
好不好？

495
00:27:12,310 --> 00:27:14,390
涼爽。

496
00:27:14,390 --> 00:27:17,280
>> HTML和CSS，而現在我們
讓所有的有趣的部分。

497
00:27:17,280 --> 00:27:21,697
因此，正如我前面提到的，HTML
大概的事情之一

498
00:27:21,697 --> 00:27:23,030
你們是最熟悉的。

499
00:27:23,030 --> 00:27:25,760
因此，我們有超文本標記語言。

500
00:27:25,760 --> 00:27:29,900
>> 最好的方式來學習this--我不
有準備的幻燈片或任何

501
00:27:29,900 --> 00:27:31,480
為你們使用HTML。

502
00:27:31,480 --> 00:27:33,640
這的的確確是學習語法。

503
00:27:33,640 --> 00:27:38,380
如果你在MySpace上
一天，你會下來。

504
00:27:38,380 --> 00:27:42,790
>> 因此，其實，最重要的事情是
只是練習和實驗。

505
00:27:42,790 --> 00:27:48,000
一個偉大的資源，我會
強烈推薦使用的W3Schools的。

506
00:27:48,000 --> 00:27:50,620
因此，只要W，3，然後學校。

507
00:27:50,620 --> 00:27:54,810
他們有很多的
在HTML資源，對CSS，

508
00:27:54,810 --> 00:27:58,970
自己卻是一個
分屏之類的事情

509
00:27:58,970 --> 00:28:00,830
在那裡，他們會給你的示例代碼。

510
00:28:00,830 --> 00:28:03,290
你可以用它撥弄，
改變它，並按下更新，

511
00:28:03,290 --> 00:28:06,410
它會告訴你什麼
實際上做的網頁。

512
00:28:06,410 --> 00:28:08,380
>> 所以，我強烈建議使用。

513
00:28:08,380 --> 00:28:11,300
這實在是太酷了。

514
00:28:11,300 --> 00:28:14,560
你不會得到賽格故障
在這裡，當事情出錯。

515
00:28:14,560 --> 00:28:16,430
如果你成功地獲得
一個賽格故障使用HTML，

516
00:28:16,430 --> 00:28:19,446
不要讓我知道，因為我
將要真正的興趣。

517
00:28:19,446 --> 00:28:21,570
但它真的很酷，因為
你可以改變的事情，

518
00:28:21,570 --> 00:28:23,550
你可以看到他們的現場更新。

519
00:28:23,550 --> 00:28:26,210
我想你會得到一個更
更直觀地掌握HTML的

520
00:28:26,210 --> 00:28:28,690
如果你真的只花了一些
時間用它進行試驗。

521
00:28:28,690 --> 00:28:32,590
所以這就是為什麼我說，
實踐和實驗。

522
00:28:32,590 --> 00:28:34,490
>> 谷歌，從這裡開始
出，可能會

523
00:28:34,490 --> 00:28:36,440
您的一個最好的資源和朋友。

524
00:28:36,440 --> 00:28:41,080
或Bing--我的工作在微軟，
所以也許我應該說兵。

525
00:28:41,080 --> 00:28:45,590
但是，相當多的東西
只是要成為語法，

526
00:28:45,590 --> 00:28:51,300
因此，了解什麼樣的標籤，
understanding--至少與CSS--

527
00:28:51,300 --> 00:28:53,360
如何改變某些屬性。

528
00:28:53,360 --> 00:28:55,300
這將是非常有用的。

529
00:28:55,300 --> 00:28:58,852
>> 因此，即使我們不這樣做
有任何準備的東西，

530
00:28:58,852 --> 00:29:02,060
我們確實有那種的一些最佳實踐
我們希望你們嘗試和遵守

531
00:29:02,060 --> 00:29:06,640
by--或者說，你應該
遵守，直至另行通知。

532
00:29:06,640 --> 00:29:09,722
因此，關閉所有標籤。

533
00:29:09,722 --> 00:29:12,930
希望大家has--你知道嗎，
如果這沒有任何意義，現在，

534
00:29:12,930 --> 00:29:15,388
我保證它才有意義
當我們正在編碼的頁面。

535
00:29:15,388 --> 00:29:16,680
但是，關閉所有標籤。

536
00:29:16,680 --> 00:29:20,410
因此，如果你曾經有一些
報頭的支架，

537
00:29:20,410 --> 00:29:24,180
H1，支架，確保
每當你做完這些，

538
00:29:24,180 --> 00:29:26,570
您關閉這個頭。

539
00:29:26,570 --> 00:29:30,260
驗證與W3驗證頁面。

540
00:29:30,260 --> 00:29:34,689
如果你不關閉你的標籤，
你可以得到意外的行為。

541
00:29:34,689 --> 00:29:37,730
它會說你的網頁是無效的
如果您通過此驗證程序運行。

542
00:29:37,730 --> 00:29:41,000
因此，當在doubt--，尤其是
在本週的和下週的

543
00:29:41,000 --> 00:29:46,220
pset--在我們要求以同樣的方式
您可以使用檢查50和50的風格，

544
00:29:46,220 --> 00:29:49,130
你可以認為這
為您的檢查之一，好不好？

545
00:29:49,130 --> 00:29:51,950
>> 因此，如果它沒有通過W3驗證。

546
00:29:51,950 --> 00:29:53,810
這是我們將停靠你。

547
00:29:53,810 --> 00:29:55,960
或者，我告訴你正確的
現在，我將停靠你。

548
00:29:55,960 --> 00:29:58,202
所以一定要確保它驗證。

549
00:29:58,202 --> 00:29:58,785
它並不難。

550
00:29:58,785 --> 00:30:01,530
你剛才粘貼在你的代碼
它會要么說好工作

551
00:30:01,530 --> 00:30:03,630
或者你錯過
一些以同樣的方式

552
00:30:03,630 --> 00:30:07,760
這種風格50告訴你
在那裡你搞亂了。

553
00:30:07,760 --> 00:30:11,360
>> 然後最後一件事
是你要分開

554
00:30:11,360 --> 00:30:15,980
您的標記，這是所有HTML
或者你的文字和你的造型。

555
00:30:15,980 --> 00:30:19,420
所以，我們要做的一個例子
之後這是正確的。

556
00:30:19,420 --> 00:30:21,830
因此，HTML和CSS應該是分開的。

557
00:30:21,830 --> 00:30:26,030
而我們將要談論
MVC，這是模型視圖控制器，

558
00:30:26,030 --> 00:30:27,100
下週。

559
00:30:27,100 --> 00:30:29,360
你們或許應該
了解，在講座

560
00:30:29,360 --> 00:30:32,130
明天如果你有
現在已經學會了。

561
00:30:32,130 --> 00:30:34,250
>> 而且這只是一種
我們傾向於範例

562
00:30:34,250 --> 00:30:37,460
創建網站時使用
頁面分離出來的東西。

563
00:30:37,460 --> 00:30:41,440
你可以把它以同樣的方式
我們傾向於在C分離功能

564
00:30:41,440 --> 00:30:43,360
我們哈希找東西。

565
00:30:43,360 --> 00:30:45,530
這只是一種方式
讓您的生活更輕鬆。

566
00:30:45,530 --> 00:30:51,790
它分離出來的屬性或代碼，
你會用一遍又一遍，

567
00:30:51,790 --> 00:30:55,360
但在這種方式中，一種
對保持其漂亮和整潔。

568
00:30:55,360 --> 00:30:58,260
如果你想改變
有一件事，你一旦改變它

569
00:30:58,260 --> 00:31:00,150
和它的其他地方改變了。

570
00:31:00,150 --> 00:31:05,010
所以，它更您
緩解和靈活性。

571
00:31:05,010 --> 00:31:11,430
>> 因此，與CSS，這是非常相似的
為HTML格式的，而是標籤

572
00:31:11,430 --> 00:31:15,120
我剛才提到，我們
用什麼叫做選擇。

573
00:31:15,120 --> 00:31:21,900
他們基本上只是一種
關聯的特定標籤

574
00:31:21,900 --> 00:31:24,620
在HTML中具有不同的屬性。

575
00:31:24,620 --> 00:31:29,060
當我說的屬性，我的意思是
之類的東西字體顏色，字體樣式，

576
00:31:29,060 --> 00:31:32,694
背景的顏色，
你的文字的顏色。

577
00:31:32,694 --> 00:31:33,610
這些各種各樣的事情。

578
00:31:33,610 --> 00:31:36,270
如果它像為中心，
如果是關閉的權利，

579
00:31:36,270 --> 00:31:39,430
如果是inverted--所有
這些很酷的事情。

580
00:31:39,430 --> 00:31:42,490
任何風格的東西
你做你的文字，

581
00:31:42,490 --> 00:31:45,070
這就是我的意思是帶屬性。

582
00:31:45,070 --> 00:31:50,140
>> 然後兩個主要的事情知道的是，
selectors--兩個主要factors--的

583
00:31:50,140 --> 00:31:53,090
有ID，這是獨一無二的。

584
00:31:53,090 --> 00:31:54,859
您只能使用一件事。

585
00:31:54,859 --> 00:31:56,400
否則，它會衝你大吼大叫。

586
00:31:56,400 --> 00:31:59,970
而當我們把它定義
在一個CSS文件，它會

587
00:31:59,970 --> 00:32:03,182
是散列ID，然後
我們想要的屬性。

588
00:32:03,182 --> 00:32:05,140
我保證我們將
經過一個例子。

589
00:32:05,140 --> 00:32:06,830
這會讓很多更有意義。

590
00:32:06,830 --> 00:32:08,830
>> 類可以指多個塊。

591
00:32:08,830 --> 00:32:13,400
所以，你可以有你的
第一和第三段

592
00:32:13,400 --> 00:32:17,240
具有相同的排序，如果屬性
您將它們與同一類關聯。

593
00:32:17,240 --> 00:32:21,050
而當我們將它們定義
在CSS中，我們做了點類，

594
00:32:21,050 --> 00:32:25,710
與class是什麼
你希望它被命名。

595
00:32:25,710 --> 00:32:28,559
>> 所以，我知道這是正確的
現在很抽象。

596
00:32:28,559 --> 00:32:29,850
這就是為什麼我們要的代碼。

597
00:32:29,850 --> 00:32:32,060
我知道你們愛
這一點，大家都

598
00:32:32,060 --> 00:32:34,210
要幫我，因為
這是您的網頁。

599
00:32:34,210 --> 00:32:36,310
這是我們部分的網頁，伙計們。

600
00:32:36,310 --> 00:32:40,158
所以，在我之前有沒有問題
關閉PowerPoint或任何東西

601
00:32:40,158 --> 00:32:42,366
你要我向後滾動
之前我們開始編碼？

602
00:32:42,366 --> 00:32:45,074
>> 聽眾：當你說比賽的標籤，
你的意思是選擇或標記？

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

604
00:32:50,427 --> 00:32:53,010
ALLISON BUCHHOLTZ-AU：你可以
認為它們是一回事。

605
00:32:53,010 --> 00:32:54,590
這只是不同的單詞。

606
00:32:54,590 --> 00:32:56,460
我的意思是，像選擇。

607
00:32:56,460 --> 00:32:59,470
但選擇也映射到標籤。

608
00:32:59,470 --> 00:33:02,800
所以，你可以把它們想像成
有效的同樣的事情。

609
00:33:02,800 --> 00:33:05,900
我保證這將使得
當我們的代碼更感。

610
00:33:05,900 --> 00:33:08,400
任何從
PowerPoint中的任何問題或

611
00:33:08,400 --> 00:33:12,980
現在其實我們之前
創建我們的部分的頁面？

612
00:33:12,980 --> 00:33:15,040
大家都準備好了嗎？

613
00:33:15,040 --> 00:33:15,540
涼爽。

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

615
00:33:19,820 --> 00:33:24,760
>> 所以，我有一個開始。

616
00:33:24,760 --> 00:33:27,030
讓我增加字體為你們。

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

618
00:33:29,810 --> 00:33:36,730
好了，現在，我們只是有一個
光禿禿的骨頭網頁就在這裡。

619
00:33:36,730 --> 00:33:38,360
>> 我們有一些HTML。

620
00:33:38,360 --> 00:33:41,050
我們有一些標題，這是我們
在這裡看到為例網頁。

621
00:33:41,050 --> 00:33:44,540
一些標題，一些字體。

622
00:33:44,540 --> 00:33:47,580
這些都是標籤，好不好？

623
00:33:47,580 --> 00:33:53,930
所以，當我的意思是關閉的標籤，我們可以看到
在這裡頭支架是你開

624
00:33:53,930 --> 00:33:59,670
標籤，而這個支架
/頭關閉它，好不好？

625
00:33:59,670 --> 00:34:04,380
>> 所以，你可以認為這是
在你的情況，如果你的牙套

626
00:34:04,380 --> 00:34:05,420
或者你的循環。

627
00:34:05,420 --> 00:34:08,630
如果有開頭，
你想要一個在末端。

628
00:34:08,630 --> 00:34:13,500
它仍然可以工作的大部分時間
如果你沒有一個封閉的標籤，

629
00:34:13,500 --> 00:34:17,659
但最好的做法是關閉的標籤。

630
00:34:17,659 --> 00:34:20,940
>> 所以在這種情況下，讓我們來改變這種情況。

631
00:34:20,940 --> 00:34:24,150
我們將有第7。

632
00:34:24,150 --> 00:34:25,270
“部分網頁。”

633
00:34:25,270 --> 00:34:26,969
所以，我只是要改變這一點。

634
00:34:26,969 --> 00:34:32,100
>> 如果我們去了這裡，我們
reload--得保存和reload--

635
00:34:32,100 --> 00:34:36,750
我們在這裡看到，高達
它改變了，對不對？

636
00:34:36,750 --> 00:34:38,250
涼爽。

637
00:34:38,250 --> 00:34:39,380
因此，這將標題。

638
00:34:39,380 --> 00:34:41,920
這是你的卡上的任何的。

639
00:34:41,920 --> 00:34:43,870
>> 因此，這是一種
找那種無聊的。

640
00:34:43,870 --> 00:34:44,870
我不知道的傢伙。

641
00:34:44,870 --> 00:34:46,810
我認為我們想別的東西在這裡。

642
00:34:46,810 --> 00:34:51,900
>> 所以，我們可以做的是
包頭就是那裡。

643
00:34:51,900 --> 00:34:54,320
讓我們做一些身體。

644
00:34:54,320 --> 00:34:56,550
因此，我們在這裡有一些身體。

645
00:34:56,550 --> 00:35:01,360
我總是這樣開放，
關閉我的標籤開始，

646
00:35:01,360 --> 00:35:04,850
以同樣的方式，我做的牙套。

647
00:35:04,850 --> 00:35:06,326
啊。

648
00:35:06,326 --> 00:35:09,010
等等，什麼？

649
00:35:09,010 --> 00:35:10,949
>> 聽眾：[聽不清]。

650
00:35:10,949 --> 00:35:11,990
ALLISON BUCHHOLTZ-AU：嗯。

651
00:35:11,990 --> 00:35:13,895
你們收到了嗎？

652
00:35:13,895 --> 00:35:14,930
好工作。

653
00:35:14,930 --> 00:35:16,270
金名將。

654
00:35:16,270 --> 00:35:20,300
>> 好了，我們有一些身體在這裡。

655
00:35:20,300 --> 00:35:22,920
現在，讓我們開始添加一些文字。

656
00:35:22,920 --> 00:35:26,110
所以，你有幾個不同的
選擇添加文本。

657
00:35:26,110 --> 00:35:29,380
我們喜歡的東西頭。

658
00:35:29,380 --> 00:35:32,144
我們只是普通的文本。

659
00:35:32,144 --> 00:35:33,560
所以，就讓我們先從一個頭。

660
00:35:33,560 --> 00:35:36,670
其實，如果你們想
拉起W3學校的HTML，

661
00:35:36,670 --> 00:35:38,860
有種你可以看看周圍
如果有什麼事，

662
00:35:38,860 --> 00:35:42,470
尤其是你想嘗試
這個網頁，我們可以做到這一點。

663
00:35:42,470 --> 00:35:46,250
因此，在這種情況下，我們只是做一些H1。

664
00:35:46,250 --> 00:35:48,710
所以H1就像是最高的頭。

665
00:35:48,710 --> 00:35:52,260
它會給你的東西
這是非常大的，大膽的。

666
00:35:52,260 --> 00:35:58,010
>> 在這種情況下，什麼做我們想要
對我們的網頁第一個文本？

667
00:35:58,010 --> 00:35:58,640
任何事情。

668
00:35:58,640 --> 00:35:59,800
你們將要創建此。

669
00:35:59,800 --> 00:36:00,758
我只是打字。

670
00:36:00,758 --> 00:36:01,620
聽眾：歡迎。

671
00:36:01,620 --> 00:36:02,870
>> ALLISON BUCHHOLTZ-AU：歡迎。

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

673
00:36:06,660 --> 00:36:12,620
好了，如果我們將它保存和我們刷新，
我們有一個偉大的熱烈歡迎。

674
00:36:12,620 --> 00:36:17,365
因此，只要這樣你就可以看到
差異，讓我們做一些事情上H6。

675
00:36:17,365 --> 00:36:18,490
我們究竟要在這裡？

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

677
00:36:24,951 --> 00:36:27,440
對不對？

678
00:36:27,440 --> 00:36:30,356
>> 好了，只是讓你可以
看到的差別。

679
00:36:30,356 --> 00:36:31,990
是的，崇高。

680
00:36:31,990 --> 00:36:34,680
所以，如果你發現，H1，非常，非常大的。

681
00:36:34,680 --> 00:36:39,030
H6一樣大膽，但要小得多，
你有之間的一切。

682
00:36:39,030 --> 00:36:41,550
所以，你可以有H2，H3，H4。

683
00:36:41,550 --> 00:36:43,750
而這些都只是頭，
所以，如果你想

684
00:36:43,750 --> 00:36:46,010
創建一個網頁，
有不同的部分，

685
00:36:46,010 --> 00:36:48,810
也許你想使用
頭在那裡的某個地方。

686
00:36:48,810 --> 00:36:49,580
>> 涼爽。

687
00:36:49,580 --> 00:36:53,270
因此，我們將添加一些更多
事情在我們身上。

688
00:36:53,270 --> 00:36:58,380
我認為，這將是一種
如果我們有一個很酷的圖片。

689
00:36:58,380 --> 00:37:02,840
我覺得每個人都可以使用的可能
一個可愛的小兔子圖片一下吧，

690
00:37:02,840 --> 00:37:05,082
所以我們要找到
兔子圖片第一。

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

692
00:37:10,010 --> 00:37:12,960
>> 我不知道你們有什麼
喜好哪一個我們想要的。

693
00:37:12,960 --> 00:37:14,890
你有什麼偏好？

694
00:37:14,890 --> 00:37:15,925
這一個在這裡？

695
00:37:15,925 --> 00:37:17,160
下來。

696
00:37:17,160 --> 00:37:17,750
行。

697
00:37:17,750 --> 00:37:18,760
一個是。

698
00:37:18,760 --> 00:37:20,080
不錯的選擇。

699
00:37:20,080 --> 00:37:21,850
>> 好了，我們要查看我們的形象。

700
00:37:21,850 --> 00:37:22,920
你看那個。

701
00:37:22,920 --> 00:37:24,250
看看那個可愛的東西。

702
00:37:24,250 --> 00:37:27,080
你怎麼能難過
在週一與此？

703
00:37:27,080 --> 00:37:30,180
>> 所以我們只是去
複製圖片網址。

704
00:37:30,180 --> 00:37:38,720
我們想要做的是，讓我們只
說我們有一些P的段落。

705
00:37:38,720 --> 00:37:41,140
我們會說：“你看
看著可愛的小兔子。

706
00:37:41,140 --> 00:37:44,130
D'awwww。“

707
00:37:44,130 --> 00:37:44,880
我愛我的小兔子。

708
00:37:44,880 --> 00:37:45,838
我有一隻小兔子在家裡。

709
00:37:45,838 --> 00:37:48,085
我想念我的小兔子。

710
00:37:48,085 --> 00:37:50,460
所以，我們要do--什麼
我不知道，如果你們想

711
00:37:50,460 --> 00:37:55,970
谷歌this--但隨著HTML，
怎麼可能，你有一個形象？

712
00:37:55,970 --> 00:37:58,355
從字面上看，如果谷歌
“包括像HTML”

713
00:37:58,355 --> 00:38:00,480
為什麼你們不告訴我
這是什麼標籤應該是什麼？

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

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

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

719
00:38:09,000 --> 00:38:10,181
聽眾：--quote--啊。

720
00:38:10,181 --> 00:38:11,430
ALLISON BUCHHOLTZ-AU：完美。

721
00:38:11,430 --> 00:38:12,090
可愛的。

722
00:38:12,090 --> 00:38:15,470
見，MySpace的一代，對吧？

723
00:38:15,470 --> 00:38:16,220
聽眾：尼奧。

724
00:38:16,220 --> 00:38:17,470
ALLISON BUCHHOLTZ-AU：尼奧。

725
00:38:17,470 --> 00:38:18,950
哦，好吧。

726
00:38:18,950 --> 00:38:20,200
哇。

727
00:38:20,200 --> 00:38:21,260
它已經瘋了。

728
00:38:21,260 --> 00:38:23,120
行。

729
00:38:23,120 --> 00:38:25,600
>> 所以一定要確保我得到這個權利。

730
00:38:25,600 --> 00:38:26,100
涼爽。

731
00:38:26,100 --> 00:38:27,750
所以這應該是在這裡。

732
00:38:27,750 --> 00:38:34,146
然後如果我們刷新，我們有我們的
兔子在頁面上這不是很可愛嗎？

733
00:38:34,146 --> 00:38:35,030
>> 這是太可愛了。

734
00:38:35,030 --> 00:38:36,860
你選擇了一個偉大的，偉大的照片。

735
00:38:36,860 --> 00:38:38,180
我挖了。

736
00:38:38,180 --> 00:38:41,350
>> 好了，我們有這個可愛的小兔子了。

737
00:38:41,350 --> 00:38:44,590
我們能夠添加
形象，就這樣。

738
00:38:44,590 --> 00:38:47,550
所以基本上，如果有任何影像
要添加到您的網頁，

739
00:38:47,550 --> 00:38:49,430
您可以添加它，就像這樣。

740
00:38:49,430 --> 00:38:52,910
另一件事是，如果
你的圖像存儲

741
00:38:52,910 --> 00:38:55,670
在同一文件夾中
這個文件，你可以

742
00:38:55,670 --> 00:38:59,595
寫圖像的任何名稱
是不是有一個網頁鏈接。

743
00:38:59,595 --> 00:39:01,010
>> 它仍然是在引號中。

744
00:39:01,010 --> 00:39:03,700
它也只是象
如果我們有一個名為this--

745
00:39:03,700 --> 00:39:06,695
如果這幅畫已被保存
這個HTML文件的文件夾中

746
00:39:06,695 --> 00:39:08,570
我正在編輯並
被稱為bunny.jpg。

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

748
00:39:11,289 --> 00:39:13,080
我們也可以這樣做
它會顯示出來。

749
00:39:13,080 --> 00:39:16,600
不過，我沒有這個保存
的文件，我想保持小兔子，

750
00:39:16,600 --> 00:39:18,092
所以我們要保持聯繫。

751
00:39:18,092 --> 00:39:20,720
>> 聽眾：什麼是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
這是一個appropriate--
看，你可以採納。

754
00:39:25,170 --> 00:39:25,770
收養。

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

756
00:39:27,690 --> 00:39:29,190
我想收養這個小兔子。

757
00:39:29,190 --> 00:39:31,180
哦，上帝，它是如此的可愛。

758
00:39:31,180 --> 00:39:34,230
>> 好了，我們增加了頭。

759
00:39:34,230 --> 00:39:35,500
我們增加了一個圖片。

760
00:39:35,500 --> 00:39:37,760
很顯然，我們增加
這裡的一些文字，對不對？

761
00:39:37,760 --> 00:39:40,920
如果我們想要添加其他
文本，我們會是這樣的。

762
00:39:40,920 --> 00:39:43,760
因此，這是另一個段落。

763
00:39:43,760 --> 00:39:49,070
>> 我們說：“這是另一段。”

764
00:39:49,070 --> 00:39:52,510
另外，我是一個可怕的拼寫，
所以我可能拼錯的事情。

765
00:39:52,510 --> 00:39:54,930
僅供參考。

766
00:39:54,930 --> 00:39:58,450
>> 因此，我們有另一種
在這裡段落，對不對？

767
00:39:58,450 --> 00:40:02,190
因此，也許你想要做的事
不只是一點點更有趣

768
00:40:02,190 --> 00:40:04,640
把所有的文字，像右對齊。

769
00:40:04,640 --> 00:40:08,490
也許你要居中的文字，好不好？

770
00:40:08,490 --> 00:40:11,820
>> 因此，如果有人想利用這些
在你面前得心應手電腦

771
00:40:11,820 --> 00:40:19,034
並告訴我你是怎麼
要圍繞這個文本，

772
00:40:19,034 --> 00:40:20,300
>> 聽眾：對對齊。

773
00:40:20,300 --> 00:40:24,834
>> ALLISON BUCHHOLTZ-AU：那麼
P對齊等於“​​中心”。

774
00:40:24,834 --> 00:40:25,750
他殺死它，伙計們。

775
00:40:25,750 --> 00:40:28,240
你們都需要加強。

776
00:40:28,240 --> 00:40:36,042
此外，我們還有“這是中心。”

777
00:40:36,042 --> 00:40:37,500
現在我們有一些居中。

778
00:40:37,500 --> 00:40:39,380
>> 以同樣的方式，如果
希望它左對齊，

779
00:40:39,380 --> 00:40:42,020
你可以這樣做等於對齊
左，對齊等於正確。

780
00:40:42,020 --> 00:40:42,850
完全取決於你。

781
00:40:42,850 --> 00:40:55,580
如果我沒有在這裡，那麼這
should--現在它的右對齊。

782
00:40:55,580 --> 00:40:57,020
>> 聽眾：佳佳？

783
00:40:57,020 --> 00:41:00,884
通過圖像源，為什麼不
有接近IMG源？

784
00:41:00,884 --> 00:41:02,050
ALLISON BUCHHOLTZ-AU：對不起。

785
00:41:02,050 --> 00:41:05,300
這應該是
還有現在你是好。

786
00:41:05,300 --> 00:41:06,026
現在，我們是很好的。

787
00:41:06,026 --> 00:41:08,150
聽眾：你不有
關閉它在那裡，還是不？

788
00:41:08,150 --> 00:41:11,450
ALLISON BUCHHOLTZ-AU：嗯，所以IMG
源，這個人是just--與形象，

789
00:41:11,450 --> 00:41:17,110
它只是被視為一個元素，而
如果你注意到了這些剩下的，

790
00:41:17,110 --> 00:41:22,106
我們有一些標籤，然後信息
它涉及到，然後關閉標籤。

791
00:41:22,106 --> 00:41:24,480
但隨著圖像，一切都
只是有點自成一體。

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

793
00:41:28,540 --> 00:41:29,040
涼爽。

794
00:41:29,040 --> 00:41:33,530
所以，你們知道如何創建一個
頭，你知道如何輸入文本，

795
00:41:33,530 --> 00:41:37,060
你知道如何把一個圖像
在現在，你可以調整的東西。

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

797
00:41:39,940 --> 00:41:42,590
>> 另一件事，你
可能希望能夠做

798
00:41:42,590 --> 00:41:47,649
是在創建一個列表CS--我們
種進入下週的PSET。

799
00:41:47,649 --> 00:41:49,440
的東西，我們
這一周通常教

800
00:41:49,440 --> 00:41:51,480
去真的很好用
下週的PSET，所以我們

801
00:41:51,480 --> 00:41:54,250
一種混合，在這裡重疊的東西。

802
00:41:54,250 --> 00:41:56,290
不過，這將是下週有用。

803
00:41:56,290 --> 00:42:02,500
>> 因此，如果我們想創造一些
列表中，怎麼可能我們做到這一點？

804
00:42:02,500 --> 00:42:03,760
你不能回答這個問題時。

805
00:42:03,760 --> 00:42:04,700
別人有。

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

807
00:42:07,290 --> 00:42:09,440
它並不難，伙計們，答應。

808
00:42:09,440 --> 00:42:13,090
谷歌“無序列表的HTML。”

809
00:42:13,090 --> 00:42:14,076
那是什麼？

810
00:42:14,076 --> 00:42:16,244
>> 聽眾：[聽不清]。

811
00:42:16,244 --> 00:42:17,410
ALLISON BUCHHOLTZ-AU：對。

812
00:42:17,410 --> 00:42:20,490
所以我們想有序或無序？

813
00:42:20,490 --> 00:42:21,500
讓我們做一個無序。

814
00:42:21,500 --> 00:42:25,240
因此，我們有一些UL，其中
代表無序列表。

815
00:42:25,240 --> 00:42:27,997
和我們有什麼對每個元素？

816
00:42:27,997 --> 00:42:29,080
是否需要自己的標籤？

817
00:42:29,080 --> 00:42:30,556
我們可以開始寫東西呢？

818
00:42:30,556 --> 00:42:31,330
>> 聽眾：李。

819
00:42:31,330 --> 00:42:32,826
>> ALLISON BUCHHOLTZ-AU：李。

820
00:42:32,826 --> 00:42:34,785
那麼，什麼是我們的名單將是？

821
00:42:34,785 --> 00:42:37,050
我們究竟想在這裡？

822
00:42:37,050 --> 00:42:38,190
我們只是做名字。

823
00:42:38,190 --> 00:42:39,250
只是做雅各布。

824
00:42:39,250 --> 00:42:40,340
>> 聽眾：兔子的食物。

825
00:42:40,340 --> 00:42:40,990
>> ALLISON BUCHHOLTZ-AU：兔子的食物。

826
00:42:40,990 --> 00:42:41,910
好吧，我喜歡這個。

827
00:42:41,910 --> 00:42:42,520
兔子的食物。

828
00:42:42,520 --> 00:42:44,440
>> 好了，我們有胡蘿蔔。

829
00:42:44,440 --> 00:42:46,640
我喜歡這個兔子的主題。

830
00:42:46,640 --> 00:42:48,024
我挖了很多。

831
00:42:48,024 --> 00:42:50,440
聽眾：其實，我覺得
雅各將是合法的。

832
00:42:50,440 --> 00:42:51,606
ALLISON BUCHHOLTZ-AU：雅各布？

833
00:42:51,606 --> 00:42:53,120
雅各布是兔子的食物。

834
00:42:53,120 --> 00:42:55,310
如果你看到了雅各布的
從照片辦公時間，

835
00:42:55,310 --> 00:42:56,850
你可能會以為自己聽錯
一個殺手兔的攻擊。

836
00:42:56,850 --> 00:42:58,099
>> 觀眾：我有一隻兔子了。

837
00:42:58,099 --> 00:42:59,710
我有一個殺手兔子了。

838
00:42:59,710 --> 00:43:00,540
>> ALLISON BUCHHOLTZ-AU：
你在開玩笑吧？

839
00:43:00,540 --> 00:43:02,081
>> 觀眾：我會帶它下一節。

840
00:43:02,081 --> 00:43:02,990
我有它。

841
00:43:02,990 --> 00:43:04,240
>> ALLISON BUCHHOLTZ-AU：
這是荒謬的。

842
00:43:04,240 --> 00:43:04,730
無論如何。

843
00:43:04,730 --> 00:43:05,510
>> 聽眾：[聽不清]

844
00:43:05,510 --> 00:43:07,510
>> 聽眾：是啊，我的監考官
有一隻兔子為好。

845
00:43:07,510 --> 00:43:09,660

846
00:43:09,660 --> 00:43:11,580
>> ALLISON BUCHHOLTZ-AU：我要一隻兔子。

847
00:43:11,580 --> 00:43:15,415
OK，誰帶來了真正的兔子
在下一部分中，總的印象分。

848
00:43:15,415 --> 00:43:16,290
聽眾：[聽不清]

849
00:43:16,290 --> 00:43:16,943
聽眾：哦，這不是真實的。

850
00:43:16,943 --> 00:43:17,910
這是一個毛絨兔子。

851
00:43:17,910 --> 00:43:18,855
>> ALLISON BUCHHOLTZ-AU：呵呵
是的，我們可以關閉這些。

852
00:43:18,855 --> 00:43:20,174
看起來弧度。

853
00:43:20,174 --> 00:43:21,590
聽眾：其實是否重要？

854
00:43:21,590 --> 00:43:23,465
ALLISON BUCHHOLTZ-AU：它沒有。

855
00:43:23,465 --> 00:43:25,590
與大多數的這些東西，
你不關閉的標籤，

856
00:43:25,590 --> 00:43:28,750
99％的時間沒有什麼不好是怎麼回事
發生的，但它是良好的作風了。

857
00:43:28,750 --> 00:43:30,250
於是雅各。

858
00:43:30,250 --> 00:43:31,864
此外，我們還有生菜。

859
00:43:31,864 --> 00:43:33,655
顧客：鏈接，
這真的很重要。

860
00:43:33,655 --> 00:43:34,696
ALLISON BUCHHOLTZ-AU：嗯？

861
00:43:34,696 --> 00:43:35,890
顧客：超鏈接。

862
00:43:35,890 --> 00:43:37,431
ALLISON BUCHHOLTZ-AU：超鏈接。

863
00:43:37,431 --> 00:43:38,610
是的，超鏈接需要它。

864
00:43:38,610 --> 00:43:40,770
OK，讓我們在這裡看到。

865
00:43:40,770 --> 00:43:44,810
和我們有密切的我們的名單中。

866
00:43:44,810 --> 00:43:46,635
我們期待在那。

867
00:43:46,635 --> 00:43:49,680
我們all--雅各，就在那裡。

868
00:43:49,680 --> 00:43:52,310
兔子的食物。

869
00:43:52,310 --> 00:43:54,000
提醒Bunnicula我。

870
00:43:54,000 --> 00:43:55,234
>> 聽眾：[聽不清]

871
00:43:55,234 --> 00:43:58,400
ALLISON BUCHHOLTZ-AU：我帶回
今天所有的老同學參考，

872
00:43:58,400 --> 00:43:59,130
是不是我？

873
00:43:59,130 --> 00:44:01,210
只是所有的老同學參考。

874
00:44:01,210 --> 00:44:05,767
應該把像
Gogurts什麼小吃。

875
00:44:05,767 --> 00:44:07,079
>> 聽眾：還是Gushers。

876
00:44:07,079 --> 00:44:08,120
ALLISON BUCHHOLTZ-AU：哦。

877
00:44:08,120 --> 00:44:08,620
行。

878
00:44:08,620 --> 00:44:10,920
我去看看我能跟踪
下Gushers下週。

879
00:44:10,920 --> 00:44:11,980
我想我能做到這一點。

880
00:44:11,980 --> 00:44:13,980
我想我們可能有
一些在辦公室裡。

881
00:44:13,980 --> 00:44:18,570
>> 好了，我們已經介紹了很多不同的
東西，你可以用HTML做的，對不對？

882
00:44:18,570 --> 00:44:23,910
正如你也許可以看到，它的
nothing--希望，不要太intim--

883
00:44:23,910 --> 00:44:25,750
如果是，我的意思不是
貶低任何人。

884
00:44:25,750 --> 00:44:29,090
如果您遇到問題，
請你跟我說話。

885
00:44:29,090 --> 00:44:31,340
>> 但大部分只是
看語法，對不對？

886
00:44:31,340 --> 00:44:34,180
如果你想要一個無序列表，
如果你想要某種名單，

887
00:44:34,180 --> 00:44:38,450
如果要對齊或東西
形式的東西，它是所有關於剛

888
00:44:38,450 --> 00:44:42,080
那種仰視
語法HTML，對不對？

889
00:44:42,080 --> 00:44:44,720
還有一件事是
其實很酷

890
00:44:44,720 --> 00:44:51,360
就是如果你去to--讓我們來看看，
什麼是一個不錯的網站，我們喜歡？

891
00:44:51,360 --> 00:44:54,920
任何人有任何喜愛的網站
這都OK，彈出在線？

892
00:44:54,920 --> 00:44:57,424

893
00:44:57,424 --> 00:44:58,840
你知道嗎，我們只是做CS50。

894
00:44:58,840 --> 00:45:01,800
這是很好的，安全的，對嗎？

895
00:45:01,800 --> 00:45:03,060
>> 好了，CS50在這裡。

896
00:45:03,060 --> 00:45:05,540
哦，你看，有一個部分現在。

897
00:45:05,540 --> 00:45:07,113
如果你喜歡的方式，它的外觀。

898
00:45:07,113 --> 00:45:08,030
>> 聽眾：[聽不清]。

899
00:45:08,030 --> 00:45:10,696
ALLISON BUCHHOLTZ-AU：我們不是
要做的事情元部分，伙計們。

900
00:45:10,696 --> 00:45:11,560
它沒有發生。

901
00:45:11,560 --> 00:45:14,540
這將是很酷，但
我們不打算這樣做。

902
00:45:14,540 --> 00:45:17,040
>> 那麼，你可以
做，如果你喜歡的方式

903
00:45:17,040 --> 00:45:21,390
這個作品是你能永遠是對的
點擊你喜歡的任何網頁

904
00:45:21,390 --> 00:45:23,660
你可以做的查看頁面源代碼。

905
00:45:23,660 --> 00:45:26,030
它將使所有的HTML。

906
00:45:26,030 --> 00:45:30,800
其實這是一個非常好的
這樣的風格你自己的網頁。

907
00:45:30,800 --> 00:45:33,640
轉到一個網頁，你
真的很喜歡並期待在HTML

908
00:45:33,640 --> 00:45:35,430
並弄清楚他們是如何做到的。

909
00:45:35,430 --> 00:45:39,280
>> 和字面上看，只要
你舉的事情，

910
00:45:39,280 --> 00:45:41,940
只要你不只是
從人偷，它的確定。

911
00:45:41,940 --> 00:45:43,890
尤其是對CS50
[？理財？]，我們

912
00:45:43,890 --> 00:45:46,950
那種期待您獲得
靈感來自於其他網站。

913
00:45:46,950 --> 00:45:48,070
所以隨意。

914
00:45:48,070 --> 00:45:51,360
瀏覽網站
你認為是真的很漂亮

915
00:45:51,360 --> 00:45:54,870
並弄清楚他們如何使用
HTML和CSS做這些事情。

916
00:45:54,870 --> 00:45:59,860
>> 所以，當你看到這裡，有明顯的
類似的聯繫，我們有一個類在這裡。

917
00:45:59,860 --> 00:46:00,950
我們這裡有一個鏈接。

918
00:46:00,950 --> 00:46:03,100
我們有一個列表。

919
00:46:03,100 --> 00:46:05,370
我們可能有一些
在這裡的某個地方的照片。

920
00:46:05,370 --> 00:46:08,332
>> 現在我們得到了一些冷靜的風格。

921
00:46:08,332 --> 00:46:10,040
這是未來的事情
我們要做的。

922
00:46:10,040 --> 00:46:14,580
所以，風格，當你看到這些
風格括號，這是基本的CSS。

923
00:46:14,580 --> 00:46:15,880
奔，你們有問題嗎？

924
00:46:15,880 --> 00:46:16,880
>> 聽眾：什麼是DIV？

925
00:46:16,880 --> 00:46:20,039
>> ALLISON BUCHHOLTZ-AU：DIV
只是A--什麼格？

926
00:46:20,039 --> 00:46:20,830
聽眾：事業部。

927
00:46:20,830 --> 00:46:22,121
ALLISON BUCHHOLTZ-AU：司。

928
00:46:22,121 --> 00:46:25,960
是啊，它就像
分離不同的元件。

929
00:46:25,960 --> 00:46:28,650
好了，這裡就是我們
要進入下一個。

930
00:46:28,650 --> 00:46:31,550
所以這可能不是最佳的
，風格，因為如果你發現

931
00:46:31,550 --> 00:46:37,681
我們有HTML和風格，在同一頁上，
而我們真正想要分開的，

932
00:46:37,681 --> 00:46:38,180
行？

933
00:46:38,180 --> 00:46:41,620
而實際上，讓我
打開我的正確的

934
00:46:41,620 --> 00:46:45,990
因為這被認為是
PDF格式，所以我們的style.css。

935
00:46:45,990 --> 00:46:51,210
>> 所以，我們可以在這裡做的就是這些
是很酷的事情好像有些褪色

936
00:46:51,210 --> 00:46:55,550
我們可以嘗試這樣做，但我覺得
就像我會陷入困境，截至上飛，

937
00:46:55,550 --> 00:46:58,520
所以我鼓勵你們到
去試試自己找，

938
00:46:58,520 --> 00:47:00,310
但我不會把事情做對了。

939
00:47:00,310 --> 00:47:03,790
所以，如果你們這些傢伙，記住，
如果你打的問題集，

940
00:47:03,790 --> 00:47:05,584
事情從側面猛撲。

941
00:47:05,584 --> 00:47:08,000
它必須做的褪色和
過渡和諸如此類的東西。

942
00:47:08,000 --> 00:47:09,630
>> 聽眾：這就是所有的CSS和HTML？

943
00:47:09,630 --> 00:47:11,460
>> ALLISON BUCHHOLTZ-AU：所有的CSS和HTML。

944
00:47:11,460 --> 00:47:12,420
是啊。

945
00:47:12,420 --> 00:47:17,720
所以，你可以做很多真正的
涼的東西用CSS和HTML。

946
00:47:17,720 --> 00:47:22,280
因此，我們的真棒
這裡的兔子網頁，我們

947
00:47:22,280 --> 00:47:25,240
打算做一點
CSS樣式與它的位。

948
00:47:25,240 --> 00:47:28,850
>> 因此，如果你曾經有一番風情
表，我們這裡有，

949
00:47:28,850 --> 00:47:30,550
你可以打電話的style.css。

950
00:47:30,550 --> 00:47:32,090
任何你想要的，你可以調用它。

951
00:47:32,090 --> 00:47:37,110
最重要的是，我們要去
引用它在我們的web.html這裡。

952
00:47:37,110 --> 00:47:41,670
>> 所以，我們要做的是什麼
we--所以我不惹這個up--

953
00:47:41,670 --> 00:47:46,180
我們要鏈接
這兩個文件一起。

954
00:47:46,180 --> 00:47:49,340
因此，在相同的方式 - 我要去
打個比喻為C這裡。

955
00:47:49,340 --> 00:47:53,510
以同樣的方式，如果你有
一些library--我們有cs50.h--

956
00:47:53,510 --> 00:47:55,520
我們的編譯器鏈接吧。

957
00:47:55,520 --> 00:47:58,040
這僅僅是一個明確的
聯繫我方。

958
00:47:58,040 --> 00:48:01,840
所以在同樣的方式，我們做
哈希包括一些文件，有什麼

959
00:48:01,840 --> 00:48:06,890
我要寫的只是
HTML / CSS等效的那個。

960
00:48:06,890 --> 00:48:11,970
>> 我們只是說，好吧，這個網頁
將使用這個樣式表，好不好？

961
00:48:11,970 --> 00:48:23,360
因此，我們有鏈接REL等於樣式表。

962
00:48:23,360 --> 00:48:30,870
然後我們有型，CSS。

963
00:48:30,870 --> 00:48:34,630

964
00:48:34,630 --> 00:48:37,060
然後HREF等於。

965
00:48:37,060 --> 00:48:41,910

966
00:48:41,910 --> 00:48:42,860
>> 行。

967
00:48:42,860 --> 00:48:45,680
因此，所有在這裡所做的是你可以
認為這是同樣的事情

968
00:48:45,680 --> 00:48:47,550
作為散列包括。

969
00:48:47,550 --> 00:48:53,450
顯然，它看起來多了幾分
複雜，但在所有情況下，

970
00:48:53,450 --> 00:48:55,370
它是有效的同樣的事情。

971
00:48:55,370 --> 00:49:00,940
所以這是一個只是一些鏈接
樣式表，它的類型是text / CSS的，

972
00:49:00,940 --> 00:49:02,875
和它的名字是style.css文件。

973
00:49:02,875 --> 00:49:05,560
>> 什麼是重要的是知道
是該網頁

974
00:49:05,560 --> 00:49:09,155
我正在工作的權利now-- web.html
和style.css--在同一個文件夾中。

975
00:49:09,155 --> 00:49:14,740
因為在不同的文件夾，
你需要給實際的根

976
00:49:14,740 --> 00:49:17,480
它或它的路徑。

977
00:49:17,480 --> 00:49:20,620
但是，在這種情況下，我們保持它
超級簡單，它會到這裡來。

978
00:49:20,620 --> 00:49:26,730
因此，如果我們做到這一點，我有一些
事情已經排隊在這裡。

979
00:49:26,730 --> 00:49:31,680
>> 因此，我們有一些身體，這是怎麼回事
有我們的背景色，這

980
00:49:31,680 --> 00:49:33,320
現在的問題是淡藍色的。

981
00:49:33,320 --> 00:49:36,850
我們可以改變它，如果我們想要的，但
如果我沒有記錯這一點，

982
00:49:36,850 --> 00:49:39,270
它應該只是將其更改為淡藍色。

983
00:49:39,270 --> 00:49:42,050
現在我們有一個淡藍色背景。

984
00:49:42,050 --> 00:49:47,490
我們不得不這裡 - 任何人都可以記住
哪一個是散列ID或類？

985
00:49:47,490 --> 00:49:50,370

986
00:49:50,370 --> 00:49:51,080
>> 聽眾：ID。

987
00:49:51,080 --> 00:49:51,800
>> ALLISON BUCHHOLTZ-AU：ID。

988
00:49:51,800 --> 00:49:52,420
涼爽。

989
00:49:52,420 --> 00:49:58,920
所以我們想要做的
是這些字體

990
00:49:58,920 --> 00:50:01,534
或which--做我們想要的“看看
可愛的兔子“是紫色的？

991
00:50:01,534 --> 00:50:02,950
我認為，我們想要的是紫色的。

992
00:50:02,950 --> 00:50:04,640
我跟那個是紫色​​的漂亮了。

993
00:50:04,640 --> 00:50:08,790
>> 所以你要做的就是你
在此情況下的ID equals--

994
00:50:08,790 --> 00:50:13,630
我說，什麼，漂亮的顏色在這裡。

995
00:50:13,630 --> 00:50:14,780
我們重裝。

996
00:50:14,780 --> 00:50:17,460
突然，它的紫色。

997
00:50:17,460 --> 00:50:20,680
OK，所以用ID，記住
它必須是唯一的，

998
00:50:20,680 --> 00:50:24,370
所以我也不會用
這個ID在其他地方。

999
00:50:24,370 --> 00:50:27,760
但隨著類，因為我們有
這裡有一個漂亮的字體，

1000
00:50:27,760 --> 00:50:30,300
我應該能夠使用
無論我想。

1001
00:50:30,300 --> 00:50:33,160
>> 因此，讓我們在這裡做這件事。

1002
00:50:33,160 --> 00:50:41,100
所以我們可以說類的equals漂亮的字體。

1003
00:50:41,100 --> 00:50:46,190
如果我們現在看，我們有
這個很酷很此處字體。

1004
00:50:46,190 --> 00:50:49,160
所以，也許我想兩者都做。

1005
00:50:49,160 --> 00:50:52,786
好吧，其實我不知道這是不是
去上班，但我想嘗試一下。

1006
00:50:52,786 --> 00:50:54,410
這是你如何學習CSS和HTML。

1007
00:50:54,410 --> 00:50:55,660
你喜歡，你知道
是什麼，我想試試這個。

1008
00:50:55,660 --> 00:50:56,430
我不知道它是否去上班。

1009
00:50:56,430 --> 00:50:57,346
讓我們來看看它的工作原理。

1010
00:50:57,346 --> 00:51:00,580

1011
00:51:00,580 --> 00:51:01,540
>> 而且看那個。

1012
00:51:01,540 --> 00:51:04,540
現在是紫色和
這是一個非常字體。

1013
00:51:04,540 --> 00:51:08,692
好了，你把所有這些
不同的事情可以做。

1014
00:51:08,692 --> 00:51:09,650
你有問題嗎？

1015
00:51:09,650 --> 00:51:10,275
>> 聽眾：是的。

1016
00:51:10,275 --> 00:51:13,280
好吧，只是喜歡的顏色
你用的詞。

1017
00:51:13,280 --> 00:51:16,005
有沒有辦法做到色彩
用十六進制RGB？

1018
00:51:16,005 --> 00:51:18,880
ALLISON BUCHHOLTZ-AU：你也可以
這樣做有十六進制，我相信。

1019
00:51:18,880 --> 00:51:19,803
是啊。

1020
00:51:19,803 --> 00:51:22,136
但它是一種很好的，如果你
不想看他們。

1021
00:51:22,136 --> 00:51:23,762
你可以像紫色或藍色。

1022
00:51:23,762 --> 00:51:25,720
聽眾：我們希望他們
知道這意味著什麼。

1023
00:51:25,720 --> 00:51:26,886
ALLISON BUCHHOLTZ-AU：對。

1024
00:51:26,886 --> 00:51:29,580
因此，讓我們使這個讀或黃綠色。

1025
00:51:29,580 --> 00:51:32,060
為什麼你會永遠選擇黃綠色？

1026
00:51:32,060 --> 00:51:33,340
這是一個有趣的色彩。

1027
00:51:33,340 --> 00:51:37,355
>> OK，所以很明顯，我們可以看到我們
可以改變的事情但是我們想要的。

1028
00:51:37,355 --> 00:51:39,910

1029
00:51:39,910 --> 00:51:45,392
如果你想create--讓我們說
我們要創建另一個類。

1030
00:51:45,392 --> 00:51:46,850
什麼可能你們想改變？

1031
00:51:46,850 --> 00:51:51,840
如果你拉起W3Schools的
CSS文件，

1032
00:51:51,840 --> 00:51:54,450
我離開地板你們。

1033
00:51:54,450 --> 00:51:57,990
我們可以嘗試做一些很酷的東西用
這在近一分鐘。

1034
00:51:57,990 --> 00:52:00,275

1035
00:52:00,275 --> 00:52:03,150
樣的，因為我已​​經給你一個
在很多很酷的事情速成班

1036
00:52:03,150 --> 00:52:03,970
你可以做。

1037
00:52:03,970 --> 00:52:09,956
但最後，正如我所說，如果你
剛才的實驗中，你會學到很多東西。

1038
00:52:09,956 --> 00:52:12,212
>> 聽眾：你有沒有抬頭的字體？

1039
00:52:12,212 --> 00:52:14,295
>> ALLISON BUCHHOLTZ-AU：是啊，
我抬起頭的字體。

1040
00:52:14,295 --> 00:52:17,200
所以像字面上看，我
去了to--我做了什麼？

1041
00:52:17,200 --> 00:52:22,371
我做了CSS字體列表，
然後我做的字體棧，

1042
00:52:22,371 --> 00:52:25,120
然後我當時想，你看，這裡
都是很酷的字體，你可以做。

1043
00:52:25,120 --> 00:52:28,180
並有這一項，所以
我複製到我的剪貼板。

1044
00:52:28,180 --> 00:52:31,820
然後，我很喜歡，
OK，性涼，有我們走。

1045
00:52:31,820 --> 00:52:32,320
全部完成。

1046
00:52:32,320 --> 00:52:35,920
>> 聽眾：所以你必須確保
該CSS知道是什麼字體。

1047
00:52:35,920 --> 00:52:37,370
>> ALLISON BUCHHOLTZ-AU：是的。

1048
00:52:37,370 --> 00:52:38,190
>> 聽眾：什麼是它在最後說什麼？

1049
00:52:38,190 --> 00:52:38,790
草書？

1050
00:52:38,790 --> 00:52:40,040
>> ALLISON BUCHHOLTZ-AU：行草。

1051
00:52:40,040 --> 00:52:40,950
是啊。

1052
00:52:40,950 --> 00:52:42,310
>> 聽眾：背景圖片。

1053
00:52:42,310 --> 00:52:43,290
>> ALLISON BUCHHOLTZ-AU：背景圖片。

1054
00:52:43,290 --> 00:52:44,180
行。

1055
00:52:44,180 --> 00:52:46,490
所以，你要告訴我如何做到這一點。

1056
00:52:46,490 --> 00:52:47,390
我離開這個給你。

1057
00:52:47,390 --> 00:52:49,070
我只是打字了這裡。

1058
00:52:49,070 --> 00:52:51,714
該輪是在你的手中。

1059
00:52:51,714 --> 00:52:52,660
>> 聽眾：OK

1060
00:52:52,660 --> 00:52:53,701
>> ALLISON BUCHHOLTZ-AU：OK。

1061
00:52:53,701 --> 00:52:54,720
我在做什麼？

1062
00:52:54,720 --> 00:53:02,929
>> 聽眾：Doing--我知道
談到在大括號之後。

1063
00:53:02,929 --> 00:53:03,970
ALLISON BUCHHOLTZ-AU：OK。

1064
00:53:03,970 --> 00:53:06,707
所以大概在身，我
會承擔，因為我們

1065
00:53:06,707 --> 00:53:08,040
這樣的背景圖像。

1066
00:53:08,040 --> 00:53:08,940
>> 聽眾：是啊，讓我們做到這一點。

1067
00:53:08,940 --> 00:53:09,981
>> ALLISON BUCHHOLTZ-AU：OK。

1068
00:53:09,981 --> 00:53:14,260
聽眾：好了，背景
冒號，然後我們

1069
00:53:14,260 --> 00:53:16,894
需要一個圖像的URL地址。

1070
00:53:16,894 --> 00:53:18,560
也許偽代碼，就目前而言，也許吧。

1071
00:53:18,560 --> 00:53:20,601
>> ALLISON BUCHHOLTZ-AU：是什麼
你想我to--

1072
00:53:20,601 --> 00:53:22,574
聽眾：我想就像一個GIF。

1073
00:53:22,574 --> 00:53:23,740
ALLISON BUCHHOLTZ-AU：一個GIF？

1074
00:53:23,740 --> 00:53:26,070
這將是有趣的。

1075
00:53:26,070 --> 00:53:27,840
OK，我在谷歌上搜索嗎？

1076
00:53:27,840 --> 00:53:29,670
>> 聽眾：不，那是你的選擇。

1077
00:53:29,670 --> 00:53:32,090
>> ALLISON BUCHHOLTZ-AU：為什麼
如果它是一個兔子不we--，

1078
00:53:32,090 --> 00:53:35,610
我覺得我們應該有一個
漂亮的草地草坪什麼的。

1079
00:53:35,610 --> 00:53:38,275
>> 聽眾：草甸。

1080
00:53:38,275 --> 00:53:39,350
草地。

1081
00:53:39,350 --> 00:53:40,641
>> ALLISON BUCHHOLTZ-AU：草地？

1082
00:53:40,641 --> 00:53:41,851
行。

1083
00:53:41,851 --> 00:53:42,975
聽眾：還是雷切爾·瑪多。

1084
00:53:42,975 --> 00:53:44,747

1085
00:53:44,747 --> 00:53:46,580
ALLISON BUCHHOLTZ-AU：
這個看起來很漂亮。

1086
00:53:46,580 --> 00:53:49,380

1087
00:53:49,380 --> 00:53:50,380
哦，那是微小的，但。

1088
00:53:50,380 --> 00:53:51,700
我們需要一個良好的尺寸的圖像。

1089
00:53:51,700 --> 00:53:53,142
讓我們來看看。

1090
00:53:53,142 --> 00:53:54,570
哦，你看。

1091
00:53:54,570 --> 00:53:55,630
這是一個相當草甸。

1092
00:53:55,630 --> 00:53:58,320
你知道嗎，我喜歡這一個。

1093
00:53:58,320 --> 00:53:59,300
讓我們複製這一個。

1094
00:53:59,300 --> 00:54:08,020
>> 聽眾：OK，所以我認為這是
網址，打開括號。

1095
00:54:08,020 --> 00:54:09,590
>> ALLISON BUCHHOLTZ-AU：OK，網址。

1096
00:54:09,590 --> 00:54:11,500
>> 聽眾：那地址。

1097
00:54:11,500 --> 00:54:13,610
>> ALLISON BUCHHOLTZ-AU：OK。

1098
00:54:13,610 --> 00:54:14,750
那是我們所需要的？

1099
00:54:14,750 --> 00:54:20,550
>> 聽眾：關閉括號分號，
然後空格，連字符背景

1100
00:54:20,550 --> 00:54:27,050
附件結腸固定，大括號。

1101
00:54:27,050 --> 00:54:28,110
>> ALLISON BUCHHOLTZ-AU：OK。

1102
00:54:28,110 --> 00:54:29,114
讓我們看看是否能工程。

1103
00:54:29,114 --> 00:54:30,780
這將是，如果它確實很酷。

1104
00:54:30,780 --> 00:54:33,880
我真高興在這裡。

1105
00:54:33,880 --> 00:54:35,070
它沒有工作。

1106
00:54:35,070 --> 00:54:35,700
我不知道為什麼。

1107
00:54:35,700 --> 00:54:37,700
聽眾：也許網址
必須在報價單。

1108
00:54:37,700 --> 00:54:38,866
ALLISON BUCHHOLTZ-AU：也許吧。

1109
00:54:38,866 --> 00:54:41,520
這就是我們如何學習，伙計們。

1110
00:54:41,520 --> 00:54:44,340
>> 聽眾：我們能有背景
顏色和背景圖片？

1111
00:54:44,340 --> 00:54:45,390
>> 聽眾：沒有。

1112
00:54:45,390 --> 00:54:46,550
一個取代另一個。

1113
00:54:46,550 --> 00:54:46,960
>> ALLISON BUCHHOLTZ-AU：我不知道。

1114
00:54:46,960 --> 00:54:47,460
讓我們來看看。

1115
00:54:47,460 --> 00:54:48,860
讓我們來看看，看看。

1116
00:54:48,860 --> 00:54:51,567
>> 聽眾：哦，也許，是的。

1117
00:54:51,567 --> 00:54:52,400
[插VOICES]

1118
00:54:52,400 --> 00:54:59,640

1119
00:54:59,640 --> 00:55:03,260
>> ALLISON BUCHHOLTZ-AU：OK，這是
obviously--我[聽不清]在這裡。

1120
00:55:03,260 --> 00:55:04,927
這樣就OK了。

1121
00:55:04,927 --> 00:55:06,260
聽眾：背景附件。

1122
00:55:06,260 --> 00:55:07,301
ALLISON BUCHHOLTZ-AU：嗯。

1123
00:55:07,301 --> 00:55:12,096

1124
00:55:12,096 --> 00:55:13,946
>> 聽眾：OK，我不知道。

1125
00:55:13,946 --> 00:55:16,070
ALLISON BUCHHOLTZ-AU：它
看起來像它應該工作。

1126
00:55:16,070 --> 00:55:19,074
你確定這是結腸癌的網址呢？

1127
00:55:19,074 --> 00:55:20,439
>> 聽眾：沒有，它的分號。

1128
00:55:20,439 --> 00:55:21,980
ALLISON BUCHHOLTZ-AU：這是分號。

1129
00:55:21,980 --> 00:55:22,530
聽眾：我說了結腸？

1130
00:55:22,530 --> 00:55:24,155
ALLISON BUCHHOLTZ-AU：你說一個冒號。

1131
00:55:24,155 --> 00:55:26,222
聽眾：哦，不。

1132
00:55:26,222 --> 00:55:27,680
ALLISON BUCHHOLTZ-AU：你去那裡。

1133
00:55:27,680 --> 00:55:29,350
聽眾：哦，等等，現在
我們看不懂的文字。

1134
00:55:29,350 --> 00:55:30,320
ALLISON BUCHHOLTZ-AU：現在
你看不懂的文字，

1135
00:55:30,320 --> 00:55:32,740
但我們的背景圖像。

1136
00:55:32,740 --> 00:55:33,300
Mmhmm​​？

1137
00:55:33,300 --> 00:55:35,220
>> 聽眾：請問HTML
支持動態內容？

1138
00:55:35,220 --> 00:55:39,070
喜歡，你可以調整大小的圖片
根據窗口大小，

1139
00:55:39,070 --> 00:55:39,890
或者是，一個CSS--

1140
00:55:39,890 --> 00:55:41,723
>> ALLISON BUCHHOLTZ-AU：
所以，CSS有做到這一點。

1141
00:55:41,723 --> 00:55:45,210
所以，如果你們有興趣
在學習先進的CSS，

1142
00:55:45,210 --> 00:55:50,789
我合作教
研討會CSS 7日。

1143
00:55:50,789 --> 00:55:52,580
我保證它會
要深入得多

1144
00:55:52,580 --> 00:55:55,220
和做更多很酷
事情本節。

1145
00:55:55,220 --> 00:55:59,234
和我合作的老師就好
總前端Web開發高手。

1146
00:55:59,234 --> 00:56:02,150
因此，這將是，如果你想很酷
要了解所有的很酷的事情

1147
00:56:02,150 --> 00:56:03,960
該CSS可以做。

1148
00:56:03,960 --> 00:56:06,860
>> 但是，我們這裡有
他的背景附件

1149
00:56:06,860 --> 00:56:13,330
fixed--所以它的一些固定size--
但實際上你可以dynamically--

1150
00:56:13,330 --> 00:56:17,610
如果你曾經看到的網頁，如
最拿手的網頁會做，

1151
00:56:17,610 --> 00:56:19,470
當你調整
您的瀏覽器的大小，

1152
00:56:19,470 --> 00:56:23,980
它調整的背景下，有多少
是顯示或重新格式化的東西，對吧？

1153
00:56:23,980 --> 00:56:27,100
所以，這就是我們所說的
相對定位。

1154
00:56:27,100 --> 00:56:33,410
>> 和CSS實際上可以搶有多大你
瀏覽器寬度或多高是，

1155
00:56:33,410 --> 00:56:37,970
你可以放置東西
根據相對尺寸

1156
00:56:37,970 --> 00:56:40,420
與絕對大小。

1157
00:56:40,420 --> 00:56:44,920
而這顯然是更先進
CSS，但這是你可以做的。

1158
00:56:44,920 --> 00:56:47,390
如果您想了解
更多的，來我的研討會。

1159
00:56:47,390 --> 00:56:50,540
>> 所以這是你可以做的。

1160
00:56:50,540 --> 00:56:54,450
和CSS實際上可以
do-- CSS和JavaScript，

1161
00:56:54,450 --> 00:56:58,790
我們將進入下一week--
可以讓你動態修改

1162
00:56:58,790 --> 00:57:02,160
無需頁
重裝他們所有的時間。

1163
00:57:02,160 --> 00:57:04,590
你可以做一些
很酷的東西。

1164
00:57:04,590 --> 00:57:09,317
>> 那麼，有另一件事
那你們可能想要做

1165
00:57:09,317 --> 00:57:10,650
或者任何你想要去探索？

1166
00:57:10,650 --> 00:57:12,900
我們還剩下10分鐘。

1167
00:57:12,900 --> 00:57:19,010
我們也可以早點離開，但如果
你想要做一些網絡的東西，

1168
00:57:19,010 --> 00:57:20,960
我們可以，但我不
要強迫你。

1169
00:57:20,960 --> 00:57:23,510
但是，我們也只是吃的糖果。

1170
00:57:23,510 --> 00:57:25,760
聽眾：突出顯示文本
白色的，所以你可以讀取它。

1171
00:57:25,760 --> 00:57:27,680
ALLISON BUCHHOLTZ-AU：OK。

1172
00:57:27,680 --> 00:57:33,389
因此，在這種情況下，我們想要一些頁。

1173
00:57:33,389 --> 00:57:36,305
聽眾：我們應該這樣做的
機身使其適用於整個頁面？

1174
00:57:36,305 --> 00:57:38,096
ALLISON BUCHHOLTZ-AU：
是的，我們實際上可以。

1175
00:57:38,096 --> 00:57:40,880
這是一個好主意。

1176
00:57:40,880 --> 00:57:43,420
因此，我們have--你
知道我們應該是什麼？

1177
00:57:43,420 --> 00:57:47,452

1178
00:57:47,452 --> 00:57:50,260
我不知道，如果我們能做到文本顏色。

1179
00:57:50,260 --> 00:57:54,946
我要嘗試
在這裡創建另一個類。

1180
00:57:54,946 --> 00:57:58,394
>> 聽眾：你怎麼這麼
它有什麼建議？

1181
00:57:58,394 --> 00:58:00,560
ALLISON BUCHHOLTZ-AU：那麼
如果你們有興趣，

1182
00:58:00,560 --> 00:58:03,480
這是另一種文本
編輯器叫崇高。

1183
00:58:03,480 --> 00:58:07,180
你應該能夠
在設備上安裝它。

1184
00:58:07,180 --> 00:58:08,659
有時，它變得有點棘手。

1185
00:58:08,659 --> 00:58:10,950
如果你想與幫助，
我超級高興幫您

1186
00:58:10,950 --> 00:58:14,720
有了它，因為gedit中是偉大的，
它的真棒，因為你可以編譯

1187
00:58:14,720 --> 00:58:17,790
在底部，但我真的
像崇高，因為它很

1188
00:58:17,790 --> 00:58:19,498
而且它做的事情
像自動完成。

1189
00:58:19,498 --> 00:58:21,560

1190
00:58:21,560 --> 00:58:26,890
>> 所以，你絕對可以隨意
讓我知道，如果你想這樣做。

1191
00:58:26,890 --> 00:58:28,940
如果你只是谷歌“崇高
文本“，它通常

1192
00:58:28,940 --> 00:58:32,860
對如何安裝說明
在各種操作系統上。

1193
00:58:32,860 --> 00:58:37,590
這是真的很酷，我
想想，在我看來。

1194
00:58:37,590 --> 00:58:38,355
因此P。

1195
00:58:38,355 --> 00:58:45,616
我想我可以做text--或
我們可以做的顏色是“白色”。

1196
00:58:45,616 --> 00:58:47,050
那裡。

1197
00:58:47,050 --> 00:58:50,770
>> 因此，我在這裡做的是我
沒有改變的所有文本。

1198
00:58:50,770 --> 00:58:54,040
但是，P在這裡僅僅是一個
標籤，我們有，對不對？

1199
00:58:54,040 --> 00:58:55,450
這個段落標記。

1200
00:58:55,450 --> 00:59:00,380
所以，我只是創建一個CSS元素
說，OK，這個標籤什麼

1201
00:59:00,380 --> 00:59:02,510
P，使顏色變白。

1202
00:59:02,510 --> 00:59:05,690
>> 所以，如果你注意到了，這讓
這種白色和這白色的。

1203
00:59:05,690 --> 00:59:09,100
這並沒有使我們的名單，因為白
它不是與此有關。

1204
00:59:09,100 --> 00:59:11,180
你可以通過，你可以say--

1205
00:59:11,180 --> 00:59:11,860
>> 聽眾：你的背景顏色。

1206
00:59:11,860 --> 00:59:12,660
>> ALLISON BUCHHOLTZ-AU：背景顏色？

1207
00:59:12,660 --> 00:59:15,660
>> 聽眾：背景管
顏色你把p標籤。

1208
00:59:15,660 --> 00:59:16,701
>> ALLISON BUCHHOLTZ-AU：OK。

1209
00:59:16,701 --> 00:59:21,980

1210
00:59:21,980 --> 00:59:22,804
你想要白色的？

1211
00:59:22,804 --> 00:59:23,470
聽眾：Mmhmm​​。

1212
00:59:23,470 --> 00:59:25,070
ALLISON BUCHHOLTZ-AU：OK。

1213
00:59:25,070 --> 00:59:26,342
你去那裡。

1214
00:59:26,342 --> 00:59:27,300
聽眾：這是奇怪的。

1215
00:59:27,300 --> 00:59:29,190
ALLISON BUCHHOLTZ-AU：
很酷，對吧？

1216
00:59:29,190 --> 00:59:31,640
所以，如果你只是浪費時間，
你會學到很多東西。

1217
00:59:31,640 --> 00:59:34,720
它可以是很酷。

1218
00:59:34,720 --> 00:59:37,312
我認為這是肯定更
可喜有時比

1219
00:59:37,312 --> 00:59:39,770
因為你不必等待
為您的程序進行編譯。

1220
00:59:39,770 --> 00:59:41,895
你可以打刷新
和你一樣，哦，你看，

1221
00:59:41,895 --> 00:59:44,276
它的工作，或哦，我
可能失去了一些東西。

1222
00:59:44,276 --> 00:59:47,359
而這東西是真的
酷關於這個類的一個部分，

1223
00:59:47,359 --> 00:59:49,250
它是絕對的，我
想想，以便於檢查

1224
00:59:49,250 --> 00:59:52,640
你走的路與
不必編寫這些長期計劃

1225
00:59:52,640 --> 00:59:57,830
並祝愿祈福
它可以工作在末端。

1226
00:59:57,830 --> 01:00:01,960
>> 所以這一說法，我認為
你們似乎都不錯。

1227
01:00:01,960 --> 01:00:05,360
如果您有任何疑問，一如既往，
來跟我說話，來讓我知道。

1228
01:00:05,360 --> 01:00:08,180
我就在外面
在接下來的15分鐘

1229
01:00:08,180 --> 01:00:11,340
如果你想聊
予取予求。

1230
01:00:11,340 --> 01:00:13,530
>> 所以，我希望你guys--
好運與此PSET。

1231
01:00:13,530 --> 01:00:18,150
報名截止日期為週五中午
因為天色已晚發布。

1232
01:00:18,150 --> 01:00:21,220
所以，我很可能會看到
很多你們在週四，

1233
01:00:21,220 --> 01:00:21,970
但是希望不是。

1234
01:00:21,970 --> 01:00:23,386
也許你會擁有它了，然後做了。

1235
01:00:23,386 --> 01:00:24,440
我是超級驕傲。

1236
01:00:24,440 --> 01:00:26,410
>> 但如果沒有，我會看到你週四。

1237
01:00:26,410 --> 01:00:30,030
您還可以使用一晚日期，這
它延伸到週六中午。

1238
01:00:30,030 --> 01:00:31,730
但我don't--吧？

1239
01:00:31,730 --> 01:00:32,580
>> 聽眾：萬聖節。

1240
01:00:32,580 --> 01:00:34,538
>> ALLISON BUCHHOLTZ-AU：
這是萬聖節，a和b，

1241
01:00:34,538 --> 01:00:37,050
我不認為會有
是辦公時間週五。

1242
01:00:37,050 --> 01:00:40,920
所以真的試圖把它用做
週五，以便我們能夠一起慶祝

1243
01:00:40,920 --> 01:00:42,010
萬聖節週末。

1244
01:00:42,010 --> 01:00:44,670
好吧，我會看到你們下週。

1245
01:00:44,670 --> 01:00:45,888