1
00:00:00,000 --> 00:00:02,930
>> SPEAKER: Supponiamo che vorremmo
creare una home page per un corso che

2
00:00:02,930 --> 00:00:04,900
fornisce agli studenti
link a risorse.

3
00:00:04,900 --> 00:00:05,880
Come possiamo fare?

4
00:00:05,880 --> 00:00:08,460
Beh, mi permetta di proporre questo
esempio molto semplice.

5
00:00:08,460 --> 00:00:12,740
>> Qui, abbiamo il nome del corso, CS50,
sotto del quale è un elenco ordinato, uno

6
00:00:12,740 --> 00:00:15,730
con un link per conferenze, e una
con un link per il programma.

7
00:00:15,730 --> 00:00:19,500
Se clicco ora su lezioni, vedo
un'altra lista non ordinata, questa volta con

8
00:00:19,500 --> 00:00:22,400
un collegamento a settimana 0, e un altro
creare un collegamento a settimana 1.

9
00:00:22,400 --> 00:00:25,760
Se scelgo settimana 0, per esempio, io
ora vedere che abbiamo collegamenti a

10
00:00:25,760 --> 00:00:27,780
Mercoledì e collegamenti a Venerdì.

11
00:00:27,780 --> 00:00:32,950
E se mi tuffo in un livello
più profonda, questo è CS50.

12
00:00:32,950 --> 00:00:35,880
>> Ora, come potremmo fare per l'attuazione
il sito in codice?

13
00:00:35,880 --> 00:00:37,310
Bene, diamo un'occhiata.

14
00:00:37,310 --> 00:00:41,090
Qui, in index.php, mi permetta
a proporre nemmeno PHP

15
00:00:41,090 --> 00:00:43,260
codice, ma semplicemente HTML.

16
00:00:43,260 --> 00:00:46,290
In particolare, c'è quella ordinata
elenco all'interno della quale

17
00:00:46,290 --> 00:00:47,950
sono due voci di elenco.

18
00:00:47,950 --> 00:00:51,500
>> Se ora guardiamo lectures.php, a
che il primo di questi proiettili

19
00:00:51,500 --> 00:00:55,250
linked, ora vediamo che il secondo non ordinato
elenco, questa volta con link a

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

21
00:00:57,110 --> 00:01:01,830
E diamo uno sguardo a week0.php, a
che che i primi collegamenti proiettile, qui siamo

22
00:01:01,830 --> 00:01:05,120
vedere, ancora una volta, una lista non ordinata, questo
tempo con un link al Mercoledì di

23
00:01:05,120 --> 00:01:07,940
diapositive e un altro link
alle diapositive di venerdì.

24
00:01:07,940 --> 00:01:10,330
E in settimana 1 è codice molto simile.

25
00:01:10,330 --> 00:01:13,610
>> Ora in tutti e quattro questi file
è un po 'di ridondanza.

26
00:01:13,610 --> 00:01:17,970
In particolare, ciascuno di essi ha un HTML
tag, un tag head, un tag di titolo, e

27
00:01:17,970 --> 00:01:19,340
il CS50 titolo.

28
00:01:19,340 --> 00:01:24,030
Ciascuno di essi ha un corpo e un tag H1,
all'interno del quale è, ancora una volta, CS50.

29
00:01:24,030 --> 00:01:27,240
E sotto che è un non ordinato
elencare ancora e ancora.

30
00:01:27,240 --> 00:01:31,270
Sicuramente sarebbe bello se potessimo
qualche fattore quei punti in comune

31
00:01:31,270 --> 00:01:34,860
in qualche posto centrale in modo che, se
Ho sempre voglia di cambiare la mia pagina

32
00:01:34,860 --> 00:01:38,580
struttura o addirittura il titolo, I
potrebbe farlo molto più facilmente.

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