1 00:00:00,000 --> 00:00:02,930 >> ENCEINTE: Supposons que nous aimerions créer une page d'accueil pour un cours qui 2 00:00:02,930 --> 00:00:04,900 donne aux étudiants liens vers des ressources. 3 00:00:04,900 --> 00:00:05,880 Comment pourrions-nous le faire? 4 00:00:05,880 --> 00:00:08,460 Eh bien, permettez-moi de proposer ce exemple très simple. 5 00:00:08,460 --> 00:00:12,740 >> Ici, nous avons le nom du cours, CS50, ci-dessous, qui est une liste ordonnée, un 6 00:00:12,740 --> 00:00:15,730 avec un lien vers des conférences, et un avec un lien vers le programme. 7 00:00:15,730 --> 00:00:19,500 Si je clique maintenant sur des conférences, je vois une autre liste non ordonnée, cette fois avec 8 00:00:19,500 --> 00:00:22,400 un lien à la Semaine 0, et un autre lier à la semaine 1. 9 00:00:22,400 --> 00:00:25,760 Si je choisis la semaine 0, par exemple, je vais maintenant voir que nous avons des liens vers 10 00:00:25,760 --> 00:00:27,780 Mercredi et liens au vendredi. 11 00:00:27,780 --> 00:00:32,950 Et si je plonge dans un niveau plus profond, c'est CS50. 12 00:00:32,950 --> 00:00:35,880 >> Maintenant, comment pourrions-nous aller sur la mise en œuvre le site dans le code? 13 00:00:35,880 --> 00:00:37,310 Eh bien, nous allons jeter un coup d'oeil. 14 00:00:37,310 --> 00:00:41,090 Ici, dans index.php, permettez-moi de proposer même pas PHP 15 00:00:41,090 --> 00:00:43,260 code, mais simplement HTML. 16 00:00:43,260 --> 00:00:46,290 En particulier, il n'y a que non ordonnée liste à l'intérieur duquel 17 00:00:46,290 --> 00:00:47,950 sont deux éléments de la liste. 18 00:00:47,950 --> 00:00:51,500 >> Si l'on regarde maintenant lectures.php, à où la première de ces balles 19 00:00:51,500 --> 00:00:55,250 lié, nous voyons maintenant que le deuxième non ordonnée liste, celui-ci avec des liens vers 20 00:00:55,250 --> 00:00:57,110 Semaine 0 et 1 semaine. 21 00:00:57,110 --> 00:01:01,830 Et nous prenons un coup d'oeil à week0.php, à qui que les premiers liens de balles, ici nous 22 00:01:01,830 --> 00:01:05,120 voir, à nouveau, une liste non ordonnée, ce temps avec un lien vers de mercredi 23 00:01:05,120 --> 00:01:07,940 diapositives, et un autre lien aux diapositives de vendredi. 24 00:01:07,940 --> 00:01:10,330 Et dans la semaine 1 est un code très similaire. 25 00:01:10,330 --> 00:01:13,610 >> Maintenant dans les quatre de ces fichiers est tout à fait un peu de redondance. 26 00:01:13,610 --> 00:01:17,970 En particulier, chacun d'eux a une HTML tag, une étiquette de tête, une balise de titre, et 27 00:01:17,970 --> 00:01:19,340 le titre CS50. 28 00:01:19,340 --> 00:01:24,030 Chacun d'eux a un corps et une balise H1, l'intérieur de ce qui est, encore une fois, CS50. 29 00:01:24,030 --> 00:01:27,240 Et sous qui est un non ordonnée liste encore et encore. 30 00:01:27,240 --> 00:01:31,270 Certes, ce serait bien si nous pouvions tenir compte d'une certaine manière sur ces points communs 31 00:01:31,270 --> 00:01:34,860 dans un endroit central, de sorte que, si Jamais je veux changer ma page de 32 00:01:34,860 --> 00:01:38,580 la structure ou encore son titre, je pourrait le faire beaucoup plus facilement. 33 00:01:38,580 --> 00:01:40,331