1 00:00:00,000 --> 00:00:02,930 >> SPEAKER: Anta at vi ønsker å opprette en hjemmeside for et kurs som 2 00:00:02,930 --> 00:00:04,900 gir studentene lenker til ressurser. 3 00:00:04,900 --> 00:00:05,880 Hvordan kan vi gjøre det? 4 00:00:05,880 --> 00:00:08,460 Vel, la meg foreslå dette veldig enkelt eksempel. 5 00:00:08,460 --> 00:00:12,740 >> Her har vi kurset navn, CS50, under hvilken er en ordnet liste, en 6 00:00:12,740 --> 00:00:15,730 med en link til forelesninger, og en med en lenke til pensum. 7 00:00:15,730 --> 00:00:19,500 Hvis jeg klikker nå på forelesninger, ser jeg annen uordnet liste, denne gangen med 8 00:00:19,500 --> 00:00:22,400 en link til uke 0, og en annen lenker til uke 1. 9 00:00:22,400 --> 00:00:25,760 Hvis jeg velger Uke 0, for eksempel, vil jeg ser nå at vi har koblinger til 10 00:00:25,760 --> 00:00:27,780 Onsdag og lenker til fredag. 11 00:00:27,780 --> 00:00:32,950 Og hvis jeg dykke i ett nivå dypere, er dette CS50. 12 00:00:32,950 --> 00:00:35,880 >> Nå, hvordan kan vi gå om å implementere området i koden? 13 00:00:35,880 --> 00:00:37,310 Vel, la oss ta en titt. 14 00:00:37,310 --> 00:00:41,090 Her, i index.php, la meg å foreslå ikke engang PHP 15 00:00:41,090 --> 00:00:43,260 kode, men bare HTML. 16 00:00:43,260 --> 00:00:46,290 Spesielt er det at uordnet liste på innsiden av hvilke 17 00:00:46,290 --> 00:00:47,950 er to listeelementer. 18 00:00:47,950 --> 00:00:51,500 >> Hvis vi nå ser på lectures.php, til hvor den første av disse kuler 19 00:00:51,500 --> 00:00:55,250 knyttet sammen, ser vi nå at andre sorterte liste, denne med linker til 20 00:00:55,250 --> 00:00:57,110 Uke 0 og uke 1. 21 00:00:57,110 --> 00:01:01,830 Og vi tar en titt på week0.php, til som at første kule lenker, her vi 22 00:01:01,830 --> 00:01:05,120 se, igjen, en ikke-sorterte liste, dette tid med en link til onsdagens 23 00:01:05,120 --> 00:01:07,940 lysbilder, og en annen link til fredag ​​lysbilder. 24 00:01:07,940 --> 00:01:10,330 Og i uke 1 er svært lik kode. 25 00:01:10,330 --> 00:01:13,610 >> Nå over alle fire av disse filene er ganske mye redundans. 26 00:01:13,610 --> 00:01:17,970 Spesielt, har hver av dem en HTML tag, et hode tag, en tittel tag, og 27 00:01:17,970 --> 00:01:19,340 tittelen CS50. 28 00:01:19,340 --> 00:01:24,030 Hver av dem har en kropp og en H1 tag, på innsiden av disse er, igjen, CS50. 29 00:01:24,030 --> 00:01:27,240 Og under det er en ikke-sorterte listen igjen og igjen. 30 00:01:27,240 --> 00:01:31,270 Sikkert det ville være fint om vi kunne liksom faktor ut disse fellestrekk 31 00:01:31,270 --> 00:01:34,860 inn i et sentralt sted, slik at, dersom Jeg ønsker å endre min sidens 32 00:01:34,860 --> 00:01:38,580 struktur eller sin tittel, jeg kunne gjøre det mye lettere. 33 00:01:38,580 --> 00:01:40,331