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