1
00:00:00,000 --> 00:00:03,486
>> [音乐播放]

2
00:00:03,486 --> 00:00:10,460

3
00:00:10,460 --> 00:00:14,250
>> 大卫·马兰：这是CS50和
这是7周的开始。

4
00:00:14,250 --> 00:00:15,060
因此，欢迎回来。

5
00:00:15,060 --> 00:00:17,540
你可能还记得，
在问题设置四，

6
00:00:17,540 --> 00:00:21,510
有一点寻宝的
对于一些丰富奖品，由此

7
00:00:21,510 --> 00:00:24,219
在恢复的照片
在这里和在纽黑文的工作人员，

8
00:00:24,219 --> 00:00:27,468
你面临的挑战是找到尽可能多的
这些计算机科学家，你可能。

9
00:00:27,468 --> 00:00:29,550
而且我们已经有了一个整体
一堆意见书。

10
00:00:29,550 --> 00:00:31,930
想我会分享一些
你今天在这里。

11
00:00:31,930 --> 00:00:35,100
>> 我们将发布所有这些网上。

12
00:00:35,100 --> 00:00:39,310
但我特别想
请你注意用于：井一，

13
00:00:39,310 --> 00:00:42,670
山姆是在相当多的人
通常冒充这样。

14
00:00:42,670 --> 00:00:45,750
但现在看来，作为
今天上午，大奖得主

15
00:00:45,750 --> 00:00:51,170
在某一个叫肯用
工作人员的24相机拍下

16
00:00:51,170 --> 00:00:54,600
或几个，当你考虑到更多
考虑多个工作人员中的图片。

17
00:00:54,600 --> 00:00:58,300
图为肯下一个
玛丽在纽黑文。

18
00:00:58,300 --> 00:01:01,300
>> 现在，肯，不过，变成
出是一个角落的情况下位

19
00:01:01,300 --> 00:01:02,880
这不是还没有发生过。

20
00:01:02,880 --> 00:01:05,713
事实证明，它并没有发生
我把在问题小字

21
00:01:05,713 --> 00:01:09,710
设4，指出员工
不合格的丰富奖品

22
00:01:09,710 --> 00:01:13,130
因为肯，当然，其中一个
我们的工作人员摄影师。

23
00:01:13,130 --> 00:01:16,820
现在，随着中说，他
最初写我说的话

24
00:01:16,820 --> 00:01:19,180
请不要在网上发布这些照片。

25
00:01:19,180 --> 00:01:21,630
我认为，这在很大程度上
因为大部分照片

26
00:01:21,630 --> 00:01:24,499
这个摄影师拍了一下
有点这样的事情。

27
00:01:24,499 --> 00:01:25,040
和类似物。

28
00:01:25,040 --> 00:01:28,990
>> 但肯要我向你保证
他是一个非常好的摄影师，

29
00:01:28,990 --> 00:01:33,190
他是一个专业的，他以
照片是不模糊的，

30
00:01:33,190 --> 00:01:37,270
对焦的更好，他
拿了不少的我们自己的员工。

31
00:01:37,270 --> 00:01:40,370
但是，而不是只承认
肯，我们认为我们会做

32
00:01:40,370 --> 00:01:43,390
是通过列表
谁提交的实际学生。

33
00:01:43,390 --> 00:01:48,640
而事实证明，兰斯与
15张照片截至今天上午

34
00:01:48,640 --> 00:01:50,030
是我们的赢家。

35
00:01:50,030 --> 00:01:55,730
>> 而图为兰斯与科尔顿，
与Skaz，与自己，与山姆。

36
00:01:55,730 --> 00:02:00,230
但后来事实证明，作为
11:46，所以只是一点点前，

37
00:02:00,230 --> 00:02:04,380
我回到我的电子邮件，发现
我们还没有一个更多提交

38
00:02:04,380 --> 00:02:08,300
一个叫邦妮学生
只有这样的电子邮件中说。

39
00:02:08,300 --> 00:02:10,800
不会说谎，我
在课堂上这样做。

40
00:02:10,800 --> 00:02:17,620
继而又附加刚
14张照片，人们害羞兰斯的15。

41
00:02:17,620 --> 00:02:22,690
>> 但在邦妮的照片，原来
出人多工作人员，山姆

42
00:02:22,690 --> 00:02:25,960
其中，所以我们认为我们
会做的是承认这两个。

43
00:02:25,960 --> 00:02:29,240
所以除了得到Dropbox的
空间，大家谁参加

44
00:02:29,240 --> 00:02:33,900
接收，这两部分也将
收到一个不错的午餐照顾他们

45
00:02:33,900 --> 00:02:36,100
和它们的部分
接下来的一周配合。

46
00:02:36,100 --> 00:02:38,970
所以你会听到来自美国，
兰斯和邦妮有关。

47
00:02:38,970 --> 00:02:40,002
这么大的恭喜他们。

48
00:02:40,002 --> 00:02:42,210
现在，你们谁愿意
像午餐更普遍

49
00:02:42,210 --> 00:02:45,320
知道CS50午餐在剑桥
和纽黑文是这个星期五。

50
00:02:45,320 --> 00:02:48,510
进入CS50网站斜线RSVP。

51
00:02:48,510 --> 00:02:49,800
而现在在研讨会一句话。

52
00:02:49,800 --> 00:02:50,730
更多curricularly。

53
00:02:50,730 --> 00:02:52,490
因此，我们已接近
点学期

54
00:02:52,490 --> 00:02:55,200
在这里，你应该开始
想着最终的项目。

55
00:02:55,200 --> 00:02:59,309
而事实上，在短短的一点，将
所谓的预提案到期。

56
00:02:59,309 --> 00:03:01,850
所以预提案是为了
是相当低的影响，真的

57
00:03:01,850 --> 00:03:04,109
只是一个机会
您撰写一个简短的说明

58
00:03:04,109 --> 00:03:06,900
你的教学同胞去通知
他或她你在想什么，你

59
00:03:06,900 --> 00:03:09,140
可能要为你的最终项目。

60
00:03:09,140 --> 00:03:11,730
>> 现在，很多学生结束了
这样做基于网络的最终项目。

61
00:03:11,730 --> 00:03:13,800
当然，我们只是
现在，上周在该

62
00:03:13,800 --> 00:03:15,890
超越潜入Web编程。

63
00:03:15,890 --> 00:03:18,200
所以，不，如果你担心
完全不知道怎么样

64
00:03:18,200 --> 00:03:21,594
你将建立的想法，
你可能在你的心中。

65
00:03:21,594 --> 00:03:24,510
这真的只是一个强制功能
让你的思维和说话

66
00:03:24,510 --> 00:03:25,650
你对此TF。

67
00:03:25,650 --> 00:03:28,810
但是，为了帮助你这一点，
与最终的项目最终，

68
00:03:28,810 --> 00:03:31,750
知道CS50有一个传统
中提供了研讨会。

69
00:03:31,750 --> 00:03:36,084
>> 而这些都是可选的，双手，
或基于机会的演讲

70
00:03:36,084 --> 00:03:39,000
了解更多有关的话题
一个小配套的课程的

71
00:03:39,000 --> 00:03:43,310
教学大纲，但仍然精彩
料开车决赛项目。

72
00:03:43,310 --> 00:03:46,840
所以这是列表的
在这里纽黑文CS50的工作人员

73
00:03:46,840 --> 00:03:48,600
纷纷拿出了
今年有关的iOS

74
00:03:48,600 --> 00:03:50,730
编程，机器人
编程，游戏开发，

75
00:03:50,730 --> 00:03:54,480
更多的工具和串
与语言和技术。

76
00:03:54,480 --> 00:03:56,780
>> 因此，保持眼睛的CS50的网站。

77
00:03:56,780 --> 00:04:00,110
而在此期间，如果你想
在任何这些注册您的利益，

78
00:04:00,110 --> 00:04:02,510
去CS50的斜线寄存器。

79
00:04:02,510 --> 00:04:05,770
我们将随后跟进的
天，飞行时间和地点

80
00:04:05,770 --> 00:04:09,090
和一切 - 最一切都会
流式传输，也可根据需求

81
00:04:09,090 --> 00:04:11,750
之后，如果你不能真正做到这一点。

82
00:04:11,750 --> 00:04:15,800
因此，事不宜迟，我们
不放过最后一次与GET。

83
00:04:15,800 --> 00:04:19,610
>> 这就像是这样的消息
虚拟信封中，回忆，

84
00:04:19,610 --> 00:04:23,960
我们从路由器传送到路由器
Web浏览器和网络之间的路由器

85
00:04:23,960 --> 00:04:24,487
服务器。

86
00:04:24,487 --> 00:04:26,695
这消息看起来
有点这样的事情。

87
00:04:26,695 --> 00:04:29,700
这是更神秘的消息，
实际上是一个信封中

88
00:04:29,700 --> 00:04:34,440
写在一张纸上，其
第一行说，从字面上看，得到的斜线。

89
00:04:34,440 --> 00:04:37,830
>> 而只是作为一个全面的检查，
没有斜杠什么表示？

90
00:04:37,830 --> 00:04:40,455
这是什么意思斜线时，
请求网站？

91
00:04:40,455 --> 00:04:43,070

92
00:04:43,070 --> 00:04:44,250
你要求它所有的时间。

93
00:04:44,250 --> 00:04:47,333
几乎任何时候你访问一个网站，你
实际上不键入文件名。

94
00:04:47,333 --> 00:04:50,960
你可能只要到Facebook.com，
输入，gmail.com，或类似物。

95
00:04:50,960 --> 00:04:52,260
又是什么斜线代表什么？

96
00:04:52,260 --> 00:04:53,506
是什么文件？

97
00:04:53,506 --> 00:04:54,630
还是什么页面，具体一点吗？

98
00:04:54,630 --> 00:04:59,642

99
00:04:59,642 --> 00:05:00,720
>> 该指数是啊。

100
00:05:00,720 --> 00:05:01,810
所以默认页。

101
00:05:01,810 --> 00:05:04,810
所以，如果你不指定文件
名字作为我们就可以看到，

102
00:05:04,810 --> 00:05:07,750
你实际上只是请求
给我的Facebook的默认页面

103
00:05:07,750 --> 00:05:10,800
或者给我我的收件箱或提供
我的消息的默认页面

104
00:05:10,800 --> 00:05:12,510
在CNN的网站等。

105
00:05:12,510 --> 00:05:15,220
和服务器然后响应
有一些消息

106
00:05:15,220 --> 00:05:18,420
像这样的，他说是的，我
说HTTP 1.1版。

107
00:05:18,420 --> 00:05:21,130
>> 200，它是一个状态
我们人类很少代码

108
00:05:21,130 --> 00:05:22,790
看到过，因为这是很好的。

109
00:05:22,790 --> 00:05:26,640
因为这意味着OK，请求
已接收并妥善处理。

110
00:05:26,640 --> 00:05:28,960
与内容类型
显然在响应

111
00:05:28,960 --> 00:05:31,170
相当经常，但不总是，文本。

112
00:05:31,170 --> 00:05:32,580
具体而言，HTML。

113
00:05:32,580 --> 00:05:34,760
而这实际上是
我们看今天。

114
00:05:34,760 --> 00:05:37,140
>> 所以，事实上，我要去
进取，不断开拓的浏览器。

115
00:05:37,140 --> 00:05:40,410
我将使用Chrome浏览器，你可以使用
几乎所有的浏览器在今后几个星期。

116
00:05:40,410 --> 00:05:42,410
我们一般建议Chrome浏览器
因为它是特别

117
00:05:42,410 --> 00:05:43,750
良好的软件开发人员。

118
00:05:43,750 --> 00:05:46,070
它有很多内置的
工具，使人们更容易

119
00:05:46,070 --> 00:05:49,800
不仅要制定HTML和CSS，
事情我们就开始谈论今天，

120
00:05:49,800 --> 00:05:51,530
但也有其他语言。

121
00:05:51,530 --> 00:05:55,530
>> 而且我要继续前进，去用于：
我要控制或右键

122
00:05:55,530 --> 00:05:57,210
点击网页上的任何地方。

123
00:05:57,210 --> 00:05:59,070
而且我会去检查元素。

124
00:05:59,070 --> 00:06:03,850
而且我会调整我
屏幕只是一点点在这里一点。

125
00:06:03,850 --> 00:06:05,790
让我搬这个底部。

126
00:06:05,790 --> 00:06:08,140
原来这就是被称为
Chrome的检查。

127
00:06:08,140 --> 00:06:11,010
因此，这就像一个调试
工具内置于Chrome浏览器。

128
00:06:11,010 --> 00:06:13,520
>> 所有你已经有了这个
如果你使用Chrome已经。

129
00:06:13,520 --> 00:06:17,169
它可以让你看到是怎么回事
一些网页的罩的下方。

130
00:06:17,169 --> 00:06:19,210
因此，让我们真正需要
看看这个如下。

131
00:06:19,210 --> 00:06:21,251
它的方式更多的功能
而大家关心的今天。

132
00:06:21,251 --> 00:06:22,760
但是有这些标签在这里。

133
00:06:22,760 --> 00:06:25,890
元素，网络，资源，
时间线，和一些其他的东西。

134
00:06:25,890 --> 00:06:27,800
我要点击
网络了一会儿。

135
00:06:27,800 --> 00:06:30,500
>> 这是一个有点势不可挡
在这里乍看之下。

136
00:06:30,500 --> 00:06:34,190
但是我什么都做的是让
我简化它一点点。

137
00:06:34,190 --> 00:06:37,560
我要打开
记录光，这样它是红色。

138
00:06:37,560 --> 00:06:39,140
而我要说保存日志。

139
00:06:39,140 --> 00:06:41,015
而这仅仅是一点点
的事情，我想通了

140
00:06:41,015 --> 00:06:44,120
随着时间的推移，那将节省
一切发生在浏览器中。

141
00:06:44,120 --> 00:06:50,030
现在我要去
到http://facebook.com。

142
00:06:50,030 --> 00:06:52,690
>> 其实，让我们做WWW
良好的措施，大幅削减。

143
00:06:52,690 --> 00:06:53,643
输入。

144
00:06:53,643 --> 00:06:56,180
因此，一个URL许多与
你可能已经访问过。

145
00:06:56,180 --> 00:06:58,830
现在，Facebook的网页
页面出现在顶部。

146
00:06:58,830 --> 00:07:02,350
然后一大堆
东西飞过底部。

147
00:07:02,350 --> 00:07:04,830
而事实上，事实证明，
当您访问Facebook.com，

148
00:07:04,830 --> 00:07:09,320
你不只是使一个HTTP请求，
事实证明，要Facebook.com

149
00:07:09,320 --> 00:07:14,320
送41的信封，
每个都有自己的get请求，

150
00:07:14,320 --> 00:07:18,360
所示，虽然在屏幕背后
这里，在屏幕的底部，

151
00:07:18,360 --> 00:07:24,040
它表明，事实上，我
浏览器41作出的请求。

152
00:07:24,040 --> 00:07:29,689
>> 及在总，它传送861
千字节，并花了因某种原因

153
00:07:29,689 --> 00:07:31,730
多达八个秒
下载了这一切。

154
00:07:31,730 --> 00:07:33,790
所以这实际上是一个有点怪异
Facebook的网站将采取

155
00:07:33,790 --> 00:07:35,600
长，但也只能如此在这种情况下。

156
00:07:35,600 --> 00:07:39,520
现在，这一切我真的不关心
有关除了最上面的请求。

157
00:07:39,520 --> 00:07:46,440
因此，让我们去这一个就在这里
让我缩小只是一瞬间。

158
00:07:46,440 --> 00:07:47,754
>> 让我放大这一点。

159
00:07:47,754 --> 00:07:50,670
因此，我在左边，即使已经做了
有很多在这里怎么回事

160
00:07:50,670 --> 00:07:53,360
是我突出
Facebook.com然后

161
00:07:53,360 --> 00:07:56,540
请注意，我向下滚动，
向下滚动，向下滚动，

162
00:07:56,540 --> 00:07:58,330
请求头。

163
00:07:58,330 --> 00:08:01,720
你会看到Chrome的显示
我基本上内内容

164
00:08:01,720 --> 00:08:02,810
请求我做了。

165
00:08:02,810 --> 00:08:06,130
这不是格式完全一样
方式，但要注意有提得到，

166
00:08:06,130 --> 00:08:09,481
请注意，其中提到的主持人，
Facebook.com，路径，或斜线，

167
00:08:09,481 --> 00:08:10,730
这就是我所要求的文件。

168
00:08:10,730 --> 00:08:12,930
>> 然后，如果我滚动
备份，我们实际上

169
00:08:12,930 --> 00:08:17,270
看到什么Facebook的返回
对我来说，所有这些头。

170
00:08:17,270 --> 00:08:21,040
因此，虚拟信封中
的确有很多键值对。

171
00:08:21,040 --> 00:08:23,130
一个字，一个冒号，然后是值。

172
00:08:23,130 --> 00:08:25,050
一个字，一个冒号和一个值。

173
00:08:25,050 --> 00:08:26,160
这些都是所谓的头。

174
00:08:26,160 --> 00:08:31,860
还有的方法更详细，这里比
我们真正关心现在。

175
00:08:31,860 --> 00:08:33,750
>> 但是，这是第二次到
最后一次出现了下滑，

176
00:08:33,750 --> 00:08:38,809
请注意，这Facebook.com的服务器，
这里的确是说来一些文本的HTML。

177
00:08:38,809 --> 00:08:41,409
所以，这一切是说
当你请求一个网页的

178
00:08:41,409 --> 00:08:44,300
从一个浏览器向一个页
服务器，该服务器响应

179
00:08:44,300 --> 00:08:47,630
与自己的包络线
其内部是文本。

180
00:08:47,630 --> 00:08:49,020
换句话说，HTML。

181
00:08:49,020 --> 00:08:50,590
超文本标记语言。

182
00:08:50,590 --> 00:08:53,200
这是另一种语言
今天我们介绍

183
00:08:53,200 --> 00:08:57,740
人类或计算机生成
为了实现网页。

184
00:08:57,740 --> 00:08:59,580
>> 具体来说，让我们来看看这个。

185
00:08:59,580 --> 00:09:03,277
我打算现在回去
Facebook的网站。

186
00:09:03,277 --> 00:09:05,360
而我要去刚
控制或右击

187
00:09:05,360 --> 00:09:07,634
并点击查看页面源代码。

188
00:09:07,634 --> 00:09:10,550
而且，即使你不使用Chrome，
IE浏览器可以做到这一点，火狐可以做到这一点，

189
00:09:10,550 --> 00:09:14,060
Safari浏览器可以做到这一点，即使菜单
选项​​可能看起来有点不同。

190
00:09:14,060 --> 00:09:18,990
这是HTML的马克和
公司在Facebook的采写。

191
00:09:18,990 --> 00:09:24,640
>> 而集体，这种语言在这里
实现了蓝色和白色的页面

192
00:09:24,640 --> 00:09:26,370
我们刚才看到的。

193
00:09:26,370 --> 00:09:28,030
现在，这是一个有点势不可挡。

194
00:09:28,030 --> 00:09:31,400
但是，如果我们仰望左上角，我们
将开始看到一些模式。

195
00:09:31,400 --> 00:09:34,140
它看起来像有很多
这些开放的角度支架

196
00:09:34,140 --> 00:09:35,970
然后有这个关键字的HTML。

197
00:09:35,970 --> 00:09:38,330
这里的另一个开放
尖括号和头部。

198
00:09:38,330 --> 00:09:41,560
>> 在这里，如果我们向下滚动
上下上下，我

199
00:09:41,560 --> 00:09:43,820
要继续前进，并尝试
要寻找的东西。

200
00:09:43,820 --> 00:09:48,510
有办法在右侧
这里是开放式支架体。

201
00:09:48,510 --> 00:09:50,800
而从过去的回忆
我们提出的时间

202
00:09:50,800 --> 00:09:53,364
最简单的网页
一个人可以写

203
00:09:53,364 --> 00:09:55,030
看起来有点像这样。

204
00:09:55,030 --> 00:09:58,430
打开HTML标记，开目
标签，打开标题标签，

205
00:09:58,430 --> 00:10:03,230
然后关闭标题，闭头，开
身体标记，一些文本，封闭体，

206
00:10:03,230 --> 00:10:04,720
封闭的HTML。

207
00:10:04,720 --> 00:10:06,290
>> 但暂停这里只是一瞬间。

208
00:10:06,290 --> 00:10:09,030
此代码，即使你
以前从来没有写过这

209
00:10:09,030 --> 00:10:11,864
但还是不太明白
这是怎么回事，看起来还不错。

210
00:10:11,864 --> 00:10:12,821
没错，这是非常干净的。

211
00:10:12,821 --> 00:10:14,120
这是非常不错的文体。

212
00:10:14,120 --> 00:10:16,190
很多缩进和空白的。

213
00:10:16,190 --> 00:10:18,020
Facebook的不是。

214
00:10:18,020 --> 00:10:23,190
那么，为什么是Facebook的这么多
比我差在写HTML？

215
00:10:23,190 --> 00:10:24,310
显然。

216
00:10:24,310 --> 00:10:26,899
>> 对，这好像人
出五项风格。

217
00:10:26,899 --> 00:10:29,315
有一个令人信服的理由
他们削减这些角落。

218
00:10:29,315 --> 00:10:31,069

219
00:10:31,069 --> 00:10:33,860
好了，所以他们不希望
让您更容易阅读。

220
00:10:33,860 --> 00:10:36,940
因此，在某种意义上说，他们是
之类的模糊处理它，争先恐后它

221
00:10:36,940 --> 00:10:40,260
至少美学等等
这是MySpace的困难

222
00:10:40,260 --> 00:10:42,705
去撕掉他们的
网页和HTML它。

223
00:10:42,705 --> 00:10:45,080
事实证明，使用程序
不过，包括浏览器，

224
00:10:45,080 --> 00:10:47,020
我们可以很容易的超清洁本了。

225
00:10:47,020 --> 00:10:49,420
因此，它不是想象中的那么的缘故。

226
00:10:49,420 --> 00:10:51,290
还有什么可能是原因。

227
00:10:51,290 --> 00:10:51,790
是啊。

228
00:10:51,790 --> 00:10:54,680

229
00:10:54,680 --> 00:10:55,890
是啊，白色的空间成本数据。

230
00:10:55,890 --> 00:10:56,598
什么意思？

231
00:10:56,598 --> 00:11:02,250

232
00:11:02,250 --> 00:11:02,979
是的，没错。

233
00:11:02,979 --> 00:11:06,020
如果你打的Tab键大量或
空格键，可以考虑的影响。

234
00:11:06,020 --> 00:11:10,060
所以，你的键盘上的每个按键是一个
[听不清]表示作为一字节。

235
00:11:10,060 --> 00:11:14,560
>> 因此，假设马克或任何开发者的
这几天打空格键只有一次

236
00:11:14,560 --> 00:11:17,899
在这个HTML页
代表Facebook的主页。

237
00:11:17,899 --> 00:11:19,690
而Facebook有很多
用户的这些日子。

238
00:11:19,690 --> 00:11:24,030
因此，假设Facebook的主页
由十亿人今天被访问。

239
00:11:24,030 --> 00:11:27,020
而有人在Facebook有
按空格键一次。

240
00:11:27,020 --> 00:11:29,890
>> 因此，一个额外的字节，
一个十亿的请求，

241
00:11:29,890 --> 00:11:32,790
多少数据是Facebook的
传送通过互联网

242
00:11:32,790 --> 00:11:37,160
因为有人打
空格键他或她的键盘上？

243
00:11:37,160 --> 00:11:41,660
十亿字节，或一千兆字节
数据正在从Facebook的服务器发送

244
00:11:41,660 --> 00:11:43,626
周围的人
世界上没有很好的理由。

245
00:11:43,626 --> 00:11:44,750
现在，这只是一个空格。

246
00:11:44,750 --> 00:11:48,866
>> 试想一下，如果我们真的擦拭本
事情并缩进，并添加

247
00:11:48,866 --> 00:11:50,990
大量的白色空间，
制表符和空格，

248
00:11:50,990 --> 00:11:53,656
你最终消费千兆字节，
如果不是千佛字节更多的空间。

249
00:11:53,656 --> 00:11:56,640
而在这样的超级共同
Web开发的现实世界

250
00:11:56,640 --> 00:11:58,950
是中缩小你的代码。

251
00:11:58,950 --> 00:12:01,280
我们最终会看到
你怎么可能做到这一点。

252
00:12:01,280 --> 00:12:04,630
>> 但今天，我们就开始编写代码
这是由我们人类真正可读。

253
00:12:04,630 --> 00:12:10,120
事实证明，不过，如果你回去
在Chrome浏览器这一工具检查元素，

254
00:12:10,120 --> 00:12:12,030
以前，我们的网络选项卡上。

255
00:12:12,030 --> 00:12:15,430
事实证明，如果你去了
元素标签，你实际看到

256
00:12:15,430 --> 00:12:19,230
是Chrome的漂亮的印刷
版本相同的HTML。

257
00:12:19,230 --> 00:12:20,640
因此，我们反混淆了。

258
00:12:20,640 --> 00:12:22,472
因此，它是敌不过一台电脑。

259
00:12:22,472 --> 00:12:24,430
现在你可以实际
按一下周围，并开始

260
00:12:24,430 --> 00:12:27,630
看层次结构是一个网页。

261
00:12:27,630 --> 00:12:28,780
因此，让我们真正做到这一点。

262
00:12:28,780 --> 00:12:32,120
我要继续前进，在开拓
我的Mac一个名为文本编辑程序。

263
00:12:32,120 --> 00:12:35,490
和召回，这只是
一个超级简单的文本方案。

264
00:12:35,490 --> 00:12:37,490
Windows有NOTEPAD.EXE。

265
00:12:37,490 --> 00:12:39,820
而且我要一字不差
键入以下命令。

266
00:12:39,820 --> 00:12:44,650
文档类型的HTML，开放式支架
HTML，封闭支架HTML，

267
00:12:44,650 --> 00:12:49,000
我们有页的头部这里，
页的头部这里结束时，

268
00:12:49,000 --> 00:12:52,310
标题会是怎样，世界你好。

269
00:12:52,310 --> 00:12:56,660
>> 然后到这里，我们需要
该网页的身体。

270
00:12:56,660 --> 00:12:58,050
收身。

271
00:12:58,050 --> 00:13:00,700
然后在这里，世界你好。

272
00:13:00,700 --> 00:13:01,270
好吧。

273
00:13:01,270 --> 00:13:03,350
因此，我们已经写了一个超快速的网页。

274
00:13:03,350 --> 00:13:06,675
我将其保存为
hello.html的我的桌面上。

275
00:13:06,675 --> 00:13:09,050
我的Mac的去抱怨，
认为，等一下，

276
00:13:09,050 --> 00:13:11,091
这是一个文本文件，这样做
你怎么称呼它.TXT？

277
00:13:11,091 --> 00:13:13,300
但是，没有，我想用点HTML。

278
00:13:13,300 --> 00:13:16,140
>> 然后，什么是好，如果我
只需双击该文件，

279
00:13:16,140 --> 00:13:18,600
hello.html的，这里是我的网页。

280
00:13:18,600 --> 00:13:22,564
不幸的是，我是
只有人在世界

281
00:13:22,564 --> 00:13:23,980
现在谁可以访问这个页面。

282
00:13:23,980 --> 00:13:26,734
由于它在哪里生活明显？

283
00:13:26,734 --> 00:13:27,650
这是在我的Mac上，对不对？

284
00:13:27,650 --> 00:13:28,470
这是没用的。

285
00:13:28,470 --> 00:13:30,390
就像没有人在这个房间
更何况在互联网上

286
00:13:30,390 --> 00:13:31,598
实际上可以访问该网页。

287
00:13:31,598 --> 00:13:33,820
所以今天，我们需要
引入另一个元素。

288
00:13:33,820 --> 00:13:36,720
>> 而要做到这一点，我要去
去进取，不断开拓云9。

289
00:13:36,720 --> 00:13:40,090
所以，云9当然是一个
基于云的service-- CS50

290
00:13:40,090 --> 00:13:44,890
IDE--那有我们所有的工作区
某处的互联网上运行。

291
00:13:44,890 --> 00:13:48,330
这意味着我们所有的文件
公众开放了。

292
00:13:48,330 --> 00:13:49,830
因此，让我们继续前进，做到这一点。

293
00:13:49,830 --> 00:13:53,670
我要继续前进，
创建一个新的文件NCS50IDE。

294
00:13:53,670 --> 00:13:58,819
我将其保存为前
为hello.html的，然后点击保存。

295
00:13:58,819 --> 00:14:01,860
而现在只是为了节省时间，我要去
继续前进，复制粘贴此代码

296
00:14:01,860 --> 00:14:03,470
而不是重新输入。

297
00:14:03,470 --> 00:14:04,550
并保存它。

298
00:14:04,550 --> 00:14:07,550
所以现在我有一个
文件名为​​hello.html的。

299
00:14:07,550 --> 00:14:09,710
但我怎么竟
打开它作为一个网页？

300
00:14:09,710 --> 00:14:14,120
哦，原来出内置到CS50
IDE不仅是一个编译器像铛

301
00:14:14,120 --> 00:14:16,670
而像GDB调试器和
其他方案的束，

302
00:14:16,670 --> 00:14:21,140
实际上有一个完全成熟
Web服务器CS50 IDE中运行。

303
00:14:21,140 --> 00:14:23,900
>> 在座的各位，也就是说，
拥有自己的Web服务器。

304
00:14:23,900 --> 00:14:26,850
和Web服务器只是一块
其目的在生活的软件

305
00:14:26,850 --> 00:14:28,220
是来提供网页。

306
00:14:28,220 --> 00:14:32,490
要收听来自浏览器的请求和
很少有虚拟信封回应

307
00:14:32,490 --> 00:14:35,290
里面，其中是
我写的内容。

308
00:14:35,290 --> 00:14:38,372
所以这个Web服务器
实际上自由和开放源码。

309
00:14:38,372 --> 00:14:40,830
凡开源只是手段
软件别人有

310
00:14:40,830 --> 00:14:43,480
撰文指出，我们都可以
真正看到和下载，甚至

311
00:14:43,480 --> 00:14:44,780
改变的源代码。

312
00:14:44,780 --> 00:14:46,150
而这就是所谓的Apache。

313
00:14:46,150 --> 00:14:51,450
>> 我们找到了一个比较容易
通过调用它的Apache 50 CS50IDE使用。

314
00:14:51,450 --> 00:14:53,780
因此，它实际上可以
了解以下。

315
00:14:53,780 --> 00:14:56,560
我要说的Apache 50开始。

316
00:14:56,560 --> 00:14:58,910
然后，我只是说了点。

317
00:14:58,910 --> 00:15:01,080
我们看到一些稍微
神秘的消息，

318
00:15:01,080 --> 00:15:04,640
设置Apache的文件[？组？]
家，Ubuntu的，不管它是什么，

319
00:15:04,640 --> 00:15:05,770
大幅削减工作区。

320
00:15:05,770 --> 00:15:08,280
启动Web服务器
Apache的成功2。

321
00:15:08,280 --> 00:15:11,330
>> 所以长话短说，我
刚刚推了按钮

322
00:15:11,330 --> 00:15:18,000
并把Web服务器谁是现在
监听TCP端口在互联网上

323
00:15:18,000 --> 00:15:20,587
80，在一个特定的地址。

324
00:15:20,587 --> 00:15:22,420
它说，在这里，
此功能的方法改变

325
00:15:22,420 --> 00:15:26,550
您的用户名和其他因素的影响，
但要注意，现在如果我点击这个，

326
00:15:26,550 --> 00:15:30,211
IDE50点jharvard等和
因此，请注意，这段时间

327
00:15:30,211 --> 00:15:31,960
在过去的几
周，你可能有

328
00:15:31,960 --> 00:15:35,200
发现自己的用户名
埋设在右上角

329
00:15:35,200 --> 00:15:37,130
角落CS50IDE的。

330
00:15:37,130 --> 00:15:41,050
>> 而这实际上已经这一切
时间地址您可以在哪些

331
00:15:41,050 --> 00:15:43,574
通过Web访问您的所有文件。

332
00:15:43,574 --> 00:15:45,990
到现在为止，还没有要紧，
因为在C，你一般

333
00:15:45,990 --> 00:15:48,073
要在运行中的事
终端，而不是在网络上。

334
00:15:48,073 --> 00:15:50,800
但是今天，我们开始
编写基于Web的代码

335
00:15:50,800 --> 00:15:53,350
我们确实希望
在访问公开网址。

336
00:15:53,350 --> 00:15:56,100
那么，我要
要做的就是点击这个网址。

337
00:15:56,100 --> 00:16:00,880
>> 而且请注意，我看到一个相当
丑陋的索引，目录列表，

338
00:16:00,880 --> 00:16:04,090
但什么文件跳出你可能？

339
00:16:04,090 --> 00:16:05,210
的Hello.html。

340
00:16:05,210 --> 00:16:07,870
那是因为我救了
在我的工作空间中的文件。

341
00:16:07,870 --> 00:16:12,310
而我已经告诉了Apache Web服务器
是看在大卫的工作空间目录。

342
00:16:12,310 --> 00:16:15,300
而让任何人在
世界看到这些文件。

343
00:16:15,300 --> 00:16:19,050
>> 事实上，如果我现在
点击hello.html的，

344
00:16:19,050 --> 00:16:22,180
我这个标签正是文件中看到。

345
00:16:22,180 --> 00:16:26,430
现在请注意，云9所做的，
东西我们一点帮助。

346
00:16:26,430 --> 00:16:29,480
在CS50 IDE中，注意有
突然一个地址栏。

347
00:16:29,480 --> 00:16:33,690
这是因为，即使我们是
使用Chrome访问CS50IDE，

348
00:16:33,690 --> 00:16:37,940
CS50IDE的内部是它自己的
版本网络浏览器的现在。

349
00:16:37,940 --> 00:16:40,820
因此，而不是
复杂的事情是这样的，

350
00:16:40,820 --> 00:16:42,955
我要继续前进
而只是复制此网址。

351
00:16:42,955 --> 00:16:45,330
我要继续前进，只是
打开我自己的Chrome浏览器窗口。

352
00:16:45,330 --> 00:16:47,800
因此，有没有魔法在这里，没有CS50IDE。

353
00:16:47,800 --> 00:16:51,800
我只是从字面上贴
我Ĵ哈佛的URL，然后按Enter。

354
00:16:51,800 --> 00:16:54,750
瞧，现在我和
从理论上讲，每个人都

355
00:16:54,750 --> 00:16:57,700
在互联网上，如果我配置
适当的权限，

356
00:16:57,700 --> 00:16:58,720
可以访问此文件。

357
00:16:58,720 --> 00:17:03,230
所以现在，如果我说
hello.html的，瞧，有

358
00:17:03,230 --> 00:17:06,366
我难以置信的深刻印象网页。

359
00:17:06,366 --> 00:17:07,740
因此，让我们做一个快速的完整性检查。

360
00:17:07,740 --> 00:17:09,710
因为所有这一切
是概念上的设置。

361
00:17:09,710 --> 00:17:13,180
而我们实际上已经不是真的
教你如何写HTML本身。

362
00:17:13,180 --> 00:17:16,084
因此，任何问题远
什么只是发生了什么？

363
00:17:16,084 --> 00:17:18,549

364
00:17:18,549 --> 00:17:19,049
是。

365
00:17:19,049 --> 00:17:24,290

366
00:17:24,290 --> 00:17:25,800
请问CS50拥有这些网页？

367
00:17:25,800 --> 00:17:26,460
凭什么？

368
00:17:26,460 --> 00:17:28,947

369
00:17:28,947 --> 00:17:29,530
好问题。

370
00:17:29,530 --> 00:17:32,429
因此，CS50的拥有CS50.io.

371
00:17:32,429 --> 00:17:33,970
我们的确买了该域名。

372
00:17:33,970 --> 00:17:37,240
并通过你们的性质
登录CS50IDE，

373
00:17:37,240 --> 00:17:39,270
你们得到了什么叫做一个子域。

374
00:17:39,270 --> 00:17:46,840
>> 所以IDE50-马兰，或IDE50-Rob.CS50.io，
这是在你的唯一地址

375
00:17:46,840 --> 00:17:47,730
我们的域名。

376
00:17:47,730 --> 00:17:50,850
因此对于过程的​​目的，
你有自己唯一的地址。

377
00:17:50,850 --> 00:17:55,150
但我们通过简单的事情
购买顶级域名，CS50点

378
00:17:55,150 --> 00:17:58,050
I / O，然后其他人都
那里面，可以这么说。

379
00:17:58,050 --> 00:17:59,890
我们会回来的
在几个星期的可能，

380
00:17:59,890 --> 00:18:01,930
尤其是在最后的项目
一次，当你们中的一些

381
00:18:01,930 --> 00:18:03,596
可能希望让自己的域名。

382
00:18:03,596 --> 00:18:06,270
这确实比较
简单。

383
00:18:06,270 --> 00:18:06,770
好吧。

384
00:18:06,770 --> 00:18:07,880
现在让我们做到这一点。

385
00:18:07,880 --> 00:18:11,910
我要去回
CS50IDE，在我的文件，现在，

386
00:18:11,910 --> 00:18:14,710
hello.html的，是不是所有的有趣。

387
00:18:14,710 --> 00:18:17,130
我想要做的事情
比更好一点。

388
00:18:17,130 --> 00:18:19,440
所以我会做这样的事情。

389
00:18:19,440 --> 00:18:21,510
让我开paragraphs.html。

390
00:18:21,510 --> 00:18:23,560
所以这是一个文件，我事先写道。

391
00:18:23,560 --> 00:18:26,480
在它的顶部，就像
以往，我们有意见。

392
00:18:26,480 --> 00:18:28,730
但在HTML，评论
看起来有些不同。

393
00:18:28,730 --> 00:18:33,270
在三线和14号线，你
看到语法开始评论

394
00:18:33,270 --> 00:18:34,020
和结束注释。

395
00:18:34,020 --> 00:18:36,820
>> 但是，在没有任何的东西
在功能方面之间。

396
00:18:36,820 --> 00:18:40,250
这只是一个音符到
人类什么是怎么回事。

397
00:18:40,250 --> 00:18:43,040
而只是作为一个快速的理智
检查时，如果我向下滚动，

398
00:18:43,040 --> 00:18:46,820
有什么明显的新
标签，我们已经出台？

399
00:18:46,820 --> 00:18:52,130
到目前为止，我们已经看到了这种标签是开放的
支架HTML，头，标题和正文。

400
00:18:52,130 --> 00:18:54,400
但显然现在新？

401
00:18:54,400 --> 00:18:55,200
>> 是啊，所以页。

402
00:18:55,200 --> 00:18:57,320
p标签或段落标记。

403
00:18:57,320 --> 00:19:01,182
然后，我只是借用了一些默认
拉丁文字构成我的段落。

404
00:19:01,182 --> 00:19:03,390
因为我想
证明你是怎么可能

405
00:19:03,390 --> 00:19:05,859
代表HTML文本的段落。

406
00:19:05,859 --> 00:19:08,400
所以什么开始出现
这里要说的是有已经

407
00:19:08,400 --> 00:19:09,657
一个模式发展。

408
00:19:09,657 --> 00:19:10,990
让我继续前进，做到这一点。

409
00:19:10,990 --> 00:19:12,760
首先，我关掉了Apache。

410
00:19:12,760 --> 00:19:17,340
而且我要告诉它自行启动
再次内今天的源7

411
00:19:17,340 --> 00:19:18,420
米目录。

412
00:19:18,420 --> 00:19:20,100
所以，我有机会获得的一切。

413
00:19:20,100 --> 00:19:22,230
>> 而现在，如果我回去
此目录列表，

414
00:19:22,230 --> 00:19:24,846
请注意，我看到今天的每一个文件。

415
00:19:24,846 --> 00:19:26,720
你会在看
下一个问题集，我们将

416
00:19:26,720 --> 00:19:28,594
给你指示
这样做正是这一点。

417
00:19:28,594 --> 00:19:35,210
如果我打开paragraphs.html，这可能
还有看起来像一个编程语言

418
00:19:35,210 --> 00:19:36,970
给你，如果你不说或读拉丁文。

419
00:19:36,970 --> 00:19:40,525
但是，这只是三段
文本的标记在HTML中。

420
00:19:40,525 --> 00:19:43,100
>> 并注意段落
它们之间的休息时间。

421
00:19:43,100 --> 00:19:46,400
因为事实证明，
而即使你

422
00:19:46,400 --> 00:19:49,210
可能倾向于做到这一点，
而在现实世界中，

423
00:19:49,210 --> 00:19:51,370
如果你想要把线
事物之间的休息时间，

424
00:19:51,370 --> 00:19:55,680
你可能很简单
做到这一点，最后点击保存。

425
00:19:55,680 --> 00:19:59,460
而现在，如果我重装这里，通知
这一切都只是模糊起来

426
00:19:59,460 --> 00:20:01,100
在短短的一个BLOB文本。

427
00:20:01,100 --> 00:20:03,570
因为HTML是个不会说话的语言。

428
00:20:03,570 --> 00:20:07,230
>> 它是指在这样的使用
一种方式，浏览器将只

429
00:20:07,230 --> 00:20:09,920
做明确你告诉它做。

430
00:20:09,920 --> 00:20:12,890
所以，如果你不告诉它
给我一个新的段落，

431
00:20:12,890 --> 00:20:14,569
你不会看到一个新的段落。

432
00:20:14,569 --> 00:20:16,360
而事实上，有什么
浏览器会做

433
00:20:16,360 --> 00:20:20,020
甚至，如果你敲回车，
让我们一次又一次地说，

434
00:20:20,020 --> 00:20:23,190
并再次，移动该文本方式
倒在屏幕上，然后保存

435
00:20:23,190 --> 00:20:26,610
然后重新加载，浏览器是怎么回事
折叠所有这一切空白

436
00:20:26,610 --> 00:20:29,021
成只是一个单一的，可见的空白。

437
00:20:29,021 --> 00:20:29,520
好吧。

438
00:20:29,520 --> 00:20:30,869
所以这是段落标记。

439
00:20:30,869 --> 00:20:32,910
所以什么模式
这正在开发吗？

440
00:20:32,910 --> 00:20:37,450
好了，这似乎是这样的情况
HTML是所有关于启动标签

441
00:20:37,450 --> 00:20:38,460
和结束标记。

442
00:20:38,460 --> 00:20:39,300
什么是标签？

443
00:20:39,300 --> 00:20:41,160
那么，它的语法只是一大块。

444
00:20:41,160 --> 00:20:44,400
打开托架，一个关键字，
封闭的支架，是一种标记。

445
00:20:44,400 --> 00:20:45,510
或者开始标记。

446
00:20:45,510 --> 00:20:48,590
然后当你
做了表达自己，

447
00:20:48,590 --> 00:20:52,300
在你与段落做，
你可以这么说相反。

448
00:20:52,300 --> 00:20:55,480
但相反的是不完全倒退。

449
00:20:55,480 --> 00:21:00,630
>> 您只需前缀相同标签的
名正斜杠是这样的。

450
00:21:00,630 --> 00:21:01,130
好吧。

451
00:21:01,130 --> 00:21:02,570
所以，不是所有的精彩。

452
00:21:02,570 --> 00:21:05,270
而事实上，我们并没有使
网站所有的更有趣。

453
00:21:05,270 --> 00:21:07,630
如果我想要什么
事情越做越大胆？

454
00:21:07,630 --> 00:21:11,780
因此，原来这里是一个例子
在headings.html，凡在我的身上，

455
00:21:11,780 --> 00:21:17,280
我有一个H1标签，H2，H3，
四个，五个，或六个，所有这些都

456
00:21:17,280 --> 00:21:18,310
似乎很神秘。

457
00:21:18,310 --> 00:21:21,010
但是，如果我去开这个
例如，让我们一起来看看。

458
00:21:21,010 --> 00:21:22,490
Headings.html。

459
00:21:22,490 --> 00:21:27,030
>> 因此，浏览器在默认情况下可以给你短信
这是大和大胆的不同尺寸。

460
00:21:27,030 --> 00:21:28,070
H1大。

461
00:21:28,070 --> 00:21:31,240
H6较小，然后
一切在两者之间。

462
00:21:31,240 --> 00:21:34,170
所以这是有趣的，但仍
没有真正的网络，我知道。

463
00:21:34,170 --> 00:21:36,870
如果我们想要我有什么
像的列表。 。

464
00:21:36,870 --> 00:21:40,190
所以这里有一个项目符号列表
3哈佛大学的房子。

465
00:21:40,190 --> 00:21:41,600
>> 你是如何去这样做？

466
00:21:41,600 --> 00:21:45,410
好了，看看list.html。

467
00:21:45,410 --> 00:21:47,870
在这里，我们看到了一个
funkiness点点

468
00:21:47,870 --> 00:21:49,630
但让我们来考虑发生了什么。

469
00:21:49,630 --> 00:21:56,182
因此，基于你所看到的，
UL表示无序列表。

470
00:21:56,182 --> 00:21:57,640
无序列表只是意味着项目符号。

471
00:21:57,640 --> 00:21:58,431
有没有数字。

472
00:21:58,431 --> 00:22:01,850
还有一种叫做
有序列表，这是一个在OL标签。

473
00:22:01,850 --> 00:22:05,350
然后李，列表项都是这个意思。

474
00:22:05,350 --> 00:22:07,790
>> 并自动所以它
号码为你的一切。

475
00:22:07,790 --> 00:22:11,270
但同样，我所有的压痕
和空白只是为了我的缘故。

476
00:22:11,270 --> 00:22:13,050
浏览器的不
究竟要关心。

477
00:22:13,050 --> 00:22:16,670
因此，即使你不能
做到这一点，仅仅是明确的，

478
00:22:16,670 --> 00:22:19,880
你不应该，即使
浏览器仍然会

479
00:22:19,880 --> 00:22:22,130
能理解就好了。

480
00:22:22,130 --> 00:22:24,590
我打重装我
浏览器，我点击刷新

481
00:22:24,590 --> 00:22:26,760
没有正在发生变化
因为浏览器仍

482
00:22:26,760 --> 00:22:29,550
在做什么，我告诉它做的事。

483
00:22:29,550 --> 00:22:30,050
>> 好吧。

484
00:22:30,050 --> 00:22:31,340
因此，这一切都只是文字。

485
00:22:31,340 --> 00:22:33,730
现在，让我们做一些更有趣。

486
00:22:33,730 --> 00:22:36,660
我要继续前进，
借用一些这样的HTML。

487
00:22:36,660 --> 00:22:40,910
我要继续前进，
在这里创建一个新的文件。

488
00:22:40,910 --> 00:22:43,370
我们会打电话给这个rick.html。

489
00:22:43,370 --> 00:22:46,190

490
00:22:46,190 --> 00:22:48,916
我们有不成比例
用过的东西

491
00:22:48,916 --> 00:22:51,290
叫里克卷本
今年课，我不知道，

492
00:22:51,290 --> 00:22:53,880
它只是发生有机。

493
00:22:53,880 --> 00:22:55,397
>> 现在它的失控。

494
00:22:55,397 --> 00:22:56,730
所以，我只是去用它。

495
00:22:56,730 --> 00:22:59,700
如果我去谷歌
图像和里克·阿斯特利。

496
00:22:59,700 --> 00:23:02,450

497
00:23:02,450 --> 00:23:06,170
如果你不知道我们为什么做
这一点，只是读了维基百科。

498
00:23:06,170 --> 00:23:11,520
你点击链接时，都会
有人一直在笑的地方。

499
00:23:11,520 --> 00:23:14,860
而让我去ahead--有
我们走了，让我们来查看此图像。

500
00:23:14,860 --> 00:23:16,750
>> 所以在这里我们有一个
图像在谷歌图片。

501
00:23:16,750 --> 00:23:19,390
而且，我们认为，这是
合理无处不在互联网上。

502
00:23:19,390 --> 00:23:22,570
所以我要承担它的确定对我来说
真正把我的网页这一点。

503
00:23:22,570 --> 00:23:24,820
我要继续前进
和复制图片地址。

504
00:23:24,820 --> 00:23:28,600
而现在，如果我回去云
9，让我们来看看有什么我可以在这里做。

505
00:23:28,600 --> 00:23:30,630
因此，这里只是一个网页。

506
00:23:30,630 --> 00:23:39,020
这是里克·阿斯特利，哈哈，
我打算现在回去

507
00:23:39,020 --> 00:23:43,510
到我的浏览器，重新加载，和有趣。

508
00:23:43,510 --> 00:23:44,530
>> 瑞克在哪儿？

509
00:23:44,530 --> 00:23:46,050
因此，让我看看发生了什么事。

510
00:23:46,050 --> 00:23:49,114
其实，我要去
假装我并没有这样做。

511
00:23:49,114 --> 00:23:50,280
[听不清]把他放在这里。

512
00:23:50,280 --> 00:23:52,520
我们会回来的，在一个瞬间。

513
00:23:52,520 --> 00:23:54,200
因此，这里的rick.html。

514
00:23:54,200 --> 00:23:56,070
所以，这不是里克·阿斯特利。

515
00:23:56,070 --> 00:23:59,680
所以，事实证明，我们可以
居然把他加在了这里。

516
00:23:59,680 --> 00:24:00,830
这是里克·阿斯特利。

517
00:24:00,830 --> 00:24:06,680
我会说给我一个图像，其
源是我刚才复制的URL，这

518
00:24:06,680 --> 00:24:09,110
显然是幸福的
生日或其他东西。

519
00:24:09,110 --> 00:24:13,280
>> 现在我要去
关闭这样的标签。

520
00:24:13,280 --> 00:24:15,170
因此，这是包装超长。

521
00:24:15,170 --> 00:24:17,740
但是请注意，我的一切。
做的是开放式支架的形象，

522
00:24:17,740 --> 00:24:20,270
源与一个这样的属性。

523
00:24:20,270 --> 00:24:21,530
这是一个很长的URL。

524
00:24:21,530 --> 00:24:23,720
并且在最后，注意到这一点。

525
00:24:23,720 --> 00:24:29,530
为什么我做了斜线角度的支架
而不是，像所有其他标记，

526
00:24:29,530 --> 00:24:33,590
具有开放的支架，
IMG，封闭支架？

527
00:24:33,590 --> 00:24:37,040
只要采取一种猜测，即使你
不熟悉任何

528
00:24:37,040 --> 00:24:40,410
与HTML之前。

529
00:24:40,410 --> 00:24:42,710
>> 因此，它是如何关闭
命令，但为什么

530
00:24:42,710 --> 00:24:45,850
它没有真正直观
踏踏实实做的东西多一点

531
00:24:45,850 --> 00:24:48,820
长篇大论喜欢接近的形象？

532
00:24:48,820 --> 00:24:51,400
是啊。

533
00:24:51,400 --> 00:24:52,000
是啊。

534
00:24:52,000 --> 00:24:55,620
就在语义上，有没有感觉
起始图象和结束的图像，

535
00:24:55,620 --> 00:24:56,870
它要么存在或不是。

536
00:24:56,870 --> 00:25:00,960
所以，它没有任何意义，留下一个缺口
为别的图像的内部。

537
00:25:00,960 --> 00:25:02,010
你不能做到这一点。

538
00:25:02,010 --> 00:25:03,720
这样一来，语法
就一般只是

539
00:25:03,720 --> 00:25:07,910
做正斜杠内
打开标签或开始标记

540
00:25:07,910 --> 00:25:09,020
然后打保存。

541
00:25:09,020 --> 00:25:13,350
>> 所以，如果我现在重新加载该文件，现在
我有一个好的网页烹饪这里。

542
00:25:13,350 --> 00:25:15,100
我们可以肯定
真的惹恼人

543
00:25:15,100 --> 00:25:17,010
通过嵌入代替
像一个YouTube链接。

544
00:25:17,010 --> 00:25:19,350
而事实上，任何时候
你曾经去到YouTube，

545
00:25:19,350 --> 00:25:22,190
让我真正意外
里克推出自己在这里。

546
00:25:22,190 --> 00:25:25,770
所以里克辊。

547
00:25:25,770 --> 00:25:29,592
所以里克roll--我要去这里。

548
00:25:29,592 --> 00:25:31,900
>> [音乐播放]

549
00:25:31,900 --> 00:25:33,730
>> OK，一个人喜欢的。

550
00:25:33,730 --> 00:25:37,270
所以，注意这一切的时候，如果你
点击分享链接，你当然

551
00:25:37,270 --> 00:25:41,390
获取URL，你实际上可以
嵌入到电子邮件或法医形象

552
00:25:41,390 --> 00:25:43,730
或在习题集或幻灯片。

553
00:25:43,730 --> 00:25:49,055
而现在，如果我不是点击嵌入，
请注意，这一切的时候，这东西

554
00:25:49,055 --> 00:25:49,680
一直存在。

555
00:25:49,680 --> 00:25:50,910
我要继续前进并复制本。

556
00:25:50,910 --> 00:25:54,000
>> 而只是让我们可以更好地看到它，我
将其粘贴到我的文本编辑器。

557
00:25:54,000 --> 00:25:55,860
请注意，这是什么
YouTube上已经告诉你了。

558
00:25:55,860 --> 00:25:57,693
您访问一个每次
的YouTube视频，如果你

559
00:25:57,693 --> 00:26:00,410
要嵌入的视频你
网页，只需抓住这一点。

560
00:26:00,410 --> 00:26:03,350
因此，这是另一种
HTML标记所谓的iframe。

561
00:26:03,350 --> 00:26:04,590
或在线框。

562
00:26:04,590 --> 00:26:08,680
因此，它也看起来有点多
比其他复杂。

563
00:26:08,680 --> 00:26:11,950
所以，事实证明，图像
标签和明显的iframe标签

564
00:26:11,950 --> 00:26:13,370
采取所谓的属性。

565
00:26:13,370 --> 00:26:15,710
>> 这是另一种
一块语法的HTML。

566
00:26:15,710 --> 00:26:19,240
除了标记的
名，开括号标记名称，

567
00:26:19,240 --> 00:26:23,780
你可以控制标签的行为
通过有一大堆属性

568
00:26:23,780 --> 00:26:24,860
等于价值。

569
00:26:24,860 --> 00:26:26,290
属性等于值。

570
00:26:26,290 --> 00:26:28,100
因此，例如，
YouTube正在告诉我们

571
00:26:28,100 --> 00:26:31,990
如果你想这个视频的宽度
为420象素，高度

572
00:26:31,990 --> 00:26:35,470
是315像素，这是
如何在HTML中表达出来。

573
00:26:35,470 --> 00:26:38,480
>> 视频的源会
要那么久YouTube网址

574
00:26:38,480 --> 00:26:40,830
然后一些其他的东西
像框线为零，

575
00:26:40,830 --> 00:26:43,500
所以这可能意味着有
周围的东西没有边框。

576
00:26:43,500 --> 00:26:45,450
可能允许全屏
意味着用户

577
00:26:45,450 --> 00:26:47,840
可以点击一个按钮，
实际上全屏视频。

578
00:26:47,840 --> 00:26:52,870
所以，如果我真的想成为
在里克点HTML令人印象深刻的这里，

579
00:26:52,870 --> 00:26:58,490
而不是使用的图像标签，让
我删除，而不是粘贴。

580
00:26:58,490 --> 00:27:00,810
现在重装。

581
00:27:00,810 --> 00:27:02,500
现在又来了。

582
00:27:02,500 --> 00:27:04,979

583
00:27:04,979 --> 00:27:06,020
好了，这就足够了。

584
00:27:06,020 --> 00:27:08,970
好吧，所以我会尽力
很难不再次做到这一点。

585
00:27:08,970 --> 00:27:11,400
那么，这里的一些外卖的？

586
00:27:11,400 --> 00:27:15,130
所以HTML，丑如这些网页
是，其实很简单。

587
00:27:15,130 --> 00:27:16,467
这是不是一种编程语言。

588
00:27:16,467 --> 00:27:17,550
它不具有的功能。

589
00:27:17,550 --> 00:27:18,410
它没有环路。

590
00:27:18,410 --> 00:27:19,535
它没有条件。

591
00:27:19,535 --> 00:27:22,900
它所拥有的几十个
不同的标记，其中每一个

592
00:27:22,900 --> 00:27:24,620
具有零个或多个属性。

593
00:27:24,620 --> 00:27:27,320
而事实上，有什么好玩的约
HTML作为你开始潜入

594
00:27:27,320 --> 00:27:29,560
是，这是很自我受教。

595
00:27:29,560 --> 00:27:32,880
>> 它所需要的是理解
对HTML的总体框架。

596
00:27:32,880 --> 00:27:36,510
什么是标记，是什么属性，
您怎样配置一个网页

597
00:27:36,510 --> 00:27:37,250
如下。

598
00:27:37,250 --> 00:27:40,720
和其他一切是真的结果
寻找在网上参考

599
00:27:40,720 --> 00:27:43,080
或者谷歌搜索如何做一些
技术或如我们所看到的，

600
00:27:43,080 --> 00:27:45,371
看着Facebook的源
码，看一个网站

601
00:27:45,371 --> 00:27:48,710
你喜欢在它的源代码，
了解如何开发有

602
00:27:48,710 --> 00:27:50,550
实际布设的东西出来。

603
00:27:50,550 --> 00:27:52,180
>> 因此，我们可以做的影像。

604
00:27:52,180 --> 00:27:53,994
而事实上，我们刚才做的。

605
00:27:53,994 --> 00:27:55,410
让我继续前进，只是告诉你。

606
00:27:55,410 --> 00:27:56,770
下面是一些示例代码。

607
00:27:56,770 --> 00:27:58,380
如果你想看到不爽猫。

608
00:27:58,380 --> 00:28:00,620
所以请注意，我可以
这里有一个形象的标签。

609
00:28:00,620 --> 00:28:02,090
而且我知道了以上评论。

610
00:28:02,090 --> 00:28:04,490
我有一个替代
文字无障碍。

611
00:28:04,490 --> 00:28:07,250
因此，有人谁是使用屏幕
读者视线的原因

612
00:28:07,250 --> 00:28:10,172
实际上然后有自己的
屏幕阅读器说，脾气暴躁的猫。

613
00:28:10,172 --> 00:28:11,880
因为如果他们不能
看到的图像，它们

614
00:28:11,880 --> 00:28:14,504
至少可以有自己的电脑
告诉他们口头上它是什么。

615
00:28:14,504 --> 00:28:18,020
与该文件的来源是cat.jpeg。

616
00:28:18,020 --> 00:28:22,472
所以，事实上，如果我真的想
弄巧，我能有done--

617
00:28:22,472 --> 00:28:25,680
我答应不要去里克·阿斯特利，所以
我要去，而不是谷歌的一只猫。

618
00:28:25,680 --> 00:28:28,290
如果我去谷歌图片
在这里，我们假设

619
00:28:28,290 --> 00:28:30,040
这是我的猫的照片。

620
00:28:30,040 --> 00:28:35,070
>> 假设我有控制点击
或者右键点击这个，不小心

621
00:28:35,070 --> 00:28:35,630
让人毛骨悚然。

622
00:28:35,630 --> 00:28:40,320
而cat.jpeg我要去
救我的桌面上。

623
00:28:40,320 --> 00:28:44,700
现在让我回去云9。

624
00:28:44,700 --> 00:28:48,150
请注意，在这里，我可以
到本地的文件上传。

625
00:28:48,150 --> 00:28:51,530
如果我抓住这个
文件cat.jpeg，通知

626
00:28:51,530 --> 00:28:54,674
我可以拖动它，
把它放到云9

627
00:28:54,674 --> 00:28:56,090
并且它会在我在这里嚷嚷。

628
00:28:56,090 --> 00:28:59,000
>> 因为我们已把
给你一个cat.jpeg文件，

629
00:28:59,000 --> 00:29:01,430
但它的超级容易
抢出你那照片

630
00:29:01,430 --> 00:29:03,220
从Facebook采取
或Flickr或类似

631
00:29:03,220 --> 00:29:05,678
居然将其拖放
进入云9，然后使它

632
00:29:05,678 --> 00:29:07,970
您自己的个人部分
网站或问题

633
00:29:07,970 --> 00:29:10,442
设置七八个，因为我们很快就会看到。

634
00:29:10,442 --> 00:29:12,150
然后当你
最后参观的猫，

635
00:29:12,150 --> 00:29:16,610
假设我下载的猫一样，
通知that--这是可爱的。

636
00:29:16,610 --> 00:29:19,160
>> 什么，你会看到的是
像这样的脸在这里。

637
00:29:19,160 --> 00:29:21,810
因此，文件，您
在网页内的参考

638
00:29:21,810 --> 00:29:26,050
可以是本地在你自己
帐户或远程其他服务器上

639
00:29:26,050 --> 00:29:29,670
如在瑞克的情况下
Astley的照片一点点前。

640
00:29:29,670 --> 00:29:32,990
那么，else--什么
还能做吗？

641
00:29:32,990 --> 00:29:34,890
因此，让我们来看看下面的内容。

642
00:29:34,890 --> 00:29:36,160
你知道什么样的凉爽？

643
00:29:36,160 --> 00:29:39,330
>> 我们迄今已使
非常静态的网页。

644
00:29:39,330 --> 00:29:41,830
我想如下香料的东西。

645
00:29:41,830 --> 00:29:44,344
我想我自己的搜索引擎。

646
00:29:44,344 --> 00:29:47,010
因此，为了使搜索引擎，让我们
继续前进，开始这样做。

647
00:29:47,010 --> 00:29:52,570
我要继续前进，创造
一个新的文件名为search.html。

648
00:29:52,570 --> 00:29:54,890
我们已经在网上prefabed版本。

649
00:29:54,890 --> 00:29:56,027
哎呦。

650
00:29:56,027 --> 00:29:57,610
不要粘贴到你的终端窗口。

651
00:29:57,610 --> 00:29:58,744
预制版本在线。

652
00:29:58,744 --> 00:30:00,160
而且我要开始如下。

653
00:30:00,160 --> 00:30:04,490
所以这里的开始
一个名为search.html。

654
00:30:04,490 --> 00:30:07,510
我将它保存在
今天的源目录。

655
00:30:07,510 --> 00:30:09,079
我要称之为搜索。

656
00:30:09,079 --> 00:30:10,370
事实上，我们会做的更好。

657
00:30:10,370 --> 00:30:13,600
CS50搜索，实际上品牌吧。

658
00:30:13,600 --> 00:30:17,500
而现在，我要说的话
像H1 CS50搜索。

659
00:30:17,500 --> 00:30:20,930
再往下这里，H2即将上市。

660
00:30:20,930 --> 00:30:23,230
而只是为了回顾一下，H1和
H2分别指什么？

661
00:30:23,230 --> 00:30:26,750

662
00:30:26,750 --> 00:30:30,320
>> 是啊，这么大，大胆，和
不一样大，但仍大胆。

663
00:30:30,320 --> 00:30:37,375
所以，如果我保存这个走在这里，
让我们来看看该文件search.html。

664
00:30:37,375 --> 00:30:42,560
好了，而这一次
是right-- [听不清]。

665
00:30:42,560 --> 00:30:46,980

666
00:30:46,980 --> 00:30:49,110
支持。

667
00:30:49,110 --> 00:30:49,945
大卫是困惑。

668
00:30:49,945 --> 00:30:52,610

669
00:30:52,610 --> 00:30:54,080
哦，它就在那里。

670
00:30:54,080 --> 00:30:54,860
大卫是个白痴。

671
00:30:54,860 --> 00:30:55,420
好。

672
00:30:55,420 --> 00:30:56,660
所以它是。

673
00:30:56,660 --> 00:30:58,350
因此，CS50搜索即将推出。

674
00:30:58,350 --> 00:31:00,370
所以，现在，让我们来合成
我们上周做了。

675
00:31:00,370 --> 00:31:03,400
>> 当我们谈到了
HTTP水平较低机制。

676
00:31:03,400 --> 00:31:05,780
而这些新的想法
HTML中，这仅仅是

677
00:31:05,780 --> 00:31:08,890
这个标记语言，你
告诉浏览器该怎么做

678
00:31:08,890 --> 00:31:10,740
并实现我们自己的搜索引擎。

679
00:31:10,740 --> 00:31:12,520
因此，而不是仅仅
他说快到了，我

680
00:31:12,520 --> 00:31:14,810
要介绍
一些所谓的表单标签。

681
00:31:14,810 --> 00:31:19,610
而在这种形式下，我要去
有类似的输入字段。

682
00:31:19,610 --> 00:31:22,450
>> 与此输入的名称
现场，我打算把它称为Q.

683
00:31:22,450 --> 00:31:26,240
而这种输入字段的类型
我想说的只是“文字”。

684
00:31:26,240 --> 00:31:29,130
和文本字段，如我们
看，只是一个文本框。

685
00:31:29,130 --> 00:31:32,830
所以它不会感觉到这里有
它里面任何东西在这一点上。

686
00:31:32,830 --> 00:31:35,320
所以我只是去
关闭与该标签

687
00:31:35,320 --> 00:31:38,099
斜线右边的标签本身。

688
00:31:38,099 --> 00:31:39,890
然后我要去
有一个其它的输入。

689
00:31:39,890 --> 00:31:43,480
输入类型等于提交。

690
00:31:43,480 --> 00:31:45,320
然后我要去
关闭这一个了。

691
00:31:45,320 --> 00:31:46,840
>> 现在我要去回到这里。

692
00:31:46,840 --> 00:31:49,520
而且我们已经看到，
虽然很丑陋，我已经

693
00:31:49,520 --> 00:31:52,460
得到的开端
在这里我自己的搜索页面。

694
00:31:52,460 --> 00:31:55,150
事实上，让我尝试
打扫一下一点点。

695
00:31:55,150 --> 00:31:57,330
事实证明，在
输入在这里，我可以有

696
00:31:57,330 --> 00:31:59,910
所谓的占位符其他属性。

697
00:31:59,910 --> 00:32:05,165
我可能会看到类似的关键词，
或更具体地，查询对于q。

698
00:32:05,165 --> 00:32:07,820
>> 同时注意，现在，我有
这种灰色的文字

699
00:32:07,820 --> 00:32:10,440
即消失，
一旦我开始打字，

700
00:32:10,440 --> 00:32:12,930
但它可能是什么
你见过在其他网页。

701
00:32:12,930 --> 00:32:14,650
我真的不喜欢提交按钮。

702
00:32:14,650 --> 00:32:18,320
所以，实际上，我给
提交按钮搜索的值。

703
00:32:18,320 --> 00:32:21,680
而现在，如果我重新加载，请注意
我的按钮将变为命名的搜索。

704
00:32:21,680 --> 00:32:24,140
你知道，我真的不
喜欢这里的标志。

705
00:32:24,140 --> 00:32:27,140
因此，谷歌字体生成。

706
00:32:27,140 --> 00:32:28,820
>> 我想进一步调剂这件事。

707
00:32:28,820 --> 00:32:30,660
因此，CS50搜索。

708
00:32:30,660 --> 00:32:31,870
让我创造我自己的标志。

709
00:32:31,870 --> 00:32:33,080
这看起来不错。

710
00:32:33,080 --> 00:32:36,945
所以，现在让我保存这个as--来吧。

711
00:32:36,945 --> 00:32:40,710

712
00:32:40,710 --> 00:32:43,120
它在哪里去？

713
00:32:43,120 --> 00:32:43,620
那里。

714
00:32:43,620 --> 00:32:44,160
好。

715
00:32:44,160 --> 00:32:44,980
错过了。

716
00:32:44,980 --> 00:32:47,740
另存为。

717
00:32:47,740 --> 00:32:49,470
愚蠢的浏览器。

718
00:32:49,470 --> 00:32:51,700
待机，我们要
解决这个问题一劳永逸。

719
00:32:51,700 --> 00:32:57,650

720
00:32:57,650 --> 00:32:58,590
在那里，我们走了。

721
00:32:58,590 --> 00:32:59,090
好吧。

722
00:32:59,090 --> 00:32:59,600
抱歉。

723
00:32:59,600 --> 00:33:00,750
休息日。

724
00:33:00,750 --> 00:33:02,310
现在，这是时髦的。

725
00:33:02,310 --> 00:33:03,160
退出全屏。

726
00:33:03,160 --> 00:33:04,150
好吧。

727
00:33:04,150 --> 00:33:06,870
>> 现在，像一个正常
人，保存图像。

728
00:33:06,870 --> 00:33:08,810
Logo.gif。

729
00:33:08,810 --> 00:33:13,194
现在，我要进入CS50IDE和
我要简单地抓取标志，

730
00:33:13,194 --> 00:33:15,360
我打算把它拖到
我的消息来源7目录，

731
00:33:15,360 --> 00:33:17,002
文件已经存在，我与该确定。

732
00:33:17,002 --> 00:33:19,210
所以我要重写它
因为我已经办完了。

733
00:33:19,210 --> 00:33:20,630
现在我该如何摆脱呢？

734
00:33:20,630 --> 00:33:24,670
>> 让我们继续在这里做
图片来源等于logo.gif。

735
00:33:24,670 --> 00:33:25,490
关闭这一点。

736
00:33:25,490 --> 00:33:26,050
保存。

737
00:33:26,050 --> 00:33:30,560
而现在，如果我回到我的搜索
页面，现在它看起来相当不错。

738
00:33:30,560 --> 00:33:33,610
好吧，所以它没有
完全完成任何用处。

739
00:33:33,610 --> 00:33:37,000
事实上，让我试试搜索
一只猫，看看会发生什么。

740
00:33:37,000 --> 00:33:38,890
猫。

741
00:33:38,890 --> 00:33:39,420
该死的。

742
00:33:39,420 --> 00:33:41,400
它不只是工作，显然。

743
00:33:41,400 --> 00:33:43,760
那么什么是关键棋子
唯一缺少的吗？

744
00:33:43,760 --> 00:33:49,100
>> 对了，即使你不知道任何HTML，
我已经开始打了电话形式

745
00:33:49,100 --> 00:33:54,130
我已经告诉它怎么去投入，
给我一个文本框和一个提交按钮，

746
00:33:54,130 --> 00:33:55,730
哪块显然缺少什么？

747
00:33:55,730 --> 00:33:58,975
假设我们要真正得到
这个东西正常工作。

748
00:33:58,975 --> 00:34:02,420

749
00:34:02,420 --> 00:34:05,360
什么是我们需要做什么？

750
00:34:05,360 --> 00:34:08,860
我们有必要实行后端
数据库或搜索引擎本身，

751
00:34:08,860 --> 00:34:11,210
而这将需要一段
一大堆的时间，坦率地说。

752
00:34:11,210 --> 00:34:13,380
>> 所以请记住我们所做的最后一次。

753
00:34:13,380 --> 00:34:18,230
所以，如果你搜索的东西在谷歌
并且您已经提前关闭，

754
00:34:18,230 --> 00:34:20,355
召回，即时搜索。

755
00:34:20,355 --> 00:34:22,230
因此，让我把它们关掉
因此，这实际上是

756
00:34:22,230 --> 00:34:26,650
行为就像一个老派的浏览器，
如果我现在要查找类似猫科动物，

757
00:34:26,650 --> 00:34:28,190
回忆一下网址样子。

758
00:34:28,190 --> 00:34:29,449
这是非常神秘的。

759
00:34:29,449 --> 00:34:33,000
但是嵌入在里面，
召回，是斜线搜索。

760
00:34:33,000 --> 00:34:35,100
问号Q等于猫。

761
00:34:35,100 --> 00:34:37,760
>> 这似乎给我
一大堆的搜索结果。

762
00:34:37,760 --> 00:34:39,134
所以，你知道我该怎么办？

763
00:34:39,134 --> 00:34:41,650
我要借钱
谷歌只是一分钟。

764
00:34:41,650 --> 00:34:43,670
我要去了
在这里，我要说

765
00:34:43,670 --> 00:34:47,850
这一形式的行动，或
目的地，可以这么说，

766
00:34:47,850 --> 00:34:49,330
应该从字面上是谷歌。

767
00:34:49,330 --> 00:34:52,590
而法，我想
要使用将是获得。

768
00:34:52,590 --> 00:34:53,560
>> 那么，什么是行动？

769
00:34:53,560 --> 00:34:55,760
动作古怪命名，
但是这只是意味着

770
00:34:55,760 --> 00:34:58,120
谁去处理
这种形式的行动？

771
00:34:58,120 --> 00:35:00,820
当我点击搜索，在那里
应结果去了？

772
00:35:00,820 --> 00:35:05,300
如果我现在回到我的表
这里刷新我的网页

773
00:35:05,300 --> 00:35:09,000
现在搜索的东西
喜欢狗，现在通知

774
00:35:09,000 --> 00:35:10,850
我已经重新实现谷歌。

775
00:35:10,850 --> 00:35:11,350
对？

776
00:35:11,350 --> 00:35:14,141
>> 如果我要寻找的东西
否则，它适用于不只是狗，

777
00:35:14,141 --> 00:35:16,400
它也适用于猫。

778
00:35:16,400 --> 00:35:21,930
这也适用于CS50。

779
00:35:21,930 --> 00:35:24,310
和OK，这只是
在空前的，是不是？

780
00:35:24,310 --> 00:35:25,920
好吧，但它的实际工作。

781
00:35:25,920 --> 00:35:27,360
那么，实际上已经持续？

782
00:35:27,360 --> 00:35:31,340
所以，我教我的浏览器，使用
的HTML，采取从用户输入

783
00:35:31,340 --> 00:35:35,810
实际上发送输入
到远程服务器使用HTTP。

784
00:35:35,810 --> 00:35:39,120
>> 而由于我的浏览器
理解HTTP，它实际上

785
00:35:39,120 --> 00:35:43,500
构造URL，这样什么
我结束了在我的浏览器，

786
00:35:43,500 --> 00:35:45,660
注意到发生了什么
当我搜索犬。

787
00:35:45,660 --> 00:35:49,270
如果我点击搜索，请注意
网址改变，因为我打算

788
00:35:49,270 --> 00:35:52,770
以google.com/search~~V查询等于狗。

789
00:35:52,770 --> 00:35:56,020
这是因为形式
知道，因为该方法得到的，

790
00:35:56,020 --> 00:35:59,560
简单地把它添加到URL存在。

791
00:35:59,560 --> 00:36:01,730
>> 现在，这些网页都还难看。

792
00:36:01,730 --> 00:36:04,890
因此，让我们引入另一个
一块语法如果今天我们能做到。

793
00:36:04,890 --> 00:36:07,640
这是已知的东西
作为级联样式表。

794
00:36:07,640 --> 00:36:10,720
因此，让我看看
这个例子在这里，看看

795
00:36:10,720 --> 00:36:12,380
如果我们可以推断出这是怎么回事。

796
00:36:12,380 --> 00:36:14,520
这是CSS0.html。

797
00:36:14,520 --> 00:36:16,532
这是哪里的东西
变得有点难看。

798
00:36:16,532 --> 00:36:18,490
因为不幸的是，
在幅材的世界，

799
00:36:18,490 --> 00:36:20,920
HTML不能单独做的一切。

800
00:36:20,920 --> 00:36:22,920
所以，如果你想
风格化您的网页，

801
00:36:22,920 --> 00:36:28,370
你真正需要关注的
美学以不同的方式。

802
00:36:28,370 --> 00:36:33,090
所以在这里，我有我的网页的身体
其中，内页是一个很大的股利。

803
00:36:33,090 --> 00:36:34,700
而一个div只是意味着分工。

804
00:36:34,700 --> 00:36:38,060
所以，它就像一个段落，但
不具有相同的语义

805
00:36:38,060 --> 00:36:39,180
的一段文字。

806
00:36:39,180 --> 00:36:40,940
>> 这也就意味着到
浏览器，这里来

807
00:36:40,940 --> 00:36:45,210
我的网页大矩形区域
页面，我想特别处理。

808
00:36:45,210 --> 00:36:47,420
现在，第21行是分区的开始。

809
00:36:47,420 --> 00:36:48,770
而只是采取一种猜测。

810
00:36:48,770 --> 00:36:53,080
什么是线21上的作用
其余的页面的内容？

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
围绕它。

813
00:36:56,311 --> 00:36:56,810
就这样。

814
00:36:56,810 --> 00:36:58,830
所以，我们还没有看到的一种方式
实际上围绕文本。

815
00:36:58,830 --> 00:37:00,996
>> 事实上，我的搜索​​引擎，
不像实际的谷歌，

816
00:37:00,996 --> 00:37:03,040
一切都有道理到左边。

817
00:37:03,040 --> 00:37:07,430
所以，现在在第21行，我说，哎
浏览器，创建页面的一个部门。

818
00:37:07,430 --> 00:37:09,450
只要给我一个很大的，无形的矩形。

819
00:37:09,450 --> 00:37:11,490
这就是我想
想想网页。

820
00:37:11,490 --> 00:37:13,870
然后风格化它如下。

821
00:37:13,870 --> 00:37:16,900
里面那些报价，
现在，是第二语言

822
00:37:16,900 --> 00:37:19,969
我们今天推出
所谓的级联样式表。

823
00:37:19,969 --> 00:37:22,010
值得庆幸的是，它太不
一种编程语言，

824
00:37:22,010 --> 00:37:26,470
所以它是非常有限的语法，但
也非常有限其功能

825
00:37:26,470 --> 00:37:30,670
而HTML是所有关于
标记了一个网页的数据

826
00:37:30,670 --> 00:37:32,130
和网页的结构。

827
00:37:32,130 --> 00:37:35,320
CSS通常是关于
最后一英里，美学，

828
00:37:35,320 --> 00:37:40,160
得到的大小和颜色和
布局完全正确的网页。

829
00:37:40,160 --> 00:37:43,000
事实上，它形成
与键值对。

830
00:37:43,000 --> 00:37:46,290
>> 这样，文字的属性
对齐，随后是结肠，

831
00:37:46,290 --> 00:37:49,720
其次是该值
属性，在这种情况下是中心。

832
00:37:49,720 --> 00:37:51,910
而现在注意到你
可以嵌套这些东西。

833
00:37:51,910 --> 00:37:56,780
如果我想要的一切在那
我一直强调为中心，

834
00:37:56,780 --> 00:38:00,270
这就是为什么我有21行和
相应的行31。

835
00:38:00,270 --> 00:38:04,820
但是，现在假设想说约翰
哈佛，欢迎访问我的主页。

836
00:38:04,820 --> 00:38:06,530
>> 版权符号约翰哈佛。

837
00:38:06,530 --> 00:38:09,180
再假设我想第一
这些线路是相当大的。

838
00:38:09,180 --> 00:38:10,450
36像素。

839
00:38:10,450 --> 00:38:11,530
所以这是一个体面的大小。

840
00:38:11,530 --> 00:38:13,240
我想它的重量要大胆。

841
00:38:13,240 --> 00:38:15,450
但随后跌破这一位置，
我想小文。

842
00:38:15,450 --> 00:38:19,980
其下方，我想
更小的文本。

843
00:38:19,980 --> 00:38:20,480
抱歉。

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
今天感觉就像一个休息日。

846
00:38:26,940 --> 00:38:29,840
>> 所以，现在，我在做什么来表达呢？

847
00:38:29,840 --> 00:38:34,580
在这里，第22行是一个嵌入式
格或div嵌套，如果你愿意。

848
00:38:34,580 --> 00:38:36,190
它也有自己的风格标签。

849
00:38:36,190 --> 00:38:38,160
我指定的36字体大小。

850
00:38:38,160 --> 00:38:40,460
我指定粗体的字体粗细。

851
00:38:40,460 --> 00:38:43,360
到这里，我只指定了24个像素。

852
00:38:43,360 --> 00:38:45,960
最后，在第28行，我指定12。

853
00:38:45,960 --> 00:38:49,070
因此，正如一个快速完整性检查
而作为一个人读这篇文章，

854
00:38:49,070 --> 00:38:52,545
哪些词在屏幕上的
究竟要大胆？

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
哪些线路实际上是大胆？

857
00:38:58,760 --> 00:38:59,570
>> 只是约翰哈佛。

858
00:38:59,570 --> 00:39:00,070
对？

859
00:39:00,070 --> 00:39:05,940
因为正如行22说：哎
浏览器，这里的页面的一个部门。

860
00:39:05,940 --> 00:39:07,920
让它的字体大小36点。

861
00:39:07,920 --> 00:39:09,460
使字体粗细大胆。

862
00:39:09,460 --> 00:39:11,920
一旦你到达
相应的结束标记

863
00:39:11,920 --> 00:39:15,340
或线24封闭的标记，
这意味着，嘿嘿浏览器，

864
00:39:15,340 --> 00:39:17,640
停止做不管它是你正在做的。

865
00:39:17,640 --> 00:39:21,020
而通知明确，即使
线22具有所有这些属性

866
00:39:21,020 --> 00:39:24,430
喜欢的风格，当你
关闭标签在第24行，

867
00:39:24,430 --> 00:39:25,940
你只提标签的名称。

868
00:39:25,940 --> 00:39:29,990
>> 你不重复的字样式或
任何的这些报价内。

869
00:39:29,990 --> 00:39:32,860
所以，如果我看这个现在
在我的浏览器，让我们

870
00:39:32,860 --> 00:39:38,060
看看最后的结果。让我走
未来到这个文件，这是CSS 0。

871
00:39:38,060 --> 00:39:41,814
它仍然是相当平淡，
但得到相当有趣。

872
00:39:41,814 --> 00:39:43,980
但事实证明，有
其他的事情，我可以在这里做，

873
00:39:43,980 --> 00:39:46,490
并且在制造的风险
这完全可怕的，

874
00:39:46,490 --> 00:39:48,630
注意这里，在我
我的网页的身体，

875
00:39:48,630 --> 00:39:53,930
我可以做一些有趣的事情
像血糖或背景色。

876
00:39:53,930 --> 00:39:56,670
>> 快捷，什么是你最喜欢的颜色？

877
00:39:56,670 --> 00:39:57,720
绿色听说。

878
00:39:57,720 --> 00:39:58,750
好吧。

879
00:39:58,750 --> 00:40:02,920
所以，现在，如果我打重装现在，
我们有一个绿色的网页。

880
00:40:02,920 --> 00:40:04,710
好了，所以这不是坏的。

881
00:40:04,710 --> 00:40:08,350
而现在，如果我想使这个真
很酷，我可以让我的文字的颜色

882
00:40:08,350 --> 00:40:09,360
甚至红色。

883
00:40:09,360 --> 00:40:10,870
因此，让我们看看这是什么样子。

884
00:40:10,870 --> 00:40:12,230
现在，它看起来相当不错。

885
00:40:12,230 --> 00:40:15,460
而到这里，如果你真的
想惹别人

886
00:40:15,460 --> 00:40:17,487
或者，如果你想成为
那些人之一谁

887
00:40:17,487 --> 00:40:20,570
试图诱骗用户访问一个网页
页面，因为他们已经欺骗了谷歌

888
00:40:20,570 --> 00:40:27,610
到思维有一大堆
关键词like--让我们来看看，重装。

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
哪儿去了？

891
00:40:30,680 --> 00:40:31,530
它就在那里我们。

892
00:40:31,530 --> 00:40:32,030
好吧。

893
00:40:32,030 --> 00:40:34,905
所以我说这是题外话，我们将
谈论这个东西在几个星期

894
00:40:34,905 --> 00:40:36,740
当我们谈论
安全，如果你真的

895
00:40:36,740 --> 00:40:38,852
中嵌入整串
在网页中的关键词，

896
00:40:38,852 --> 00:40:41,810
即使他们不可见的，
当然，人，有人喜欢谷歌，

897
00:40:41,810 --> 00:40:43,250
可实际上仍然发现这一点。

898
00:40:43,250 --> 00:40:45,820
好了，所以这是很
可怕的很快。

899
00:40:45,820 --> 00:40:48,420
>> 而事实上，这还不是全部
那么多不像我自己的网站

900
00:40:48,420 --> 00:40:51,480
页面作为一名大学生，这
我开始使用Google四处找

901
00:40:51,480 --> 00:40:53,690
过去的版本我的旧网站。

902
00:40:53,690 --> 00:40:54,500
这是非常糟糕的。

903
00:40:54,500 --> 00:40:56,650
事实上，我确实发现
ONE仅有上课前。

904
00:40:56,650 --> 00:40:58,620
但更糟糕的是在那里。

905
00:40:58,620 --> 00:41:01,534
这显然​​是我的
主页早在1996年。

906
00:41:01,534 --> 00:41:04,200
显然，我认为这是
应该问的人他们的名字

907
00:41:04,200 --> 00:41:05,991
才可以
居然看到我的网页。

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> 然后我给他们
一些愚蠢的事，大概。

910
00:41:11,920 --> 00:41:13,450
我会挖多为下一次。

911
00:41:13,450 --> 00:41:16,220
但现在，让我们来
考虑位的设计。

912
00:41:16,220 --> 00:41:17,444
我们已经讨论过的风格。

913
00:41:17,444 --> 00:41:19,735
而这个页面从而远不及
最一切，我已经写了

914
00:41:19,735 --> 00:41:21,890
很干净的曲风。

915
00:41:21,890 --> 00:41:23,320
但怎么样的设计？

916
00:41:23,320 --> 00:41:25,990
嗯，有很多冗余
在什么我已经在这里做什么。

917
00:41:25,990 --> 00:41:28,156
>> 我已经提到这个词
颜色在几个地方。

918
00:41:28,156 --> 00:41:31,630
我在一对夫妇提到字号
地方和大胆的在几个地方。

919
00:41:31,630 --> 00:41:34,870
从根本上，我的合作
交融两种语言。

920
00:41:34,870 --> 00:41:38,100
我有HTML与我的标签和我
属性，然后突然之间，

921
00:41:38,100 --> 00:41:40,100
引号之间的，我有
第二语言的今天

922
00:41:40,100 --> 00:41:43,830
所谓的CSS，它再次，只是这些
键值对，或这些属性

923
00:41:43,830 --> 00:41:45,280
用冒号分隔。

924
00:41:45,280 --> 00:41:47,700
>> 事实证明，很多
就像C一样，我们

925
00:41:47,700 --> 00:41:50,550
可以先对因子
一些代码为标题的文件，

926
00:41:50,550 --> 00:41:53,520
所以我们可以做同样的HTML。

927
00:41:53,520 --> 00:41:56,030
并朝着一个步骤如下。

928
00:41:56,030 --> 00:42:02,230
请注意，这个版本，CSS1.html是
在结构上完全相同的网页。

929
00:42:02,230 --> 00:42:05,250
所以，我有一大堆
申报单的，但是这一次，我已经

930
00:42:05,250 --> 00:42:07,220
摆脱了包装的
DIV，你会看到的。

931
00:42:07,220 --> 00:42:12,390
>> 我已经给这三个div的
顶部，中部和底部，唯一ID。

932
00:42:12,390 --> 00:42:14,760
这是很好的，因为
给这些部门

933
00:42:14,760 --> 00:42:18,715
页面唯一标识符，
我可以在其他地方引用它们。

934
00:42:18,715 --> 00:42:19,215
在哪里？

935
00:42:19,215 --> 00:42:21,070
好吧，让我向上滚动。

936
00:42:21,070 --> 00:42:24,070
因此到目前为止，任何时候我们已经看了
在网页的头，有什么

937
00:42:24,070 --> 00:42:28,560
我们已经在唯一的标签
一个网页的头？

938
00:42:28,560 --> 00:42:29,740
大声一点。

939
00:42:29,740 --> 00:42:30,799
就在标题为止。

940
00:42:30,799 --> 00:42:32,590
但事实证明，有
一些其他的东西

941
00:42:32,590 --> 00:42:35,840
你可以把在那里，一
它之所以被称为风格标签。

942
00:42:35,840 --> 00:42:37,850
所以刚才我们看了
在样式属性。

943
00:42:37,850 --> 00:42:39,150
原来有一个风格的标签。

944
00:42:39,150 --> 00:42:41,200
它属于内部
网页的头部。

945
00:42:41,200 --> 00:42:42,840
现在发现我在做什么。

946
00:42:42,840 --> 00:42:46,540
我有这里面
风格标签下面。

947
00:42:46,540 --> 00:42:51,190
我从字面上提的第20行的
我想风格化标签的名称。

948
00:42:51,190 --> 00:42:53,489
>> 然后，我有大括号
和封闭大括号。

949
00:42:53,489 --> 00:42:56,030
因此，在精神为C相似，但
再次，这不是一个功能，

950
00:42:56,030 --> 00:42:57,796
这仅仅是一个语法在这里的细节。

951
00:42:57,796 --> 00:43:00,170
那当然，而且我要告诉
浏览器，浏览器哎，

952
00:43:00,170 --> 00:43:05,210
使页面的整个主体
有中心的文本对齐方式。

953
00:43:05,210 --> 00:43:06,930
然后这话说以下。

954
00:43:06,930 --> 00:43:12,600
嘿，浏览器，如果你看到一个HTML
在页面元素或标记，

955
00:43:12,600 --> 00:43:17,040
具有顶部的唯一标识符，
因此，井号这里只是指

956
00:43:17,040 --> 00:43:21,010
顶部独特的想法，继续前进
并使其字体大小36

957
00:43:21,010 --> 00:43:22,490
其字体粗细大胆。

958
00:43:22,490 --> 00:43:26,840
>> 嘿浏览器，元素，其
ID为中，使其24像素。

959
00:43:26,840 --> 00:43:31,070
哎浏览器，如果你看到一个
底部的理念，使其12像素。

960
00:43:31,070 --> 00:43:33,540
最终的效果
正是SAM。

961
00:43:33,540 --> 00:43:36,500
如果我去到了CSS 1，
页面看起来都一样。

962
00:43:36,500 --> 00:43:39,810
但我们走向了一步
一个稍微好一点的设计。

963
00:43:39,810 --> 00:43:44,850
现在让我回到这里CSS2
，看看还有什么我所做的一切。

964
00:43:44,850 --> 00:43:48,030
>> 现在的网页是真的，真的很干净。

965
00:43:48,030 --> 00:43:50,730
其实，我可以适应所有的
页面上的内容在这里。

966
00:43:50,730 --> 00:43:54,270
但是，新的标签有我
介绍，很明显？

967
00:43:54,270 --> 00:43:54,770
链接。

968
00:43:54,770 --> 00:43:57,853
而且这不是一个最好的名字的标签，
因为它不是在这个意义上一个链接

969
00:43:57,853 --> 00:44:00,780
我们知道，但这意味着
在某些其它文件的链接。

970
00:44:00,780 --> 00:44:02,890
这是一种像尖锐包括C.

971
00:44:02,890 --> 00:44:06,280
>> 这是HTML的方式
说哎浏览器，

972
00:44:06,280 --> 00:44:10,240
去得到的内容
该文件名为css2.css。

973
00:44:10,240 --> 00:44:12,880
的关系，对我来说，
是，这是一个样式表。

974
00:44:12,880 --> 00:44:17,980
事实上，这正是的一个
的s在级联样式表的手段。

975
00:44:17,980 --> 00:44:20,350
这是一个样式表。

976
00:44:20,350 --> 00:44:23,120
这只是包含文本文件
一大堆的财产。

977
00:44:23,120 --> 00:44:25,940
这一大堆的风格
要应用到的页面。

978
00:44:25,940 --> 00:44:28,860
>> 所以这显然是
参照一个第二文件。

979
00:44:28,860 --> 00:44:32,970
如果我打开，CSS2.css，
请注意，所有我做

980
00:44:32,970 --> 00:44:35,900
是复制和粘贴的所有
这到这个文件。

981
00:44:35,900 --> 00:44:38,220
而现在，即使你从来没有
之前编码这个东西，

982
00:44:38,220 --> 00:44:40,700
只是考虑与
众所周知工程帽

983
00:44:40,700 --> 00:44:44,220
对，这是为什么一个
更好的设计可能？

984
00:44:44,220 --> 00:44:48,910
分解出的CSS属性，
把他们变成自己的文件。

985
00:44:48,910 --> 00:44:51,330
即使我们解决了这个
问题像五分钟前

986
00:44:51,330 --> 00:44:52,600
在第一个版本。

987
00:44:52,600 --> 00:44:55,730
>> 我们没有好转的
页面风格上，

988
00:44:55,730 --> 00:44:57,520
这仅仅是更好
设计在某种意义上。

989
00:44:57,520 --> 00:44:58,990
为什么你认为？

990
00:44:58,990 --> 00:45:01,510
是啊。

991
00:45:01,510 --> 00:45:02,260
更灵活的怎么样？

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
是啊。

994
00:45:05,540 --> 00:45:07,373
所以，如果你想要去
背部和改变的东西，

995
00:45:07,373 --> 00:45:09,540
现在，你有一个地方
在这里你可以改变的事情。

996
00:45:09,540 --> 00:45:11,622
而事实上，对于一些
类似的问题设置七，

997
00:45:11,622 --> 00:45:13,690
在这里，我们将实现一个
股票交易网站，

998
00:45:13,690 --> 00:45:15,523
那将会有一个
一大堆的页面。

999
00:45:15,523 --> 00:45:17,620
而这将是非常
恼人的，如果你决定，嗯，

1000
00:45:17,620 --> 00:45:21,630
我真的不喜欢24像素，我想
它是28像素或稍大。

1001
00:45:21,630 --> 00:45:23,550
然后还要做
全球查找和替换

1002
00:45:23,550 --> 00:45:27,560
或打开所有的网站的文件
只是真正改变一个值。

1003
00:45:27,560 --> 00:45:31,290
通过分解出这些风格
在一个中心位置，

1004
00:45:31,290 --> 00:45:34,720
你现在就可以打开一个文本文件
在CS50IDE到任何程序，

1005
00:45:34,720 --> 00:45:36,479
改变它，保存它，并完成。

1006
00:45:36,479 --> 00:45:38,270
你传播的
变化无处不在。

1007
00:45:38,270 --> 00:45:42,450
这将是相同的
在一个点.h文件也是如此。

1008
00:45:42,450 --> 00:45:46,697
因此，任何问题从而
据有关此语法？

1009
00:45:46,697 --> 00:45:48,530
好了，所以我们
所做的一切似乎

1010
00:45:48,530 --> 00:45:51,170
但实际执行的超链接。

1011
00:45:51,170 --> 00:45:52,740
因此，让我们继续前进，做到这一点。

1012
00:45:52,740 --> 00:45:54,830
让我继续前进，
在这里创建一个新的文件。

1013
00:45:54,830 --> 00:45:59,970
我要叫它
link.html，放在今天的代码。

1014
00:45:59,970 --> 00:46:03,000
>> 而我要做的开
支架的文档类型的HTML。

1015
00:46:03,000 --> 00:46:05,970
顺便说一句，这东西在
顶，这个文档类型声明，

1016
00:46:05,970 --> 00:46:08,420
它是唯一一个很奇怪
与感叹号。

1017
00:46:08,420 --> 00:46:12,100
你只需要做到这一点存在，并且
我们使用的HTML版本，5表示。

1018
00:46:12,100 --> 00:46:14,460
老版本的
语言有更长的时间

1019
00:46:14,460 --> 00:46:16,400
你需要串放在那里。

1020
00:46:16,400 --> 00:46:18,620
因此，这里是被称为链接的示例。

1021
00:46:18,620 --> 00:46:20,950
>> 我需要我的网页的身体在这里。

1022
00:46:20,950 --> 00:46:29,770
和在这里，A HREF等于
让我们说HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
我最喜欢的网站，我们会说。

1024
00:46:35,420 --> 00:46:38,550
好吧，所以很
无关痛痒的，用户友好的页面。

1025
00:46:38,550 --> 00:46:42,950
如果我现在去到我的目录
在这里上市，开拓link.html，

1026
00:46:42,950 --> 00:46:44,780
我们有超文本。

1027
00:46:44,780 --> 00:46:47,410
>> 事实上，这是在哪里
在HTTP轰得来的。

1028
00:46:47,410 --> 00:46:51,580
超文本传输​​协定
是有关传输文本

1029
00:46:51,580 --> 00:46:53,840
具有超链接到其他资源。

1030
00:46:53,840 --> 00:46:58,210
事实上，这里是大家熟悉的，
如果复古，蓝色链接，如果点击，

1031
00:46:58,210 --> 00:47:02,607
实际上将导致我Disney.com。

1032
00:47:02,607 --> 00:47:03,940
现在，噢，那很快就出来了。

1033
00:47:03,940 --> 00:47:08,970
好了，那么现在，有哪些
本作的含义是什么？

1034
00:47:08,970 --> 00:47:11,610
>> 坦率地说，这个世界开始
得到一点更熟悉

1035
00:47:11,610 --> 00:47:15,090
并且也有点可怕
同时也多了几分

1036
00:47:15,090 --> 00:47:17,840
自我辩护的，一旦你开始
了解这些东西。

1037
00:47:17,840 --> 00:47:21,610
因为赔率是，一些你，如果你去
通过您的Gmail的垃圾邮件文件夹，甚至

1038
00:47:21,610 --> 00:47:23,990
您的收件箱，你可能
得到某种形式的电子邮件

1039
00:47:23,990 --> 00:47:26,980
是在问你改变你的
密码也许或者验证

1040
00:47:26,980 --> 00:47:28,910
您的PayPal凭证或诸如此类的东西。

1041
00:47:28,910 --> 00:47:34,510
>> 而事实上，你可能已经收到
东西说，像请点击这里

1042
00:47:34,510 --> 00:47:42,260
重置您的支付宝密码。

1043
00:47:42,260 --> 00:47:44,130
现在，请注意，如果
这不是Disney.com

1044
00:47:44,130 --> 00:47:51,600
但像badplace.com和
重装，注意，这里是正文

1045
00:47:51,600 --> 00:47:53,710
任何能说什么。

1046
00:47:53,710 --> 00:47:55,260
而事实上，这只是话。

1047
00:47:55,260 --> 00:48:04,610
为什么不让我其实是超级恶意
并说http://www.paypal.com。

1048
00:48:04,610 --> 00:48:14,090
>> 点击此处重置您的支付宝
密码现在重装。

1049
00:48:14,090 --> 00:48:16,220
这看起来很合理，对不对？

1050
00:48:16,220 --> 00:48:20,470
我的意思是，我不会点击
一封电子邮件，只是说这个。

1051
00:48:20,470 --> 00:48:22,450
但这里要注意的两分法。

1052
00:48:22,450 --> 00:48:26,880
它说www.paypal.com，
而事实上，等一下，

1053
00:48:26,880 --> 00:48:29,210
我们知道你想要
在S安全。

1054
00:48:29,210 --> 00:48:35,450
所以，现在，去www.paypal.com HTTPS，
但如果你以前从来没有这样做，

1055
00:48:35,450 --> 00:48:38,182
不要陷入习惯
徘徊在小链接在这里。

1056
00:48:38,182 --> 00:48:39,890
而且它是很难看到
在屏幕上出现，

1057
00:48:39,890 --> 00:48:41,340
这不是所有的容易在这里。

1058
00:48:41,340 --> 00:48:43,615
但一路下来这里
在小小的角落

1059
00:48:43,615 --> 00:48:45,740
做浏览器实际
告诉你，我们要

1060
00:48:45,740 --> 00:48:48,850
以badplace.com代替Paypal.com。

1061
00:48:48,850 --> 00:48:51,620
现在，我们去哪儿用呢？

1062
00:48:51,620 --> 00:48:54,859
所有我们今天所做的例子，
我们已经硬编码，并手动输入了。

1063
00:48:54,859 --> 00:48:56,900
该网站是令人难以置信
无趣，当你辛苦

1064
00:48:56,900 --> 00:48:59,844
编写你的网页，这样的内容
是静态的，从来没有改变。

1065
00:48:59,844 --> 00:49:01,760
当然，我们所有的
今天最喜爱的网站，

1066
00:49:01,760 --> 00:49:04,470
无论是Gmail或Twitter或
Facebook或任何其他一些

1067
00:49:04,470 --> 00:49:05,290
是动态的。

1068
00:49:05,290 --> 00:49:07,340
他们正在改变
响应于用户输入

1069
00:49:07,340 --> 00:49:08,840
就像谷歌的搜索结果。

1070
00:49:08,840 --> 00:49:12,415
>> 因此在周三，我们做的是
我们离开的HTML和CSS介绍

1071
00:49:12,415 --> 00:49:14,290
过去，而我们走
理所当然，我们现在

1072
00:49:14,290 --> 00:49:16,640
知道它，我们引入
一种新的编程语言

1073
00:49:16,640 --> 00:49:19,050
所谓的PHP，它喜欢
C，是要给我们

1074
00:49:19,050 --> 00:49:22,450
实际创建的程序的权力
这本身产生的输出。

1075
00:49:22,450 --> 00:49:25,900
在这种情况下，我们将使用
PHP生成动态网页

1076
00:49:25,900 --> 00:49:27,340
使用这种新的语言的网页。

1077
00:49:27,340 --> 00:49:28,989
因此，更多的是在周三。

1078
00:49:28,989 --> 00:49:29,530
回头见。

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [音乐播放]

1081
00:49:37,380 --> 00:52:38,864