1
00:00:00,000 --> 00:00:02,930
>> SPEAKER: Suponha que gostaríamos de
criar uma home page para um curso que

2
00:00:02,930 --> 00:00:04,900
proporciona aos alunos
links para recursos.

3
00:00:04,900 --> 00:00:05,880
Como podemos fazer isso?

4
00:00:05,880 --> 00:00:08,460
Bem, deixe-me propor esta
exemplo muito simples.

5
00:00:08,460 --> 00:00:12,740
>> Aqui, temos o nome do curso, CS50,
abaixo do qual é uma lista ordenada, um

6
00:00:12,740 --> 00:00:15,730
com um link para palestras, e uma
com um link para o currículo.

7
00:00:15,730 --> 00:00:19,500
Se eu clicar agora em palestras, eu vejo
outra lista não-ordenada, desta vez com

8
00:00:19,500 --> 00:00:22,400
um link para Semana 0, e outro
vincular a Semana 1.

9
00:00:22,400 --> 00:00:25,760
Se eu optar por semana 0, por exemplo, eu vou
agora ver que temos links para

10
00:00:25,760 --> 00:00:27,780
Quarta-feira e links para sexta-feira.

11
00:00:27,780 --> 00:00:32,950
E se eu mergulhar em um nível
mais profunda, isto é CS50.

12
00:00:32,950 --> 00:00:35,880
>> Agora, como podemos ir sobre a implementação de
o site no código?

13
00:00:35,880 --> 00:00:37,310
Bem, vamos dar uma olhada.

14
00:00:37,310 --> 00:00:41,090
Aqui, em index.php, permita-me
propor nem mesmo PHP

15
00:00:41,090 --> 00:00:43,260
de código, mas simplesmente colar.

16
00:00:43,260 --> 00:00:46,290
Em particular, há que não ordenado
lista dentro do qual

17
00:00:46,290 --> 00:00:47,950
são dois itens da lista.

18
00:00:47,950 --> 00:00:51,500
>> Se olharmos agora para lectures.php, para
que a primeira dessas balas

19
00:00:51,500 --> 00:00:55,250
ligada, agora vemos que o segundo não-ordenada
lista, desta vez com links para

20
00:00:55,250 --> 00:00:57,110
Semana 0 e Semana 1.

21
00:00:57,110 --> 00:01:01,830
E vamos dar uma olhada em week0.php, para
que que as primeiras ligações de bala, aqui vamos nós

22
00:01:01,830 --> 00:01:05,120
ver, mais uma vez, uma lista não ordenada, este
tempo com um link a quarta-feira de

23
00:01:05,120 --> 00:01:07,940
slides, e uma outra ligação
a slides de sexta-feira.

24
00:01:07,940 --> 00:01:10,330
E na semana 1 é um código muito semelhante.

25
00:01:10,330 --> 00:01:13,610
>> Agora em todos os quatro destes arquivos
é um pouco de redundância.

26
00:01:13,610 --> 00:01:17,970
Em particular, cada um deles tem um colar
tag, a tag cabeça, um tag de título, e

27
00:01:17,970 --> 00:01:19,340
o CS50 título.

28
00:01:19,340 --> 00:01:24,030
Cada um deles tem um corpo e um tag H1,
dentro da qual é, mais uma vez, CS50.

29
00:01:24,030 --> 00:01:27,240
E sob que é um não-ordenada
listar novamente e novamente.

30
00:01:27,240 --> 00:01:31,270
Certamente que seria bom se pudéssemos
de alguma forma fatorar esses pontos em comum

31
00:01:31,270 --> 00:01:34,860
em algum lugar central, de modo que, se
Eu sempre quero mudar minha página do

32
00:01:34,860 --> 00:01:38,580
estrutura ou até mesmo o título, eu
poderia fazê-lo com muito mais facilidade.

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