1
00:00:00,000 --> 00:00:02,930
>> ALTAVEU: Suposem que ens agradaria
crear una pàgina d'inici d'un curs que

2
00:00:02,930 --> 00:00:04,900
proporciona als estudiants
enllaços a recursos.

3
00:00:04,900 --> 00:00:05,880
Com podem fer-ho?

4
00:00:05,880 --> 00:00:08,460
Bé, permetin-me proposar aquesta
exemple molt simple.

5
00:00:08,460 --> 00:00:12,740
>> Aquí, tenim el nom del curs, CS50,
sota de la qual és una llista ordenada, un

6
00:00:12,740 --> 00:00:15,730
amb un enllaç a les conferències, i una
amb un enllaç per al programa d'estudis.

7
00:00:15,730 --> 00:00:19,500
Si faig clic ara en conferències, veig
una altra llista desordenada, aquesta vegada amb

8
00:00:19,500 --> 00:00:22,400
un enllaç a la setmana 0, i un altre
vincular a la Setmana 1.

9
00:00:22,400 --> 00:00:25,760
Si trio la Setmana 0, per exemple, vaig a
Ara veiem que tenim vincles amb

10
00:00:25,760 --> 00:00:27,780
Dimecres i enllaços a divendres.

11
00:00:27,780 --> 00:00:32,950
I si em submergeixo en un nivell
més profund, aquesta és CS50.

12
00:00:32,950 --> 00:00:35,880
>> Ara, com podem anar sobre la implementació
el lloc en el codi?

13
00:00:35,880 --> 00:00:37,310
Bé, anem a fer una ullada.

14
00:00:37,310 --> 00:00:41,090
Aquí, a index.php, permetin-me
a proposar ni tan sols PHP

15
00:00:41,090 --> 00:00:43,260
codi, sinó simplement HTML.

16
00:00:43,260 --> 00:00:46,290
En particular, cal no ordenada
llista dins dels quals

17
00:00:46,290 --> 00:00:47,950
són dos elements de la llista.

18
00:00:47,950 --> 00:00:51,500
>> Si ara ens fixem en lectures.php, a
que la primera d'aquestes bales

19
00:00:51,500 --> 00:00:55,250
vinculat, ara veiem que el segon no ordenada
llista, aquest amb enllaços a

20
00:00:55,250 --> 00:00:57,110
Setmana 0 i Setmana 1.

21
00:00:57,110 --> 00:01:01,830
I prenem una ullada a week0.php, a
que aquesta primera links d'bala, aquí

22
00:01:01,830 --> 00:01:05,120
veure, de nou, una llista desordenada, aquest
temps amb un enllaç a Dimecres de

23
00:01:05,120 --> 00:01:07,940
diapositives, i un altre enllaç
a les diapositives de divendres.

24
00:01:07,940 --> 00:01:10,330
I en la setmana 1 és un codi molt similar.

25
00:01:10,330 --> 00:01:13,610
>> Ara a través dels quatre d'aquests arxius
és una mica de redundància.

26
00:01:13,610 --> 00:01:17,970
En particular, cada un d'ells té un codi HTML
etiqueta, una etiqueta del cap, una etiqueta de títol, i

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

28
00:01:19,340 --> 00:01:24,030
Cadascun d'ells té un cos i una etiqueta H1,
dins dels quals és, de nou, CS50.

29
00:01:24,030 --> 00:01:27,240
I sota d'això és una desordenada
llista una i altra vegada.

30
00:01:27,240 --> 00:01:31,270
No seria agradable si poguéssim
d'alguna manera factoritzar els elements comuns

31
00:01:31,270 --> 00:01:34,860
en algun lloc central, de manera que, si
Jo vull tornar a canviar la meva pàgina de

32
00:01:34,860 --> 00:01:38,580
estructura o fins i tot el seu títol, jo
podrien fer-ho molt més fàcilment.

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