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