1
00:00:00,000 --> 00:00:02,930
>> Speak: Antag att vi vill
skapa en hemsida för en kurs som

2
00:00:02,930 --> 00:00:04,900
ger studenterna
länkar till resurser.

3
00:00:04,900 --> 00:00:05,880
Hur kan vi göra det?

4
00:00:05,880 --> 00:00:08,460
Nåväl, låt mig föreslå detta
mycket enkelt exempel.

5
00:00:08,460 --> 00:00:12,740
>> Här har vi kursens namn, CS50,
under vilket är en ordnad lista, en

6
00:00:12,740 --> 00:00:15,730
med en länk till föreläsningar, och en
med en länk till kursplanen.

7
00:00:15,730 --> 00:00:19,500
Om jag klickar nu på föreläsningar, ser jag
en oordnad lista, denna gång med

8
00:00:19,500 --> 00:00:22,400
en länk till vecka 0 och en annan
länka till vecka 1.

9
00:00:22,400 --> 00:00:25,760
Om jag väljer Vecka 0, till exempel, kommer jag
nu se att vi har länkar till

10
00:00:25,760 --> 00:00:27,780
Onsdag och länkar till fredag.

11
00:00:27,780 --> 00:00:32,950
Och om jag dyka i en nivå
djupare, är detta CS50.

12
00:00:32,950 --> 00:00:35,880
>> Nu, hur kan vi gå om att genomföra
webbplatsen i koden?

13
00:00:35,880 --> 00:00:37,310
Nåväl, låt oss ta en titt.

14
00:00:37,310 --> 00:00:41,090
Här, i index.php, tillåt mig
föreslå inte ens PHP

15
00:00:41,090 --> 00:00:43,260
kod, utan helt enkelt HTML.

16
00:00:43,260 --> 00:00:46,290
Framför allt finns det oordnad
lista inuti vilken

17
00:00:46,290 --> 00:00:47,950
är två listobjekt.

18
00:00:47,950 --> 00:00:51,500
>> Om vi ​​nu tittar på lectures.php, till
som det första av dessa kulor

19
00:00:51,500 --> 00:00:55,250
kopplade, vi ser nu att andra oordnad
lista, här med länkar till

20
00:00:55,250 --> 00:00:57,110
Vecka 0 och vecka 1.

21
00:00:57,110 --> 00:01:01,830
Och vi tar en titt på week0.php, till
som att första kula länkar, här är vi

22
00:01:01,830 --> 00:01:05,120
se, återigen, en oordnad lista, detta
tid med en länk till onsdagens

23
00:01:05,120 --> 00:01:07,940
diabilder, och en annan länk
till fredagens bilder.

24
00:01:07,940 --> 00:01:10,330
Och i Vecka 1 är mycket likartad kod.

25
00:01:10,330 --> 00:01:13,610
>> Nu i alla fyra av dessa filer
är ganska lite av redundans.

26
00:01:13,610 --> 00:01:17,970
I synnerhet var och en av dem har en HTML
tagg, en huvud-tagg, en titel tagg, och

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

28
00:01:19,340 --> 00:01:24,030
Var och en av dem har en kropp och en H1-tagg,
inuti vilken är, återigen, CS50.

29
00:01:24,030 --> 00:01:27,240
Och under det är en oordnad
lista om och om igen.

30
00:01:27,240 --> 00:01:31,270
Visst skulle det vara trevligt om vi kunde
något sätt faktor ut dessa likheter

31
00:01:31,270 --> 00:01:34,860
i någon central plats så att om
Jag någonsin vill ändra min sidas

32
00:01:34,860 --> 00:01:38,580
struktur eller till dess titel, jag
skulle kunna göra det mycket lättare.

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