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