1 00:00:00,000 --> 00:00:02,930 >> SPEAKER: Oletetaan, että haluaisimme luoda kotisivun tietenkin, että 2 00:00:02,930 --> 00:00:04,900 tarjoaa opiskelijoille linkkejä resursseja. 3 00:00:04,900 --> 00:00:05,880 Kuinka me saatamme tehdä sen? 4 00:00:05,880 --> 00:00:08,460 No, minäpä ehdottaa tämän hyvin yksinkertainen esimerkki. 5 00:00:08,460 --> 00:00:12,740 >> Täällä meillä on kurssin nimi, CS50, jonka alapuolella on järjestetty lista, yksi 6 00:00:12,740 --> 00:00:15,730 , jossa on linkki luentoja, ja yksi jossa on linkki oppimäärän. 7 00:00:15,730 --> 00:00:19,500 Jos minä klikkaa nyt luentoja, näen toinen Järjestämätön lista, tällä kertaa 8 00:00:19,500 --> 00:00:22,400 linkki viikolla 0 ja toinen linkki Viikko 1. 9 00:00:22,400 --> 00:00:25,760 Jos päätän viikko 0, esimerkiksi, minä nyt nähdä, että meillä on yhteyksiä 10 00:00:25,760 --> 00:00:27,780 Keskiviikkona ja linkkejä perjantaina. 11 00:00:27,780 --> 00:00:32,950 Ja jos minä sukeltaa yhdessä tasossa syvemmälle, tämä on CS50. 12 00:00:32,950 --> 00:00:35,880 >> Nyt, kuinka me menemme panna täytäntöön sivuston koodissa? 13 00:00:35,880 --> 00:00:37,310 No, katsotaanpa katsomaan. 14 00:00:37,310 --> 00:00:41,090 Täällä index.php, saanen ehdottamaan edes PHP 15 00:00:41,090 --> 00:00:43,260 koodia, vaan yksinkertaisesti HTML. 16 00:00:43,260 --> 00:00:46,290 Erityisesti tuo järjestämättömiä lista jonka sisällä 17 00:00:46,290 --> 00:00:47,950 kaksi lista kohteita. 18 00:00:47,950 --> 00:00:51,500 >> Jos katsomme nyt lectures.php, jotta jonka ensimmäinen näistä luoteja 19 00:00:51,500 --> 00:00:55,250 toisiinsa, näemme nyt, että toinen järjestämättömiä lista, tämä on yhteydet 20 00:00:55,250 --> 00:00:57,110 Viikolla 0 ja viikko 1. 21 00:00:57,110 --> 00:01:01,830 Ja me katsomaan week0.php, jotta jona ensimmäinen luoti linkkejä, täällä 22 00:01:01,830 --> 00:01:05,120 katso, jälleen, Järjestämätön lista, tämä aikaa linkki keskiviikon 23 00:01:05,120 --> 00:01:07,940 dioja, ja toinen linkki perjantain dioja. 24 00:01:07,940 --> 00:01:10,330 Ja viikolla 1 on hyvin samanlainen koodi. 25 00:01:10,330 --> 00:01:13,610 >> Nyt kaikissa neljässä nämä tiedostot on melko vähän irtisanomisia. 26 00:01:13,610 --> 00:01:17,970 Erityisesti, jokainen niistä on HTML tag, pään tag, otsikkokoodien 27 00:01:17,970 --> 00:01:19,340 otsikko CS50. 28 00:01:19,340 --> 00:01:24,030 Jokainen niistä on kehon ja H1 tag, jonka sisällä on, jälleen, CS50. 29 00:01:24,030 --> 00:01:27,240 Ja jonka alapuolella on järjestämättömiä luetella uudelleen ja uudelleen. 30 00:01:27,240 --> 00:01:31,270 Varmasti se olisi mukavaa, jos voisimme jotenkin tekijä pois ne yhteneväisyydet 31 00:01:31,270 --> 00:01:34,860 johonkin keskeinen paikka niin, että jos En koskaan halua muuttaa sivun 32 00:01:34,860 --> 00:01:38,580 rakennetta tai edes sen otsikko, I voisi tehdä sen paljon helpommin. 33 00:01:38,580 --> 00:01:40,331