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

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

3
00:00:10,460 --> 00:00:14,250
>> 大衛·馬蘭：這是CS50和
這是7週的開始。

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

5
00:00:15,060 --> 00:00:17,540
你可能還記得，
在問題設置四，

6
00:00:17,540 --> 00:00:21,510
有一點尋寶的
對於一些豐富獎品，由此

7
00:00:21,510 --> 00:00:24,219
在恢復的照片
在這裡和在紐黑文的工作人員，

8
00:00:24,219 --> 00:00:27,468
你面臨的挑戰是找到盡可能多的
這些計算機科學家，你可能。

9
00:00:27,468 --> 00:00:29,550
而且我們已經有了一個整體
一堆意見書。

10
00:00:29,550 --> 00:00:31,930
想我會分享一些
你今天在這裡。

11
00:00:31,930 --> 00:00:35,100
>> 我們將發布所有這些網上。

12
00:00:35,100 --> 00:00:39,310
但我特別想
請你注意用於：井一，

13
00:00:39,310 --> 00:00:42,670
山姆是在相當多的人
通常冒充這樣。

14
00:00:42,670 --> 00:00:45,750
但現在看來，作為
今天上午，大獎得主

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

16
00:00:51,170 --> 00:00:54,600
或幾個，當你考慮到更多
考慮多個工作人員中的圖片。

17
00:00:54,600 --> 00:00:58,300
圖為肯下一個
瑪麗在紐黑文。

18
00:00:58,300 --> 00:01:01,300
>> 現在，肯，不過，變成
出是一個角落的情況下位

19
00:01:01,300 --> 00:01:02,880
這不是還沒有發生過。

20
00:01:02,880 --> 00:01:05,713
事實證明，它並沒有發生
我把在問題小字

21
00:01:05,713 --> 00:01:09,710
設4，指出員工
不合格的豐富獎品

22
00:01:09,710 --> 00:01:13,130
因為肯，當然，其中一個
我們的工作人員攝影師。

23
00:01:13,130 --> 00:01:16,820
現在，隨著中說，他
最初寫我說的話

24
00:01:16,820 --> 00:01:19,180
請不要在網上發布這些照片。

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

26
00:01:21,630 --> 00:01:24,499
這個攝影師拍了一下
有點這樣的事情。

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

28
00:01:25,040 --> 00:01:28,990
>> 但肯要我向你保證
他是一個非常好的攝影師，

29
00:01:28,990 --> 00:01:33,190
他是一個專業的，他以
照片是不模糊的，

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

31
00:01:37,270 --> 00:01:40,370
但是，而不是只承認
肯，我們認為我們會做

32
00:01:40,370 --> 00:01:43,390
是通過列表
誰提交的實際學生。

33
00:01:43,390 --> 00:01:48,640
而事實證明，蘭斯與
15張照片截至今天上午

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

35
00:01:50,030 --> 00:01:55,730
>> 而圖為蘭斯與科爾頓，
與Skaz，與自己，與山姆。

36
00:01:55,730 --> 00:02:00,230
但後​​來事實證明，作為
上午11點46分，所以只是一點點前，

37
00:02:00,230 --> 00:02:04,380
我回到我的電子郵件，發現
我們還沒有一個更多提交

38
00:02:04,380 --> 00:02:08,300
一個叫邦妮學生
只有這樣的電子郵件中說。

39
00:02:08,300 --> 00:02:10,800
不會說謊，我
在課堂上這樣做。

40
00:02:10,800 --> 00:02:17,620
繼而又附加剛
14張照片，人們害羞蘭斯的15。

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

42
00:02:22,690 --> 00:02:25,960
其中，所以我們認為我們
會做的是承認這兩個。

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

44
00:02:29,240 --> 00:02:33,900
接收，這兩部分也將
收到一個不錯的午餐照顧他們

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

46
00:02:36,100 --> 00:02:38,970
所以你會聽到來自美國，
蘭斯和邦妮有關。

47
00:02:38,970 --> 00:02:40,002
這麼大的恭喜他們。

48
00:02:40,002 --> 00:02:42,210
現在，你們誰願意
像午餐更普遍

49
00:02:42,210 --> 00:02:45,320
知道CS50午餐在劍橋
和紐黑文是這個星期五​​。

50
00:02:45,320 --> 00:02:48,510
進入CS50網站斜線RSVP。

51
00:02:48,510 --> 00:02:49,800
而現在在研討會一句話。

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

53
00:02:50,730 --> 00:02:52,490
因此，我們已接近
點學期

54
00:02:52,490 --> 00:02:55,200
在這裡，你應該開始
想著最終的項目。

55
00:02:55,200 --> 00:02:59,309
而事實上，在短短的一點，將
所謂的預提案到期。

56
00:02:59,309 --> 00:03:01,850
所以預提案是為了
是相當低的影響，真的

57
00:03:01,850 --> 00:03:04,109
只是一個機會
您撰寫一個簡短的說明

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

59
00:03:06,900 --> 00:03:09,140
可能要為你的最終項目。

60
00:03:09,140 --> 00:03:11,730
>> 現在，很多學生結束了
這樣做基於網絡的最終項目。

61
00:03:11,730 --> 00:03:13,800
當然，我們只是
現在，上週在該

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

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

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

65
00:03:21,594 --> 00:03:24,510
這真的只是一個強制功能
讓你的思維和說話

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

67
00:03:25,650 --> 00:03:28,810
但是，為了幫助你這一點，
與最終的項目最終，

68
00:03:28,810 --> 00:03:31,750
知道CS50有一個傳統
中提供了研討會。

69
00:03:31,750 --> 00:03:36,084
>> 而這些都是可選的，雙手，
或基於機會的演講

70
00:03:36,084 --> 00:03:39,000
了解更多有關的話題
一個小配套的課程的

71
00:03:39,000 --> 00:03:43,310
教學大綱，但仍然精彩
料開車決賽項目。

72
00:03:43,310 --> 00:03:46,840
所以這是列表的
在這裡紐黑文CS50的工作人員

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

74
00:03:48,600 --> 00:03:50,730
編程，機器人
編程，遊戲開發，

75
00:03:50,730 --> 00:03:54,480
更多的工具和串
與語言和技術。

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

77
00:03:56,780 --> 00:04:00,110
而在此期間，如果你想
在任何這些註冊您的利益，

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

79
00:04:02,510 --> 00:04:05,770
我們將隨後跟進的
天，飛行時間和地點

80
00:04:05,770 --> 00:04:09,090
和一切 - 最一切都會
流式傳輸，也可根據需求

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

82
00:04:11,750 --> 00:04:15,800
因此，事不宜遲，我們
不放過最後一次與GET。

83
00:04:15,800 --> 00:04:19,610
>> 這就像是這樣的消息
虛擬信封中，回憶，

84
00:04:19,610 --> 00:04:23,960
我們從路由器傳送到路由器
Web瀏覽器和網絡之間的路由器

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

86
00:04:24,487 --> 00:04:26,695
這消息看起來
有點這樣的事情。

87
00:04:26,695 --> 00:04:29,700
這是更神秘的消息，
實際上是一個信封中

88
00:04:29,700 --> 00:04:34,440
寫在一張紙上，其
第一行說，從字面上看，得到的斜線。

89
00:04:34,440 --> 00:04:37,830
>> 而只是作為一個全面的檢查，
沒有斜杠什麼表示？

90
00:04:37,830 --> 00:04:40,455
這是什麼意思斜線時，
請求網站？

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

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

93
00:04:44,250 --> 00:04:47,333
幾乎任何時候你訪問一個網站，你
實際上不鍵入文件名。

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

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

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

97
00:04:53,506 --> 00:04:54,630
還是什麼頁面，具體一點嗎？

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

99
00:04:59,642 --> 00:05:00,720
>> 該指數是啊。

100
00:05:00,720 --> 00:05:01,810
所以默認頁。

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

102
00:05:04,810 --> 00:05:07,750
你實際上只是請求
給我的Facebook的默認頁面

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

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

105
00:05:12,510 --> 00:05:15,220
和服務器然後響應
有一些消息

106
00:05:15,220 --> 00:05:18,420
像這樣的，他說是的，我
說HTTP 1.1版。

107
00:05:18,420 --> 00:05:21,130
>> 200，它是一個狀態
我們人類很少代碼

108
00:05:21,130 --> 00:05:22,790
看到過，因為這是很好的。

109
00:05:22,790 --> 00:05:26,640
因為這意味著OK，請求
已接收並妥善處理。

110
00:05:26,640 --> 00:05:28,960
與內容類型
顯然在響應

111
00:05:28,960 --> 00:05:31,170
相當經常，但不總是，文本。

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

113
00:05:32,580 --> 00:05:34,760
而這實際上是
我們看今天。

114
00:05:34,760 --> 00:05:37,140
>> 所以，事實上，我要去
進取，不斷開拓的瀏覽器。

115
00:05:37,140 --> 00:05:40,410
我將使用Chrome瀏覽器，你可以使用
幾乎所有的瀏覽器在今後幾個星期。

116
00:05:40,410 --> 00:05:42,410
我們一般建議Chrome瀏覽器
因為它是特別

117
00:05:42,410 --> 00:05:43,750
良好的軟件開發人員。

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

119
00:05:46,070 --> 00:05:49,800
不僅要制定HTML和CSS，
事情我們就開始談論今天，

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

121
00:05:51,530 --> 00:05:55,530
>> 而且我要繼續前進，去用於：
我要控制或右鍵

122
00:05:55,530 --> 00:05:57,210
點擊網頁上的任何地方。

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

124
00:05:59,070 --> 00:06:03,850
而且我會調整我
屏幕只是一點點在這裡一點。

125
00:06:03,850 --> 00:06:05,790
讓我搬這個底部。

126
00:06:05,790 --> 00:06:08,140
原來這就是被稱為
Chrome的檢查。

127
00:06:08,140 --> 00:06:11,010
因此，這就像一個調試
工具內置於Chrome瀏覽器。

128
00:06:11,010 --> 00:06:13,520
>> 所有你已經有了這個
如果你使用Chrome已經。

129
00:06:13,520 --> 00:06:17,169
它可以讓你看到是怎麼回事
一些網頁的罩的下方。

130
00:06:17,169 --> 00:06:19,210
因此，讓我們真正需要
看看這個如下。

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

132
00:06:21,251 --> 00:06:22,760
但是有這些標籤在這裡。

133
00:06:22,760 --> 00:06:25,890
元素，網絡，資源，
時間線，和一些其他的東西。

134
00:06:25,890 --> 00:06:27,800
我要點擊
網絡了一會兒。

135
00:06:27,800 --> 00:06:30,500
>> 這是一個有點勢不可擋
在這裡乍看之下。

136
00:06:30,500 --> 00:06:34,190
但是我什麼都做的是讓
我簡化它一點點。

137
00:06:34,190 --> 00:06:37,560
我要打開
記錄光，這樣它是紅色。

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

139
00:06:39,140 --> 00:06:41,015
而這僅僅是一點點
的事情，我想通了

140
00:06:41,015 --> 00:06:44,120
隨著時間的推移，那將節省
一切發生在瀏覽器中。

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

142
00:06:50,030 --> 00:06:52,690
>> 其實，讓我們做WWW
良好的措施，大幅削減。

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

144
00:06:53,643 --> 00:06:56,180
因此，一個URL許多與
你可能已經訪問過。

145
00:06:56,180 --> 00:06:58,830
現在，Facebook的網頁
頁面出現在頂部。

146
00:06:58,830 --> 00:07:02,350
然後一大堆
東西飛過底部。

147
00:07:02,350 --> 00:07:04,830
而事實上，事實證明，
當您訪問Facebook.com，

148
00:07:04,830 --> 00:07:09,320
你不只是使一個HTTP請求，
事實證明，要Facebook.com

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

150
00:07:14,320 --> 00:07:18,360
所示，雖然在屏幕背後
這裡，在屏幕的底部，

151
00:07:18,360 --> 00:07:24,040
它表明，事實上，我
瀏覽器41作出的請求。

152
00:07:24,040 --> 00:07:29,689
>> 及在總，它傳送861
千字節，並花了因某種原因

153
00:07:29,689 --> 00:07:31,730
多達八個秒
下載了這一切。

154
00:07:31,730 --> 00:07:33,790
所以這實際上是一個有點怪異
Facebook的網站將採取

155
00:07:33,790 --> 00:07:35,600
長，但也只能如此在這種情況下。

156
00:07:35,600 --> 00:07:39,520
現在，這一切我真的不關心
有關除了最上面的請求。

157
00:07:39,520 --> 00:07:46,440
因此，讓我們去這一個就在這裡
讓我縮小只是一瞬間。

158
00:07:46,440 --> 00:07:47,754
>> 讓我放大這一點。

159
00:07:47,754 --> 00:07:50,670
因此，我在左邊，即使已經做了
有很多在這裡怎麼回事

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

161
00:07:53,360 --> 00:07:56,540
請注意，我向下滾動，
向下滾動，向下滾動，

162
00:07:56,540 --> 00:07:58,330
請求頭。

163
00:07:58,330 --> 00:08:01,720
你會看到Chrome的顯示
我基本上內內容

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

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

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

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

168
00:08:10,730 --> 00:08:12,930
>> 然後，如果我滾動
備份，我們實際上

169
00:08:12,930 --> 00:08:17,270
看到什麼Facebook的返回
對我來說，所有這些頭。

170
00:08:17,270 --> 00:08:21,040
因此，虛擬信封中
的確有很多鍵值對。

171
00:08:21,040 --> 00:08:23,130
一個字，一個冒號，然後是值。

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

173
00:08:25,050 --> 00:08:26,160
這些都是所謂的頭。

174
00:08:26,160 --> 00:08:31,860
還有的方法更詳細，這裡比
我們真正關心現在。

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

176
00:08:33,750 --> 00:08:38,809
請注意，這Facebook.com的服務器，
這裡的確是說來一些文本的HTML。

177
00:08:38,809 --> 00:08:41,409
所以，這一切是說
當你請求一個網頁的

178
00:08:41,409 --> 00:08:44,300
從一個瀏覽器向一個頁
服務器，該服務器響應

179
00:08:44,300 --> 00:08:47,630
與自己的包絡線
其內部是文本。

180
00:08:47,630 --> 00:08:49,020
換句話說，HTML。

181
00:08:49,020 --> 00:08:50,590
超文本標記語言。

182
00:08:50,590 --> 00:08:53,200
這是另一種語言
今天我們介紹

183
00:08:53,200 --> 00:08:57,740
人類或計算機生成
為了實現網頁。

184
00:08:57,740 --> 00:08:59,580
>> 具體來說，讓我們來看看這個。

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

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

187
00:09:05,360 --> 00:09:07,634
並點擊查看頁面源代碼。

188
00:09:07,634 --> 00:09:10,550
而且，即使你不使用Chrome，
IE瀏覽器可以做到這一點，火狐可以做到這一點，

189
00:09:10,550 --> 00:09:14,060
Safari瀏覽器可以做到這一點，即使菜單
選項可能看起來有點不同。

190
00:09:14,060 --> 00:09:18,990
這是HTML的馬克和
公司在Facebook的采寫。

191
00:09:18,990 --> 00:09:24,640
>> 而集體，這種語言在這裡
實現了藍色和白色的頁面

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

193
00:09:26,370 --> 00:09:28,030
現在，這是一個有點勢不可擋。

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

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

196
00:09:34,140 --> 00:09:35,970
然後有這個關鍵字的HTML。

197
00:09:35,970 --> 00:09:38,330
這裡的另一個開放
尖括號和頭部。

198
00:09:38,330 --> 00:09:41,560
>> 在這裡，如果我們向下滾動
上下上下，我

199
00:09:41,560 --> 00:09:43,820
要繼續前進，並嘗試
要尋找的東西。

200
00:09:43,820 --> 00:09:48,510
有辦法在右側
這裡是開放式支架體。

201
00:09:48,510 --> 00:09:50,800
而從過去的回憶
我們提出的時間

202
00:09:50,800 --> 00:09:53,364
最簡單的網頁
一個人可以寫

203
00:09:53,364 --> 00:09:55,030
看起來有點像這樣。

204
00:09:55,030 --> 00:09:58,430
打開HTML標記，開目
標籤，打開標題標籤，

205
00:09:58,430 --> 00:10:03,230
然後關閉標題，閉頭，開
身體標記，一些文本，封閉體，

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

207
00:10:04,720 --> 00:10:06,290
>> 但暫停這裡只是一瞬間。

208
00:10:06,290 --> 00:10:09,030
此代碼，即使你
以前從來沒有寫過這

209
00:10:09,030 --> 00:10:11,864
但還是不太明白
這是怎麼回事，看起來還不錯。

210
00:10:11,864 --> 00:10:12,821
沒錯，這是非常乾淨的。

211
00:10:12,821 --> 00:10:14,120
這是非常不錯的文體。

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

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

214
00:10:18,020 --> 00:10:23,190
那麼，為什麼是Facebook的這麼多
比我差在寫HTML？

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

216
00:10:24,310 --> 00:10:26,899
>> 對，這好像人
出五項風格。

217
00:10:26,899 --> 00:10:29,315
有一個令人信服的理由
他們削減這些角落。

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

219
00:10:31,069 --> 00:10:33,860
好了，所以他們不希望
讓您更容易閱讀。

220
00:10:33,860 --> 00:10:36,940
因此，在某種意義上說，他們是
之類的模糊處理它，爭先恐後它

221
00:10:36,940 --> 00:10:40,260
至少美學等等
這是MySpace的困難

222
00:10:40,260 --> 00:10:42,705
去撕掉他們的
網頁和HTML它。

223
00:10:42,705 --> 00:10:45,080
事實證明，使用程序
不過，包括瀏覽器，

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

225
00:10:47,020 --> 00:10:49,420
因此，它不是想像中的那麼的緣故。

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

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

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

229
00:10:54,680 --> 00:10:55,890
是啊，白色的空間成本數據。

230
00:10:55,890 --> 00:10:56,598
你是什​​麼意思？

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

232
00:11:02,250 --> 00:11:02,979
是的，沒錯。

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

234
00:11:06,020 --> 00:11:10,060
所以，你的鍵盤上的每個按鍵是一個
[聽不清]表示作為一字節。

235
00:11:10,060 --> 00:11:14,560
>> 因此，假設馬克或任何開發者的
這幾天打空格鍵只有一次

236
00:11:14,560 --> 00:11:17,899
在這個HTML頁
代表Facebook的主頁。

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

238
00:11:19,690 --> 00:11:24,030
因此，假設Facebook的主頁
由十億人今天被訪問。

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

240
00:11:27,020 --> 00:11:29,890
>> 因此，一個額外的字節，
一個十億的請求，

241
00:11:29,890 --> 00:11:32,790
多少數據是Facebook的
傳送通過互聯網

242
00:11:32,790 --> 00:11:37,160
因為有人打
空格鍵他或她的鍵盤上？

243
00:11:37,160 --> 00:11:41,660
十億字節，或一千兆字節
數據正在從Facebook的服務器發送

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

245
00:11:43,626 --> 00:11:44,750
現在，這只是一個空格。

246
00:11:44,750 --> 00:11:48,866
>> 試想一下，如果我們真的擦拭本
事情並縮進，並添加

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

248
00:11:50,990 --> 00:11:53,656
你最終消費千兆字節，
如果不是千佛字節更多的空間。

249
00:11:53,656 --> 00:11:56,640
而在這樣的超級共同
Web開發的現實世界

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

251
00:11:58,950 --> 00:12:01,280
我們最終會看到
你怎麼可能做到這一點。

252
00:12:01,280 --> 00:12:04,630
>> 但今天，我們就開始編寫代碼
這是由我們人類真正可讀。

253
00:12:04,630 --> 00:12:10,120
事實證明，不過，如果你回去
在Chrome瀏覽器這一工具檢查元素，

254
00:12:10,120 --> 00:12:12,030
以前，我們的網絡選項卡上。

255
00:12:12,030 --> 00:12:15,430
事實證明，如果你去了
元素標籤，你實際看到

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

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

258
00:12:20,640 --> 00:12:22,472
因此，它是敵不過一台電腦。

259
00:12:22,472 --> 00:12:24,430
現在你可以實際
按一下周圍，並開始

260
00:12:24,430 --> 00:12:27,630
看層次結構是一個網頁。

261
00:12:27,630 --> 00:12:28,780
因此，讓我們真正做到這一點。

262
00:12:28,780 --> 00:12:32,120
我要繼續前進，在開拓
我的Mac一個名為文本編輯程序。

263
00:12:32,120 --> 00:12:35,490
和召回，這只是
一個超級簡單的文本方案。

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

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

266
00:12:39,820 --> 00:12:44,650
文檔類型的HTML，開放式支架
HTML，封閉支架HTML，

267
00:12:44,650 --> 00:12:49,000
我們有頁的頭部這裡，
頁的頭部這裡結束時，

268
00:12:49,000 --> 00:12:52,310
標題會是怎樣，世界你好。

269
00:12:52,310 --> 00:12:56,660
>> 然後到這裡，我們需要
該網頁的身體。

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

271
00:12:58,050 --> 00:13:00,700
然後在這裡，世界你好。

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

273
00:13:01,270 --> 00:13:03,350
因此，我們已經寫了一個超快速的網頁。

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

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

276
00:13:09,050 --> 00:13:11,091
這是一個文本文件，這樣做
你怎麼稱呼它.TXT？

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

278
00:13:13,300 --> 00:13:16,140
>> 然後，什麼是好，如果我
只需雙擊該文件，

279
00:13:16,140 --> 00:13:18,600
hello.html的，這裡是我的網頁。

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

281
00:13:22,564 --> 00:13:23,980
現在誰可以訪問這個頁面。

282
00:13:23,980 --> 00:13:26,734
由於它在哪裡生活明顯？

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

284
00:13:27,650 --> 00:13:28,470
這是沒用的。

285
00:13:28,470 --> 00:13:30,390
就像沒有人在這個房間
更何況在互聯網上

286
00:13:30,390 --> 00:13:31,598
實際上可以訪問該網頁。

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

288
00:13:33,820 --> 00:13:36,720
>> 而要做到這一點，我要去
去進取，不斷開拓雲9。

289
00:13:36,720 --> 00:13:40,090
所以，雲9當然是一個
基於雲的service-- CS50

290
00:13:40,090 --> 00:13:44,890
IDE--那有我們所有的工作區
某處的互聯網上運行。

291
00:13:44,890 --> 00:13:48,330
這意味著我們所有的文件
公眾開放了。

292
00:13:48,330 --> 00:13:49,830
因此，讓我們繼續前進，做到這一點。

293
00:13:49,830 --> 00:13:53,670
我要繼續前進，
創建一個新的文件NCS50IDE。

294
00:13:53,670 --> 00:13:58,819
我將其保存為前
為hello.html的，然後點擊保存。

295
00:13:58,819 --> 00:14:01,860
而現在只是為了節省時間，我要去
繼續前進，複製粘貼此代碼

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

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

298
00:14:04,550 --> 00:14:07,550
所以現在我有一個
文件名為hello.html的。

299
00:14:07,550 --> 00:14:09,710
但我怎麼竟
打開它作為一個網頁？

300
00:14:09,710 --> 00:14:14,120
哦，原來出內置到CS50
IDE不僅是一個編譯器像鐺

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

302
00:14:16,670 --> 00:14:21,140
實際上有一個完全成熟
Web服務器CS50 IDE中運行。

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

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

305
00:14:26,850 --> 00:14:28,220
是來提供網頁。

306
00:14:28,220 --> 00:14:32,490
要收聽來自瀏覽器的請求和
很少有虛擬信封回應

307
00:14:32,490 --> 00:14:35,290
裡面，其中是
我寫的內容。

308
00:14:35,290 --> 00:14:38,372
所以這個Web服務器
實際上自由和開放源碼。

309
00:14:38,372 --> 00:14:40,830
凡開源只是手段
軟件別人有

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

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

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

313
00:14:46,150 --> 00:14:51,450
>> 我們找到了一個比較容易
通過調用它的Apache 50 CS50IDE使用。

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

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

316
00:14:56,560 --> 00:14:58,910
然後，我只是說了點。

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

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

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

320
00:15:05,770 --> 00:15:08,280
啟動Web服務器
Apache的成功2。

321
00:15:08,280 --> 00:15:11,330
>> 所以長話短說，我
剛剛推了按鈕

322
00:15:11,330 --> 00:15:18,000
並把Web服務器誰是現在
監聽TCP端口在互聯網上

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

324
00:15:20,587 --> 00:15:22,420
它說，在這裡，
此功能的方法改變

325
00:15:22,420 --> 00:15:26,550
您的用戶名和其他因素的影響，
但要注意，現在如果我點擊這個，

326
00:15:26,550 --> 00:15:30,211
IDE50點jharvard等和
因此，請注意，這段時間

327
00:15:30,211 --> 00:15:31,960
在過去的幾
週，你可能有

328
00:15:31,960 --> 00:15:35,200
發現自己的用戶名
埋設在右上角

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

330
00:15:37,130 --> 00:15:41,050
>> 而這實際上已經這一切
時間地址您可以在哪些

331
00:15:41,050 --> 00:15:43,574
通過Web訪問您的所有文件。

332
00:15:43,574 --> 00:15:45,990
到現在為止，還沒有要緊，
因為在C，你一般

333
00:15:45,990 --> 00:15:48,073
要在運行中的事
終端，而不是在網絡上。

334
00:15:48,073 --> 00:15:50,800
但是今天，我們開始
編寫基於Web的代碼

335
00:15:50,800 --> 00:15:53,350
我們確實希望
在訪問公開網址。

336
00:15:53,350 --> 00:15:56,100
那麼，我要
要做的就是點擊這個網址。

337
00:15:56,100 --> 00:16:00,880
>> 而且請注意，我看到一個相當
醜陋的索引，目錄列表，

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

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

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

341
00:16:07,870 --> 00:16:12,310
而我已經告訴了Apache Web服務器
是看在大衛的工作空間目錄。

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

343
00:16:15,300 --> 00:16:19,050
>> 事實上，如果我現在
點擊hello.html的，

344
00:16:19,050 --> 00:16:22,180
我這個標籤正是文件中看到。

345
00:16:22,180 --> 00:16:26,430
現在請注意，雲9所做的，
東西我們一點幫助。

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

347
00:16:29,480 --> 00:16:33,690
這是因為，即使我們是
使用Chrome訪問CS50IDE，

348
00:16:33,690 --> 00:16:37,940
CS50IDE的內部是它自己的
版本網絡瀏覽器的現在。

349
00:16:37,940 --> 00:16:40,820
因此，而不是
複雜的事情是這樣的，

350
00:16:40,820 --> 00:16:42,955
我要繼續前進
而只是複製此網址。

351
00:16:42,955 --> 00:16:45,330
我要繼續前進，只是
打開我自己的Chrome瀏覽器窗口。

352
00:16:45,330 --> 00:16:47,800
因此，有沒有魔法在這裡，沒有CS50IDE。

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

354
00:16:51,800 --> 00:16:54,750
瞧，現在我和
從理論上講，每個人都

355
00:16:54,750 --> 00:16:57,700
在互聯網上，如果我配置
適當的權限，

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

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

358
00:17:03,230 --> 00:17:06,366
我難以置信的深刻印象網頁。

359
00:17:06,366 --> 00:17:07,740
因此，讓我們做一個快速的完整性檢查。

360
00:17:07,740 --> 00:17:09,710
因為所有這一切
是概念上的設置。

361
00:17:09,710 --> 00:17:13,180
而我們實際上已經不是真的
教你如何寫HTML本身。

362
00:17:13,180 --> 00:17:16,084
因此，任何問題遠
什麼只是發生了什麼？

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

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

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

366
00:17:24,290 --> 00:17:25,800
請問CS50擁有這些網頁？

367
00:17:25,800 --> 00:17:26,460
在什麼意義？

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

369
00:17:28,947 --> 00:17:29,530
好問題。

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

371
00:17:32,429 --> 00:17:33,970
我們的確買了該域名。

372
00:17:33,970 --> 00:17:37,240
並通過你們的性質
登錄CS50IDE，

373
00:17:37,240 --> 00:17:39,270
你們得到了什麼叫做一個子域。

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

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

376
00:17:47,730 --> 00:17:50,850
因此對於過程的目的，
你有自己唯一的地址。

377
00:17:50,850 --> 00:17:55,150
但我們通過簡單的事情
購買頂級域名，CS50點

378
00:17:55,150 --> 00:17:58,050
I / O，然後其他人都
那裡面，可以這麼說。

379
00:17:58,050 --> 00:17:59,890
我們會回來的
在幾個星期的可能，

380
00:17:59,890 --> 00:18:01,930
尤其是在最後的項目
一次，當你們中的一些

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

382
00:18:03,596 --> 00:18:06,270
這確實比較
簡單。

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

384
00:18:06,770 --> 00:18:07,880
現在讓我們做到這一點。

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

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

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

388
00:18:17,130 --> 00:18:19,440
所以我會做這樣的事情。

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

390
00:18:21,510 --> 00:18:23,560
所以這是一個文件，我事先寫道。

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

392
00:18:26,480 --> 00:18:28,730
但在HTML，評論
看起來有些不同。

393
00:18:28,730 --> 00:18:33,270
在三線和14號線，你
看到語法開始評論

394
00:18:33,270 --> 00:18:34,020
和結束註釋。

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

396
00:18:36,820 --> 00:18:40,250
這只是一個音符到
人類什麼是怎麼回事。

397
00:18:40,250 --> 00:18:43,040
而只是作為一個快速的理智
檢查時，如果我向下滾動，

398
00:18:43,040 --> 00:18:46,820
有什麼明顯的新
標籤，我們已經出台？

399
00:18:46,820 --> 00:18:52,130
到目前為止，我們已經看到了這種標籤是開放的
支架HTML，頭，標題和正文。

400
00:18:52,130 --> 00:18:54,400
但顯然現在新？

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

402
00:18:55,200 --> 00:18:57,320
p標籤或段落標記。

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

404
00:19:01,182 --> 00:19:03,390
因為我想
證明你是怎麼可能

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

406
00:19:05,859 --> 00:19:08,400
所以什麼開始出現
這裡要說的是有已經

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

408
00:19:09,657 --> 00:19:10,990
讓我繼續前進，做到這一點。

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

410
00:19:12,760 --> 00:19:17,340
而且我要告訴它自行啟動
再次內今天的源7

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

412
00:19:18,420 --> 00:19:20,100
所以，我有機會獲得的一切。

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

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

415
00:19:24,846 --> 00:19:26,720
你會在看
下一個問題集，我們將

416
00:19:26,720 --> 00:19:28,594
給你指示
這樣做正是這一點。

417
00:19:28,594 --> 00:19:35,210
如果我打開paragraphs.html，這可能
還有看起來像一個編程語言

418
00:19:35,210 --> 00:19:36,970
給你，如果你不說或讀拉丁文。

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

420
00:19:40,525 --> 00:19:43,100
>> 並注意段落
它們之間的休息時間。

421
00:19:43,100 --> 00:19:46,400
因為事實證明，
而即使你

422
00:19:46,400 --> 00:19:49,210
可能傾向於做到這一點，
而在現實世界中，

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

424
00:19:51,370 --> 00:19:55,680
你可能很簡單
做到這一點，最後點擊保存。

425
00:19:55,680 --> 00:19:59,460
而現在，如果我重裝這裡，通知
這一切都只是模糊起來

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

427
00:20:01,100 --> 00:20:03,570
因為HTML是個不會說話的語言。

428
00:20:03,570 --> 00:20:07,230
>> 它是指在這樣的使用
一種方式，瀏覽器將只

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

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

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

432
00:20:14,569 --> 00:20:16,360
而事實上，有什麼
瀏覽器會做

433
00:20:16,360 --> 00:20:20,020
甚至，如果你敲回車，
讓我們一次又一次地說，

434
00:20:20,020 --> 00:20:23,190
並再次，移動該文本方式
倒在屏幕上，然後保存

435
00:20:23,190 --> 00:20:26,610
然後重新加載，瀏覽器是怎麼回事
折疊所有這一切空白

436
00:20:26,610 --> 00:20:29,021
成只是一個單一的，可見的空白。

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

438
00:20:29,520 --> 00:20:30,869
所以這是段落標記。

439
00:20:30,869 --> 00:20:32,910
所以什麼模式
這正在開發嗎？

440
00:20:32,910 --> 00:20:37,450
好了，這似乎是這樣的情況
HTML是所有關於啟動標籤

441
00:20:37,450 --> 00:20:38,460
和結束標記。

442
00:20:38,460 --> 00:20:39,300
什麼是標籤？

443
00:20:39,300 --> 00:20:41,160
那麼，它的語法只是一大塊。

444
00:20:41,160 --> 00:20:44,400
打開托架，一個關鍵字，
封閉的支架，是一種標記。

445
00:20:44,400 --> 00:20:45,510
或者開始標記。

446
00:20:45,510 --> 00:20:48,590
然後當你
做了表達自己，

447
00:20:48,590 --> 00:20:52,300
在你與段落做，
你可以這麼說相反。

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

449
00:20:55,480 --> 00:21:00,630
>> 您只需前綴相同標籤的
名正斜杠是這樣的。

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

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

452
00:21:02,570 --> 00:21:05,270
而事實上，我們並沒有使
網站所有的更有趣。

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

454
00:21:07,630 --> 00:21:11,780
因此，原來這裡是一個例子
在headings.html，凡在我的身上，

455
00:21:11,780 --> 00:21:17,280
我有一個H1標籤，H2，H3，
四個，五個，或六個，所有這些都

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

457
00:21:18,310 --> 00:21:21,010
但是，如果我去開這個
例如，讓我們一起來看看。

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

459
00:21:22,490 --> 00:21:27,030
>> 因此，瀏覽器在默認情況下可以給你短信
這是大和大膽的不同尺寸。

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

461
00:21:28,070 --> 00:21:31,240
H6較小，然後
一切在兩者之間。

462
00:21:31,240 --> 00:21:34,170
所以這是有趣的，但仍
沒有真正的網絡，我知道。

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

464
00:21:36,870 --> 00:21:40,190
所以這裡有一個項目符號列表
3哈佛大學的房子。

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

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

467
00:21:45,410 --> 00:21:47,870
在這裡，我們看到了一個
funkiness點點

468
00:21:47,870 --> 00:21:49,630
但讓​​我們來考慮發生了什麼。

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

470
00:21:56,182 --> 00:21:57,640
無序列表只是意味著項目符號。

471
00:21:57,640 --> 00:21:58,431
有沒有數字。

472
00:21:58,431 --> 00:22:01,850
還有一種叫做
有序列表，這是一個在OL標籤。

473
00:22:01,850 --> 00:22:05,350
然後李，列表項都是這個意思。

474
00:22:05,350 --> 00:22:07,790
>> 並自動所以它
號碼為你的一切。

475
00:22:07,790 --> 00:22:11,270
但同樣，我所有的壓痕
和空白只是為了我的緣故。

476
00:22:11,270 --> 00:22:13,050
瀏覽器的不
究竟要關心。

477
00:22:13,050 --> 00:22:16,670
因此，即使你不能
做到這一點，僅僅是明確的，

478
00:22:16,670 --> 00:22:19,880
你不應該，即使
瀏覽器仍然會

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

480
00:22:22,130 --> 00:22:24,590
我打重裝我
瀏覽器，我點擊刷新

481
00:22:24,590 --> 00:22:26,760
沒有正在發生變化
因為瀏覽器仍

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

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

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

485
00:22:31,340 --> 00:22:33,730
現在，讓我們做一些更有趣。

486
00:22:33,730 --> 00:22:36,660
我要繼續前進，
借用一些這樣的HTML。

487
00:22:36,660 --> 00:22:40,910
我要繼續前進，
在這裡創建一個新的文件。

488
00:22:40,910 --> 00:22:43,370
我們會打電話給這個rick.html。

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

490
00:22:46,190 --> 00:22:48,916
我們有不成比例
用過的東西

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

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

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

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

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

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

497
00:23:02,450 --> 00:23:06,170
如果你不知道我們為什麼做
這一點，只是讀了維基百科。

498
00:23:06,170 --> 00:23:11,520
你點擊鏈接時，都會
有人一直在笑的地方。

499
00:23:11,520 --> 00:23:14,860
而讓我去ahead--有
我們走了，讓我們來查看此圖像。

500
00:23:14,860 --> 00:23:16,750
>> 所以在這裡我們有一個
圖像在谷歌圖片。

501
00:23:16,750 --> 00:23:19,390
而且，我們認為，這是
合理無處不在互聯網上。

502
00:23:19,390 --> 00:23:22,570
所以我要承擔它的確定對我來說
真正把我的網頁這一點。

503
00:23:22,570 --> 00:23:24,820
我要繼續前進
和複製圖片地址。

504
00:23:24,820 --> 00:23:28,600
而現在，如果我回去雲
9，讓我們來看看有什麼我可以在這裡做。

505
00:23:28,600 --> 00:23:30,630
因此，這裡只是一個網頁。

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

507
00:23:39,020 --> 00:23:43,510
到我的瀏覽器，重新加載，和有趣。

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

509
00:23:44,530 --> 00:23:46,050
因此，讓我看看發生了什麼事。

510
00:23:46,050 --> 00:23:49,114
其實，我要去
假裝我並沒有這樣做。

511
00:23:49,114 --> 00:23:50,280
[聽不清]把他放在這裡。

512
00:23:50,280 --> 00:23:52,520
我們會回來的，在一個瞬間。

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

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

515
00:23:56,070 --> 00:23:59,680
所以，事實證明，我們可以
居然把他加在了這裡。

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

517
00:24:00,830 --> 00:24:06,680
我會說給我一個圖像，其
源是我剛才複製的URL，這

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

519
00:24:09,110 --> 00:24:13,280
>> 現在我要去
關閉這樣的標籤。

520
00:24:13,280 --> 00:24:15,170
因此，這是包裝超長。

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

522
00:24:17,740 --> 00:24:20,270
源與一個這樣的屬性。

523
00:24:20,270 --> 00:24:21,530
這是一個很長的URL。

524
00:24:21,530 --> 00:24:23,720
並且在最後，注意到這一點。

525
00:24:23,720 --> 00:24:29,530
為什麼我做了斜線角度的支架
而不是，像所有其他標記，

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

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

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

529
00:24:40,410 --> 00:24:42,710
>> 因此，它是如何關閉
命令，但為什麼

530
00:24:42,710 --> 00:24:45,850
它沒有真正直觀
踏踏實實做的東西多一點

531
00:24:45,850 --> 00:24:48,820
長篇大論喜歡接近的形象？

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

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

534
00:24:52,000 --> 00:24:55,620
就在語義上，有沒有感覺
起始圖像和結束的圖像，

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

536
00:24:56,870 --> 00:25:00,960
所以，它沒有任何意義，留下一個缺口
為別的圖像的內部。

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

538
00:25:02,010 --> 00:25:03,720
這樣一來，語法
就一般只是

539
00:25:03,720 --> 00:25:07,910
做正斜杠內
打開標籤或開始標記

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

541
00:25:09,020 --> 00:25:13,350
>> 所以，如果我現在重新加載該文件，現在
我有一個好的網頁烹飪這裡。

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

543
00:25:15,100 --> 00:25:17,010
通過嵌入代替
像一個YouTube鏈接。

544
00:25:17,010 --> 00:25:19,350
而事實上，任何時候
你曾經去到YouTube，

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

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

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

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

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

550
00:25:33,730 --> 00:25:37,270
所以，注意這一切的時候，如果你
點擊分享鏈接，你當然

551
00:25:37,270 --> 00:25:41,390
獲取URL，你實際上可以
嵌入到電子郵件或法醫形象

552
00:25:41,390 --> 00:25:43,730
或在習題集或幻燈片。

553
00:25:43,730 --> 00:25:49,055
而現在，如果我不是點擊嵌入，
請注意，這一切的時候，這東西

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

555
00:25:49,680 --> 00:25:50,910
我要繼續前進並複製本。

556
00:25:50,910 --> 00:25:54,000
>> 而只是讓我們可以更好地看到它，我
將其粘貼到我的文本編輯器。

557
00:25:54,000 --> 00:25:55,860
請注意，這是什麼
YouTube上已經告訴你了。

558
00:25:55,860 --> 00:25:57,693
您訪問一個每次
的YouTube視頻，如果你

559
00:25:57,693 --> 00:26:00,410
要嵌入的視頻你
網頁，只需抓住這一點。

560
00:26:00,410 --> 00:26:03,350
因此，這是另一種
HTML標記所謂的iframe。

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

562
00:26:04,590 --> 00:26:08,680
因此，它也看起來有點多
比其他複雜。

563
00:26:08,680 --> 00:26:11,950
所以，事實證明，圖像
標籤和明顯的iframe標籤

564
00:26:11,950 --> 00:26:13,370
採取所謂的屬性。

565
00:26:13,370 --> 00:26:15,710
>> 這是另一種
一塊語法的HTML。

566
00:26:15,710 --> 00:26:19,240
除了標記的
名，開括號標記名稱，

567
00:26:19,240 --> 00:26:23,780
你可以控制標籤的行為
通過有一大堆屬性

568
00:26:23,780 --> 00:26:24,860
等於價值。

569
00:26:24,860 --> 00:26:26,290
屬性等於值。

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

571
00:26:28,100 --> 00:26:31,990
如果你想這個視頻的寬度
為420像素，高度

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

573
00:26:35,470 --> 00:26:38,480
>> 視頻的源會
要那麼久YouTube網址

574
00:26:38,480 --> 00:26:40,830
然後一些其他的東西
像框線為零，

575
00:26:40,830 --> 00:26:43,500
所以這可能意味著有
周圍的東西沒有邊框。

576
00:26:43,500 --> 00:26:45,450
可能允許全屏
意味著用戶

577
00:26:45,450 --> 00:26:47,840
可以點擊一個按鈕，
實際上全屏視頻。

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

579
00:26:52,870 --> 00:26:58,490
而不是使用的圖像標籤，讓
我刪除，而不是粘貼。

580
00:26:58,490 --> 00:27:00,810
現在重裝。

581
00:27:00,810 --> 00:27:02,500
現在又來了。

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

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

584
00:27:06,020 --> 00:27:08,970
好吧，所以我會盡力
很難不再次做到這一點。

585
00:27:08,970 --> 00:27:11,400
那麼，這裡的一些外賣的？

586
00:27:11,400 --> 00:27:15,130
所以HTML，醜如這些網頁
是，其實很簡單。

587
00:27:15,130 --> 00:27:16,467
這是不是一種編程語言。

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

589
00:27:17,550 --> 00:27:18,410
它沒有環路。

590
00:27:18,410 --> 00:27:19,535
它沒有條件。

591
00:27:19,535 --> 00:27:22,900
它所擁有的幾十個
不同的標記，其中每一個

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

593
00:27:24,620 --> 00:27:27,320
而事實上，有什麼好玩的約
HTML作為你開始潛入

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

595
00:27:29,560 --> 00:27:32,880
>> 它所需要的是理解
對HTML的總體框架。

596
00:27:32,880 --> 00:27:36,510
什麼是標記，是什麼屬性，
您怎樣配置一個網頁

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

598
00:27:37,250 --> 00:27:40,720
和其他一切是真的結果
尋找在網上參考

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

600
00:27:43,080 --> 00:27:45,371
看著Facebook的源
碼，看一個網站

601
00:27:45,371 --> 00:27:48,710
你喜歡在它的源代碼，
了解如何開發有

602
00:27:48,710 --> 00:27:50,550
實際佈設的東西出來。

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

604
00:27:52,180 --> 00:27:53,994
而事實上，我們剛才做的。

605
00:27:53,994 --> 00:27:55,410
讓我繼續前進，只是告訴你。

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

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

608
00:27:58,380 --> 00:28:00,620
所以請注意，我可以
這裡有一個形象的標籤。

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

610
00:28:02,090 --> 00:28:04,490
我有一個替代
文字無障礙。

611
00:28:04,490 --> 00:28:07,250
因此，有人誰是使用屏幕
讀者視線的原因

612
00:28:07,250 --> 00:28:10,172
實際上然後有自己的
屏幕閱讀器說，脾氣暴躁的貓。

613
00:28:10,172 --> 00:28:11,880
因為如果他們不能
看到的圖像，它們

614
00:28:11,880 --> 00:28:14,504
至少可以有自己的電腦
告訴他們口頭上它是什麼。

615
00:28:14,504 --> 00:28:18,020
與該文件的來源是cat.jpeg。

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

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

618
00:28:25,680 --> 00:28:28,290
如果我去谷歌圖片
在這裡，我們假設

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

620
00:28:30,040 --> 00:28:35,070
>> 假設我有控制點擊
或者右鍵點擊這個，不小心

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

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

623
00:28:40,320 --> 00:28:44,700
現在讓我回去雲9。

624
00:28:44,700 --> 00:28:48,150
請注意，在這裡，我可以
到本地的文件上傳。

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

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

627
00:28:54,674 --> 00:28:56,090
並且它會在我在這裡嚷嚷。

628
00:28:56,090 --> 00:28:59,000
>> 因為我們已把
給你一個cat.jpeg文件，

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

630
00:29:01,430 --> 00:29:03,220
從Facebook採取
或Flickr或類似

631
00:29:03,220 --> 00:29:05,678
居然將其拖放
進入雲9，然後使它

632
00:29:05,678 --> 00:29:07,970
您自己的個人部分
網站或問題

633
00:29:07,970 --> 00:29:10,442
設置七八個，因為我們很快就會看到。

634
00:29:10,442 --> 00:29:12,150
然後當你
最後參觀的貓，

635
00:29:12,150 --> 00:29:16,610
假設我下載的貓一樣，
通知that--這是可愛的。

636
00:29:16,610 --> 00:29:19,160
>> 什麼，你會看到的是
像這樣的臉在這裡。

637
00:29:19,160 --> 00:29:21,810
因此，文件，您
在網頁內的參考

638
00:29:21,810 --> 00:29:26,050
可以是本地在你自己
帳戶或遠程其他服務器上

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

640
00:29:29,670 --> 00:29:32,990
那麼，else--什麼
還能做嗎？

641
00:29:32,990 --> 00:29:34,890
因此，讓我們來看看下面的內容。

642
00:29:34,890 --> 00:29:36,160
你知道什麼樣的涼爽？

643
00:29:36,160 --> 00:29:39,330
>> 我們迄今已使
非常靜態的網頁。

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

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

646
00:29:44,344 --> 00:29:47,010
因此，為了使搜索引擎，讓我們
繼續前進，開始這樣做。

647
00:29:47,010 --> 00:29:52,570
我要繼續前進，創造
一個新的文件名為search.html。

648
00:29:52,570 --> 00:29:54,890
我們已經在網上prefabed版本。

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

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

651
00:29:57,610 --> 00:29:58,744
預製版本在線。

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

653
00:30:00,160 --> 00:30:04,490
所以這裡的開始
一個名為search.html。

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

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

656
00:30:09,079 --> 00:30:10,370
事實上，我們會做的更好。

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

658
00:30:13,600 --> 00:30:17,500
而現在，我要說的話
像H1 CS50搜索。

659
00:30:17,500 --> 00:30:20,930
再往下這裡，H2即將上市。

660
00:30:20,930 --> 00:30:23,230
而只是為了回顧一下，H1和
H2分別指什麼？

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

662
00:30:26,750 --> 00:30:30,320
>> 是啊，這麼大，大膽，和
不一樣大，但仍大膽。

663
00:30:30,320 --> 00:30:37,375
所以，如果我保存這個走在這裡，
讓我們來看看該文件search.html。

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

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

666
00:30:46,980 --> 00:30:49,110
待機。

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

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

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

670
00:30:54,080 --> 00:30:54,860
大衛是個白痴。

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

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

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

674
00:30:58,350 --> 00:31:00,370
所以，現在，讓我們來合成
我們上週做了。

675
00:31:00,370 --> 00:31:03,400
>> 當我們談到了
HTTP水平較低機制。

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

677
00:31:05,780 --> 00:31:08,890
這個標記語言，你
告訴瀏覽器該怎麼做

678
00:31:08,890 --> 00:31:10,740
並實現我們自己的搜索引擎。

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

680
00:31:12,520 --> 00:31:14,810
要介紹
一些所謂的表單標籤。

681
00:31:14,810 --> 00:31:19,610
而在這種形式下，我要去
有類似的輸入字段。

682
00:31:19,610 --> 00:31:22,450
>> 與此輸入的名稱
現場，我打算把它稱為Q.

683
00:31:22,450 --> 00:31:26,240
而這種輸入字段的類型
我想說的只是“文字”。

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

685
00:31:29,130 --> 00:31:32,830
所以它不會感覺到這裡有
它裡面任何東西在這一點上。

686
00:31:32,830 --> 00:31:35,320
所以我只是去
關閉與該標籤

687
00:31:35,320 --> 00:31:38,099
斜線右邊的標籤本身。

688
00:31:38,099 --> 00:31:39,890
然後我要去
有一個其它的輸入。

689
00:31:39,890 --> 00:31:43,480
輸入類型等於提交。

690
00:31:43,480 --> 00:31:45,320
然後我要去
關閉這一個了。

691
00:31:45,320 --> 00:31:46,840
>> 現在我要去回到這裡。

692
00:31:46,840 --> 00:31:49,520
而且我們已經看到，
雖然很醜陋，我已經

693
00:31:49,520 --> 00:31:52,460
得到的開端
在這裡我自己的搜索頁面。

694
00:31:52,460 --> 00:31:55,150
事實上，讓我嘗試
打掃一下一點點​​。

695
00:31:55,150 --> 00:31:57,330
事實證明，在
輸入在這裡，我可以有

696
00:31:57,330 --> 00:31:59,910
所謂的佔位符其他屬性。

697
00:31:59,910 --> 00:32:05,165
我可能會看到類似的關鍵詞，
或更具體地，查詢對於q。

698
00:32:05,165 --> 00:32:07,820
>> 同時注意，現在，我有
這種灰色的文字

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

700
00:32:10,440 --> 00:32:12,930
但它可能是什麼
你見過在其他網頁。

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

702
00:32:14,650 --> 00:32:18,320
所以，實際上，我給
提交按鈕搜索的值。

703
00:32:18,320 --> 00:32:21,680
而現在，如果我重新加載，請注意
我的按鈕將變為命名的搜索。

704
00:32:21,680 --> 00:32:24,140
你知道，我真的不
喜歡這裡的標誌。

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

706
00:32:27,140 --> 00:32:28,820
>> 我想進一步調劑這件事。

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

708
00:32:30,660 --> 00:32:31,870
讓我創造我自己的標誌。

709
00:32:31,870 --> 00:32:33,080
這看起來不錯。

710
00:32:33,080 --> 00:32:36,945
所以，現在讓我保存這個as--來吧。

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

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

713
00:32:43,120 --> 00:32:43,620
有。

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

715
00:32:44,160 --> 00:32:44,980
錯過了。

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

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

718
00:32:49,470 --> 00:32:51,700
待機，我們要
解決這個問題一勞永逸。

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

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

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

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

723
00:32:59,600 --> 00:33:00,750
關閉一天。

724
00:33:00,750 --> 00:33:02,310
現在，這是時髦的。

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

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

727
00:33:04,150 --> 00:33:06,870
>> 現在，像一個正常
人，保存圖像。

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

729
00:33:08,810 --> 00:33:13,194
現在，我要進入CS50IDE和
我要簡單地抓取標誌，

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

731
00:33:15,360 --> 00:33:17,002
文件已經存在，我與該確定。

732
00:33:17,002 --> 00:33:19,210
所以我要重寫它
因為我已經辦完了。

733
00:33:19,210 --> 00:33:20,630
現在我該如何擺脫呢？

734
00:33:20,630 --> 00:33:24,670
>> 讓我們繼續在這裡做
圖片來源等於logo.gif。

735
00:33:24,670 --> 00:33:25,490
關閉這一點。

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

737
00:33:26,050 --> 00:33:30,560
而現在，如果我回到我的搜索
頁面，現在它看起來相當不錯。

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

739
00:33:33,610 --> 00:33:37,000
事實上，讓我試試搜索
一隻貓，看看會發生什麼。

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

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

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

743
00:33:41,400 --> 00:33:43,760
那麼什麼是關鍵棋子
唯一缺少的嗎？

744
00:33:43,760 --> 00:33:49,100
>> 對了，即使你不知道任何HTML，
我已經開始打了電話形式

745
00:33:49,100 --> 00:33:54,130
我已經告訴它怎麼去投入，
給我一個文本框和一個提交按鈕，

746
00:33:54,130 --> 00:33:55,730
哪塊顯然缺少什麼？

747
00:33:55,730 --> 00:33:58,975
假設我們要真正得到
這個東西正常工作。

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

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

750
00:34:05,360 --> 00:34:08,860
我們有必要實行後端
數據庫或搜索引擎本身，

751
00:34:08,860 --> 00:34:11,210
而這將需要一段
一大堆的時間，坦率地說。

752
00:34:11,210 --> 00:34:13,380
>> 所以請記住我們所做的最後一次。

753
00:34:13,380 --> 00:34:18,230
所以，如果你搜索的東西在谷歌
並且您已經提前關閉，

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

755
00:34:20,355 --> 00:34:22,230
因此，讓我把它們關掉
因此，這實際上是

756
00:34:22,230 --> 00:34:26,650
行為就像一個老派的瀏覽器，
如果我現在要查找類似貓科動物，

757
00:34:26,650 --> 00:34:28,190
回憶一下網址樣子。

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

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

760
00:34:33,000 --> 00:34:35,100
問號Q等於貓。

761
00:34:35,100 --> 00:34:37,760
>> 這似乎給我
一大堆的搜索結果。

762
00:34:37,760 --> 00:34:39,134
所以，你知道我該怎麼辦？

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

764
00:34:41,650 --> 00:34:43,670
我要去了
在這裡，我要說

765
00:34:43,670 --> 00:34:47,850
這一形式的行動，或
目的地，可以這麼說，

766
00:34:47,850 --> 00:34:49,330
應該從字面上是谷歌。

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

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

769
00:34:53,560 --> 00:34:55,760
動作古怪命名，
但是這只是意味著

770
00:34:55,760 --> 00:34:58,120
誰去處理
這種形式的行動？

771
00:34:58,120 --> 00:35:00,820
當我點擊搜索，在那裡
應結果去了？

772
00:35:00,820 --> 00:35:05,300
如果我現在回到我的表
這裡刷新我的網頁

773
00:35:05,300 --> 00:35:09,000
現在搜索的東西
喜歡狗，現在通知

774
00:35:09,000 --> 00:35:10,850
我已經重新實現谷歌。

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

776
00:35:11,350 --> 00:35:14,141
>> 如果我要尋找的東西
否則，它適用於不只是狗，

777
00:35:14,141 --> 00:35:16,400
它也適用於貓。

778
00:35:16,400 --> 00:35:21,930
這也適用於CS50。

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

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

781
00:35:25,920 --> 00:35:27,360
那麼，實際上已經持續？

782
00:35:27,360 --> 00:35:31,340
所以，我教我的瀏覽器，使用
的HTML，採取從用戶輸入

783
00:35:31,340 --> 00:35:35,810
實際上發送輸入
到遠程服務器使用HTTP。

784
00:35:35,810 --> 00:35:39,120
>> 而由於我的瀏覽器
理解HTTP，它實際上

785
00:35:39,120 --> 00:35:43,500
構造URL，這樣什麼
我結束了在我的瀏覽器，

786
00:35:43,500 --> 00:35:45,660
注意到發生了什麼
當我搜索犬。

787
00:35:45,660 --> 00:35:49,270
如果我點擊搜索，請注意
網址改變，因為我打算

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

789
00:35:52,770 --> 00:35:56,020
這是因為形式
知道，因為該方法得到的，

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

791
00:35:59,560 --> 00:36:01,730
>> 現在，這些網頁都還難看。

792
00:36:01,730 --> 00:36:04,890
因此，讓我們引入另一個
一塊語法如果今天我們能做到。

793
00:36:04,890 --> 00:36:07,640
這是已知的東西
作為級聯樣式表。

794
00:36:07,640 --> 00:36:10,720
因此，讓我看看
這個例子在這裡，看看

795
00:36:10,720 --> 00:36:12,380
如果我們可以推斷出這是怎麼回事。

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

797
00:36:14,520 --> 00:36:16,532
這是哪裡的東西
變得有點難看。

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

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

800
00:36:20,920 --> 00:36:22,920
所以，如果你想
風格化您的網頁，

801
00:36:22,920 --> 00:36:28,370
你真正需要關注的
美學以不同的方式。

802
00:36:28,370 --> 00:36:33,090
所以在這裡，我有我的網頁的身體
其中，內頁是一個很大的股利。

803
00:36:33,090 --> 00:36:34,700
而一個div只是意味著分工。

804
00:36:34,700 --> 00:36:38,060
所以，它就像一個段落，但
不具有相同的語義

805
00:36:38,060 --> 00:36:39,180
的一段文字。

806
00:36:39,180 --> 00:36:40,940
>> 這也就意味著到
瀏覽器，這裡來

807
00:36:40,940 --> 00:36:45,210
我的網頁大矩形區域
頁面，我想特別處理。

808
00:36:45,210 --> 00:36:47,420
現在，第21行是分區的開始。

809
00:36:47,420 --> 00:36:48,770
而只是採取一種猜測。

810
00:36:48,770 --> 00:36:53,080
什麼是線21上的作用
其餘的頁面的內容？

811
00:36:53,080 --> 00:36:55,640

812
00:36:55,640 --> 00:36:56,311
圍繞它。

813
00:36:56,311 --> 00:36:56,810
這就是全部。

814
00:36:56,810 --> 00:36:58,830
所以，我們還沒有看到的一種方式
實際上圍繞文本。

815
00:36:58,830 --> 00:37:00,996
>> 事實上，我的搜索​​引擎，
不像實際的谷歌，

816
00:37:00,996 --> 00:37:03,040
一切都有道理到左邊。

817
00:37:03,040 --> 00:37:07,430
所以，現在在第21行，我說，哎
瀏覽器，創建頁面的一個部門。

818
00:37:07,430 --> 00:37:09,450
只要給我一個很大的，無形的矩形。

819
00:37:09,450 --> 00:37:11,490
這就是我想
想想網頁。

820
00:37:11,490 --> 00:37:13,870
然後風格化它如下。

821
00:37:13,870 --> 00:37:16,900
裡面那些報價，
現在，是第二語言

822
00:37:16,900 --> 00:37:19,969
我們今天推出
所謂的級聯樣式表。

823
00:37:19,969 --> 00:37:22,010
值得慶幸的是，它太不
一種編程語言，

824
00:37:22,010 --> 00:37:26,470
所以它是非常有限的語法，但
也非常有限其功能

825
00:37:26,470 --> 00:37:30,670
而HTML是所有關於
標記了一個網頁的數據

826
00:37:30,670 --> 00:37:32,130
和網頁的結構。

827
00:37:32,130 --> 00:37:35,320
CSS通常是關於
最後一英里，美學，

828
00:37:35,320 --> 00:37:40,160
得到的大小和顏色和
佈局完全正確的網頁。

829
00:37:40,160 --> 00:37:43,000
事實上，它形成
與鍵值對。

830
00:37:43,000 --> 00:37:46,290
>> 這樣，文字的屬性
對齊，隨後是結腸，

831
00:37:46,290 --> 00:37:49,720
其次是該值
屬性，在這種情況下是中心。

832
00:37:49,720 --> 00:37:51,910
而現在注意到你
可以嵌套這些東西。

833
00:37:51,910 --> 00:37:56,780
如果我想要的一切在那
我一直強調為中心，

834
00:37:56,780 --> 00:38:00,270
這就是為什麼我有21行和
相應的行31。

835
00:38:00,270 --> 00:38:04,820
但是，現在假設想說約翰
哈佛，歡迎訪問我的主頁。

836
00:38:04,820 --> 00:38:06,530
>> 版權符號約翰哈佛。

837
00:38:06,530 --> 00:38:09,180
再假設我想第一
這些線路是相當大的。

838
00:38:09,180 --> 00:38:10,450
36像素。

839
00:38:10,450 --> 00:38:11,530
所以這是一個體面的大小。

840
00:38:11,530 --> 00:38:13,240
我想它的重量要大膽。

841
00:38:13,240 --> 00:38:15,450
但隨後跌破這一位置，
我想小文。

842
00:38:15,450 --> 00:38:19,980
其下方，我想
更小的文本。

843
00:38:19,980 --> 00:38:20,480
抱歉。

844
00:38:20,480 --> 00:38:24,490

845
00:38:24,490 --> 00:38:26,940
今天感覺就像一個休息日。

846
00:38:26,940 --> 00:38:29,840
>> 所以，現在，我在做什麼來表達呢？

847
00:38:29,840 --> 00:38:34,580
在這裡，第22行是一個嵌入式
格或div嵌套，如果你願意。

848
00:38:34,580 --> 00:38:36,190
它也有自己的風格標籤。

849
00:38:36,190 --> 00:38:38,160
我指定的36字體大小。

850
00:38:38,160 --> 00:38:40,460
我指定粗體的字體粗細。

851
00:38:40,460 --> 00:38:43,360
到這裡，我只指定了24個像素。

852
00:38:43,360 --> 00:38:45,960
最後，在第28行，我指定12。

853
00:38:45,960 --> 00:38:49,070
因此，正如一個快速完整性檢查
而作為一個人讀這篇文章，

854
00:38:49,070 --> 00:38:52,545
哪些詞在屏幕上的
究竟要大膽？

855
00:38:52,545 --> 00:38:56,100

856
00:38:56,100 --> 00:38:58,760
哪些線路實際上是大膽？

857
00:38:58,760 --> 00:38:59,570
>> 只是約翰哈佛​​。

858
00:38:59,570 --> 00:39:00,070
對嗎？

859
00:39:00,070 --> 00:39:05,940
因為正如行22說：哎
瀏覽器，這裡的頁面的一個部門。

860
00:39:05,940 --> 00:39:07,920
讓它的字體大小36點。

861
00:39:07,920 --> 00:39:09,460
使字體粗細大膽。

862
00:39:09,460 --> 00:39:11,920
一旦你到達
相應的結束標記

863
00:39:11,920 --> 00:39:15,340
或線24封閉的標記，
這意味著，嘿嘿瀏覽器，

864
00:39:15,340 --> 00:39:17,640
停止做不管它是你正在做的。

865
00:39:17,640 --> 00:39:21,020
而通知明確，即使
線22具有所有這些屬性

866
00:39:21,020 --> 00:39:24,430
喜歡的風格，當你
關閉標籤在第24行，

867
00:39:24,430 --> 00:39:25,940
你只提標籤的名稱。

868
00:39:25,940 --> 00:39:29,990
>> 你不重複的字樣式或
任何的這些報價內。

869
00:39:29,990 --> 00:39:32,860
所以，如果我看這個現在
在我的瀏覽器，讓我們

870
00:39:32,860 --> 00:39:38,060
看看最後的結果。讓我走
未來到這個文件，這是CSS 0。

871
00:39:38,060 --> 00:39:41,814
它仍然是相當平淡，
但得到相當有趣。

872
00:39:41,814 --> 00:39:43,980
但事實證明，有
其他的事情，我可以在這裡做，

873
00:39:43,980 --> 00:39:46,490
並且在製造的風險
這完全可怕的，

874
00:39:46,490 --> 00:39:48,630
注意這裡，在我
我的網頁的身體，

875
00:39:48,630 --> 00:39:53,930
我可以做一些有趣的事情
像血糖或背景色。

876
00:39:53,930 --> 00:39:56,670
>> 快捷，什麼是你最喜歡的顏色？

877
00:39:56,670 --> 00:39:57,720
綠色聽說。

878
00:39:57,720 --> 00:39:58,750
好的。

879
00:39:58,750 --> 00:40:02,920
所以，現在，如果我打重裝現在，
我們有一個綠色的網頁。

880
00:40:02,920 --> 00:40:04,710
好了，所以這不是壞的。

881
00:40:04,710 --> 00:40:08,350
而現在，如果我想使這個真
很酷，我可以讓我的文字的顏色

882
00:40:08,350 --> 00:40:09,360
甚至紅色。

883
00:40:09,360 --> 00:40:10,870
因此，讓我們看看這是什麼樣子。

884
00:40:10,870 --> 00:40:12,230
現在，它看起來相當不錯。

885
00:40:12,230 --> 00:40:15,460
而到這裡，如果你真的
想惹別人

886
00:40:15,460 --> 00:40:17,487
或者，如果你想成為
那些人之一誰

887
00:40:17,487 --> 00:40:20,570
試圖誘騙用戶訪問一個網頁
頁面，因為他們已經欺騙了谷歌

888
00:40:20,570 --> 00:40:27,610
到思維有一大堆
關鍵詞like--讓我們來看看，重裝。

889
00:40:27,610 --> 00:40:29,020

890
00:40:29,020 --> 00:40:30,680
哪兒去了？

891
00:40:30,680 --> 00:40:31,530
它就在那裡我們。

892
00:40:31,530 --> 00:40:32,030
好的。

893
00:40:32,030 --> 00:40:34,905
所以我說這是題外話，我們將
談論這個東西在幾個星期

894
00:40:34,905 --> 00:40:36,740
當我們談論
安全，如果你真的

895
00:40:36,740 --> 00:40:38,852
中嵌入整串
在網頁中的關鍵詞，

896
00:40:38,852 --> 00:40:41,810
即使他們不可見的，
當然，人，有人喜歡谷歌，

897
00:40:41,810 --> 00:40:43,250
可實際上仍然發現這一點。

898
00:40:43,250 --> 00:40:45,820
好了，所以這是很
可怕的很快。

899
00:40:45,820 --> 00:40:48,420
>> 而事實上，這還不是全部
那麼多不像我自己的網站

900
00:40:48,420 --> 00:40:51,480
頁面作為一名大學生，這
我開始使用Google四處找

901
00:40:51,480 --> 00:40:53,690
過去的版本我的舊網站。

902
00:40:53,690 --> 00:40:54,500
這是非常糟糕的。

903
00:40:54,500 --> 00:40:56,650
事實上，我確實發現
ONE僅有上課前。

904
00:40:56,650 --> 00:40:58,620
但更糟糕的是在那裡。

905
00:40:58,620 --> 00:41:01,534
這顯然是我的
主頁早在1996年。

906
00:41:01,534 --> 00:41:04,200
顯然，我認為這是
應該問的人他們的名字

907
00:41:04,200 --> 00:41:05,991
才可以
居然看到我的網頁。

908
00:41:05,991 --> 00:41:09,380

909
00:41:09,380 --> 00:41:11,920
>> 然後我給他們
一些愚蠢的事，大概。

910
00:41:11,920 --> 00:41:13,450
我會挖多為下一次。

911
00:41:13,450 --> 00:41:16,220
但現在，讓我們來
考慮位的設計。

912
00:41:16,220 --> 00:41:17,444
我們已經討論過的風格。

913
00:41:17,444 --> 00:41:19,735
而這個頁面從而遠不及
最一切，我已經寫了

914
00:41:19,735 --> 00:41:21,890
很乾淨的曲風。

915
00:41:21,890 --> 00:41:23,320
但怎麼樣的設計？

916
00:41:23,320 --> 00:41:25,990
嗯，有很多冗餘
在什麼我已經在這裡做什麼。

917
00:41:25,990 --> 00:41:28,156
>> 我已經提到這個詞
顏色在幾個地方。

918
00:41:28,156 --> 00:41:31,630
我在一對夫婦提到字號
地方和大膽的在幾個地方。

919
00:41:31,630 --> 00:41:34,870
從根本上，我的合作
交融兩種語言。

920
00:41:34,870 --> 00:41:38,100
我有HTML與我的標籤和我
屬性，然後突然之間，

921
00:41:38,100 --> 00:41:40,100
引號之間的，我有
第二語言的今天

922
00:41:40,100 --> 00:41:43,830
所謂的CSS，它再次，只是這些
鍵值對，或這些屬性

923
00:41:43,830 --> 00:41:45,280
用冒號分隔。

924
00:41:45,280 --> 00:41:47,700
>> 事實證明，很多
就像C一樣，我們

925
00:41:47,700 --> 00:41:50,550
可以先對因子
一些代碼為標題的文件，

926
00:41:50,550 --> 00:41:53,520
所以我們可以做同樣的HTML。

927
00:41:53,520 --> 00:41:56,030
並朝著一個步驟如下。

928
00:41:56,030 --> 00:42:02,230
請注意，這個版本，CSS1.html是
在結構上完全相同的網頁。

929
00:42:02,230 --> 00:42:05,250
所以，我有一大堆
申報單的，但是這一次，我已經

930
00:42:05,250 --> 00:42:07,220
擺脫了包裝的
DIV，你會看到的。

931
00:42:07,220 --> 00:42:12,390
>> 我已經給這三個div的
頂部，中部和底部，唯一ID。

932
00:42:12,390 --> 00:42:14,760
這是很好的，因為
給這些部門

933
00:42:14,760 --> 00:42:18,715
頁面唯一標識符，
我可以在其他地方引用它們。

934
00:42:18,715 --> 00:42:19,215
在哪裡？

935
00:42:19,215 --> 00:42:21,070
好吧，讓我向上滾動。

936
00:42:21,070 --> 00:42:24,070
因此到目前為止，任何時候我們已經看了
在網頁的頭，有什麼

937
00:42:24,070 --> 00:42:28,560
我們已經在唯一的標籤
一個網頁的頭？

938
00:42:28,560 --> 00:42:29,740
大聲一點。

939
00:42:29,740 --> 00:42:30,799
就在標題為止。

940
00:42:30,799 --> 00:42:32,590
但事實證明，有
一些其他的東西

941
00:42:32,590 --> 00:42:35,840
你可以把在那裡，一
它之所以被稱為風格標籤。

942
00:42:35,840 --> 00:42:37,850
所以剛才我們看了
在樣式屬性。

943
00:42:37,850 --> 00:42:39,150
原來有一個風格的標籤。

944
00:42:39,150 --> 00:42:41,200
它屬於內部
網頁的頭部。

945
00:42:41,200 --> 00:42:42,840
現在發現我在做什麼。

946
00:42:42,840 --> 00:42:46,540
我有這裡面
風格標籤下面。

947
00:42:46,540 --> 00:42:51,190
我從字面上提的第20行的
我想風格化標籤的名稱。

948
00:42:51,190 --> 00:42:53,489
>> 然後，我有大括號
和封閉大括號。

949
00:42:53,489 --> 00:42:56,030
因此，在精神為C相似，但
再次，這不是一個功能，

950
00:42:56,030 --> 00:42:57,796
這僅僅是一個語法在這裡的細節。

951
00:42:57,796 --> 00:43:00,170
那當然，而且我要告訴
瀏覽器，瀏覽器哎，

952
00:43:00,170 --> 00:43:05,210
使頁面的整個主體
有中心的文本對齊方式。

953
00:43:05,210 --> 00:43:06,930
然後這話說以下。

954
00:43:06,930 --> 00:43:12,600
嘿，瀏覽器，如果你看到一個HTML
在頁面元素或標記，

955
00:43:12,600 --> 00:43:17,040
具有頂部的唯一標識符，
因此，井號這裡只是指

956
00:43:17,040 --> 00:43:21,010
頂部獨特的想法，繼續前進
並使其字體大小36

957
00:43:21,010 --> 00:43:22,490
其字體粗細大膽。

958
00:43:22,490 --> 00:43:26,840
>> 嘿瀏覽器，元素，其
ID為中，使其24像素。

959
00:43:26,840 --> 00:43:31,070
哎瀏覽器，如果你看到一個
底部的理念，使其12像素。

960
00:43:31,070 --> 00:43:33,540
最終的效果
正是SAM。

961
00:43:33,540 --> 00:43:36,500
如果我去到了CSS 1，
頁面看起來都一樣。

962
00:43:36,500 --> 00:43:39,810
但我們走向了一步
一個稍微好一點的設計。

963
00:43:39,810 --> 00:43:44,850
現在讓我回到這裡CSS2
，看看還有什麼我所做的一切。

964
00:43:44,850 --> 00:43:48,030
>> 現在的網頁是真的，真的很乾淨。

965
00:43:48,030 --> 00:43:50,730
其實，我可以適應所有的
頁面上的內容在這裡。

966
00:43:50,730 --> 00:43:54,270
但是，新的標籤有我
介紹，很明顯？

967
00:43:54,270 --> 00:43:54,770
鏈接。

968
00:43:54,770 --> 00:43:57,853
而且這不是一個最好的名字的標籤，
因為它不是在這個意義上一個鏈接

969
00:43:57,853 --> 00:44:00,780
我們知道，但這意味著
在某些其它文件的鏈接。

970
00:44:00,780 --> 00:44:02,890
這是一種像尖銳包括C.

971
00:44:02,890 --> 00:44:06,280
>> 這是HTML的方式
說哎瀏覽器，

972
00:44:06,280 --> 00:44:10,240
去得到的內容
該文件名為css2.css。

973
00:44:10,240 --> 00:44:12,880
的關係，對我來說，
是，這是一個樣式表。

974
00:44:12,880 --> 00:44:17,980
事實上，這正是的一個
的s在級聯樣式表的手段。

975
00:44:17,980 --> 00:44:20,350
這是一個樣式表。

976
00:44:20,350 --> 00:44:23,120
這只是包含文本文件
一大堆的財產。

977
00:44:23,120 --> 00:44:25,940
這一大堆的風格
要應用到的頁面。

978
00:44:25,940 --> 00:44:28,860
>> 所以這顯然是
參照一個第二文件。

979
00:44:28,860 --> 00:44:32,970
如果我打開，CSS2.css，
請注意，所有我做

980
00:44:32,970 --> 00:44:35,900
是複製和粘貼的所有
這到這個文件。

981
00:44:35,900 --> 00:44:38,220
而現在，即使你從來沒有
之前編碼這個東西，

982
00:44:38,220 --> 00:44:40,700
只是考慮與
眾所周知工程帽

983
00:44:40,700 --> 00:44:44,220
對，這是為什麼一個
更好的設計可能？

984
00:44:44,220 --> 00:44:48,910
分解出的CSS屬性，
把他們變成自己的文件。

985
00:44:48,910 --> 00:44:51,330
即使我們解決了這個
問題像五分鐘前

986
00:44:51,330 --> 00:44:52,600
在第一個版本。

987
00:44:52,600 --> 00:44:55,730
>> 我們沒有好轉的
頁面風格上，

988
00:44:55,730 --> 00:44:57,520
這僅僅是更好
設計在某種意義上。

989
00:44:57,520 --> 00:44:58,990
為什麼你覺得呢？

990
00:44:58,990 --> 00:45:01,510
是啊。

991
00:45:01,510 --> 00:45:02,260
更靈活的怎麼樣？

992
00:45:02,260 --> 00:45:05,040

993
00:45:05,040 --> 00:45:05,540
是啊。

994
00:45:05,540 --> 00:45:07,373
所以，如果你想要去
背部和改變的東西，

995
00:45:07,373 --> 00:45:09,540
現在，你有一個地方
在這裡你可以改變的事情。

996
00:45:09,540 --> 00:45:11,622
而事實上，對於一些
類似的問題設置七，

997
00:45:11,622 --> 00:45:13,690
在這裡，我們將實現一個
股票交易網站，

998
00:45:13,690 --> 00:45:15,523
那將會有一個
一大堆的頁面。

999
00:45:15,523 --> 00:45:17,620
而這將是非常
惱人的，如果你決定，嗯，

1000
00:45:17,620 --> 00:45:21,630
我真的不喜歡24像素，我想
它是28像素或稍大。

1001
00:45:21,630 --> 00:45:23,550
然後還要做
全球查找和替換

1002
00:45:23,550 --> 00:45:27,560
或打開所有的網站的文件
只是真正改變一個值。

1003
00:45:27,560 --> 00:45:31,290
通過分解出這些風格
在一個中心位置，

1004
00:45:31,290 --> 00:45:34,720
你現在就可以打開一個文本文件
在CS50IDE到任何程序，

1005
00:45:34,720 --> 00:45:36,479
改變它，保存它，並完成。

1006
00:45:36,479 --> 00:45:38,270
你傳播的
變化無處不在。

1007
00:45:38,270 --> 00:45:42,450
這將是相同的
在一個點.h文件也是如此。

1008
00:45:42,450 --> 00:45:46,697
因此，任何問題從而
據有關此語法？

1009
00:45:46,697 --> 00:45:48,530
好了，所以我們
所做的一切似乎

1010
00:45:48,530 --> 00:45:51,170
但實際執行的超鏈接。

1011
00:45:51,170 --> 00:45:52,740
因此，讓我們繼續前進，做到這一點。

1012
00:45:52,740 --> 00:45:54,830
讓我繼續前進，
在這裡創建一個新的文件。

1013
00:45:54,830 --> 00:45:59,970
我要叫它
link.html，放在今天的代碼。

1014
00:45:59,970 --> 00:46:03,000
>> 而我要做的開
支架的文檔類型的HTML。

1015
00:46:03,000 --> 00:46:05,970
順便說一句，這東西在
頂，這個文檔類型聲明，

1016
00:46:05,970 --> 00:46:08,420
它是唯一一個很奇怪
與感嘆號。

1017
00:46:08,420 --> 00:46:12,100
你只需要做到這一點存在，並且
我們使用的HTML版本，5表示。

1018
00:46:12,100 --> 00:46:14,460
老版本的
語言有更長的時間

1019
00:46:14,460 --> 00:46:16,400
你需要串放在那裡。

1020
00:46:16,400 --> 00:46:18,620
因此，這裡是被稱為鏈接的示例。

1021
00:46:18,620 --> 00:46:20,950
>> 我需要我的網頁的身體在這裡。

1022
00:46:20,950 --> 00:46:29,770
和在這裡，A HREF等於
讓我們說HTTP://www.disney.com

1023
00:46:29,770 --> 00:46:35,420
我最喜歡的網站，我們會說。

1024
00:46:35,420 --> 00:46:38,550
好吧，所以很
無關痛癢的，用戶友好的頁面。

1025
00:46:38,550 --> 00:46:42,950
如果我現在去到我的目錄
在這裡上市，開拓link.html，

1026
00:46:42,950 --> 00:46:44,780
我們有超文本。

1027
00:46:44,780 --> 00:46:47,410
>> 事實上，這是在哪裡
在HTTP轟得來的。

1028
00:46:47,410 --> 00:46:51,580
超文本傳輸協定
是有關傳輸文本

1029
00:46:51,580 --> 00:46:53,840
具有超鏈接到其他資源。

1030
00:46:53,840 --> 00:46:58,210
事實上，這裡是大家熟悉的，
如果復古，藍色鏈接，如果點擊，

1031
00:46:58,210 --> 00:47:02,607
實際上將導致我Disney.com。

1032
00:47:02,607 --> 00:47:03,940
現在，噢，那很快就出來了。

1033
00:47:03,940 --> 00:47:08,970
好了，那麼現在，有哪些
本作的含義是什麼？

1034
00:47:08,970 --> 00:47:11,610
>> 坦率地說，這個世界開始
得到一點更熟悉

1035
00:47:11,610 --> 00:47:15,090
並且也有點可怕
同時也多了幾分

1036
00:47:15,090 --> 00:47:17,840
自我辯護的，一旦你開始
了解這些東西。

1037
00:47:17,840 --> 00:47:21,610
因為賠率是，一些你，如果你去
通過您的Gmail的垃圾郵件文件夾，甚至

1038
00:47:21,610 --> 00:47:23,990
您的收件箱，你可能
得到某種形式的電子郵件

1039
00:47:23,990 --> 00:47:26,980
是在問你改變你的
密碼也許或者驗證

1040
00:47:26,980 --> 00:47:28,910
您的PayPal憑證或諸如此類的東西。

1041
00:47:28,910 --> 00:47:34,510
>> 而事實上，你可能已經收到
東西說，像請點擊這裡

1042
00:47:34,510 --> 00:47:42,260
重置您的支付寶密碼。

1043
00:47:42,260 --> 00:47:44,130
現在，請注意，如果
這不是Disney.com

1044
00:47:44,130 --> 00:47:51,600
但像badplace.com和
重裝，注意，這裡是正文

1045
00:47:51,600 --> 00:47:53,710
任何能說什麼。

1046
00:47:53,710 --> 00:47:55,260
而事實上，這只是話。

1047
00:47:55,260 --> 00:48:04,610
為什麼不讓我其實是超級惡意
並說http://www.paypal.com。

1048
00:48:04,610 --> 00:48:14,090
>> 點擊此處重置您的支付寶
密碼現在重裝。

1049
00:48:14,090 --> 00:48:16,220
這看起來很合理，對不對？

1050
00:48:16,220 --> 00:48:20,470
我的意思是，我不會點擊
一封電子郵件，只是說這個。

1051
00:48:20,470 --> 00:48:22,450
但這裡要注意的兩分法。

1052
00:48:22,450 --> 00:48:26,880
它說www.paypal.com，
而事實上，等一下，

1053
00:48:26,880 --> 00:48:29,210
我們知道你想要
在S安全。

1054
00:48:29,210 --> 00:48:35,450
所以，現在，去www.paypal.com HTTPS，
但如果你以前從來沒有這樣做，

1055
00:48:35,450 --> 00:48:38,182
不要陷入習慣
徘徊在小鏈接在這裡。

1056
00:48:38,182 --> 00:48:39,890
而且它是很難看到
在屏幕上出現，

1057
00:48:39,890 --> 00:48:41,340
這不是所有的容易在這裡。

1058
00:48:41,340 --> 00:48:43,615
但一路下來這裡
在小小的角落

1059
00:48:43,615 --> 00:48:45,740
做瀏覽器實際
告訴你，我們要

1060
00:48:45,740 --> 00:48:48,850
以badplace.com代替Paypal.com。

1061
00:48:48,850 --> 00:48:51,620
現在，我們去哪兒用呢？

1062
00:48:51,620 --> 00:48:54,859
所有我們今天所做的例子，
我們已經硬編碼，並手動輸入了。

1063
00:48:54,859 --> 00:48:56,900
該網站是令人難以置信
無趣，當你辛苦

1064
00:48:56,900 --> 00:48:59,844
編寫你的網頁，這樣的內容
是靜態的，從來沒有改變。

1065
00:48:59,844 --> 00:49:01,760
當然，我們所有的
今天最喜愛的網站，

1066
00:49:01,760 --> 00:49:04,470
無論是Gmail或Twitter或
Facebook或任何其他一些

1067
00:49:04,470 --> 00:49:05,290
是動態的。

1068
00:49:05,290 --> 00:49:07,340
他們正在改變
響應於用戶輸入

1069
00:49:07,340 --> 00:49:08,840
就像谷歌的搜索結果。

1070
00:49:08,840 --> 00:49:12,415
>> 因此在週三，我們做的是
我們離開的HTML和CSS介紹

1071
00:49:12,415 --> 00:49:14,290
過去，而我們走
理所當然，我們現在

1072
00:49:14,290 --> 00:49:16,640
知道它，我們引入
一種新的編程語言

1073
00:49:16,640 --> 00:49:19,050
所謂的PHP，它喜歡
C，是要給我們

1074
00:49:19,050 --> 00:49:22,450
實際創建的程序的權力
這本身產生的輸出。

1075
00:49:22,450 --> 00:49:25,900
在這種情況下，我們將使用
PHP生成動態網頁

1076
00:49:25,900 --> 00:49:27,340
使用這種新的語言的網頁。

1077
00:49:27,340 --> 00:49:28,989
因此，更多的是在週三。

1078
00:49:28,989 --> 00:49:29,530
到時候見。

1079
00:49:29,530 --> 00:49:33,130

1080
00:49:33,130 --> 00:49:37,380
>> [音樂播放]

1081
00:49:37,380 --> 00:52:38,864