1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
DAVID J. MALAN：好的。

3
00:00:01,210 --> 00:00:02,160
我们回来了。

4
00:00:02,160 --> 00:00:05,810
所以，这最后一次会议的目标
是介绍几个概念

5
00:00:05,810 --> 00:00:09,290
也给每个人一个机会
以一种舒展你的手指

6
00:00:09,290 --> 00:00:11,270
实际上做一些事情
有点动手。

7
00:00:11,270 --> 00:00:13,897
我们的目标是不给转
我们都为Web开发人员

8
00:00:13,897 --> 00:00:16,230
以任何手段，但实际上只是
给你一些味道

9
00:00:16,230 --> 00:00:21,750
什么样的基本构造的
进入网络编程和网络的今天

10
00:00:21,750 --> 00:00:23,980
发展，所以
的things--静态侧

11
00:00:23,980 --> 00:00:26,660
没有逻辑，没有编程
语言只是静态内容。

12
00:00:26,660 --> 00:00:29,660
它会给我们一个机会
实际看到的Web服务器是什么，

13
00:00:29,660 --> 00:00:34,140
看到一个HTML文件是什么，看什么
它是HTTP实际上是服务了。

14
00:00:34,140 --> 00:00:38,600
但在此之前，我们在潜水，追溯
关于云计算的问题

15
00:00:38,600 --> 00:00:43,922
抵押或在两者之间什么吗？

16
00:00:43,922 --> 00:00:44,890
>> 没有？

17
00:00:44,890 --> 00:00:47,181
好了，好了，让我们
为此，以防万一

18
00:00:47,181 --> 00:00:49,680
报名参加的过程
东西需要几分钟的时间。

19
00:00:49,680 --> 00:00:51,221
我们会让它做它在后台运行。

20
00:00:51,221 --> 00:00:56,860
来吧，如果你能，
这个URL这里 -  c9.io.

21
00:00:56,860 --> 00:01:02,810
这是一个第三方service--
平台即服务，如果你will--

22
00:01:02,810 --> 00:01:05,190
这是要邀请您
注册一个帐户，

23
00:01:05,190 --> 00:01:08,650
并且它去给你们每个人
在所谓的云的帐户

24
00:01:08,650 --> 00:01:11,330
在别人的基础设施，
一家名为Cloud9。

25
00:01:11,330 --> 00:01:13,350
但是，什么是关于nice
这是他们给你

26
00:01:13,350 --> 00:01:15,990
的近似值
实际的现实世界的发展

27
00:01:15,990 --> 00:01:18,530
环境，虽然在
云和在网络浏览器，

28
00:01:18,530 --> 00:01:21,175
我们会用这个实际
今天试验了一下。

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
然后继续前进，只是导航
自己的方式注册过程

31
00:01:30,260 --> 00:01:32,630
如果你可以。

32
00:01:32,630 --> 00:01:36,080
因此，我们在发生该类使用此
我教所有的学生，

33
00:01:36,080 --> 00:01:39,140
在校园和关闭，现在，
它取代历史是什么

34
00:01:39,140 --> 00:01:41,390
否则被下载的软件。

35
00:01:41,390 --> 00:01:44,620
那么，你获得访问
是这些虚拟机之一，

36
00:01:44,620 --> 00:01:46,460
本质上，我前面描述。

37
00:01:46,460 --> 00:01:50,260
因此，这家公司可能Cloud9
从第三party--的确租金

38
00:01:50,260 --> 00:01:52,760
在这种情况下，Google--一个整体
束的虚拟机的

39
00:01:52,760 --> 00:01:56,500
他们莫名其妙地砍成
各个服务器的错觉

40
00:01:56,500 --> 00:01:58,610
我们每个人都有完全控制权。

41
00:01:58,610 --> 00:02:01,640
这不是很准确的说
他们是虚拟机，

42
00:02:01,640 --> 00:02:04,550
虽然，因为什么
Cloud9实际使用

43
00:02:04,550 --> 00:02:07,570
是一个有些较新的技术
所谓的集装箱。

44
00:02:07,570 --> 00:02:13,150
让我抓住这个图片
这里画这幅画。

45
00:02:13,150 --> 00:02:16,540
>> 容器是，如果
你还记得图片

46
00:02:16,540 --> 00:02:19,900
从早期的，有点轻
重量比的虚拟机。

47
00:02:19,900 --> 00:02:22,090
实际上，而最后
一次，我们谈到有

48
00:02:22,090 --> 00:02:25,170
作为一个经营
系统管理程序

49
00:02:25,170 --> 00:02:28,260
然后客户机操作系统，来宾
操作系统，来宾操作系统

50
00:02:28,260 --> 00:02:30,940
系统之上的
物理硬件，

51
00:02:30,940 --> 00:02:33,740
这种新的差异
技术，集装箱，

52
00:02:33,740 --> 00:02:37,290
是，它们都以某种方式分享
相同的操作系统。

53
00:02:37,290 --> 00:02:39,970
但他们仍然创造
大家的错觉

54
00:02:39,970 --> 00:02:44,590
有他或她自己的专属
管理权限和文件

55
00:02:44,590 --> 00:02:45,400
在服务器上。

56
00:02:45,400 --> 00:02:48,230
但是，有一个在更少的软件
你和硬件之间。

57
00:02:48,230 --> 00:02:52,260
其结果是，在
理论上，一个更高的性能，

58
00:02:52,260 --> 00:02:55,470
因为你使用或
浪费更少的资源

59
00:02:55,470 --> 00:02:57,360
关于所谓的虚拟化层。

60
00:02:57,360 --> 00:02:59,420
因此，这被称为
集装箱的性质

61
00:02:59,420 --> 00:03:02,920
由称为多克尔技术的方式，
这是非常进入它自己。

62
00:03:02,920 --> 00:03:05,086
这是东西
工程师贵公司

63
00:03:05,086 --> 00:03:08,610
也许那种类型的谈话开始
关于很快，如果他们还没有准备好，

64
00:03:08,610 --> 00:03:11,590
虽然有肯定没有
理由跳上任何bandwagons。

65
00:03:11,590 --> 00:03:15,410
>> 所以这么说，是什么
你可能现在看

66
00:03:15,410 --> 00:03:22,670
是，看起来有点像这样的画面。

67
00:03:22,670 --> 00:03:23,170
好。

68
00:03:23,170 --> 00:03:25,260
如果没有，只是叫我过来。

69
00:03:25,260 --> 00:03:27,440
如果so--我就过来如果不是。

70
00:03:27,440 --> 00:03:30,244
来吧，点击大
再加上创建一个工作区，

71
00:03:30,244 --> 00:03:31,660
你会看到这样的画面。

72
00:03:31,660 --> 00:03:35,020
您可以致电工作区
命名你想现在任何东西。

73
00:03:35,020 --> 00:03:38,660
而实际上只是为了简单起见，
去还有 - 还有，你们中的一些

74
00:03:38,660 --> 00:03:39,660
已经有工作区。

75
00:03:39,660 --> 00:03:47,050
说它不管你want--业务，
哈佛，周四，无论你想。

76
00:03:47,050 --> 00:03:48,800
不需要的描述。

77
00:03:48,800 --> 00:03:52,380
你可以把它私有的，除非你
已经有一堆的工作区。

78
00:03:52,380 --> 00:03:55,280
如果你不得不把它公开，
这很好今天的目的。

79
00:03:55,280 --> 00:03:56,750
在这里，也就是加售之一。

80
00:03:56,750 --> 00:03:59,939
你得到一个私人工作空间
默认。但是，如果你想要更多，

81
00:03:59,939 --> 00:04:00,980
你要付出更多。

82
00:04:00,980 --> 00:04:02,870
否则，他们强迫你
使您的工作公开。

83
00:04:02,870 --> 00:04:05,600
但是，这很好，因为他们也
在开源社区这个目标

84
00:04:05,600 --> 00:04:07,700
鼓励人们
其实合作。

85
00:04:07,700 --> 00:04:10,699
>> 这是很重要的最后一件事，
虽然，是，你选择一个名字后，

86
00:04:10,699 --> 00:04:17,140
而你选择私立或公立之后，
单击HTML5的大橙色图标

87
00:04:17,140 --> 00:04:22,430
左边第二个，并且
然后单击创建工作区。

88
00:04:22,430 --> 00:04:24,580
它将可能
花一分钟左右，

89
00:04:24,580 --> 00:04:26,540
但你再有一个
环境，一旦你

90
00:04:26,540 --> 00:04:30,544
做到这一点，看起来让人想起
我有什么在屏幕上现在这里。

91
00:04:30,544 --> 00:04:33,210
但是，再次，它可能需要一分钟
以上才能到该屏幕

92
00:04:33,210 --> 00:04:34,770
当您点击创建工作区。

93
00:04:34,770 --> 00:04:37,936
但就我旗在，如果你想我
要看看什么或提出建议。

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
好吧。

96
00:04:40,690 --> 00:04:42,390
所以，我要这个背景现在。

97
00:04:42,390 --> 00:04:44,260
给我打电话了，如果你似乎
有任何技术上的困难。

98
00:04:44,260 --> 00:04:46,210
但是，再次，它可能需要一
点点的打开。

99
00:04:46,210 --> 00:04:49,570
让我们继续谈什么
它实际上就是使一个网页，

100
00:04:49,570 --> 00:04:52,780
什么HTML是，怎么了这一切
现在作为互连我们开始

101
00:04:52,780 --> 00:04:54,730
实际使用的一些技术。

102
00:04:54,730 --> 00:04:58,310
所以，事实证明，我可以
继续我的小苹果在这里，

103
00:04:58,310 --> 00:05:01,650
打开一个叫做简单程序
文本编辑，或在Windows上我可以

104
00:05:01,650 --> 00:05:04,480
开放所谓Notepad.exe的。

105
00:05:04,480 --> 00:05:08,260
我可以只是简单地做一些事情
像this--“你好，世界”。

106
00:05:08,260 --> 00:05:12,020
然后，我会这样保存为
hello.txt的所以没有魔法存在。

107
00:05:12,020 --> 00:05:15,200
这有没有关系网络
编程无关的HTML。

108
00:05:15,200 --> 00:05:16,790
只需创建一个简单的文本文件。

109
00:05:16,790 --> 00:05:20,600
但事实证明，一个网络
网页是字面上这一点。

110
00:05:20,600 --> 00:05:24,020
这是一个简单的包含文本文件中的文本
你可能在你的键盘输入，

111
00:05:24,020 --> 00:05:30,070
但其通常但不总是
在结束不.txt文件，但.HTML或.htm。

112
00:05:30,070 --> 00:05:32,050
而你不只是
键入文件中的话。

113
00:05:32,050 --> 00:05:35,280
实际上，你必须使用所谓的东西
标签或更一般地，一些

114
00:05:35,280 --> 00:05:37,190
称为标记语言。

115
00:05:37,190 --> 00:05:40,510
>> 所以，我要非常快速输入
然后解释如下。

116
00:05:40,510 --> 00:05:42,290
我要去第一
键入此，它说，

117
00:05:42,290 --> 00:05:45,730
哎，浏览器，来了一个
网页用HTML编写的。

118
00:05:45,730 --> 00:05:51,850
而这两个东西放在一起说，哎，
浏览器，以下是确实的HTML。

119
00:05:51,850 --> 00:05:55,790
嘿，浏览器，来了
头或我的页面的顶部。

120
00:05:55,790 --> 00:05:59,900
哎，浏览器，顶部的内
我的网页，把一个标题就是，“你好，

121
00:05:59,900 --> 00:06:01,610
世界。”

122
00:06:01,610 --> 00:06:08,370
嘿，浏览器，该负责人后，我
页面，这才是我的页面的主体。

123
00:06:08,370 --> 00:06:12,170
而且，嘿，浏览器的身体我
网页还应该说，“世界你好”。

124
00:06:12,170 --> 00:06:15,500
那么什么是显着的细节吗？

125
00:06:15,500 --> 00:06:17,960
这就是通常的
被称为文档类型声明，

126
00:06:17,960 --> 00:06:20,190
，坦率地说，这是一个有点
很难在第一次记住这一点。

127
00:06:20,190 --> 00:06:21,481
你只是一种复制粘贴。

128
00:06:21,481 --> 00:06:23,760
这是正规途径
他说，哎，浏览器，

129
00:06:23,760 --> 00:06:28,030
我使用的HTML版本5，其
出来了最近一些。

130
00:06:28,030 --> 00:06:31,380
这是一个神奇的咒语，一些
人类与设计意识薄弱

131
00:06:31,380 --> 00:06:33,640
决定把在
该文件的最顶部。

132
00:06:33,640 --> 00:06:35,473
尽管这是一个
小奥术，这是所有

133
00:06:35,473 --> 00:06:38,250
它是指：哎，浏览器，在这里
带有HTML 5版本。

134
00:06:38,250 --> 00:06:41,741
>> 这样做的其余部分已经与我们
一段时间以来，从历史上看，

135
00:06:41,741 --> 00:06:44,740
但它在不断发展，它的
可能已经开始有点简单。

136
00:06:44,740 --> 00:06:47,320
注意几个特点
什么我突出。

137
00:06:47,320 --> 00:06:49,890
有这些东西有角度
brackets--左括号

138
00:06:49,890 --> 00:06:51,040
右括号。

139
00:06:51,040 --> 00:06:52,490
这里注意的对称性。

140
00:06:52,490 --> 00:06:57,340
并且对称，我的意思是，就像我
这里有这样的开始标签或标签开放

141
00:06:57,340 --> 00:07:01,560
如果你愿意，这儿我有一个
结束标记或结束标记这是

142
00:07:01,560 --> 00:07:06,460
不同仅因为它具有此
在字的开头削减

143
00:07:06,460 --> 00:07:07,360
HTML。

144
00:07:07,360 --> 00:07:09,360
你能想到的
这是我随便

145
00:07:09,360 --> 00:07:12,280
提出前，嘿嘿，
浏览器，来了一些HTML。

146
00:07:12,280 --> 00:07:16,060
而反过来说，哎，浏览器，这是
它为HTML--开始和结束。

147
00:07:16,060 --> 00:07:18,440
>> 同时哎，浏览器，在这里
说到我的网页的头部。

148
00:07:18,440 --> 00:07:20,140
嘿，浏览器，这是它的头部。

149
00:07:20,140 --> 00:07:22,240
嘿，浏览器，这里是
身体我的网页。

150
00:07:22,240 --> 00:07:24,020
嘿，浏览器，这是它的身体。

151
00:07:24,020 --> 00:07:26,940
而且里面的一些
现在任意文本。

152
00:07:26,940 --> 00:07:30,520
和头部的内部，同时，
一些任意的，但标记，

153
00:07:30,520 --> 00:07:34,410
可以这么说，文本说，标题
我的网页应为“你好，世界”。

154
00:07:34,410 --> 00:07:37,470
现在，现在，你可以
假定浏览器

155
00:07:37,470 --> 00:07:41,762
有only--或者说，网页有
只有两个曲子分为头部和主体。

156
00:07:41,762 --> 00:07:44,220
和头部通常仅有
如菜单栏，东东

157
00:07:44,220 --> 00:07:45,510
真的只是在最高层。

158
00:07:45,510 --> 00:07:48,910
而且身体页的胆量，
一切都在那个大的矩形

159
00:07:48,910 --> 00:07:50,239
那充满屏幕。

160
00:07:50,239 --> 00:07:51,780
所以我要继续前进，并做到这一点。

161
00:07:51,780 --> 00:07:54,400
我要继续前进，
单击保存，保存文件。

162
00:07:54,400 --> 00:07:58,580
而且我要救
以此为hello.html的，

163
00:07:58,580 --> 00:08:00,870
我只是要
把它放在我的桌面上。

164
00:08:00,870 --> 00:08:03,520
我要去
进取，点击保存。

165
00:08:03,520 --> 00:08:05,806
而notice--我的Mac在
至少在我大呼小叫。

166
00:08:05,806 --> 00:08:07,180
你确定要这么做吗？

167
00:08:07,180 --> 00:08:08,710
而且我会说，是的，使用HTML。

168
00:08:08,710 --> 00:08:10,400
我知道在这种情况下更好。

169
00:08:10,400 --> 00:08:14,686
现在我会去我的桌面
在那里我有这个文件突然。

170
00:08:14,686 --> 00:08:16,060
而且我要双击它。

171
00:08:16,060 --> 00:08:18,268
而且你会发现，通过
默认情况下，Chrome浏览器打开。

172
00:08:18,268 --> 00:08:19,996
这是因为这是
我的默认浏览器。

173
00:08:19,996 --> 00:08:21,370
而且它只是说，“你好，世界”。

174
00:08:21,370 --> 00:08:23,078
但它说“你好，
世界“，在两个地方。

175
00:08:23,078 --> 00:08:23,979
注意左上角。

176
00:08:23,979 --> 00:08:25,020
相当困难的错过。

177
00:08:25,020 --> 00:08:26,180
这是大和大胆。

178
00:08:26,180 --> 00:08:30,690
和别的地方它似乎
说：“你好，世界”？

179
00:08:30,690 --> 00:08:31,470
>> 听众：该选项卡。

180
00:08:31,470 --> 00:08:33,100
>> 戴维·马兰：是的，标签本身。

181
00:08:33,100 --> 00:08:35,159
所以，当我说的头
网页是一切行动top--

182
00:08:35,159 --> 00:08:36,367
这确实是标题。

183
00:08:36,367 --> 00:08:37,710
这只是在这里标签。

184
00:08:37,710 --> 00:08:40,320
我可以拉这个标签
出以免混淆。

185
00:08:40,320 --> 00:08:43,360
这仅仅是一个单一的标签，现在，
而事实上，我们看到“你好，世界”

186
00:08:43,360 --> 00:08:45,970
在这里和“你好，世界”到这里。

187
00:08:45,970 --> 00:08:47,160
所以很简单。

188
00:08:47,160 --> 00:08:49,050
但它也相当简单。

189
00:08:49,050 --> 00:08:50,440
而且，事实上，我放大英寸

190
00:08:50,440 --> 00:08:53,272
我可以更改字体大小
放大可访问性。

191
00:08:53,272 --> 00:08:56,830
但是，让我们现在做的事
更有趣一点。

192
00:08:56,830 --> 00:08:59,760
>> 我要去go--哎呦，让
我回到我的文本文件。

193
00:08:59,760 --> 00:09:02,400
我要回我的
文本文件，然后我要去

194
00:09:02,400 --> 00:09:06,320
要改变这一点，说
“你好，迪斯尼世界。”

195
00:09:06,320 --> 00:09:07,970
保存。

196
00:09:07,970 --> 00:09:10,919
而回到我
浏览器，然后单击刷新。

197
00:09:10,919 --> 00:09:12,710
现在，当然，它
说，“迪斯尼世界”。

198
00:09:12,710 --> 00:09:15,500
我要去人为地放大
在短短所以它更容易看到。

199
00:09:15,500 --> 00:09:19,012
所以，现在，不幸的是，我有点想
中场休息其实，这是一个Mac的功能。

200
00:09:19,012 --> 00:09:21,720
我想点击迪斯尼世界
和去的地方像disney.com，

201
00:09:21,720 --> 00:09:23,290
但是，这并不工作。

202
00:09:23,290 --> 00:09:26,850
所以纸幅的一个基本原则是
超链接，也去其他地方的联系。

203
00:09:26,850 --> 00:09:28,390
那么，如何做呢？

204
00:09:28,390 --> 00:09:34,690
好吧，我可以说，
“你好，http://www.disney.com。”

205
00:09:34,690 --> 00:09:36,110
保存此。

206
00:09:36,110 --> 00:09:37,620
重新载入。

207
00:09:37,620 --> 00:09:39,400
但是，这也不能点击。

208
00:09:39,400 --> 00:09:42,930
什么是不错这里，即使
这不是功能呢，

209
00:09:42,930 --> 00:09:45,930
是，它似乎
浏览器从字面上只做

210
00:09:45,930 --> 00:09:46,950
我告诉它做的事。

211
00:09:46,950 --> 00:09:50,110
所以，如果我只是输入网址这样，
它只是要告诉我的URL。

212
00:09:50,110 --> 00:09:54,270
我需要使用标记或标记
语言居然告诉

213
00:09:54,270 --> 00:09:55,621
浏览器做更多。

214
00:09:55,621 --> 00:09:57,870
所以我要继续前进，
删除了一会儿。

215
00:09:57,870 --> 00:10:00,980
而我会说，嘿，
浏览器，从这里开始锚，

216
00:10:00,980 --> 00:10:02,650
一个链接可以这么说。

217
00:10:02,650 --> 00:10:07,500
与超基准，目的地
锚的，应该是这个URL。

218
00:10:07,500 --> 00:10:08,750
并注意我的报价。

219
00:10:08,750 --> 00:10:11,590
我可以用单引号也一样，
但你必须是一致的，

220
00:10:11,590 --> 00:10:14,270
我会一般只使用
双引号保持简单。

221
00:10:14,270 --> 00:10:16,820
请注意，我将关闭该标签。

222
00:10:16,820 --> 00:10:21,160
然后，在这里我会
说，“迪斯尼世界”。

223
00:10:21,160 --> 00:10:26,890
而现在我需要一些symmetry--
开放式支架，/一，封闭支架。

224
00:10:26,890 --> 00:10:28,090
>> 所以，我有什么介绍？

225
00:10:28,090 --> 00:10:30,100
我们已经有一些标签。

226
00:10:30,100 --> 00:10:32,410
HTML，头，标题，正文
都是标记，可以这么说，

227
00:10:32,410 --> 00:10:34,280
开放和封闭的同行。

228
00:10:34,280 --> 00:10:36,530
但通知，这是排序
根本不同。

229
00:10:36,530 --> 00:10:39,140
这就是我们会打电话给
在HTML属性。

230
00:10:39,140 --> 00:10:41,451
和一个属性是
只是一个键值对。

231
00:10:41,451 --> 00:10:43,950
这是常见的事
计算机science--键值对。

232
00:10:43,950 --> 00:10:45,770
这有点贸易的工具。

233
00:10:45,770 --> 00:10:47,040
一个键和一个值。

234
00:10:47,040 --> 00:10:49,390
一个字，然后一些
其他的字或词。

235
00:10:49,390 --> 00:10:53,790
在这种情况下，关键是HREF，
和值是完整的URL。

236
00:10:53,790 --> 00:10:57,890
什么属性确实是
影响标签的行为。

237
00:10:57,890 --> 00:11:01,010
在这种情况下，我们需要影响
锚标记的行为，

238
00:11:01,010 --> 00:11:04,140
因为我们需要锚定
这个链接的地方。

239
00:11:04,140 --> 00:11:06,960
怎么你这样做是
由属性的方式。

240
00:11:06,960 --> 00:11:08,970
>> 所以我要继续前进
现在保存文件。

241
00:11:08,970 --> 00:11:11,300
回到我的浏览器和重装。

242
00:11:11,300 --> 00:11:14,580
而且，瞧，我们现在有
一个合法的网页的开端。

243
00:11:14,580 --> 00:11:18,420
超级简单，但如果我悬停
在左下角this--通知，

244
00:11:18,420 --> 00:11:19,830
它的超小型。

245
00:11:19,830 --> 00:11:21,730
但是你看到www.disney.com。

246
00:11:21,730 --> 00:11:27,076
如果我点击它，这的确
拂尘我带到disney.com。

247
00:11:27,076 --> 00:11:29,380
现在，奇怪的事
这里是，它是不

248
00:11:29,380 --> 00:11:33,940
在best--最适销对路的URL，但
这很好，因为这个文件不

249
00:11:33,940 --> 00:11:35,360
存在在万维网上。

250
00:11:35,360 --> 00:11:39,740
它存在作为显然是一个本地文件
我的用户directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
约翰Harvard-- /桌面。

252
00:11:41,890 --> 00:11:42,634
但它有一个网址。

253
00:11:42,634 --> 00:11:43,800
这恰好是本地的。

254
00:11:43,800 --> 00:11:47,050
不幸的是，没有一个可以访问
这一点，因为如果你输入这个网址，

255
00:11:47,050 --> 00:11:49,980
你会告诉你的浏览器，
寻找一个名为hello.html的

256
00:11:49,980 --> 00:11:50,772
在你的硬盘驱动器。

257
00:11:50,772 --> 00:11:53,271
而且，当然，除非你已经
手动沿之后，

258
00:11:53,271 --> 00:11:54,530
它不会存在那里。

259
00:11:54,530 --> 00:11:55,190
>> 所以这是很好。

260
00:11:55,190 --> 00:11:57,815
我们还需要一种方式，最终，
得到这个文件放到网上，

261
00:11:57,815 --> 00:12:01,180
但让我们梳理出几个
的安全隐患我们刚刚

262
00:12:01,180 --> 00:12:04,850
看到和领带回较早
从今天上午的讨论。

263
00:12:04,850 --> 00:12:08,200
事实证明，如果
浏览器从字面上少了点

264
00:12:08,200 --> 00:12:12,560
我告诉它做的事，似乎
到是一个锚定标记的话

265
00:12:12,560 --> 00:12:17,380
由的值的影响
此属性称为HREF

266
00:12:17,380 --> 00:12:20,810
但它显示此
文本，这似乎

267
00:12:20,810 --> 00:12:26,520
暗示我可以把网址
在这两个地方，然后重装

268
00:12:26,520 --> 00:12:29,100
而现在看到的网址，然后转到URL。

269
00:12:29,100 --> 00:12:32,680
请注意，如果我将鼠标悬停在左下角，
我确实要去仍然disney.com。

270
00:12:32,680 --> 00:12:38,340
>> 所以，如果你曾经去过
phished--的P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
这些伪造邮件的一个
从PayPal等银行，

272
00:12:42,820 --> 00:12:46,470
你可能得到的内部链接
你正在阅读的电子邮件

273
00:12:46,470 --> 00:12:49,970
告诉你点击这里去确认
您的密码或者确认您的生日

274
00:12:49,970 --> 00:12:53,840
社会或社会上的东西
工程您披露

275
00:12:53,840 --> 00:12:54,920
信息。

276
00:12:54,920 --> 00:12:57,625
好吧，我可以那种拿
利用这一点，我能不能？

277
00:12:57,625 --> 00:13:01,240
我能说些什么
像，www.paypal.com。

278
00:13:01,240 --> 00:13:11,340
而不是disney.com，我
可以去一样，badguy.com。

279
00:13:11,340 --> 00:13:12,850
重新载入。

280
00:13:12,850 --> 00:13:16,620
而且是多么容易欺骗，
特别的非技术性读者

281
00:13:16,620 --> 00:13:20,649
或粗略阅读
读者比点击

282
00:13:20,649 --> 00:13:23,940
像这样的链接，如果我点击它 - 
我其实不想去badguy.com。

283
00:13:23,940 --> 00:13:25,398
我不知道什么是真正在那里。

284
00:13:25,398 --> 00:13:30,080
所以paypal.com，通知，是
它说，它打算，

285
00:13:30,080 --> 00:13:33,210
但当然，如果我往下看
超低价，这是一个有点模糊，

286
00:13:33,210 --> 00:13:34,230
但它说badguy.com。

287
00:13:34,230 --> 00:13:38,644
这是唯一的告诉现在
我要去到错误的地方。

288
00:13:38,644 --> 00:13:41,560
当我刚才说的银行
真的不应该鼓励或火车

289
00:13:41,560 --> 00:13:44,510
用户点击链接，这
只是它的一个表现。

290
00:13:44,510 --> 00:13:45,430
它就是这么简单。

291
00:13:45,430 --> 00:13:48,120
你现在的对手，如果
你做这样的事情

292
00:13:48,120 --> 00:13:51,000
并试图诱骗用户
到访问您的网站。

293
00:13:51,000 --> 00:13:53,320
但现在，我们会继续
整洁，干净。

294
00:13:53,320 --> 00:13:55,640
我们要继续前进
和倒带这些变化。

295
00:13:55,640 --> 00:13:56,530
重新加载页面。

296
00:13:56,530 --> 00:13:57,740
我回去disney.com。

297
00:13:57,740 --> 00:14:00,660
>> 让我们看看，如果我们不能去惹
这除了多一点。

298
00:14:00,660 --> 00:14:04,160
因此，“你好，迪斯尼世界。”

299
00:14:04,160 --> 00:14:05,950
我要在这里说下。

300
00:14:05,950 --> 00:14:08,220
也许我会做一些空间。

301
00:14:08,220 --> 00:14:12,730
“我们希望你过得愉快！”

302
00:14:12,730 --> 00:14:13,830
保存。

303
00:14:13,830 --> 00:14:15,850
重新载入。

304
00:14:15,850 --> 00:14:19,010
这不是rea--这不是
我故意的，对吧？

305
00:14:19,010 --> 00:14:21,870
我的意思是，如果我对待我的文字
文件像文字​​处理器，

306
00:14:21,870 --> 00:14:24,894
那你希望在这里会发生？

307
00:14:24,894 --> 00:14:27,060
是啊，我觉得好像有
应该是一个换行符在这里，

308
00:14:27,060 --> 00:14:28,799
所以感觉越野车以某种方式。

309
00:14:28,799 --> 00:14:31,090
但是，这实际上是故意的，
因为就像以前一样，

310
00:14:31,090 --> 00:14:33,381
浏览器只会
做什么你告诉它做的事。

311
00:14:33,381 --> 00:14:34,806
我还没有告诉它断行。

312
00:14:34,806 --> 00:14:37,930
我没有告诉它向下移动，甚至
不过，直觉，我觉得我做到了。

313
00:14:37,930 --> 00:14:39,805
因此，原来我们需要
多一点的标记，

314
00:14:39,805 --> 00:14:41,390
我要去解决这个问题如下。

315
00:14:41,390 --> 00:14:46,160
我要第一个前言本打招呼
什么叫做一个段落标记。

316
00:14:46,160 --> 00:14:48,920
然后我要继续前进
而这个包裹等句话

317
00:14:48,920 --> 00:14:54,370
在另一个段落标记，即使
他们是超级简短的段落。

318
00:14:54,370 --> 00:14:55,930
现在，我要救。

319
00:14:55,930 --> 00:14:57,160
重新载入。

320
00:14:57,160 --> 00:14:59,070
而现在我们有
空间，我们的排序

321
00:14:59,070 --> 00:15:01,680
具有的语义
两个独立的段落。

322
00:15:01,680 --> 00:15:05,290
>> 这是一切优秀和良好的，但它会
是不错的图像添加到这个页面，

323
00:15:05,290 --> 00:15:08,710
所以我打算去看看
米老鼠在谷歌图片。

324
00:15:08,710 --> 00:15:12,830
而只是为了好玩，我
要抓住这一形象。

325
00:15:12,830 --> 00:15:15,350
我现在要继续前进，
抓住这个图片的URL，

326
00:15:15,350 --> 00:15:16,510
尽管有不同的
如何做到这一点。

327
00:15:16,510 --> 00:15:18,520
现在，我只是去复制网址。

328
00:15:18,520 --> 00:15:24,770
我要回去了我的文字
文件，我要在这里说，

329
00:15:24,770 --> 00:15:31,160
IMG SRC =报价引文结束
该URL，超长。

330
00:15:31,160 --> 00:15:34,580
再一个概念
形象是一个有点不同。

331
00:15:34,580 --> 00:15:38,640
真的没有首发的概念
的图像并结束一个图像，

332
00:15:38,640 --> 00:15:40,630
就像一个开始标记结束标记。

333
00:15:40,630 --> 00:15:43,840
所以感觉有点怪异
我语义做到这一点，

334
00:15:43,840 --> 00:15:45,390
有一个近距离图像标签。

335
00:15:45,390 --> 00:15:46,780
这不是不正确。

336
00:15:46,780 --> 00:15:48,840
这是完全正确的，
和它的鼓舞，

337
00:15:48,840 --> 00:15:50,870
但有速记符号。

338
00:15:50,870 --> 00:15:53,780
我可以种同时进行
打开和关闭同一个标签，

339
00:15:53,780 --> 00:15:55,510
而且，这将使浏览器高兴。

340
00:15:55,510 --> 00:15:56,950
因此，这只是一个小
更简洁的东西

341
00:15:56,950 --> 00:15:59,408
在概念真的不
意义的开始和结束。

342
00:15:59,408 --> 00:16:01,190
他们只是在那里，或者他们没有。

343
00:16:01,190 --> 00:16:06,020
>> 所以我要拯救这个回去
我的“你好，世界”网页，并重新加载。

344
00:16:06,020 --> 00:16:09,880
而且它失控了一下，
由于该图像实际上是

345
00:16:09,880 --> 00:16:12,210
有点大，但没关系。

346
00:16:12,210 --> 00:16:13,710
我可以在一个程序调整其大小。

347
00:16:13,710 --> 00:16:14,900
或者，你知道的。

348
00:16:14,900 --> 00:16:17,350
只是为了演示，我
要实说

349
00:16:17,350 --> 00:16:21,760
那这个东西的宽度应
只有200像素，200点。

350
00:16:21,760 --> 00:16:24,360
让我继续前进，保存
并重新加载，而现在的页

351
00:16:24,360 --> 00:16:25,690
看起来有点更合理。

352
00:16:25,690 --> 00:16:27,260
但是要注意的格局。

353
00:16:27,260 --> 00:16:30,030
嗯，我有种教你一切
在某种意义上的HTML，至少

354
00:16:30,030 --> 00:16:33,531
概念上，因为所有的HTML是为
这些tags--开放标签，标签关闭，

355
00:16:33,531 --> 00:16:35,280
和属性
修改其行为。

356
00:16:35,280 --> 00:16:38,380
和，很明显，每
标签可以具有零个或一个

357
00:16:38,380 --> 00:16:43,005
或两个或多个属性，每个
它做一些事情有点不同。

358
00:16:43,005 --> 00:16:44,380
现在，你怎么知道存在什么？

359
00:16:44,380 --> 00:16:46,800
你只是听别人
像我告诉你存在，

360
00:16:46,800 --> 00:16:50,860
或者你只是谷歌周围的教程
在HTML，它真的是这么简单。

361
00:16:50,860 --> 00:16:54,030
>> 确实，当我是一名大学生
几年前，得知HTML，

362
00:16:54,030 --> 00:16:56,530
我的数学教学中的一个
助理刚刚度过

363
00:16:56,530 --> 00:16:59,600
时间一点点的我家教
像半小时，一小时，

364
00:16:59,600 --> 00:17:00,660
然后我在我的方式。

365
00:17:00,660 --> 00:17:03,300
我是在我对制作方法
最可怕的网站不断，

366
00:17:03,300 --> 00:17:05,549
其中，显然，我没有
真正的发展远远超出。

367
00:17:05,549 --> 00:17:09,849
但问题是，一旦你
了解这些简单的ideas--

368
00:17:09,849 --> 00:17:13,450
如果神秘text--但这些简单的
开始的思想观念

369
00:17:13,450 --> 00:17:15,960
和关闭的思想，保持
一切都很好地平衡，

370
00:17:15,960 --> 00:17:19,150
看的东西了，修改
该标签的行为，这真的所有

371
00:17:19,150 --> 00:17:20,079
就是这么简单。

372
00:17:20,079 --> 00:17:28,140
而事实上，如果我们现在去
类似实际上google.com--，

373
00:17:28,140 --> 00:17:31,920
让我们去的地方多一点
reasonable-- stanford.edu。

374
00:17:31,920 --> 00:17:37,800
我要去查看，
开发人员，查看源代码。

375
00:17:37,800 --> 00:17:41,400
它的丑陋，但notice--
我会在通知放大

376
00:17:41,400 --> 00:17:43,432
有些东西，这已经熟悉。

377
00:17:43,432 --> 00:17:45,140
这里有这件事，
这是一个浏览器。

378
00:17:45,140 --> 00:17:46,800
这里谈到HTML5。

379
00:17:46,800 --> 00:17:47,634
还有HTML。

380
00:17:47,634 --> 00:17:49,550
显然，有一个
属性我没

381
00:17:49,550 --> 00:17:51,540
使用指定
页面的语言，

382
00:17:51,540 --> 00:17:54,380
这可以帮助自动
翻译之类的东西。

383
00:17:54,380 --> 00:17:55,546
下面是页面的头部。

384
00:17:55,546 --> 00:17:57,790
这里是斯坦福大学的网页的标题。

385
00:17:57,790 --> 00:17:59,832
有一个标记我没有
说说yet-- Meta标记。

386
00:17:59,832 --> 00:18:01,540
这只是排序
背景资料。

387
00:18:01,540 --> 00:18:04,210
它有助于SEO，或
搜索引擎优化，

388
00:18:04,210 --> 00:18:06,320
或谷歌搜索结果等。

389
00:18:06,320 --> 00:18:09,029
但是，如果我们继续找，保持
看，这里的Body标签。

390
00:18:09,029 --> 00:18:11,570
而且还有其他串
标签我们没有谈过呢。

391
00:18:11,570 --> 00:18:13,750
但是，事业部是一个用于
页面的分工。

392
00:18:13,750 --> 00:18:16,680
这就像一个无形的矩形
如果你有种想弱智

393
00:18:16,680 --> 00:18:20,160
将您的页面到
不同的单位在网上。

394
00:18:20,160 --> 00:18:22,650
然后大量的div的我
看，一种叫类，

395
00:18:22,650 --> 00:18:24,440
但我们会回来这一点。

396
00:18:24,440 --> 00:18:26,200
>> 这是interesting--形式。

397
00:18:26,200 --> 00:18:27,730
所有的表单都在网上。

398
00:18:27,730 --> 00:18:30,310
任何搜索框你
使用过的一种形式。

399
00:18:30,310 --> 00:18:31,490
而且，所以，让我们实际看到的。

400
00:18:31,490 --> 00:18:32,790
形成。

401
00:18:32,790 --> 00:18:33,910
行动。

402
00:18:33,910 --> 00:18:37,660
这种形式的作用，不管是什么
由于历史的原因，就是网址。

403
00:18:37,660 --> 00:18:38,840
方法是“后”。

404
00:18:38,840 --> 00:18:44,060
原来，HTTP请求可以使用
动词“获得，”像我们以前看到的，

405
00:18:44,060 --> 00:18:45,070
或“后”。

406
00:18:45,070 --> 00:18:47,030
并且会看到一个差异
这个瞬间。

407
00:18:47,030 --> 00:18:48,363
让我们真切地看到这是什么。

408
00:18:48,363 --> 00:18:49,830
让我回到斯坦福大学的网页。

409
00:18:49,830 --> 00:18:53,330
什么样的形式。他们说什么呢
一下，你觉得呢？

410
00:18:53,330 --> 00:18:54,485
什么你跳出来？

411
00:18:54,485 --> 00:18:54,970
>> 听众：搜索框。

412
00:18:54,970 --> 00:18:55,845
>> 戴维·马兰：是的。

413
00:18:55,845 --> 00:18:58,410
于是起来右上方
这里是这个搜索框。

414
00:18:58,410 --> 00:19:02,441
这就是他们如何实现它 - 一
标签这是字面上的开放式支架形式。

415
00:19:02,441 --> 00:19:03,940
然后让我们寻找的东西。

416
00:19:03,940 --> 00:19:09,220
让我们搜索好友
的mine--“尼克Parlante”。

417
00:19:09,220 --> 00:19:11,380
输入。

418
00:19:11,380 --> 00:19:13,750
当然，它去
一个稍微不同的URL。

419
00:19:13,750 --> 00:19:15,140
让我走回到这里。

420
00:19:15,140 --> 00:19:18,960
让我们搜索“的课程。”

421
00:19:18,960 --> 00:19:19,460
该死的。

422
00:19:19,460 --> 00:19:20,484
又到一个不同的URL。

423
00:19:20,484 --> 00:19:23,400
因此，斯坦福大学的加入一些魔法
说他们不带我去的网址

424
00:19:23,400 --> 00:19:25,820
我们在看到
action属性那里。

425
00:19:25,820 --> 00:19:32,480
但这里有个形式，纯粹是实施
这里所该标记的方式，这些标签。

426
00:19:32,480 --> 00:19:35,710
事实上，这里是输入
您要搜索的类型。

427
00:19:35,710 --> 00:19:38,940
这里是对输入
另一种类型的搜索。

428
00:19:38,940 --> 00:19:41,960
这里是字符串本身的输入端。

429
00:19:41,960 --> 00:19:45,394
因此我们的目标是不包
我们周围所有这些标签的头脑

430
00:19:45,394 --> 00:19:46,060
只是去看看。

431
00:19:46,060 --> 00:19:48,300
它只是打开和关闭
标签和期待的事情了。

432
00:19:48,300 --> 00:19:48,560
是吗？

433
00:19:48,560 --> 00:19:48,920
维多利亚？

434
00:19:48,920 --> 00:19:49,795
>> 听众：[听不清]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
DAVID J. MALAN：这是一个很好的问题。

437
00:19:53,550 --> 00:19:54,660
这是一个有点麻烦看看。

438
00:19:54,660 --> 00:19:56,300
让我回来了
在短短几分钟的问题

439
00:19:56,300 --> 00:19:59,000
当我们看一些所谓的
CSS或级联样式表，

440
00:19:59,000 --> 00:20:02,500
我们可以尝试推断
尽可能从页面。

441
00:20:02,500 --> 00:20:08,090
所以，如果我们现在google.com来看看，
让我们来看看他们的网页是什么样子。

442
00:20:08,090 --> 00:20:09,840
你会they're--今天的可爱。

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
好。

445
00:20:12,990 --> 00:20:13,690
全做完了。

446
00:20:13,690 --> 00:20:15,260
好吧，查看源文件。

447
00:20:15,260 --> 00:20:19,590
你可能会认为谷歌有
很不错的源代码。

448
00:20:19,590 --> 00:20:24,970
所以，很显然，是怎么回事呢？

449
00:20:24,970 --> 00:20:27,880
而事实上，这甚至不是HTML。

450
00:20:27,880 --> 00:20:30,930
这就是所谓的JavaScript。

451
00:20:30,930 --> 00:20:32,344
让我们继续下去，下去。

452
00:20:32,344 --> 00:20:34,010
我甚至不知道该页面的开始。

453
00:20:34,010 --> 00:20:37,240
我将使用命令
楼打开支架HTML。

454
00:20:37,240 --> 00:20:38,200
好吧，它就在那里。

455
00:20:38,200 --> 00:20:44,150
我发现页面的开始，
有这么多东西在这里。

456
00:20:44,150 --> 00:20:45,310
>> 什么是真正回事？

457
00:20:45,310 --> 00:20:47,460
那么，你知道吗，
我们可以打扫一下。

458
00:20:47,460 --> 00:20:52,109
如果我不是去这个检查
工具栏，这个特殊的诊断工具，

459
00:20:52,109 --> 00:20:54,150
去没有网络，
我们今天继续下去，

460
00:20:54,150 --> 00:20:56,420
但如果我去的元素，
什么是真正好的

461
00:20:56,420 --> 00:20:59,990
是一个浏览器有很多
更好的眼睛比我好。

462
00:20:59,990 --> 00:21:02,670
而浏览器可以读取
网页的那些乱七八糟，

463
00:21:02,670 --> 00:21:04,700
该HTML邮件我们只是
看着，并且它可以

464
00:21:04,700 --> 00:21:08,340
解析它或阅读
分析它，并重新格式化

465
00:21:08,340 --> 00:21:09,910
在一个不错的人性化的方式。

466
00:21:09,910 --> 00:21:11,740
那么，我现在看到
这里该屏幕

467
00:21:11,740 --> 00:21:15,470
元素下，完全相同的内容，
但他们已经缩进的一切，

468
00:21:15,470 --> 00:21:18,140
他们已经着色，但
这是完全相同的文字

469
00:21:18,140 --> 00:21:19,620
我从服务器下载。

470
00:21:19,620 --> 00:21:23,630
>> 什么现在是很好的，我可以看到
在体内，对instance--通知，

471
00:21:23,630 --> 00:21:26,480
页仍然由
的只是一个头部和一个体，

472
00:21:26,480 --> 00:21:28,660
我可以分层潜水这里。

473
00:21:28,660 --> 00:21:32,420
请注意，谷歌似乎有
到divs--这一个，这一个。

474
00:21:32,420 --> 00:21:33,310
我可以展开。

475
00:21:33,310 --> 00:21:35,370
还有其他的div的一大堆。

476
00:21:35,370 --> 00:21:36,900
所以这是一个有点复杂。

477
00:21:36,900 --> 00:21:37,400
可是等等。

478
00:21:37,400 --> 00:21:40,970
这似乎这么多
可读性强，比较，莫过于此。

479
00:21:40,970 --> 00:21:43,840
为什么谷歌尴尬
本身只是发送

480
00:21:43,840 --> 00:21:50,400
这个巨大的一些代码混乱
排序只是为了实现一些

481
00:21:50,400 --> 00:21:53,640
这乍看上去这么简单吗？

482
00:21:53,640 --> 00:21:55,270
就像，他们为什么不增加更多的空间？

483
00:21:55,270 --> 00:21:56,811
他们为什么不按Enter键像我一样？

484
00:21:56,811 --> 00:21:59,110
怎么看怎么好，我是
在写一个网页。

485
00:21:59,110 --> 00:22:00,680
我敲回车这么努力。

486
00:22:00,680 --> 00:22:03,760
我缩进所以一切
既漂亮又可读。

487
00:22:03,760 --> 00:22:08,463
为什么谷歌不练一样吗？

488
00:22:08,463 --> 00:22:11,409
>> 听众：[听不清]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
DAVID J. MALAN：好。

491
00:22:13,180 --> 00:22:14,270
很公平。

492
00:22:14,270 --> 00:22:16,650
它们不具有一些
人在谷歌手动

493
00:22:16,650 --> 00:22:18,160
再更新主页。

494
00:22:18,160 --> 00:22:20,010
这不是1999年了。

495
00:22:20,010 --> 00:22:21,140
因此，他们有软件。

496
00:22:21,140 --> 00:22:25,397
他们有其他工具
动态他们的HTML生成。

497
00:22:25,397 --> 00:22:27,480
当然，该代码本身
被写了人类，

498
00:22:27,480 --> 00:22:30,220
但现实是，
这是相当公平地说，

499
00:22:30,220 --> 00:22:33,340
浏览器肯定不会
关心代码是如何凌乱的。

500
00:22:33,340 --> 00:22:35,940
但是，还有一个更
令人信服的技术原因

501
00:22:35,940 --> 00:22:42,580
，谷歌分配他们的HTML
在这样一个草率的编码，看似

502
00:22:42,580 --> 00:22:48,350
铺天盖地的方式，所有挤在一起
用很少的方式 - 非常小

503
00:22:48,350 --> 00:22:51,274
在格式化像我一样的方式。

504
00:22:51,274 --> 00:22:52,570
>> 听众：[听不清]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. MALAN：更快？

506
00:22:53,528 --> 00:22:54,040
为什么？

507
00:22:54,040 --> 00:22:55,680
你是怎么说的，肥姐？

508
00:22:55,680 --> 00:22:56,240
更快？

509
00:22:56,240 --> 00:22:57,281
为什么要快？

510
00:22:57,281 --> 00:22:58,156
听众：[听不清]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
DAVID J. MALAN：有
没有空间来阅读。

513
00:23:02,230 --> 00:23:02,730
是啊。

514
00:23:02,730 --> 00:23:04,560
所以，想想一个空间是什么。

515
00:23:04,560 --> 00:23:08,394
所以在键盘上每个字符需要
的空间量来表示，

516
00:23:08,394 --> 00:23:10,560
无论是身体，喜欢它
占用太大的空间，

517
00:23:10,560 --> 00:23:13,250
或以某种方式下的
油烟机，需要的内存。

518
00:23:13,250 --> 00:23:15,740
而作为一个aside--，我们将
谈论这个明天......

519
00:23:15,740 --> 00:23:19,930
键盘上的每一个字符
通常需要8位，或一个字节。

520
00:23:19,930 --> 00:23:23,360
因此，8为零的图案或
的人，或者只是1个字节，因为我们

521
00:23:23,360 --> 00:23:24,720
人类通常会说。

522
00:23:24,720 --> 00:23:27,690
所以这是小，但
它仍然是非零。

523
00:23:27,690 --> 00:23:29,940
它仍然是一些空间量。

524
00:23:29,940 --> 00:23:36,082
因此，如果一个工程师或谷歌命中
空格键只有一次，并且假设

525
00:23:36,082 --> 00:23:38,540
Google--这是超级popular--
假设一个十亿人

526
00:23:38,540 --> 00:23:40,780
访问他们的主页，每天
或一些数量的人

527
00:23:40,780 --> 00:23:43,290
访问主页
每天十亿倍，

528
00:23:43,290 --> 00:23:48,890
多少额外的字节有
软件工程师只是成本谷歌

529
00:23:48,890 --> 00:23:51,310
击中一次，他或她的空间吧？

530
00:23:51,310 --> 00:23:52,692
>> 听众：[听不清]

531
00:23:52,692 --> 00:23:54,150
DAVID J. MALAN：还不至于那么糟糕。

532
00:23:54,150 --> 00:23:57,070
只是一个字节次十亿。

533
00:23:57,070 --> 00:23:57,871
所以A--

534
00:23:57,871 --> 00:23:59,120
听众：8十亿字节。

535
00:23:59,120 --> 00:24:00,370
DAVID J. MALAN：不是8十亿。

536
00:24:00,370 --> 00:24:01,240
8个十亿字节。

537
00:24:01,240 --> 00:24:02,410
但是，1千兆字节。

538
00:24:02,410 --> 00:24:04,080
1千兆字节是衡量单位。

539
00:24:04,080 --> 00:24:08,240
如果他或她做了两
空间，2千兆字节。

540
00:24:08,240 --> 00:24:09,030
三千兆字节。

541
00:24:09,030 --> 00:24:09,530
对？

542
00:24:09,530 --> 00:24:11,860
它扩展昂贵。

543
00:24:11,860 --> 00:24:16,150
所以，在像谷歌的情况下，
其中，理所当然的，是极端的情况下，

544
00:24:16,150 --> 00:24:21,450
还有一些刚刚出现的其他问题
通过非常合理的决定

545
00:24:21,450 --> 00:24:25,744
或采取很简单的人的行为，
因为它有这样放大效应。

546
00:24:25,744 --> 00:24:27,660
这样的原因之一
这看起来如此压缩

547
00:24:27,660 --> 00:24:30,660
正是因为维多利亚说 - 这是
仅仅通过电脑生成的反正。

548
00:24:30,660 --> 00:24:31,900
所以，没什么大不了的。

549
00:24:31,900 --> 00:24:33,309
让浏览器看着办吧。

550
00:24:33,309 --> 00:24:35,350
但它也故意
没有太多的空间，

551
00:24:35,350 --> 00:24:36,766
由于空间是不必要​​的。

552
00:24:36,766 --> 00:24:38,250
而空间里，真正花钱。

553
00:24:38,250 --> 00:24:40,670
>> 它要么耗费时间，
因为刚推

554
00:24:40,670 --> 00:24:44,670
那么多的更多的数据出
google.com的总部只有

555
00:24:44,670 --> 00:24:47,710
得到了取一定量
时间，即使是毫秒

556
00:24:47,710 --> 00:24:51,190
或微秒，但是这增加了
在如此多的用户，或者更可能的，

557
00:24:51,190 --> 00:24:52,270
它可能要花钱的。

558
00:24:52,270 --> 00:24:54,690
谷歌可能连接到
这世上有人在，其他人

559
00:24:54,690 --> 00:24:56,398
那些窥视
点，如果他们有

560
00:24:56,398 --> 00:24:59,880
某种金融关系
因此他们的数据费钱，

561
00:24:59,880 --> 00:25:01,730
他们还不如
减少多少数据

562
00:25:01,730 --> 00:25:04,530
他们对随地吐痰
他们的互联网连接。

563
00:25:04,530 --> 00:25:07,630
>> 于是有趣的事情，不过，最终，
或者也许是令人欣慰的事情，

564
00:25:07,630 --> 00:25:11,030
是，即使这看起来可怕
压倒，在一天结束时，

565
00:25:11,030 --> 00:25:16,750
它仍然是完全相同的原则
这里一个HTML的这个非常简单的页面

566
00:25:16,750 --> 00:25:17,390
页。

567
00:25:17,390 --> 00:25:20,610
所以只是总结等你
有一个官方版本，如果你没有

568
00:25:20,610 --> 00:25:25,900
通过选择以下沿这里，在这里
可能是最简单的网页，

569
00:25:25,900 --> 00:25:28,240
这样的东西用也许以后玩。

570
00:25:28,240 --> 00:25:30,790
>> 好吧，让我们引入
几个其他的想法了。

571
00:25:30,790 --> 00:25:33,420
我们即将推出
所谓的style标签。

572
00:25:33,420 --> 00:25:38,110
我们可以样式化页面
更有趣的方式。

573
00:25:38,110 --> 00:25:40,860
因此而HTML电子邮件
在所有了解标记

574
00:25:40,860 --> 00:25:44,470
数据，排序，指定到
浏览器如何组织数据，

575
00:25:44,470 --> 00:25:48,110
把它放在哪里，CSS或
级联样式表，

576
00:25:48,110 --> 00:25:52,640
是第二语言
一般获取与HTML混合

577
00:25:52,640 --> 00:25:55,670
正如我们将see--，但我们可以清理
，最多在moment--的需要

578
00:25:55,670 --> 00:25:59,850
它的最后一英里，而且风格化它。

579
00:25:59,850 --> 00:26:02,460
它得到的颜色恰到好处，
字体大小刚刚好，

580
00:26:02,460 --> 00:26:03,860
定位恰到好处。

581
00:26:03,860 --> 00:26:06,510
这是所有关于美学
或格式化，不是

582
00:26:06,510 --> 00:26:08,330
的基本数据本身。

583
00:26:08,330 --> 00:26:11,390
而最简单的方式来显示
这也许是通过例子。

584
00:26:11,390 --> 00:26:15,320
所以我要去了
我简单的文本文件。

585
00:26:15,320 --> 00:26:17,970
而在短短的一瞬间，我就
走我们走过的过程

586
00:26:17,970 --> 00:26:19,360
中这样做自己。

587
00:26:19,360 --> 00:26:23,310
>> 我要回到我的文件
在这里，只是重新加载页面

588
00:26:23,310 --> 00:26:25,800
确认是什么样子。

589
00:26:25,800 --> 00:26:27,190
这就是我们现在所在。

590
00:26:27,190 --> 00:26:31,170
我觉得孩子们会喜欢
有一些颜色来此网页。

591
00:26:31,170 --> 00:26:34,480
所以我要在这里上去
到页面的头部。

592
00:26:34,480 --> 00:26:38,130
而我要做的风格，/风格。

593
00:26:38,130 --> 00:26:44,060
然后，在这里面，我要去
告诉我page--的身体

594
00:26:44,060 --> 00:26:46,870
这格式化，在
乍看之下，也许有点

595
00:26:46,870 --> 00:26:49,400
奇怪，但传统。

596
00:26:49,400 --> 00:26:55,010
我会说，背景
本页面的颜色应该是绿色的。

597
00:26:55,010 --> 00:26:57,960
这是很不幸
排序的不是最好的设计。

598
00:26:57,960 --> 00:27:00,710
请注意，以前
在HTML的世界里，

599
00:27:00,710 --> 00:27:03,190
我说的属性
这些键值对。

600
00:27:03,190 --> 00:27:05,760
东西等于报价
引文结束“的东西。”

601
00:27:05,760 --> 00:27:08,810
在世界上的CSS，这是
一些不同的人设计的，

602
00:27:08,810 --> 00:27:11,020
他们决定，在他们
世界，键值对

603
00:27:11,020 --> 00:27:13,920
将字结肠癌的东西。

604
00:27:13,920 --> 00:27:15,220
所以这是同样的想法，虽然。

605
00:27:15,220 --> 00:27:18,620
它关联的值
有一些关键的莫明

606
00:27:18,620 --> 00:27:20,330
影响这个页面的行为。

607
00:27:20,330 --> 00:27:21,901
>> 你可能已经猜到。

608
00:27:21,901 --> 00:27:24,150
这是什么可能将
即使你从来没有做

609
00:27:24,150 --> 00:27:27,867
看到HTML或CSS过吗？

610
00:27:27,867 --> 00:27:29,450
听众：改变背景颜色。

611
00:27:29,450 --> 00:27:30,560
戴维·马兰：是啊，
改变背景颜色。

612
00:27:30,560 --> 00:27:33,280
而具体的
身体的背景颜色。

613
00:27:33,280 --> 00:27:36,290
但是，只要该
身体现在是网络

614
00:27:36,290 --> 00:27:38,870
page--它是唯一的事情
下方的标题栏真的 - 

615
00:27:38,870 --> 00:27:40,870
它可能会
影响同样的事情。

616
00:27:40,870 --> 00:27:41,430
因此，让我们来看看。

617
00:27:41,430 --> 00:27:42,490
让我们保存此。

618
00:27:42,490 --> 00:27:44,310
去这里并重新加载。

619
00:27:44,310 --> 00:27:46,140
这是非常可怕的。

620
00:27:46,140 --> 00:27:48,070
而且这是怎么回事
这里是一个副作用。

621
00:27:48,070 --> 00:27:49,850
我只是选择了这个图像随机。

622
00:27:49,850 --> 00:27:53,305
为什么是绿的，没有
背后渗透米奇？

623
00:27:53,305 --> 00:27:54,180
听众：[听不清]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
DAVID J. MALAN：没错。

626
00:27:57,880 --> 00:28:01,750
事实证明，图像，漂亮
多，我们可能会使用的所有图像，

627
00:28:01,750 --> 00:28:03,670
是矩形的所有rectangles--。

628
00:28:03,670 --> 00:28:07,710
即使米奇有一些曲线
自己和具有背景，

629
00:28:07,710 --> 00:28:09,330
这样的背景下必须要有些东西。

630
00:28:09,330 --> 00:28:10,280
它必须是白色。

631
00:28:10,280 --> 00:28:11,910
它必须是黑色或别的东西。

632
00:28:11,910 --> 00:28:13,650
它可以是透明的。

633
00:28:13,650 --> 00:28:16,100
而事实上，我可以
打开米老鼠这里

634
00:28:16,100 --> 00:28:18,590
在一个叫做Photoshop程序
或类似的东西

635
00:28:18,590 --> 00:28:21,176
而改变这一切的白
背景透明，

636
00:28:21,176 --> 00:28:22,550
因此，绿色将彪炳。

637
00:28:22,550 --> 00:28:25,980
但是，这件事情我需要
问自己或图形艺术家

638
00:28:25,980 --> 00:28:28,130
或在我的设计师
公司，例如，

639
00:28:28,130 --> 00:28:31,490
这样做，尤其是因为我刚刚
借这一个从互联网上。

640
00:28:31,490 --> 00:28:33,030
但是，这是为什么发生这种情况。

641
00:28:33,030 --> 00:28:34,980
>> 那么还有什么我们可以想干什么？

642
00:28:34,980 --> 00:28:41,040
好了，我们可能想说我们
真的希望你过得愉快。

643
00:28:41,040 --> 00:28:44,150
而对于强调，我想
使这种强烈的，

644
00:28:44,150 --> 00:28:48,310
所以我会说开强
关闭强后重装。

645
00:28:48,310 --> 00:28:50,320
这是一个有点硬
看投影机上

646
00:28:50,320 --> 00:28:53,250
但也许真的现在
你跳出多一点。

647
00:28:53,250 --> 00:28:56,180
所以，你可以在此添加斜体
方式，在这种方式粗体面。

648
00:28:56,180 --> 00:28:57,500
我们可以改变颜色。

649
00:28:57,500 --> 00:29:01,610
其实，只是踢，我
要继续前进，并做到这一点。

650
00:29:01,610 --> 00:29:05,120
我真的不喜欢我怎么样
段落此并拢，

651
00:29:05,120 --> 00:29:06,870
所以我可能会做这样的事情。

652
00:29:06,870 --> 00:29:13,310
我要告诉浏览器，
改变每段落标记有，

653
00:29:13,310 --> 00:29:16,952
让我们其实say--，你知道吗，
让我们来对齐文本对齐，居中。

654
00:29:16,952 --> 00:29:19,410
再次，我知道这只是
因为有人教给我

655
00:29:19,410 --> 00:29:21,118
或者我看着它在
网上参考。

656
00:29:21,118 --> 00:29:22,450
因此，让我保存这个。

657
00:29:22,450 --> 00:29:25,070
而且啊，现在我
中心的形象出现。

658
00:29:25,070 --> 00:29:28,490
而实际上，你知道吗，如果
我把我的形象到一个段落

659
00:29:28,490 --> 00:29:34,510
tag--所以第三段，
即使它不是文本。

660
00:29:34,510 --> 00:29:36,917
让我们保存并重新加载。

661
00:29:36,917 --> 00:29:40,000
现在这一页已经开始看样
of--我的意思是，它仍然很丑陋，

662
00:29:40,000 --> 00:29:43,180
但至少它看起来像我花
2分钟代替一分钟

663
00:29:43,180 --> 00:29:43,950
进行中。

664
00:29:43,950 --> 00:29:47,200
>> 所以，逐步，才能使
现在这些审美更改页面？

665
00:29:47,200 --> 00:29:50,860
我没有真正改变数据的
页面比真正加字等。

666
00:29:50,860 --> 00:29:52,650
我已经添加元数据，如果你愿意。

667
00:29:52,650 --> 00:29:54,830
嘿，浏览器，使
单词“真正”大胆。

668
00:29:54,830 --> 00:29:56,940
但数据不强。

669
00:29:56,940 --> 00:29:57,830
这是元数据。

670
00:29:57,830 --> 00:29:59,410
该数据是“真的”。

671
00:29:59,410 --> 00:30:02,200
所以，我们还是有一定的
相同的概念和以前一样。

672
00:30:02,200 --> 00:30:05,990
现在，当然，这不是在网络上，
所以我要在这里做的最后一个步骤。

673
00:30:05,990 --> 00:30:10,300
>> 我要去的Hello.html
和公正的突出和复制此。

674
00:30:10,300 --> 00:30:12,285
而现在我要去
进入Cloud9，这

675
00:30:12,285 --> 00:30:13,910
我会带您在短短的时刻。

676
00:30:13,910 --> 00:30:17,080
赔率是，你会很快，如果
没有准备好，在这样的屏幕上。

677
00:30:17,080 --> 00:30:21,080
让我只是给你一个快速
游览什么Cloud9实际上是。

678
00:30:21,080 --> 00:30:26,590
如此反复云9
这种基于云的服务

679
00:30:26,590 --> 00:30:30,580
，让你我的错觉
具有我们自己的虚拟机

680
00:30:30,580 --> 00:30:33,090
在云中，在技术上
在云中的容器中，

681
00:30:33,090 --> 00:30:35,160
我们有充分的
管理员权限来。

682
00:30:35,160 --> 00:30:37,130
因此在理论上，没有一个
否则在全球拥有

683
00:30:37,130 --> 00:30:39,152
访问我的屏幕
在看现在，

684
00:30:39,152 --> 00:30:40,860
也许除了人
谁跑工地，

685
00:30:40,860 --> 00:30:43,470
因为从技术上他们有
物理访问等等。

686
00:30:43,470 --> 00:30:44,740
>> 那么，我们在这个环境中看到了什么？

687
00:30:44,740 --> 00:30:46,230
我要缩小，
因为它是小了点。

688
00:30:46,230 --> 00:30:48,104
让我点满
这里只是一瞬间。

689
00:30:48,104 --> 00:30:53,210
论左边我和你
屏幕上，有一个在左一个文件浏览器。

690
00:30:53,210 --> 00:30:55,362
因此，在神似
到Mac OS和Windows。

691
00:30:55,362 --> 00:30:57,070
这些都是的
文件在我的帐户。

692
00:30:57,070 --> 00:30:59,250
并且默认情况下，如果你的
帐户是像我这样的，

693
00:30:59,250 --> 00:31:05,090
你会看到或很快看到
的helloworld.html和readme.md。

694
00:31:05,090 --> 00:31:07,950
在这里就对了，这是
在我的文本文件要去。

695
00:31:07,950 --> 00:31:11,620
如果你曾经使用过微软
Word或记事本或文字编辑，

696
00:31:11,620 --> 00:31:14,100
这是我的字编辑
文件还将会持续下去。

697
00:31:14,100 --> 00:31:16,540
然后最神秘
这种环境的功能

698
00:31:16,540 --> 00:31:20,100
我们不会真的需要使用的
到这里所谓的终端窗口。

699
00:31:20,100 --> 00:31:23,390
如果你用过DOS从
去年，这是在Linux

700
00:31:23,390 --> 00:31:25,450
或Linux相当于DOS的。

701
00:31:25,450 --> 00:31:28,190
这是一个基于文本的interface--
没有鼠标点击，拖动无。

702
00:31:28,190 --> 00:31:30,770
所有你能做的就是输入
命令，但是这些命令

703
00:31:30,770 --> 00:31:34,400
可以创建文件，移动文件，打开
目录，目录接近，

704
00:31:34,400 --> 00:31:35,740
做任何多的东西。

705
00:31:35,740 --> 00:31:38,060
但现在，我们只
花时间在这里。

706
00:31:38,060 --> 00:31:39,050
>> 因此，让我们做到这一点。

707
00:31:39,050 --> 00:31:41,008
如果你在这
环境，你应该

708
00:31:41,008 --> 00:31:45,900
，如果你创建了一个工作区
已经，继续前进，只是去了

709
00:31:45,900 --> 00:31:48,690
到文件，新建了一会儿。

710
00:31:48,690 --> 00:31:51,740
这会给你一个新的
标签这里在中间。

711
00:31:51,740 --> 00:31:54,250
我just--，让我们
继续前进，做到这一点。

712
00:31:54,250 --> 00:31:59,910
让我们继续前进，现在做文件，另存
并继续前进，把它叫做hello.html的，

713
00:31:59,910 --> 00:32:02,740
不与混淆
的helloworld.html，这

714
00:32:02,740 --> 00:32:06,910
带着新的免费帐户，
这仅仅是一个示例文件。

715
00:32:06,910 --> 00:32:11,020
你会看到它突然出现，
最有可能在左侧，

716
00:32:11,020 --> 00:32:12,810
和标签仍然是开放的。

717
00:32:12,810 --> 00:32:21,300
让我鼓励你现在重新创建
此文件或它们的一些变体。

718
00:32:21,300 --> 00:32:24,607
如果你不能完全看到它的
屏幕上，这是相同的幻灯片

719
00:32:24,607 --> 00:32:26,190
那你可能在另一个选项卡。

720
00:32:26,190 --> 00:32:29,296
>> 因此，在短期，让你的第一个网页，
保存它，然后在短短的一瞬间，

721
00:32:29,296 --> 00:32:31,170
我会告诉你如何
其实可以查看此。

722
00:32:31,170 --> 00:32:32,970
但是，改变至少有一点。

723
00:32:32,970 --> 00:32:35,400
更改到的HelloWorld
你自己选择的东西，

724
00:32:35,400 --> 00:32:39,821
让你确信这是你的
文件并没有我刚才创建的。

725
00:32:39,821 --> 00:32:40,320
好吧。

726
00:32:40,320 --> 00:32:43,804
而当你ready--没有
当你准备好rush--，

727
00:32:43,804 --> 00:32:46,220
继续前进，保存文件
一旦你做了这些改变。

728
00:32:46,220 --> 00:32:49,540
如果你点击
RUN键向上顶，这

729
00:32:49,540 --> 00:32:53,610
要打开一个新标签，将告诉
你哪个网址您可以访问您的文件，

730
00:32:53,610 --> 00:32:56,380
但它可能会花点时间
报价解除引用“启动Apache”，这

731
00:32:56,380 --> 00:32:58,820
是网络服务器的名称。

732
00:32:58,820 --> 00:33:02,430
所以要小心做的正是
什么是文件中的最终。

733
00:33:02,430 --> 00:33:04,610
所以现在，我会放大操作。

734
00:33:04,610 --> 00:33:07,780
如果我开始打字
开放式支架HTML，通知

735
00:33:07,780 --> 00:33:09,650
它促使我完成我的想法。

736
00:33:09,650 --> 00:33:13,750
如果我完成了我的思想，它
自动给我的结束标记。

737
00:33:13,750 --> 00:33:17,190
但期望是那么我会打
回车，然后将里面

738
00:33:17,190 --> 00:33:21,180
并做头颅内，
然后我身体里面。

739
00:33:21,180 --> 00:33:24,430
和它的起初有点古怪，
因为它做的工作给你，

740
00:33:24,430 --> 00:33:27,110
但要意识到最终
这样可以节省你的按键。

741
00:33:27,110 --> 00:33:30,500
而事实上，一个很常见的特征
编程环境，这些天

742
00:33:30,500 --> 00:33:33,260
既为Web开发像
这和实际的编程，

743
00:33:33,260 --> 00:33:36,960
我们将谈论明天，
这是自动完成的功能，

744
00:33:36,960 --> 00:33:39,710
事情只是让
程序员或设计者

745
00:33:39,710 --> 00:33:42,010
键入较少的击键
完成同样的事情。

746
00:33:42,010 --> 00:33:43,176
有时候，这是很好的，虽然。

747
00:33:43,176 --> 00:33:44,560
有时，它只是恼人。

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
并再次，一旦你转录
滑动或它们的一些变型中，

750
00:33:54,010 --> 00:33:57,360
你可以点击运行按钮往上顶。

751
00:33:57,360 --> 00:33:59,910
然后在底部
窗，我们会通知你

752
00:33:59,910 --> 00:34:04,290
在什么网址可以访问你的网页。

753
00:34:04,290 --> 00:34:08,790
矿，例如，是在
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
等等。

755
00:34:11,480 --> 00:34:14,580
好吧，那么，让我 - 什么问题吗？

756
00:34:14,580 --> 00:34:19,460
有关刚开任何其他问题
该工作之前，我们增加新的功能？

757
00:34:19,460 --> 00:34:21,692
让我求婚，只是
让乡亲comfortable--

758
00:34:21,692 --> 00:34:24,400
因为它是一回事，只是
一味的复制粘贴我做了什么。

759
00:34:24,400 --> 00:34:27,177
但是，仅仅让乡亲搏斗
至少有一个待办事项，

760
00:34:27,177 --> 00:34:28,510
我会打开一些音乐。

761
00:34:28,510 --> 00:34:32,630
我要提出的名单
事情你可能会增加。

762
00:34:32,630 --> 00:34:34,086
你当然可以使用谷歌。

763
00:34:34,086 --> 00:34:36,210
而我们为什么不只是
建议你尝试解决

764
00:34:36,210 --> 00:34:38,710
至少在这里一个具体问题。

765
00:34:38,710 --> 00:34:45,090
因此，在标签而言，
让我重用这个在这里。

766
00:34:45,090 --> 00:34:48,280
>> 其实，让我把
它在一个文本形式。

767
00:34:48,280 --> 00:35:02,380
比方说，我们可能会在标签中
这里使用在这边，一些标签。

768
00:35:02,380 --> 00:35:06,090
我们已经看到了段落标记。

769
00:35:06,090 --> 00:35:07,850
现在，它会自动完成。

770
00:35:07,850 --> 00:35:12,220
段落标记，锚标记。

771
00:35:12,220 --> 00:35:15,250
比方说，你想
做出更大的东西，

772
00:35:15,250 --> 00:35:19,480
所以你可能like--
跨度标签可以提供帮助。

773
00:35:19,480 --> 00:35:23,010
嗯，你可能需要一些帮助
对于在短短的时刻。

774
00:35:23,010 --> 00:35:24,830
我们已经看到了格。

775
00:35:24,830 --> 00:35:26,170
你会看到有表。

776
00:35:26,170 --> 00:35:27,928
还有一些所谓的TR，TD。

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
日，TD。

779
00:35:32,860 --> 00:35:34,770
回过头来，在一个时刻。

780
00:35:34,770 --> 00:35:36,590
还有什么可能会派上用场？

781
00:35:36,590 --> 00:35:38,310
有强烈的。

782
00:35:38,310 --> 00:35:43,640
有重点，或者说他们。

783
00:35:43,640 --> 00:35:50,110
There's--还有什么
你可能会看中这里？

784
00:35:50,110 --> 00:35:51,930
好了，我们将采取
在这一起来看一下。

785
00:35:51,930 --> 00:35:53,230
形式，这是我们见过的。

786
00:35:53,230 --> 00:35:54,130
有形式。

787
00:35:54,130 --> 00:35:56,500
有输入和其他几个人。

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
好吧，让我们做到这一点。

790
00:36:00,090 --> 00:36:02,330
要回答维多利亚的
问题，让我先

791
00:36:02,330 --> 00:36:05,020
只是确保每个人都
能够得到他们的招呼工作。

792
00:36:05,020 --> 00:36:06,900
然后让我介绍
一对夫妇的其他想法。

793
00:36:06,900 --> 00:36:09,209
然后，我们将让乡亲们解决
一些自己的问题。

794
00:36:09,209 --> 00:36:11,500
然后，我们将真正回来
到窗体的这一概念，

795
00:36:11,500 --> 00:36:14,950
我们实际上将重新实现
一起前端接口，

796
00:36:14,950 --> 00:36:16,450
可以这么说，对于谷歌本身。

797
00:36:16,450 --> 00:36:19,700
我们将使用谷歌作为后端，让
他们做的辛勤工作，搜索，

798
00:36:19,700 --> 00:36:22,760
但我们会重新前端
谷歌和搜索表单

799
00:36:22,760 --> 00:36:24,520
他们有自己的主页。

800
00:36:24,520 --> 00:36:27,050
因此，我们会回来的
这些标签在短短的时刻。

801
00:36:27,050 --> 00:36:30,270
>> 所以这是我
提出刚才。

802
00:36:30,270 --> 00:36:33,940
我们可以程式化添加到
这种风格标签内页，

803
00:36:33,940 --> 00:36:36,950
我们可以风格化背景
颜色，文本对齐，

804
00:36:36,950 --> 00:36:39,000
无论是中心或左​​或右。

805
00:36:39,000 --> 00:36:41,630
但很快你会
或者找一个网页设计师

806
00:36:41,630 --> 00:36:44,060
会发现，这
变得有点笨拙，

807
00:36:44,060 --> 00:36:48,330
因为你在做什么
所谓的混合内容

808
00:36:48,330 --> 00:36:50,120
与呈现体。

809
00:36:50,120 --> 00:36:53,756
你是混合数据
及其美学。

810
00:36:53,756 --> 00:36:56,380
而事实上，如果考虑
有什么事情发生了时间 - 

811
00:36:56,380 --> 00:36:58,350
这是一个非常小
网页，当然。

812
00:36:58,350 --> 00:37:01,590
但是，如果我添加内容到这个网页
我添加样式到这个页面，

813
00:37:01,590 --> 00:37:04,650
页面很快得到
长和长。

814
00:37:04,650 --> 00:37:07,510
再假设，我想
具有第二网页

815
00:37:07,510 --> 00:37:09,010
全体这些属性。

816
00:37:09,010 --> 00:37:12,350
假设我的第二个网页为我的
相关网站 - 也是，我想要的一切中心，

817
00:37:12,350 --> 00:37:14,960
我也想要的一切
与绿色背景。

818
00:37:14,960 --> 00:37:17,940
我几乎将不得不
复制和粘贴一些线路

819
00:37:17,940 --> 00:37:20,730
成第二个文件，这感觉很好。

820
00:37:20,730 --> 00:37:22,030
这将解决这个问题。

821
00:37:22,030 --> 00:37:26,060
>> 但是，如果我想要什么第三页
或第30页或40页？

822
00:37:26,060 --> 00:37:28,730
现在我将要复制和
粘贴了大量的重复代码

823
00:37:28,730 --> 00:37:30,430
在多个文件中。

824
00:37:30,430 --> 00:37:32,600
所以假设
我决定还是有人告诉我，

825
00:37:32,600 --> 00:37:34,780
哎，我们没有使用
绿色背景了。

826
00:37:34,780 --> 00:37:36,380
我们将开始使用橙色。

827
00:37:36,380 --> 00:37:38,690
你有什么改变？

828
00:37:38,690 --> 00:37:42,900
好吧，你必须改变这种风格
从绿色到橙色多少地方？

829
00:37:42,900 --> 00:37:44,920
像30或40位。

830
00:37:44,920 --> 00:37:45,900
这是乏味的。

831
00:37:45,900 --> 00:37:47,039
它们也容易出错。

832
00:37:47,039 --> 00:37:49,580
有许多原因
在这里你不会想诱使

833
00:37:49,580 --> 00:37:51,840
那种痛苦为自己的。

834
00:37:51,840 --> 00:37:54,760
所以就不是很好
如果我们能够采取什么我只是

835
00:37:54,760 --> 00:37:58,240
这两个黄色之间放
标签，这些标签的风格，

836
00:37:58,240 --> 00:38:04,050
它因素出来，把我所有的
风格化到一个中央文件

837
00:38:04,050 --> 00:38:08,470
所有30或40的我的其他文件
借用或以某种方式引用，

838
00:38:08,470 --> 00:38:11,640
没有什么不同的网络
图我们以前在做什么？

839
00:38:11,640 --> 00:38:15,030
>> 所以，如果我去这里，我
要真正提出

840
00:38:15,030 --> 00:38:17,880
我们更换
风格标签的东西

841
00:38:17,880 --> 00:38:21,620
所谓的链接标签，
是可怕的，可怕的名字命名，

842
00:38:21,620 --> 00:38:24,370
因为你不使用
链接标记创建什么

843
00:38:24,370 --> 00:38:26,380
我们人类所知道的在Web页面的链接。

844
00:38:26,380 --> 00:38:29,750
为此，您使用的标签？

845
00:38:29,750 --> 00:38:31,464
如何创建一个网页中的链接？

846
00:38:31,464 --> 00:38:32,130
听众：在A。

847
00:38:32,130 --> 00:38:34,870
DAVID J. MALAN：在A，或锚
标签，在此之前去了迪斯尼。

848
00:38:34,870 --> 00:38:39,090
这里的链接标签说
this--链接一个名为

849
00:38:39,090 --> 00:38:44,350
styles.css的，在何种关系
将是，它是我的样式表。

850
00:38:44,350 --> 00:38:48,290
因此，这是S在一
CSS--级联样式表。

851
00:38:48,290 --> 00:38:50,490
风格sheet--两个的s中的CSS。

852
00:38:50,490 --> 00:38:52,550
层叠样式表。

853
00:38:52,550 --> 00:38:58,640
这也就意味着，哎，浏览器，访问
找到styles.css的本地服务器上

854
00:38:58,640 --> 00:39:01,870
并把它作为你的样式表，
这意味着文件的内

855
00:39:01,870 --> 00:39:05,310
将是所有的
我们刚刚完成的风格化。

856
00:39:05,310 --> 00:39:07,396
还等什么该文件
可能看起来像就是这个。

857
00:39:07,396 --> 00:39:10,020
我会只是做这是一个快速
例如，因为我们不需要

858
00:39:10,020 --> 00:39:12,000
获得太多进入这里的杂草。

859
00:39:12,000 --> 00:39:17,840
但是，如果我复制这个，就是我建议
是一个程序员创建一个新的文件，

860
00:39:17,840 --> 00:39:24,450
粘贴这些lines--
在这些线路whoops--粘贴，

861
00:39:24,450 --> 00:39:32,270
保存为styles.css中，然后，在
另一个文件，删除了这一切

862
00:39:32,270 --> 00:39:35,450
和替换它，而不是
此链接标记。

863
00:39:35,450 --> 00:39:43,090
所以，如果我链接HREF =“styles.css的”
的关系应是“样式”

864
00:39:43,090 --> 00:39:44,170
结束标记。

865
00:39:44,170 --> 00:39:45,250
保存。

866
00:39:45,250 --> 00:39:47,000
回到我的HelloWorld。

867
00:39:47,000 --> 00:39:48,690
重新载入。

868
00:39:48,690 --> 00:39:51,290
>> 从字面上看什么都没有发生。

869
00:39:51,290 --> 00:39:54,710
这是一件好事，因为它
意味着它实际上是所有的工作。

870
00:39:54,710 --> 00:39:58,860
为了证明之多，假设我做一个
错字，我称之为“Styles.css中”

871
00:39:58,860 --> 00:40:03,080
用大写字母S，这是
不正确，然后重新装入。

872
00:40:03,080 --> 00:40:05,470
现在，你可以看到它是行不通的。

873
00:40:05,470 --> 00:40:06,362
现在，为什么？

874
00:40:06,362 --> 00:40:08,070
好吧，让我们用一个
从早期的技术。

875
00:40:08,070 --> 00:40:10,153
让我继续前进，并在
我的浏览器，在Chrome中，我

876
00:40:10,153 --> 00:40:12,900
将开辟特别
网络选项卡和以前一样，

877
00:40:12,900 --> 00:40:15,560
让我重新加载页面。

878
00:40:15,560 --> 00:40:19,341
你是什​​么人并不感到惊讶，现在看？

879
00:40:19,341 --> 00:40:20,840
或者，也许你很惊讶地看到它。

880
00:40:20,840 --> 00:40:23,225
无论哪种方式，你怎么看现在？

881
00:40:23,225 --> 00:40:24,100
听众：[听不清]

882
00:40:24,100 --> 00:40:24,770
DAVID J. MALAN：它没有找到。

883
00:40:24,770 --> 00:40:25,680
为什么没有发现？

884
00:40:25,680 --> 00:40:28,480
那么，Styles.css--资本
S--不存在。

885
00:40:28,480 --> 00:40:29,230
我名不副实了。

886
00:40:29,230 --> 00:40:30,430
简单的拼写错误。

887
00:40:30,430 --> 00:40:33,816
但我现在越来越理解
404，因为服务器是在说，哎，

888
00:40:33,816 --> 00:40:34,440
它没有找到。

889
00:40:34,440 --> 00:40:36,300
从字面上看，我不知道
文件所在。

890
00:40:36,300 --> 00:40:38,880
因此，作为结果，浏览器
告诉您什么是可以的，

891
00:40:38,880 --> 00:40:42,860
页面的原始内容，
这是一个200时，HTML，

892
00:40:42,860 --> 00:40:45,390
但程式化不能
在此后加。

893
00:40:45,390 --> 00:40:47,120
这是什么通过级联的​​意思。

894
00:40:47,120 --> 00:40:49,070
您可以排序的添加
之后，它的排序

895
00:40:49,070 --> 00:40:50,874
细化网页的美观。

896
00:40:50,874 --> 00:40:53,790
你甚至可以覆盖这些
样式还没有其他的样式表文件

897
00:40:53,790 --> 00:40:54,700
如果你想。

898
00:40:54,700 --> 00:40:57,780
它没有发现，虽然，在这种情况下，
因为，当然，我名不副实了。

899
00:40:57,780 --> 00:41:00,330
所以，我必须先解决这个问题。

900
00:41:00,330 --> 00:41:04,667
>> 因此，让我们继续前进，
提出以下建议。

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
让我们继续前进，并做到这一点。

903
00:41:11,140 --> 00:41:14,220
或许与开始
您的HelloWorld文件，

904
00:41:14,220 --> 00:41:17,740
让我只邀请一对夫妇
均设有建议。

905
00:41:17,740 --> 00:41:20,400
所以，维多利亚，你想
做一些文字更大，对不对？

906
00:41:20,400 --> 00:41:24,555
好吧，所以我们可以
不要让文字变大。

907
00:41:24,555 --> 00:41:26,860
我们会每拔断
只有一个问题要解决。

908
00:41:26,860 --> 00:41:30,867
让文字变大。

909
00:41:30,867 --> 00:41:32,700
我不会去打扰
我们在写这个

910
00:41:32,700 --> 00:41:35,600
有子弹的技术就在这里。

911
00:41:35,600 --> 00:41:39,970
所以一些问题。

912
00:41:39,970 --> 00:41:44,670
因此，我们打算尝试
使文字更大。

913
00:41:44,670 --> 00:41:45,170
好吧。

914
00:41:45,170 --> 00:41:48,360
还有什么会有人求婚？

915
00:41:48,360 --> 00:41:50,332
我们还有什么可能想
在一个网页怎么办？

916
00:41:50,332 --> 00:41:52,040
让我们拿出一个
东西短名单

917
00:41:52,040 --> 00:41:55,366
然后委托给
组摸不着头脑。

918
00:41:55,366 --> 00:41:56,270
>> 听众：[听不清]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. MALAN：OK，位置文本
在页面的不同侧面？

920
00:42:02,251 --> 00:42:02,750
好吧。

921
00:42:02,750 --> 00:42:04,620
别的东西。

922
00:42:04,620 --> 00:42:05,784
>> 听众：[听不清]

923
00:42:05,784 --> 00:42:06,700
戴维·马兰：是的。

924
00:42:06,700 --> 00:42:08,720
因此，一个GIF只是一个
不同的文件格式。

925
00:42:08,720 --> 00:42:12,830
我们只是用，有什么，一个
PNG或可能是一个JPG？

926
00:42:12,830 --> 00:42:14,480
我们使用的JPG。

927
00:42:14,480 --> 00:42:16,780
如果你好奇，过度
回答你的问题

928
00:42:16,780 --> 00:42:19,404
是JPG通常用于
照片，因为它支持

929
00:42:19,404 --> 00:42:21,500
数以百万计的颜色或24位色。

930
00:42:21,500 --> 00:42:26,930
一个GIF一般用于一样，
网络爆红这些days--动画，

931
00:42:26,930 --> 00:42:28,810
像GIF动画。

932
00:42:28,810 --> 00:42:32,320
但它发生在使用较小的色
调色板中，只有256种可能的颜色，

933
00:42:32,320 --> 00:42:35,230
但它支持
透明度和动画。

934
00:42:35,230 --> 00:42:40,330
然后还有PNG，它支持
透明度和更多的颜色

935
00:42:40,330 --> 00:42:41,300
但不是动画。

936
00:42:41,300 --> 00:42:42,133
所以这是一个折衷。

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
所以添加GIF，不过，
在功能上

939
00:42:46,060 --> 00:42:48,396
相当于增加一个PNG或JPG格式。

940
00:42:48,396 --> 00:42:49,110
是啊。

941
00:42:49,110 --> 00:42:50,550
图片来源等于。

942
00:42:50,550 --> 00:42:51,590
所以别的东西。

943
00:42:51,590 --> 00:42:57,288
让我们拿出的东西，
我们送到维多利亚在这里做。

944
00:42:57,288 --> 00:42:59,209
>> 听众：添加按钮的形式。

945
00:42:59,209 --> 00:43:00,000
DAVID J. MALAN：OK。

946
00:43:00,000 --> 00:43:02,179
因此，添加按钮的形式。

947
00:43:02,179 --> 00:43:03,470
我们会做一个在一起。

948
00:43:03,470 --> 00:43:07,220
所以这将是一个完美的SEGUE
之后这一挑战。

949
00:43:07,220 --> 00:43:10,357
还要别的吗？

950
00:43:10,357 --> 00:43:11,440
你可能会喜欢做什么？

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
该网站给人的感觉非常深刻印象
如果这是我们所能做的。

953
00:43:16,516 --> 00:43:18,140
听众：更改文本的颜色。

954
00:43:18,140 --> 00:43:19,500
DAVID J. MALAN：改变是什么？

955
00:43:19,500 --> 00:43:20,666
听众：文本的颜色。

956
00:43:20,666 --> 00:43:22,311
DAVID J. MALAN：文本改变颜色。

957
00:43:22,311 --> 00:43:22,810
好吧。

958
00:43:22,810 --> 00:43:23,790
所以，让我们做到这一点。

959
00:43:23,790 --> 00:43:27,209
只是再这样，你是没有，只是
死记硬背，做的正是我在做什么，

960
00:43:27,209 --> 00:43:29,500
我要打开音乐
这里也许五分钟。

961
00:43:29,500 --> 00:43:30,450
欢迎你使用谷歌。

962
00:43:30,450 --> 00:43:33,130
欢迎你来问我，和
我会在你的耳边耳语了伏笔。

963
00:43:33,130 --> 00:43:35,171
欢迎您看
在其他的肩上。

964
00:43:35,171 --> 00:43:37,340
但是，仅仅解决这些问题之一。

965
00:43:37,340 --> 00:43:40,190
但是，我们会做的最后一个，
形成一个，如果我们能一起。

966
00:43:40,190 --> 00:43:42,790
所以，五分钟解决
这些问题中的任一项

967
00:43:42,790 --> 00:43:46,780
使用谷歌，直觉，或任何
您可以使用其他手段。

968
00:43:46,780 --> 00:43:48,630
>> [音乐]

969
00:43:48,630 --> 00:43:49,130
好吧。

970
00:43:49,130 --> 00:43:50,838
如果你想无后顾之忧
保持修修补补，

971
00:43:50,838 --> 00:43:53,880
但我会宠一对夫妇
这些答案。

972
00:43:53,880 --> 00:43:57,986
所以从第一个建议
维多利亚是使文字更大。

973
00:43:57,986 --> 00:43:59,360
因此，有几个方法可以做到这一点。

974
00:43:59,360 --> 00:44:01,530
目前我已经恢复
我的屏幕上这个尺寸，

975
00:44:01,530 --> 00:44:04,310
虽然我已经放大
人为刚才看到的东西。

976
00:44:04,310 --> 00:44:07,470
让我们做到这一点。

977
00:44:07,470 --> 00:44:11,380
让我继续前进，抢
一些通用的拉丁文本

978
00:44:11,380 --> 00:44:19,540
只是让我们有一些工作。

979
00:44:19,540 --> 00:44:20,715
所以给我的只是一个瞬间。

980
00:44:20,715 --> 00:44:21,840
我会让三段。

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
好。

983
00:44:53,930 --> 00:44:55,560
这将是一个更好的例子。

984
00:44:55,560 --> 00:44:57,840
所以对于好奇，在
我hello.html的，我只是

985
00:44:57,840 --> 00:45:01,645
粘贴3无厘头
拉丁段落

986
00:45:01,645 --> 00:45:03,270
只是让我们有一些文字的工作。

987
00:45:03,270 --> 00:45:06,720
和维多利亚的目标是
做一些文字做大。

988
00:45:06,720 --> 00:45:09,879
所以，我可以像以前一样，在这里犹豫。

989
00:45:09,879 --> 00:45:11,170
让我做了正确的方式。

990
00:45:11,170 --> 00:45:13,253
我将有一个链接
标记，指向文件

991
00:45:13,253 --> 00:45:20,560
所谓“styles.css的”的关系
其中又是“样式”。

992
00:45:20,560 --> 00:45:25,221
然后，我要保存
并开辟这个“styles.css的。”

993
00:45:25,221 --> 00:45:28,940
>> 所以，像以前一样，我有
才能在这CSS文件

994
00:45:28,940 --> 00:45:31,569
实际上覆盖默认
网页的美学，

995
00:45:31,569 --> 00:45:33,860
和默认美学，
当然，是相当平淡。

996
00:45:33,860 --> 00:45:36,943
这有点正常的字体大小，黑色
文字，白色背景，等等。

997
00:45:36,943 --> 00:45:39,440
因此，假设我要打
这一切的文字更大。

998
00:45:39,440 --> 00:45:40,460
我可以做一些事情。

999
00:45:40,460 --> 00:45:43,750
在我styles.css的文件，我
可以说，你知道吗，

1000
00:45:43,750 --> 00:45:46,950
适用于以下内容
身体我的网页。

1001
00:45:46,950 --> 00:45:51,390
来吧，让
字体大小24点，

1002
00:45:51,390 --> 00:45:54,130
这是一个数字我可能
在Microsoft Word中使用。

1003
00:45:54,130 --> 00:45:57,620
让我回到我的网站
这里是页和重装，

1004
00:45:57,620 --> 00:45:59,640
你可以看到，
它已经大得多。

1005
00:45:59,640 --> 00:46:02,223
而且，我们可以得到一个有点疯狂，
就像我们可以在desktop--

1006
00:46:02,223 --> 00:46:03,670
让96分。

1007
00:46:03,670 --> 00:46:04,950
重新载入。

1008
00:46:04,950 --> 00:46:07,610
而且它变得有点
笨重在这点。

1009
00:46:07,610 --> 00:46:09,500
>> 但我可能是有点更精确。

1010
00:46:09,500 --> 00:46:14,530
相反，应用此的
样式表到我的页面的主体，

1011
00:46:14,530 --> 00:46:21,740
还有什么会我把它应用到相反，
还有什么其他的标签可能仍然

1012
00:46:21,740 --> 00:46:25,445
以同样的方式的功能？

1013
00:46:25,445 --> 00:46:26,444
>> 听众：p标签？

1014
00:46:26,444 --> 00:46:27,360
DAVID J. MALAN：P标记。

1015
00:46:27,360 --> 00:46:29,350
这样的头部将不会
正确的，因为头部，

1016
00:46:29,350 --> 00:46:31,300
你不能真正
控制的美观。

1017
00:46:31,300 --> 00:46:32,700
有两种文本有或没有。

1018
00:46:32,700 --> 00:46:36,760
但是，在p tag--我可以在一个小跳水
更深层次的，可以这么说，段落

1019
00:46:36,760 --> 00:46:37,350
标签。

1020
00:46:37,350 --> 00:46:41,600
而且即使有三种，
这是完全正常的，因为在CSS，

1021
00:46:41,600 --> 00:46:44,900
我只是说“P”，这
是指应用以下

1022
00:46:44,900 --> 00:46:48,300
要匹配这个任何标记
选择器，选择器刚

1023
00:46:48,300 --> 00:46:49,430
作为标记的名称。

1024
00:46:49,430 --> 00:46:52,350
所以，无论你看到一个
“P”，应用的字体大小，

1025
00:46:52,350 --> 00:46:55,222
让我们使它更
合理again-- 24点。

1026
00:46:55,222 --> 00:46:56,930
你知道吗，
只是良好的措施，

1027
00:46:56,930 --> 00:46:59,810
让我们的颜色
红只是一瞬间。

1028
00:46:59,810 --> 00:47:03,740
现在，如果我重装，现在我们
看到三丑段落。

1029
00:47:03,740 --> 00:47:07,180
>> 但现在假设我是那种
of--我想第一段

1030
00:47:07,180 --> 00:47:08,210
在用户跳出。

1031
00:47:08,210 --> 00:47:11,150
我不想只是增加
一切的字体大小。

1032
00:47:11,150 --> 00:47:16,105
所以，其实我是想找出或
这些段落进行区分。

1033
00:47:16,105 --> 00:47:18,730
因此，让我们摆脱了红，
因为这只是样的俗气，

1034
00:47:18,730 --> 00:47:23,885
让我们继续前进，使
字体大小12点在默认情况下，

1035
00:47:23,885 --> 00:47:26,260
让我们回来的东西
多了几分合理性。

1036
00:47:26,260 --> 00:47:29,190
而现在我只是想增加
第一段的字体大小。

1037
00:47:29,190 --> 00:47:31,440
我可以在几做到这一点
方法，但这是一种方式

1038
00:47:31,440 --> 00:47:37,180
也许最教学在
时刻做到以下几点。

1039
00:47:37,180 --> 00:47:43,280
让我继续说，这
段有一个唯一的ID“第一”。

1040
00:47:43,280 --> 00:47:45,000
我可以把这个事情我想要的。

1041
00:47:45,000 --> 00:47:46,874
我可以称之为“富”
或任何其他的话，

1042
00:47:46,874 --> 00:47:49,290
但我要去给它一些
语义上有意义的名字

1043
00:47:49,290 --> 00:47:50,320
像“第一”。

1044
00:47:50,320 --> 00:47:54,790
这是唯一的标识符，
的ID，我的第一个段落。

1045
00:47:54,790 --> 00:47:59,360
>> 我现在可以做我的样式表
是有点更精确。

1046
00:47:59,360 --> 00:48:02,330
与其说，适用
下面的p标签，

1047
00:48:02,330 --> 00:48:04,890
我可以说的following--
应用下面，

1048
00:48:04,890 --> 00:48:11,000
或选择，HTML元素
具有的一个独特的ID“第一”。

1049
00:48:11,000 --> 00:48:12,350
我怎么想申请呢？

1050
00:48:12,350 --> 00:48:15,250
24点的字体大小。

1051
00:48:15,250 --> 00:48:16,640
所以，我有两个选择现在。

1052
00:48:16,640 --> 00:48:19,690
一个使所有的
第12点。

1053
00:48:19,690 --> 00:48:24,960
但是这一次，特别是因为它涉及
second--说到最后在file--

1054
00:48:24,960 --> 00:48:27,090
这有一个连锁效应。

1055
00:48:27,090 --> 00:48:30,200
我只是做了我所有的
段落标记12点，

1056
00:48:30,200 --> 00:48:34,350
但是这个现在瀑布和
将覆盖任何元素

1057
00:48:34,350 --> 00:48:38,800
在该页面，在其页面中的任何标记
独有的ID​​是报价引文结束“第一”。

1058
00:48:38,800 --> 00:48:41,720
在这方面包括hashtag
只是意味着“唯一标识符”。

1059
00:48:41,720 --> 00:48:43,750
我不把它放在HTML文件。

1060
00:48:43,750 --> 00:48:46,880
我，在这里，只说
报价引文结束“第一”。

1061
00:48:46,880 --> 00:48:48,470
>> 因此，让我重装。

1062
00:48:48,470 --> 00:48:49,919
现在我看啊，OK。

1063
00:48:49,919 --> 00:48:51,710
我的意思是，它不是
漂亮，但它是一种

1064
00:48:51,710 --> 00:48:53,600
像序文到
本书或类似的东西，

1065
00:48:53,600 --> 00:48:55,100
其中第一款是更大的。

1066
00:48:55,100 --> 00:48:57,933
可以用更加精确
只是第一个字母，但至少

1067
00:48:57,933 --> 00:48:59,110
我已经行使更多的控制。

1068
00:48:59,110 --> 00:49:04,760
现在maybe--也许我想这样做
偶尔会因为种种原因，

1069
00:49:04,760 --> 00:49:09,010
所以我不希望这
适用于只有一个HTML标签。

1070
00:49:09,010 --> 00:49:15,110
相反，让我们say--让我们
也可以在下面。

1071
00:49:15,110 --> 00:49:18,810
CLASS =“进口”。

1072
00:49:18,810 --> 00:49:23,970
而一个ID用于唯一
确定一件事，一个标签，

1073
00:49:23,970 --> 00:49:30,190
在网页中，一个类，就是要
在任意数量的元素或标记的使用

1074
00:49:30,190 --> 00:49:30,950
在您的网页。

1075
00:49:30,950 --> 00:49:31,710
所以它的可重复使用的。

1076
00:49:31,710 --> 00:49:33,090
一个ID是不能重复使用。

1077
00:49:33,090 --> 00:49:34,450
一类是可重用的。

1078
00:49:34,450 --> 00:49:37,830
>> 你知道吗，不管是什么
哲学reasons--

1079
00:49:37,830 --> 00:49:40,180
我没有完成我的
以为 - 我要说

1080
00:49:40,180 --> 00:49:44,300
该第一段和
第二段是很重要的。

1081
00:49:44,300 --> 00:49:48,600
所以我打算申请调用的类
“重要”，如果我救我的文件

1082
00:49:48,600 --> 00:49:51,510
并重新加载，无
功能影响呢。

1083
00:49:51,510 --> 00:49:53,780
不过，我已经添加了一些
元数据文件，

1084
00:49:53,780 --> 00:49:56,610
诸如此类的东西分开
从该文件的核心数据，

1085
00:49:56,610 --> 00:50:02,300
所以，现在在我的样式表，如果我
而不是说“。重要” - 要知道，

1086
00:50:02,300 --> 00:50:07,110
什么这很重要，我
将会使字体颜色，red--

1087
00:50:07,110 --> 00:50:09,930
或者更确切地说，不是字体颜色，只是颜色。

1088
00:50:09,930 --> 00:50:12,930
有不一致之处
在CSS中不幸。

1089
00:50:12,930 --> 00:50:14,120
并重新加载。

1090
00:50:14,120 --> 00:50:17,640
现在注意到的第一件
两个段落是红色的

1091
00:50:17,640 --> 00:50:20,880
而第三个，因为我只
应用之类的“重要”

1092
00:50:20,880 --> 00:50:25,020
前两个的那些东西。

1093
00:50:25,020 --> 00:50:28,030
>> 所以在IDS中，你有能力
指定非常精确。

1094
00:50:28,030 --> 00:50:30,110
带班，你可重用性。

1095
00:50:30,110 --> 00:50:33,800
但在这两种情况下，请注意
那种良好的设计原则

1096
00:50:33,800 --> 00:50:39,072
在这里我分解出来的所有的
美学我styles.css的文件。

1097
00:50:39,072 --> 00:50:40,280
所以，这里没有杂乱。

1098
00:50:40,280 --> 00:50:44,490
有没有红色提及或
在这个文件中大胆面向或字体大小。

1099
00:50:44,490 --> 00:50:49,430
而我有语义，
有意义的特点我数据，

1100
00:50:49,430 --> 00:50:51,240
这里是一些重要的数据。

1101
00:50:51,240 --> 00:50:52,800
这里是一些更重要的数据。

1102
00:50:52,800 --> 00:50:56,500
此外，这里是
“第一次”我的重要数据。

1103
00:50:56,500 --> 00:51:01,050
因此，HTML是所有关于排序
的标签，从字面上看，字

1104
00:51:01,050 --> 00:51:05,270
和段落结构在
这些小提示页面，如果你

1105
00:51:05,270 --> 00:51:07,640
愿意，你可以
不知何故利用使用

1106
00:51:07,640 --> 00:51:10,880
其它技术，如在这种方式的CSS。

1107
00:51:10,880 --> 00:51:14,760
>> 所以在回答维多利亚的问题，
我们可以使文本的那样大。

1108
00:51:14,760 --> 00:51:18,380
有这么多其他的方法，但
字体tag--开括号“字体” - 

1109
00:51:18,380 --> 00:51:19,770
其实是几年前。

1110
00:51:19,770 --> 00:51:21,410
而这就是问题所在，
也与只依靠

1111
00:51:21,410 --> 00:51:23,485
在线resources--
他们往往是过时的。

1112
00:51:23,485 --> 00:51:26,110
事实上，这是被弃用，
因为世界上实现，

1113
00:51:26,110 --> 00:51:28,970
是什么“FONT-SIZE = 7”是什么意思？

1114
00:51:28,970 --> 00:51:29,670
它没有。

1115
00:51:29,670 --> 00:51:32,770
等多年，并
此day--侧之一

1116
00:51:32,770 --> 00:51:36,060
这里指出的是，它实际上是
令人难以置信的痛苦，有时还

1117
00:51:36,060 --> 00:51:38,900
开发对站点
网络，因为微软

1118
00:51:38,900 --> 00:51:44,220
和谷歌和Mozilla和
别人不同意往往对如何

1119
00:51:44,220 --> 00:51:47,480
解释如HTML规范。

1120
00:51:47,480 --> 00:51:52,490
>> 有HTML的规则手册说
一般所说的每一个标签的意思。

1121
00:51:52,490 --> 00:51:55,690
但有时它留下来的
执行的自由裁量权，

1122
00:51:55,690 --> 00:51:57,290
微软的自由裁量权和谷歌。

1123
00:51:57,290 --> 00:52:00,000
所以你会经常
看到一个网站的东西

1124
00:52:00,000 --> 00:52:04,954
看起来在PC上不同
比它在Mac上，

1125
00:52:04,954 --> 00:52:06,995
这就是真正的原因，
在一天结束时，

1126
00:52:06,995 --> 00:52:08,891
他们没有测试
以及在这两个平台。

1127
00:52:08,891 --> 00:52:11,390
但它也因为合理的，
聪明的人会不同意

1128
00:52:11,390 --> 00:52:14,970
和公司会不同意，等
编程的挑战之一

1129
00:52:14,970 --> 00:52:16,980
针对网络或设计
东西网路

1130
00:52:16,980 --> 00:52:21,700
是写你的网站的方式
的作品在每一个网页浏览器。

1131
00:52:21,700 --> 00:52:23,410
但是，即使这是不合理的，对不对？

1132
00:52:23,410 --> 00:52:27,807
有这么多这么多版本
浏览器在那里，在某些时候，

1133
00:52:27,807 --> 00:52:30,890
你还必须作出判断电话
你必须决定作为一个公司，

1134
00:52:30,890 --> 00:52:33,082
尤其是电子商务式
在这里你的网站

1135
00:52:33,082 --> 00:52:36,290
尝试使用最新和最伟大
技术给一个很好的用户

1136
00:52:36,290 --> 00:52:37,110
经验。

1137
00:52:37,110 --> 00:52:41,019
但是，你的用户的一些百分比可能
仍然在使用Internet Explorer 6或7

1138
00:52:41,019 --> 00:52:43,810
或8，尤其是取决于
国家，他们来自。

1139
00:52:43,810 --> 00:52:46,760
>> 所以非常普遍
征询的东西

1140
00:52:46,760 --> 00:52:50,920
像“网络浏览器的统计数据。”

1141
00:52:50,920 --> 00:52:56,560
而如果我们中场休息让我们来看看维基百科
看看如何了最新的这张图

1142
00:52:56,560 --> 00:52:59,320
如果有一个。

1143
00:52:59,320 --> 00:53:02,420
所以在这里你可以看到
其中，实际的浏览器

1144
00:53:02,420 --> 00:53:06,160
是，根据2015年12月，
根据美国政府。

1145
00:53:06,160 --> 00:53:11,170
Chrome是在42％的市场份额，其次
通过IE浏览器主要是在企业设置

1146
00:53:11,170 --> 00:53:14,490
或PC设置，当然，
其次是火狐，

1147
00:53:14,490 --> 00:53:17,440
那么Safari浏览器，然后歌剧院没
使地图这里出于某种原因，

1148
00:53:17,440 --> 00:53:18,210
然后其他人。

1149
00:53:18,210 --> 00:53:19,500
也许这是在其他。

1150
00:53:19,500 --> 00:53:27,700
但更重要的问题is--
让我们来看看维基百科也有

1151
00:53:27,700 --> 00:53:35,194
浏览器版本version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> 让我们去到浏览器的统计数据。

1154
00:53:39,190 --> 00:53:40,680
IE浏览器。

1155
00:53:40,680 --> 00:53:42,030
甚至这还不够。

1156
00:53:42,030 --> 00:53:44,854
浏览器统计数据。

1157
00:53:44,854 --> 00:53:45,353
我的版本。

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
这不会是正确的。

1160
00:53:50,540 --> 00:53:53,414
让我们来看看版本。

1161
00:53:53,414 --> 00:53:54,830
浏览器市场份额。

1162
00:53:54,830 --> 00:53:57,110
让我们来看看这来了。

1163
00:53:57,110 --> 00:53:57,610
好。

1164
00:53:57,610 --> 00:54:00,010
这是现在越来越
一点更加有用。

1165
00:54:00,010 --> 00:54:04,870
所以在这里，请注意，我们都
不同版本的浏览器。

1166
00:54:04,870 --> 00:54:09,887
而且，我的上帝，如果你look--铬
48，铬47，铬31，铬45。

1167
00:54:09,887 --> 00:54:12,970
我的意思是，越来越多的浏览器更新，
有时某些更改

1168
00:54:12,970 --> 00:54:16,430
在显著
功能方面。

1169
00:54:16,430 --> 00:54:20,630
因此在某些时候，该
产品经理或工程师

1170
00:54:20,630 --> 00:54:23,620
需要进行decision--你
知道吗，世界上只有1％

1171
00:54:23,620 --> 00:54:24,740
仍在使用IE 7。

1172
00:54:24,740 --> 00:54:25,490
与他们的地狱。

1173
00:54:25,490 --> 00:54:27,470
我们只是不打算
支持该浏览器。

1174
00:54:27,470 --> 00:54:28,740
什么意思不支持？

1175
00:54:28,740 --> 00:54:31,170
这可能意味着，按钮
不要你的网页上工作，

1176
00:54:31,170 --> 00:54:33,050
或者它可能意味着
格式是完全关闭。

1177
00:54:33,050 --> 00:54:35,091
或者你可能不得不做出
同样的判断调用

1178
00:54:35,091 --> 00:54:39,089
移动这些天，在这里，我们
不会支持iOS 5了。

1179
00:54:39,089 --> 00:54:40,380
因此，人们只需要升级。

1180
00:54:40,380 --> 00:54:45,850
或者，我们不会支持蛋糕
在Android操作系统的Andr​​oid设备，

1181
00:54:45,850 --> 00:54:48,629
因为随着天下 - 作为
高科技世界需要向前推进，

1182
00:54:48,629 --> 00:54:51,170
它种要拖
世界与它，使他们不

1183
00:54:51,170 --> 00:54:53,295
要继续
向下兼容所以他们

1184
00:54:53,295 --> 00:54:54,920
可以提供新的和好的特点。

1185
00:54:54,920 --> 00:54:57,878
这确实是原因之一
为什么这么多的公司正在推出

1186
00:54:57,878 --> 00:55:01,440
自动更新和排序迫使
软件对我们的最新版本。

1187
00:55:01,440 --> 00:55:04,010
甚至有企业
像苹果将整理的

1188
00:55:04,010 --> 00:55:07,280
强迫你几乎强令
你在市场力量方面

1189
00:55:07,280 --> 00:55:11,164
新买的手机，因为他们只是
不会再更新您的旧手机。

1190
00:55:11,164 --> 00:55:13,330
所以，你错过了
最新，最大的特点，

1191
00:55:13,330 --> 00:55:17,520
因为它是昂贵的它们作为一个
公司保持旧的，按理说

1192
00:55:17,520 --> 00:55:19,330
劣质版本的软件。

1193
00:55:19,330 --> 00:55:23,660
但净效果是
我们也遭受这一点。

1194
00:55:23,660 --> 00:55:26,550
>> 因此，让我们来看看刚
一对夫妇的最后的东西在这里。

1195
00:55:26,550 --> 00:55:29,740
让我们敲断实快一些
其他子弹，如果好奇。

1196
00:55:29,740 --> 00:55:33,440
所以，如果你想，
例如，位置

1197
00:55:33,440 --> 00:55:36,420
在不同侧面的文字
页面，我打算做一快捷方式，

1198
00:55:36,420 --> 00:55:38,360
但有不同的
这样做的方法。

1199
00:55:38,360 --> 00:55:42,610
让我继续前进，eliminate--
简化如下。

1200
00:55:42,610 --> 00:55:45,330
让我回到我的
简单，简单的段落。

1201
00:55:45,330 --> 00:55:47,760
让我回到我的styles.css的。

1202
00:55:47,760 --> 00:55:51,040
而我只是将使用simple--
你可能已经看到在谷歌

1203
00:55:51,040 --> 00:55:54,430
或者回忆先前已经
文本右对齐。

1204
00:55:54,430 --> 00:55:56,220
然后刷新页面。

1205
00:55:56,220 --> 00:55:58,470
现在，一切似乎
是右对齐，

1206
00:55:58,470 --> 00:56:00,770
因为你可能在开销在这里看到。

1207
00:56:00,770 --> 00:56:04,470
>> 我们可以使它看起来多了几分
书状，我们可以说“辩解”

1208
00:56:04,470 --> 00:56:05,640
并重新加载。

1209
00:56:05,640 --> 00:56:09,870
现在是很好的和两个广场
两侧，这是一种不错的。

1210
00:56:09,870 --> 00:56:12,220
我们在这里有另一个目标
是文字的改变颜色。

1211
00:56:12,220 --> 00:56:13,650
因此，我们看到，与我的红色文字。

1212
00:56:13,650 --> 00:56:15,630
现在添加按钮的形式。

1213
00:56:15,630 --> 00:56:19,390
那么，我们为什么不尝试做正是这一点？

1214
00:56:19,390 --> 00:56:23,656
但是，首先让我去一个网站，
我们大多数人每天使用谷歌day--。

1215
00:56:23,656 --> 00:56:25,780
让我们来看看
谷歌如何实际工作。

1216
00:56:25,780 --> 00:56:26,821
但我会做到这一点。

1217
00:56:26,821 --> 00:56:31,930
首先让我来做in--是的，
让我去谷歌第一。

1218
00:56:31,930 --> 00:56:34,530
我将不得不去
到谷歌设置，

1219
00:56:34,530 --> 00:56:40,660
因为我想禁用
一些所谓的立竿见影的效果。

1220
00:56:40,660 --> 00:56:43,580
>> 所以，你可能会在已经注意到
谷歌这些days--让我回去

1221
00:56:43,580 --> 00:56:44,850
并把这个上。

1222
00:56:44,850 --> 00:56:47,900
所以，如果我开始搜索
对于“猫”这样，

1223
00:56:47,900 --> 00:56:50,120
注意到，不仅做到
我得到自动完成向上

1224
00:56:50,120 --> 00:56:54,520
顶，一下子，页面本身
似乎很快改变为好，

1225
00:56:54,520 --> 00:56:58,750
这就是谷歌使用的语言
JavaScript调用尝试是有益的。

1226
00:56:58,750 --> 00:57:01,540
但不幸的是，它种
的食堂了我们的讨论

1227
00:57:01,540 --> 00:57:04,010
什么实际发生
这里的引擎盖下面。

1228
00:57:04,010 --> 00:57:09,070
所以，我只是那种迅速
关闭立竿见影的效果。

1229
00:57:09,070 --> 00:57:11,510
而且我要点击保存。

1230
00:57:11,510 --> 00:57:13,930
现在我要去开
该诊断工具栏，我

1231
00:57:13,930 --> 00:57:16,150
保持网络选项卡下开幕。

1232
00:57:16,150 --> 00:57:17,720
因此，让我们做到这一点。

1233
00:57:17,720 --> 00:57:21,960
让我 -  whoops--
这个滚动了一点。

1234
00:57:21,960 --> 00:57:24,410
让我搜索“猫”。

1235
00:57:24,410 --> 00:57:26,790
>> 而现在notice--实际上，
这是一个很好的机会

1236
00:57:26,790 --> 00:57:28,840
一会儿讨论。

1237
00:57:28,840 --> 00:57:32,460
请注意，那一刻我类型 - 停止它。

1238
00:57:32,460 --> 00:57:35,250
停下来。

1239
00:57:35,250 --> 00:57:35,790
好。

1240
00:57:35,790 --> 00:57:40,870
请注意，那一刻我键入字母
C，看屏幕的底部。

1241
00:57:40,870 --> 00:57:48,600
A- T- S.什么底部
这个画面，我的网络选项卡，

1242
00:57:48,600 --> 00:57:53,320
建议正在发生各
一次，我键入字母？

1243
00:57:53,320 --> 00:57:57,700
不幸的是，青蛙很
今天分心或三叶草

1244
00:57:57,700 --> 00:58:00,339
或不管他是。

1245
00:58:00,339 --> 00:58:01,880
什么是每次我打的时间发生了什么？

1246
00:58:01,880 --> 00:58:04,230
让我清除
缓冲区并再次键入它。

1247
00:58:04,230 --> 00:58:06,580
So--哎呦。

1248
00:58:06,580 --> 00:58:13,280
我每次键入一个字母，C- A- T--
所以新行显然继续出现。

1249
00:58:13,280 --> 00:58:16,530
什么是每个那些行的代表，
基于我们所看到的和讨论

1250
00:58:16,530 --> 00:58:17,339
迄今？

1251
00:58:17,339 --> 00:58:18,130
听众：搜索？

1252
00:58:18,130 --> 00:58:21,770
DAVID J. MALAN：搜索，或
更一般地，一个HTTP请求

1253
00:58:21,770 --> 00:58:23,125
从我的浏览器到服务器。

1254
00:58:23,125 --> 00:58:29,090
那么，为什么我的浏览器发送HTTP
要求我每次键入一个字母？

1255
00:58:29,090 --> 00:58:30,502
>> 听众：[听不清]

1256
00:58:30,502 --> 00:58:33,210
戴维·马兰：是的，它给
我这些自动完成的结果。

1257
00:58:33,210 --> 00:58:35,190
等等，其中做这些
搜索结果从何而来？

1258
00:58:35,190 --> 00:58:38,120
好吧，我每次键入
信中，谷歌发送更多

1259
00:58:38,120 --> 00:58:40,460
而且越来越多的
我打字的话。

1260
00:58:40,460 --> 00:58:41,040
为什么？

1261
00:58:41,040 --> 00:58:44,540
因为他们想给我一个
好，更好的建议，

1262
00:58:44,540 --> 00:58:48,880
建议列表，为了什么字
我想真正完成。

1263
00:58:48,880 --> 00:58:53,030
因此，这是从字面上说，每
字符键入到谷歌

1264
00:58:53,030 --> 00:58:56,900
被发送，并最终在
散装，而且有时候一个人

1265
00:58:56,900 --> 00:59:00,620
在为了实现时间
这些自动完成功能时

1266
00:59:00,620 --> 00:59:03,000
该数据是，当然，在网络上。

1267
00:59:03,000 --> 00:59:08,780
>> 现在，让我们来看看究竟是什么
当我点击谷歌搜索发生。

1268
00:59:08,780 --> 00:59:10,420
然后，我们将利用这个自己。

1269
00:59:10,420 --> 00:59:15,320
所以，如果我现在向下滚动到非常
刚刚发生的第一次请求。

1270
00:59:15,320 --> 00:59:17,130
请注意以下内容。

1271
00:59:17,130 --> 00:59:25,550
它被送到一个相当长的URL--
https://www.google.com/search？

1272
00:59:25,550 --> 00:59:27,100
然后一大堆东西。

1273
00:59:27,100 --> 00:59:29,620
现在，让我们真切地看到这
在浏览器选项卡本身。

1274
00:59:29,620 --> 00:59:31,310
让我们摆脱工具栏的位置。

1275
00:59:31,310 --> 00:59:33,140
下面是搜索结果的页面。

1276
00:59:33,140 --> 00:59:34,790
并注意这里的URL。

1277
00:59:34,790 --> 00:59:37,430
现在，你可能已经猜到
这是怎么回事的部分。

1278
00:59:37,430 --> 00:59:39,090
所以首先，定义。

1279
00:59:39,090 --> 00:59:42,570
这显然​​是目标
其中，提交表单。

1280
00:59:42,570 --> 00:59:44,910
所以，当我在输入
词“猫”并按下回车键，

1281
00:59:44,910 --> 00:59:48,460
显然谷歌发送
我的文字输入到该网址

1282
00:59:48,460 --> 00:59:50,770
我已经强调
还有，斜线搜索。

1283
00:59:50,770 --> 00:59:56,530
事实证明，在一个URL，任何
之后发生的一个问号是，

1284
00:59:56,530 --> 01:00:01,270
正如我们一直在说，一个键值对
被输入到表格或以某种方式

1285
01:00:01,270 --> 01:00:04,500
从发送的
浏览器到服务器。

1286
01:00:04,500 --> 01:00:07,180
>> 所以，任何时候你输入型
到Web上的表单

1287
01:00:07,180 --> 01:00:10,000
并且我们将它的发送
一直在讨论，通过GET，

1288
01:00:10,000 --> 01:00:12,400
这些虚拟之一
信封，内容

1289
01:00:12,400 --> 01:00:15,510
那envelope--是，保持
得到身体酿

1290
01:00:15,510 --> 01:00:19,010
入类信封
今天，但技术

1291
01:00:19,010 --> 01:00:21,110
它实际上是放在URL。

1292
01:00:21,110 --> 01:00:22,940
所以，事实上，让我通过这个筛选。

1293
01:00:22,940 --> 01:00:25,010
你在哪里看到用户输入？

1294
01:00:25,010 --> 01:00:27,490
你在哪里看到的东西
我自己输入了吗？

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
是啊，所以“猫”。

1297
01:00:33,491 --> 01:00:33,990
对？

1298
01:00:33,990 --> 01:00:36,380
因此，让我这个提炼
成简单的东西。

1299
01:00:36,380 --> 01:00:39,917
我要删除有关的一切
这个网址我不明白，

1300
01:00:39,917 --> 01:00:42,250
而我只是要离开
它作为this-- /搜索？Q =猫。

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
我们会看到其中q
来自于一个时刻，

1303
01:00:47,890 --> 01:00:51,220
但感觉就像最低
我提供的信息量。

1304
01:00:51,220 --> 01:00:53,050
而现在我要敲回车。

1305
01:00:53,050 --> 01:00:55,520
并注意它仍然有效。

1306
01:00:55,520 --> 01:00:57,950
我们还是拿回一大堆猫。

1307
01:00:57,950 --> 01:01:00,340
因此，谷歌是票友
比这这些天。

1308
01:01:00,340 --> 01:01:01,934
这是2016年，1999年没有。

1309
01:01:01,934 --> 01:01:04,600
因此，有其他的东西，我的
浏览器发送到服务器。

1310
01:01:04,600 --> 01:01:07,100
但是，这是最低限度
所有的必要。

1311
01:01:07,100 --> 01:01:08,380
>> 发生什么了？

1312
01:01:08,380 --> 01:01:14,320
那么，首先让我去前进，去
回到Cloud9，让我继续前进

1313
01:01:14,320 --> 01:01:15,620
并关闭我的标签前面。

1314
01:01:15,620 --> 01:01:18,230
我会做我的
自己只是片刻。

1315
01:01:18,230 --> 01:01:20,730
我要继续前进
并创建新的文件。

1316
01:01:20,730 --> 01:01:23,739
而且我打算把它保存为google.html您。

1317
01:01:23,739 --> 01:01:26,280
而且我会很quickly--
我要偷，其实，

1318
01:01:26,280 --> 01:01:28,510
有些这段文字只是为了节省时间。

1319
01:01:28,510 --> 01:01:30,610
我要粘贴在了这里。

1320
01:01:30,610 --> 01:01:33,850
我不会跟打扰
任何程式化这个时候。

1321
01:01:33,850 --> 01:01:38,340
我们要称之为“我的谷歌。”

1322
01:01:38,340 --> 01:01:41,230
而且我要摆脱
在体内的一切。

1323
01:01:41,230 --> 01:01:42,740
而且我要做到以下几点。

1324
01:01:42,740 --> 01:01:45,690
让我放大]。

1325
01:01:45,690 --> 01:01:50,620
形成action--和我简要地提到
先前已经whoops--我简要

1326
01:01:50,620 --> 01:01:54,130
如前所述，一个动作
形式是，将数据发送到。

1327
01:01:54,130 --> 01:01:56,620
所以google.com/search。

1328
01:01:56,620 --> 01:01:59,390
和方法我想使用
可能是两件事情之一。

1329
01:01:59,390 --> 01:02:02,870
它可以是“得”，作为我们不断
讨论，也可以是“后”。

1330
01:02:02,870 --> 01:02:05,340
现在，根本
不同的是，如果你使用“获得”

1331
01:02:05,340 --> 01:02:09,590
所有的信息
用户提供的URL被发送。

1332
01:02:09,590 --> 01:02:13,530
>> 这是伟大的东西像搜索
发动机和一些其他的应用，

1333
01:02:13,530 --> 01:02:17,080
但在什么情况下会
你不想填写表格

1334
01:02:17,080 --> 01:02:21,620
并具备信息落得
URL，就像在浏览器的地址栏？

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
什么样的形式做你 - 

1337
01:02:26,605 --> 01:02:27,480
听众：[听不清]

1338
01:02:27,480 --> 01:02:28,450
戴维·马兰：是的，像什么？

1339
01:02:28,450 --> 01:02:29,270
听众：密码。

1340
01:02:29,270 --> 01:02:31,936
戴维·马兰：是啊，所以你登录
到Facebook或某些网站。

1341
01:02:31,936 --> 01:02:34,395
这是一个从用户输入
一种形式，一个文本框，

1342
01:02:34,395 --> 01:02:37,020
但你可能不希望它
显示了在浏览器的URL。

1343
01:02:37,020 --> 01:02:38,121
为什么？

1344
01:02:38,121 --> 01:02:40,870
我的意思是，也许有一些
在网络上的安全隐患，

1345
01:02:40,870 --> 01:02:44,830
但缓慢 - 喜欢，更简单地说，如果有什么
你的室友，你的显著等，

1346
01:02:44,830 --> 01:02:47,710
你的孩子，你的配偶看起来
通过您的浏览器历史记录？

1347
01:02:47,710 --> 01:02:50,762
还有就是你的密码正确
有在浏览器的历史记录。

1348
01:02:50,762 --> 01:02:52,220
这并不觉得自己是最好的设计。

1349
01:02:52,220 --> 01:02:54,500
甚至更多技术上，
假设你想

1350
01:02:54,500 --> 01:02:59,180
上传照片到Flickr
或Facebook或wherever--

1351
01:02:59,180 --> 01:03:03,010
即用户输入，即使
这是一个有点interesting--如何

1352
01:03:03,010 --> 01:03:05,530
我挤在地址栏的形象呢？

1353
01:03:05,530 --> 01:03:06,730
你有种那种不能。

1354
01:03:06,730 --> 01:03:07,396
你有种就可以。

1355
01:03:07,396 --> 01:03:10,210
不过，说真的，我是捉襟见肘
想象这样做。

1356
01:03:10,210 --> 01:03:13,470
所以，我需要另一种方法
上传照片到网站，

1357
01:03:13,470 --> 01:03:15,657
和其它方法被称为“后”。

1358
01:03:15,657 --> 01:03:18,740
但现在，我们只说说
“获取”，这是两者的简单。

1359
01:03:18,740 --> 01:03:21,100
它只是把所有的
用户输入的URL。

1360
01:03:21,100 --> 01:03:22,830
>> 因此，这里是我创建的形式。

1361
01:03:22,830 --> 01:03:24,070
我想要的输入。

1362
01:03:24,070 --> 01:03:24,820
你知道吗？

1363
01:03:24,820 --> 01:03:26,111
我要在这里采取了猜测。

1364
01:03:26,111 --> 01:03:31,600
我要我的回忆
输入“Q”的“查询”。

1365
01:03:31,600 --> 01:03:34,970
我认为这是一个
原创设计，也许，从1999年。

1366
01:03:34,970 --> 01:03:39,560
然后该输入的类型
只是将是“文字”。

1367
01:03:39,560 --> 01:03:43,040
然后，我将有另一个输入
这并不需要一个名字，因为我们很快就会

1368
01:03:43,040 --> 01:03:45,120
看，它的类型是“提交”。

1369
01:03:45,120 --> 01:03:47,070
而这将
给我一个特殊的按钮。

1370
01:03:47,070 --> 01:03:48,320
就是这样。

1371
01:03:48,320 --> 01:03:50,790
>> 因此，让我继续前进，保存此文件。

1372
01:03:50,790 --> 01:03:54,910
我要回到我的
浏览器并转到google.html您。

1373
01:03:54,910 --> 01:03:56,140
输入。

1374
01:03:56,140 --> 01:03:59,680
而且它是一种疏
至少可以说。

1375
01:03:59,680 --> 01:04:03,110
但让我先走
并搜索“猫”。

1376
01:04:03,110 --> 01:04:06,510
并注意我目前
在这个Cloud9 URL。

1377
01:04:06,510 --> 01:04:09,240
但此刻我点击这个，
你在哪里希望我将结束？

1378
01:04:09,240 --> 01:04:10,160
>> 听众：谷歌。

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. MALAN：谷歌。

1380
01:04:11,118 --> 01:04:12,740
因此，让我们点击提交。

1381
01:04:12,740 --> 01:04:15,200
事实上我已经重新实现谷歌。

1382
01:04:15,200 --> 01:04:15,700
对？

1383
01:04:15,700 --> 01:04:16,480
这是简单的。

1384
01:04:16,480 --> 01:04:17,120
它更轻。

1385
01:04:17,120 --> 01:04:20,350
我的意思是，我的代码显然要比好
他们从混乱我们前面看到的。

1386
01:04:20,350 --> 01:04:21,100
你知道吗？

1387
01:04:21,100 --> 01:04:22,610
我要这个香料一点点。

1388
01:04:22,610 --> 01:04:23,860
我没有提到这点。

1389
01:04:23,860 --> 01:04:27,860
有标签，如H1，标题1，
在一个页面的最重要的项。

1390
01:04:27,860 --> 01:04:30,570
“我的谷歌，”我会叫这个。

1391
01:04:30,570 --> 01:04:31,940
让我重装。

1392
01:04:31,940 --> 01:04:33,772
它看起来好一点了。

1393
01:04:33,772 --> 01:04:34,980
而且，事实上，你知道吗？

1394
01:04:34,980 --> 01:04:36,430
我已经already--我撒谎了。

1395
01:04:36,430 --> 01:04:40,200
我说我不会去的风格这一点，
但我要的作风，像以前一样。

1396
01:04:40,200 --> 01:04:46,860
而我的身体将是，
让我们说，文本对齐中心。

1397
01:04:46,860 --> 01:04:48,800
它看起来更像是谷歌了。

1398
01:04:48,800 --> 01:04:51,090
>> 我需要一个换行符，不过，
对于提交按钮。

1399
01:04:51,090 --> 01:04:52,798
而事实证明，你
可以使用段落，

1400
01:04:52,798 --> 01:04:57,320
或者你可以更从字面上只是说，
给我一个换行符这里 - 的br标签。

1401
01:04:57,320 --> 01:04:59,319
如果我重新加载此，现在去那里。

1402
01:04:59,319 --> 01:05:01,610
这是一个有点难看，所以我
可以做多换行，

1403
01:05:01,610 --> 01:05:03,310
但让我们不要太贪这里。

1404
01:05:03,310 --> 01:05:06,430
所以，现在让我们来看看它是否适用于“狗”。

1405
01:05:06,430 --> 01:05:08,640
这似乎为“狗”，正常工作。

1406
01:05:08,640 --> 01:05:10,780
所以，这里有什么令人信服的外卖？

1407
01:05:10,780 --> 01:05:13,600
One--是不是一个巨大的飞跃，
介绍几个更多的标签，

1408
01:05:13,600 --> 01:05:15,370
像输入标签的形式标记。

1409
01:05:15,370 --> 01:05:17,120
但更重要
是，我们所做的

1410
01:05:17,120 --> 01:05:20,610
正在利用我们的理解
HTTP和事实的

1411
01:05:20,610 --> 01:05:24,900
形成最终改变
什么是浏览器的URL，

1412
01:05:24,900 --> 01:05:28,540
等等，因此，我们可以
机械地提供输入到一个服务器

1413
01:05:28,540 --> 01:05:33,600
通过HTML表单和了解
服务器理解的HTTP，

1414
01:05:33,600 --> 01:05:36,890
就像我们的身体的理解一样，
摇我的手，同样的协议，

1415
01:05:36,890 --> 01:05:40,920
等我们回到响应
我们期待最终。

1416
01:05:40,920 --> 01:05:44,050
>> 因此，让我们试着做一
最后一件事，现在移动，

1417
01:05:44,050 --> 01:05:47,052
我会make--我来补充
此代码的幻灯片。

1418
01:05:47,052 --> 01:05:49,760
所以，如果你想鼓捣，你
当然可以把它从那里。

1419
01:05:49,760 --> 01:05:51,551
但我要去
进取，做一件事。

1420
01:05:51,551 --> 01:05:54,120
我要继续前进，
打开我的索引page--

1421
01:05:54,120 --> 01:05:59,030
我招呼页面之前，这
有很多这样的仿拉丁文字，

1422
01:05:59,030 --> 01:06:05,470
或无意义的拉丁文字和has--
它看起来像这样在这个字体大小。

1423
01:06:05,470 --> 01:06:07,850
但让我继续前进，做到这一点。

1424
01:06:07,850 --> 01:06:09,300
我要进入​​Cloud9。

1425
01:06:09,300 --> 01:06:10,380
而你没有做到这一步。

1426
01:06:10,380 --> 01:06:11,420
我只是做我自己。

1427
01:06:11,420 --> 01:06:12,890
我要单击共享。

1428
01:06:12,890 --> 01:06:15,170
这是一个功能
只是Cloud9，其中

1429
01:06:15,170 --> 01:06:17,710
我可以让我的环境公开。

1430
01:06:17,710 --> 01:06:20,240
>> 和公正的缘故
演示，让我这样做。

1431
01:06:20,240 --> 01:06:22,870
我打算让我的应用程序公开。

1432
01:06:22,870 --> 01:06:25,230
注意它的警告我，我
我相信，我想这样做，

1433
01:06:25,230 --> 01:06:28,438
因为这会令所有人
在世界上，无论他们现在在这里

1434
01:06:28,438 --> 01:06:33,560
或更高版本观看录像上
互联网能够看到我所看到的。

1435
01:06:33,560 --> 01:06:34,440
但是，这是确定。

1436
01:06:34,440 --> 01:06:37,870
我会说：“完成”。

1437
01:06:37,870 --> 01:06:42,080
让我鼓励你，如果我这样做
这correctly--让我先对它进行测试。

1438
01:06:42,080 --> 01:06:45,590
来吧，如果你不mind--
在您的计算机上的浏览器，

1439
01:06:45,590 --> 01:06:49,900
去这个网址，并希望
你会看到我的拉丁文字。

1440
01:06:49,900 --> 01:06:52,820
并且要清楚，这是
在我的笔记本电脑上运行没有。

1441
01:06:52,820 --> 01:06:53,610
这是在云中。

1442
01:06:53,610 --> 01:06:58,120
这是对Cloud9，从字面上看，但
我做了我的工作区公开

1443
01:06:58,120 --> 01:07:03,450
使任何人在互联网上
可以访问我的拉丁主页。

1444
01:07:03,450 --> 01:07:07,209
>> 转到同一URL上
您的手机，如果你能。

1445
01:07:07,209 --> 01:07:09,750
如果它会花费你，但是，你
可以只查看一个肩膀。

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
听众：[听不清]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. MALAN：对不起？

1449
01:07:43,550 --> 01:07:45,390
听众：[听不清]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. MALAN：只是拉丁词。

1451
01:07:47,710 --> 01:07:48,210
就这样。

1452
01:07:48,210 --> 01:07:49,250
但是，这是你应该看到的。

1453
01:07:49,250 --> 01:07:49,875
>> 听众：是的。

1454
01:07:49,875 --> 01:07:50,790
戴维·马兰：是的。

1455
01:07:50,790 --> 01:07:51,300
是啊。

1456
01:07:51,300 --> 01:07:51,540
好。

1457
01:07:51,540 --> 01:07:53,530
所以，我可以抱你
手机只是一瞬间？

1458
01:07:53,530 --> 01:07:57,504
所以，我希望，如果你访问
它，它看起来几乎无法读取。

1459
01:07:57,504 --> 01:07:59,920
这是我still--意思是，这是
不可读，因为拉丁语的。

1460
01:07:59,920 --> 01:08:01,920
但它也是不可读
其他什么原因？

1461
01:08:01,920 --> 01:08:03,775
喜欢，有什么不高兴你这个？

1462
01:08:03,775 --> 01:08:04,650
听众：这是小的。

1463
01:08:04,650 --> 01:08:06,420
DAVID J. MALAN：这是超级，超级小。

1464
01:08:06,420 --> 01:08:07,920
所以，我们怎么能解决这个问题？

1465
01:08:07,920 --> 01:08:09,730
这是超级，超级小
在维多利亚的电话

1466
01:08:09,730 --> 01:08:11,400
并且，如果你拉
它自己，可能

1467
01:08:11,400 --> 01:08:14,660
小您的手机上，除非你
启用辅助功能设置。

1468
01:08:14,660 --> 01:08:15,530
那是什么？

1469
01:08:15,530 --> 01:08:18,497
你可以只捏和
变焦，这是可行的，

1470
01:08:18,497 --> 01:08:20,330
但你只能看到
同时几句话。

1471
01:08:20,330 --> 01:08:20,859
所以等一下。

1472
01:08:20,859 --> 01:08:21,720
我知道如何解决这个问题。

1473
01:08:21,720 --> 01:08:22,219
对？

1474
01:08:22,219 --> 01:08:26,130
我可以使用CSS，我可以改变
字体大小从12点到24点。

1475
01:08:26,130 --> 01:08:29,020
但是，该副作用，
当然，现在想要是，

1476
01:08:29,020 --> 01:08:32,630
台式机或笔记本电脑上，
现在文字的两倍大。

1477
01:08:32,630 --> 01:08:35,810
所以它会有种很好
设备之间进行区分，

1478
01:08:35,810 --> 01:08:37,840
它原来有
是这样做的方法。

1479
01:08:37,840 --> 01:08:39,590
有几个
不同的方法，事实上，

1480
01:08:39,590 --> 01:08:44,189
即使用CSS和票友功能
我们不会进入的很详细，

1481
01:08:44,189 --> 01:08:46,960
你基本上可以查询
浏览器，并说，

1482
01:08:46,960 --> 01:08:51,550
如果你的屏幕比这个更小
许多像素，使用的字体大小。

1483
01:08:51,550 --> 01:08:55,180
如果你的屏幕比这个更大
许多像素，使用其他字体大小。

1484
01:08:55,180 --> 01:08:57,080
>> 你可以更炫动。

1485
01:08:57,080 --> 01:09:00,140
如果你曾经访问过
网页，在桌面上，

1486
01:09:00,140 --> 01:09:04,404
有一个很大的菜单可能关闭的
侧，然后将所有的内容

1487
01:09:04,404 --> 01:09:07,029
是的那侧menu--
这是一种常见的范例。

1488
01:09:07,029 --> 01:09:09,670
菜单在左边，内容
右，反之亦然。

1489
01:09:09,670 --> 01:09:13,569
无法在移动真正的工作，当你
屏幕只有这么多像素宽。

1490
01:09:13,569 --> 01:09:16,233
因此，比较常见的移动是，
你的菜单会突然得到

1491
01:09:16,233 --> 01:09:18,399
崩溃了，你必须
点击一个按钮，看看吧，

1492
01:09:18,399 --> 01:09:22,404
或网站将会把菜单
它上面并把它下面的内容。

1493
01:09:22,404 --> 01:09:24,779
并且可以实现这些
事情以多种方式了。

1494
01:09:24,779 --> 01:09:28,340
你可以问你的程序员，
哎，队伍，随时

1495
01:09:28,340 --> 01:09:34,450
你看从Android的HTTP请求
装置，微软装置，谷歌

1496
01:09:34,450 --> 01:09:39,930
设备，一台苹果设备，使用此
字体大小和使用这个菜单布局，

1497
01:09:39,930 --> 01:09:42,670
或者使用此默认更大的布局。

1498
01:09:42,670 --> 01:09:45,410
>> 现在，使用的是什么
今天基本技术

1499
01:09:45,410 --> 01:09:48,529
可以在工程师使用
要知道无论是

1500
01:09:48,529 --> 01:09:53,660
一个iPhone，Android手机，一台笔记本电脑，
桌面访问公司服务器？

1501
01:09:53,660 --> 01:09:55,310
其中，而他们得到这些信息？

1502
01:09:55,310 --> 01:09:56,080
>> 听众：页眉？

1503
01:09:56,080 --> 01:09:57,740
>> 戴维·马兰：是的，HTTP头。

1504
01:09:57,740 --> 01:10:01,714
所以每一个HTTP请求从哪里来
他们的客户他们的服务器

1505
01:10:01,714 --> 01:10:03,880
包括内部的虚拟
信封，一大堆

1506
01:10:03,880 --> 01:10:08,260
HTTP报头的，其中一个是
浏览器和操作系统

1507
01:10:08,260 --> 01:10:10,290
甚至，如果你愿意
该级别的细节。

1508
01:10:10,290 --> 01:10:13,790
现在，它是一个神秘的前瞻性的字符串，但
存在软件将只

1509
01:10:13,790 --> 01:10:18,530
简化了，你可以问问
编程代码 -  PHP，JAVA，C ++，

1510
01:10:18,530 --> 01:10:23,650
whatever--什么手机是this--
什么设备是该用户使用？

1511
01:10:23,650 --> 01:10:27,501
然后，你可以说，告诉他们这
该网站的版本，如果它是一个手机。

1512
01:10:27,501 --> 01:10:30,250
告诉他们这个版本的
如果它是一个网站的笔记本电脑或台式机。

1513
01:10:30,250 --> 01:10:32,316
但是，你甚至不需要
服务器端的复杂性。

1514
01:10:32,316 --> 01:10:33,940
你可以做事情，甚至最简单的。

1515
01:10:33,940 --> 01:10:34,815
>> 我要做到这一点。

1516
01:10:34,815 --> 01:10:38,995
我要继续前进进入
我Cloud9环境，

1517
01:10:38,995 --> 01:10:41,370
我要去添加一个标签
您在谷歌之前看到的。

1518
01:10:41,370 --> 01:10:42,770
这就是所谓的元标记。

1519
01:10:42,770 --> 01:10:45,520
我从来不记得这一个，所以
我要在这里抄写它。

1520
01:10:45,520 --> 01:10:50,552
META NAME =“视口”，然后
内容=“WIDTH =设备宽度，intital

1521
01:10:50,552 --> 01:11:02,060
规模= 1“，仅此而已。

1522
01:11:02,060 --> 01:11:06,230
>> 因此，它很可能会成为
就像一个神奇的咒语。

1523
01:11:06,230 --> 01:11:11,300
这还不是全部清楚，但这
是与视口，

1524
01:11:11,300 --> 01:11:15,070
并且视口的公正身体
网页，所述矩形区域

1525
01:11:15,070 --> 01:11:16,690
定义页面的大部分。

1526
01:11:16,690 --> 01:11:19,060
而这仅仅是告诉
浏览器，你知道吗？

1527
01:11:19,060 --> 01:11:22,589
使该网页的宽度
有效等于器件的宽度。

1528
01:11:22,589 --> 01:11:25,380
换句话说，不要以为
你有排序的无限空间。

1529
01:11:25,380 --> 01:11:29,920
假设你只有尽可能多
空间作为装置本身大。

1530
01:11:29,920 --> 01:11:34,454
所以现在，如果我重新加载此
在我的浏览器，我看没有变化。

1531
01:11:34,454 --> 01:11:37,370
但是，如果我这样做correctly--和
让我过我的fingers--如果所有

1532
01:11:37,370 --> 01:11:42,920
重装你的手机，你
看到一个引人注目的变化？

1533
01:11:42,920 --> 01:11:43,620
是啊，是that--

1534
01:11:43,620 --> 01:11:45,067
>> 听众：[听不清]

1535
01:11:45,067 --> 01:11:45,900
戴维·马兰：是的。

1536
01:11:45,900 --> 01:11:46,400
好。

1537
01:11:46,400 --> 01:11:47,850
所以才更易读现在呢？

1538
01:11:47,850 --> 01:11:53,070
还小，是公平的，但不
如此的渺小，以难以管理。

1539
01:11:53,070 --> 01:11:56,920
我当然可以覆盖此
进一步与CSS或在服务器端，

1540
01:11:56,920 --> 01:12:00,120
但越来越多的你在做什么
看到的是越来越多的功能

1541
01:12:00,120 --> 01:12:02,900
被添加到
客户端environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript的，因为我们将讨论
明天，CSS和HTML--等等

1543
01:12:06,530 --> 01:12:09,190
所有这些查询
可以在客户端上完成

1544
01:12:09,190 --> 01:12:11,910
这样打扰
服务器少了很多，而不是

1545
01:12:11,910 --> 01:12:14,530
以有跟上，为
例如，不断猛攻

1546
01:12:14,530 --> 01:12:17,210
新操作系统的
版本，新版本的浏览器。

1547
01:12:17,210 --> 01:12:20,190
你可以让浏览器
问设备，有多大你，

1548
01:12:20,190 --> 01:12:22,890
然后进行逻辑有点
基于该决定。

1549
01:12:22,890 --> 01:12:25,140
但我们会看到更多的机会
逻辑的决定

1550
01:12:25,140 --> 01:12:27,223
明天的背景下，
的编程语言。

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> 因此，任何问题的话，
关于Web开发？

1553
01:12:32,760 --> 01:12:36,130
今天不是网络编程，每
SE，因为大多数的一切，我们做了

1554
01:12:36,130 --> 01:12:38,370
很唯美，如果你愿意。

1555
01:12:38,370 --> 01:12:41,750
没有决策权
我们写的代码，

1556
01:12:41,750 --> 01:12:44,990
所以这就是为什么HTML是一种标记
语言，而​​不是一种编程语言。

1557
01:12:44,990 --> 01:12:47,140
但明天我们会采取
咋一看，最终，

1558
01:12:47,140 --> 01:12:49,340
在JavaScript中，这是
一个实际的编程

1559
01:12:49,340 --> 01:12:54,220
语言，让我们多做一点。

1560
01:12:54,220 --> 01:12:56,800
>> 任何问题？

1561
01:12:56,800 --> 01:13:00,480
好吧，让我提出了两个
机遇可选的功课。

1562
01:13:00,480 --> 01:13:02,900
其中is--这些Cloud9
帐户不会过期。

1563
01:13:02,900 --> 01:13:04,669
欢迎您使用
他们鼓捣。

1564
01:13:04,669 --> 01:13:05,960
这是服务的自由程度。

1565
01:13:05,960 --> 01:13:08,754
认识到，如果在创建时
您的工作区，你做公开，

1566
01:13:08,754 --> 01:13:11,670
这确实意味着对任何人
互联网可以看到你输入的内容。

1567
01:13:11,670 --> 01:13:15,104
因此，也许只考虑
不为难自己

1568
01:13:15,104 --> 01:13:18,020
如果你把你的第一个网页
在那里公开网页意外，

1569
01:13:18,020 --> 01:13:20,134
但没有人会
知道反正那里寻找。

1570
01:13:20,134 --> 01:13:23,760
>> 而two--让我折腾
了这个网址为好，

1571
01:13:23,760 --> 01:13:28,250
特别是如果你来到今天
小比别人不太舒服，

1572
01:13:28,250 --> 01:13:30,430
不确定什么是所有这些东西的意思。

1573
01:13:30,430 --> 01:13:36,780
要知道，更这段视频的，
这既是入睡的好方法

1574
01:13:36,780 --> 01:13:39,380
也笑，同时
这样做，也有

1575
01:13:39,380 --> 01:13:44,300
很多societally有趣的
与安全相关的讨论

1576
01:13:44,300 --> 01:13:47,370
其中从约翰·奥利弗，
虽然是一个喜剧演员。

1577
01:13:47,370 --> 01:13:55,456
>> 但是，如果没有其他问题，
这给我们带来了招待会。

1578
01:13:55,456 --> 01:13:56,830
那么，为什么我打开音乐。

1579
01:13:56,830 --> 01:13:58,610
应该有饮料
和小吃外。

1580
01:13:58,610 --> 01:14:00,220
我很高兴打成一片的作为
只要人们愿意，

1581
01:14:00,220 --> 01:14:01,600
回答问题更一对之一。

1582
01:14:01,600 --> 01:14:03,330
但是，否则，欢迎您
在任何时候起飞，

1583
01:14:03,330 --> 01:14:05,740
我们将再次见到你
明天早上多一点。

1584
01:14:05,740 --> 01:14:07,290
好，谢谢。

1585
01:14:07,290 --> 01:14:10,428