SPEAKER: Oletetaan, että haluaisimme luoda kotisivun tietenkin, että tarjoaa opiskelijoille linkkejä resursseja. Kuinka me saatamme tehdä sen? No, minäpä ehdottaa tämän hyvin yksinkertainen esimerkki. 

Täällä meillä on kurssin nimi, CS50, jonka alapuolella on järjestetty lista, yksi , jossa on linkki luentoja, ja yksi jossa on linkki oppimäärän. Jos minä klikkaa nyt luentoja, näen toinen Järjestämätön lista, tällä kertaa linkki viikolla 0 ja toinen linkki Viikko 1. Jos päätän viikko 0, esimerkiksi, minä nyt nähdä, että meillä on yhteyksiä Keskiviikkona ja linkkejä perjantaina. Ja jos minä sukeltaa yhdessä tasossa syvemmälle, tämä on CS50. 

Nyt, kuinka me menemme panna täytäntöön sivuston koodissa? No, katsotaanpa katsomaan. Täällä index.php, saanen ehdottamaan edes PHP koodia, vaan yksinkertaisesti HTML. Erityisesti tuo järjestämättömiä lista jonka sisällä kaksi lista kohteita. 

Jos katsomme nyt lectures.php, jotta jonka ensimmäinen näistä luoteja toisiinsa, näemme nyt, että toinen järjestämättömiä lista, tämä on yhteydet Viikolla 0 ja viikko 1. Ja me katsomaan week0.php, jotta jona ensimmäinen luoti linkkejä, täällä katso, jälleen, Järjestämätön lista, tämä aikaa linkki keskiviikon dioja, ja toinen linkki perjantain dioja. Ja viikolla 1 on hyvin samanlainen koodi. 

Nyt kaikissa neljässä nämä tiedostot on melko vähän irtisanomisia. Erityisesti, jokainen niistä on HTML tag, pään tag, otsikkokoodien otsikko CS50. Jokainen niistä on kehon ja H1 tag, jonka sisällä on, jälleen, CS50. Ja jonka alapuolella on järjestämättömiä luetella uudelleen ja uudelleen. Varmasti se olisi mukavaa, jos voisimme jotenkin tekijä pois ne yhteneväisyydet johonkin keskeinen paikka niin, että jos En koskaan halua muuttaa sivun rakennetta tai edes sen otsikko, I voisi tehdä sen paljon helpommin.