SPEAKER: Suponha que gostaríamos de criar uma home page para um curso que proporciona aos alunos links para recursos. Como podemos fazer isso? Bem, deixe-me propor esta exemplo muito simples. 

Aqui, temos o nome do curso, CS50, abaixo do qual é uma lista ordenada, um com um link para palestras, e uma com um link para o currículo. Se eu clicar agora em palestras, eu vejo outra lista não-ordenada, desta vez com um link para Semana 0, e outro vincular a Semana 1. Se eu optar por semana 0, por exemplo, eu vou agora ver que temos links para Quarta-feira e links para sexta-feira. E se eu mergulhar em um nível mais profunda, isto é CS50. 

Agora, como podemos ir sobre a implementação de o site no código? Bem, vamos dar uma olhada. Aqui, em index.php, permita-me propor nem mesmo PHP de código, mas simplesmente colar. Em particular, há que não ordenado lista dentro do qual são dois itens da lista. 

Se olharmos agora para lectures.php, para que a primeira dessas balas ligada, agora vemos que o segundo não-ordenada lista, desta vez com links para Semana 0 e Semana 1. E vamos dar uma olhada em week0.php, para que que as primeiras ligações de bala, aqui vamos nós ver, mais uma vez, uma lista não ordenada, este tempo com um link a quarta-feira de slides, e uma outra ligação a slides de sexta-feira. E na semana 1 é um código muito semelhante. 

Agora em todos os quatro destes arquivos é um pouco de redundância. Em particular, cada um deles tem um colar tag, a tag cabeça, um tag de título, e o CS50 título. Cada um deles tem um corpo e um tag H1, dentro da qual é, mais uma vez, CS50. E sob que é um não-ordenada listar novamente e novamente. Certamente que seria bom se pudéssemos de alguma forma fatorar esses pontos em comum em algum lugar central, de modo que, se Eu sempre quero mudar minha página do estrutura ou até mesmo o título, eu poderia fazê-lo com muito mais facilidade.