1
00:00:00,000 --> 00:00:02,930
>> ALTAVOZ: Supongamos que nos gustaría
crear una página de inicio de un curso que

2
00:00:02,930 --> 00:00:04,900
proporciona a los estudiantes
enlaces a recursos.

3
00:00:04,900 --> 00:00:05,880
¿Cómo podemos hacerlo?

4
00:00:05,880 --> 00:00:08,460
Bueno, permítanme proponer esta
ejemplo muy simple.

5
00:00:08,460 --> 00:00:12,740
>> Aquí, tenemos el nombre del curso, CS50,
debajo de la cual es una lista ordenada, uno

6
00:00:12,740 --> 00:00:15,730
con un enlace a las conferencias, y una
con un enlace para el programa de estudios.

7
00:00:15,730 --> 00:00:19,500
Si hago clic ahora en conferencias, veo
otra lista desordenada, esta vez con

8
00:00:19,500 --> 00:00:22,400
un enlace a la semana 0, y otro
vincular a la Semana 1.

9
00:00:22,400 --> 00:00:25,760
Si elijo la Semana 0, por ejemplo, voy a
Ahora vemos que tenemos vínculos con

10
00:00:25,760 --> 00:00:27,780
Miércoles y enlaces a viernes.

11
00:00:27,780 --> 00:00:32,950
Y si me sumerjo en un nivel
más profundo, esta es CS50.

12
00:00:32,950 --> 00:00:35,880
>> Ahora, ¿cómo podemos ir sobre la implementación
el sitio en el código?

13
00:00:35,880 --> 00:00:37,310
Bueno, vamos a echar un vistazo.

14
00:00:37,310 --> 00:00:41,090
Aquí, en index.php, permítanme
a proponer ni siquiera PHP

15
00:00:41,090 --> 00:00:43,260
código, sino simplemente HTML.

16
00:00:43,260 --> 00:00:46,290
En particular, hay que no ordenada
lista dentro de los cuales

17
00:00:46,290 --> 00:00:47,950
son dos elementos de la lista.

18
00:00:47,950 --> 00:00:51,500
>> Si ahora nos fijamos en lectures.php, a
que la primera de esas balas

19
00:00:51,500 --> 00:00:55,250
vinculado, ahora vemos que el segundo no ordenada
lista, éste con enlaces a

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

21
00:00:57,110 --> 00:01:01,830
Y tomamos un vistazo a week0.php, a
que esa primera links de bala, aquí

22
00:01:01,830 --> 00:01:05,120
ver, de nuevo, una lista desordenada, este
tiempo con un enlace a Miércoles de

23
00:01:05,120 --> 00:01:07,940
diapositivas, y otro enlace
a las diapositivas del viernes.

24
00:01:07,940 --> 00:01:10,330
Y en la semana 1 es un código muy similar.

25
00:01:10,330 --> 00:01:13,610
>> Ahora a través de los cuatro de estos archivos
es un poco de redundancia.

26
00:01:13,610 --> 00:01:17,970
En particular, cada uno de ellos tiene un código HTML
etiqueta, una etiqueta de la cabeza, una etiqueta de título, y

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

28
00:01:19,340 --> 00:01:24,030
Cada uno de ellos tiene un cuerpo y una etiqueta H1,
dentro de los cuales es, de nuevo, CS50.

29
00:01:24,030 --> 00:01:27,240
Y debajo de eso es una desordenada
lista una y otra vez.

30
00:01:27,240 --> 00:01:31,270
¿No sería agradable si pudiéramos
de alguna manera factorizar los elementos comunes

31
00:01:31,270 --> 00:01:34,860
en algún lugar central, de manera que, si
Yo quiero volver a cambiar mi página de

32
00:01:34,860 --> 00:01:38,580
estructura o incluso su título, yo
podrían hacerlo mucho más fácilmente.

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