1
00:00:00,000 --> 00:00:02,930
>> 演講嘉賓：假設我們想
為一療程創建一個主頁，

2
00:00:02,930 --> 00:00:04,900
為學生提供
資源鏈接。

3
00:00:04,900 --> 00:00:05,880
我們如何能夠做到這一點？

4
00:00:05,880 --> 00:00:08,460
嗯，讓我提出這
很簡單的例子。

5
00:00:08,460 --> 00:00:12,740
>> 在這裡，我們有當然的名字，CS50，
下面是一個有序列表，1

6
00:00:12,740 --> 00:00:15,730
一個鏈接到講座，和一個
一個鏈接到教學大綱。

7
00:00:15,730 --> 00:00:19,500
如果我現在點擊講課，我看到
另一個無序列表，這個時間

8
00:00:19,500 --> 00:00:22,400
一個鏈接到第0週，而另一
鏈接到第1週。

9
00:00:22,400 --> 00:00:25,760
如果我選擇第0週，比如，我會
現在看到我們有鏈接

10
00:00:25,760 --> 00:00:27,780
週三和鏈接到週五。

11
00:00:27,780 --> 00:00:32,950
如果我在潛水一個級別
更深層次的，這是CS50。

12
00:00:32,950 --> 00:00:35,880
>> 現在，怎麼可能，我們著手實施
在代碼中的網站？

13
00:00:35,880 --> 00:00:37,310
好吧，讓我們一起來看看。

14
00:00:37,310 --> 00:00:41,090
在這裡，在index.php中，請允許我
建議即使不是PHP

15
00:00:41,090 --> 00:00:43,260
代碼，而只是HTML。

16
00:00:43,260 --> 00:00:46,290
特別是，有該無序
它的內部列表

17
00:00:46,290 --> 00:00:47,950
有兩個列表項。

18
00:00:47,950 --> 00:00:51,500
>> 如果我們現在就來看看lectures.php，以
其中第一個的子彈

19
00:00:51,500 --> 00:00:55,250
聯，我們現在看到第二無序
名單，這其中的鏈接

20
00:00:55,250 --> 00:00:57,110
第0週第1週。

21
00:00:57,110 --> 00:01:01,830
我們來看看week0.php，以
這是第一個項目符號鏈接，在這裡我們

22
00:01:01,830 --> 00:01:05,120
看，同樣，一個無序列表，這個
時間鏈接到週三

23
00:01:05,120 --> 00:01:07,940
幻燈片，和另一條鏈路
週五的幻燈片。

24
00:01:07,940 --> 00:01:10,330
而在第1週是非常相似的代碼。

25
00:01:10,330 --> 00:01:13,610
>> 現在，在所有這四個文件
是相當多的冗餘。

26
00:01:13,610 --> 00:01:17,970
尤其是，他們每個人都有一個HTML
標籤，head標籤，標題標籤，並

27
00:01:17,970 --> 00:01:19,340
標題CS50。

28
00:01:19,340 --> 00:01:24,030
他們每個人都有一個身體和一個H1標籤，
其內部是，再次，CS50。

29
00:01:24,030 --> 00:01:27,240
並在它下面是一個無序
一次又一次地列出。

30
00:01:27,240 --> 00:01:31,270
當然，這將是很好，如果我們能
莫名其妙地分解出這些共同點

31
00:01:31,270 --> 00:01:34,860
到一些集中的地方，這樣，如果
我曾經想改變我的網頁

32
00:01:34,860 --> 00:01:38,580
結構，甚至它的標題，我
可以更容易地做到這一點。

33
00:01:38,580 --> 00:01:40,331