1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Je fais des
mon propre moteur de recherche.

3
00:00:01,900 --> 00:00:04,100
Et pour le moment, il semble que cela.

4
00:00:04,100 --> 00:00:05,265
J'ai ici le titre de la page.

5
00:00:05,265 --> 00:00:06,580
C'est CS50 Recherche.

6
00:00:06,580 --> 00:00:10,380
J'ai un formulaire HTML à l'intérieur duquel
semble être une entrée dont le type est

7
00:00:10,380 --> 00:00:13,650
une autre entrée de texte et
dont le type est présenter.

8
00:00:13,650 --> 00:00:17,180
>> Si nous prenons maintenant un coup d'oeil à la source pour
cette page, vous remarquerez que, en effet, nous

9
00:00:17,180 --> 00:00:20,260
avoir un h1 et une balise de titre que
sont de transport que ce

10
00:00:20,260 --> 00:00:22,020
est en effet CS50 Recherche.

11
00:00:22,020 --> 00:00:25,940
Nous avons une étiquette de forme qui est la spécification
que le formulaire doit être soumis à

12
00:00:25,940 --> 00:00:27,140
nos amis de Google.

13
00:00:27,140 --> 00:00:30,430
Et à l'intérieur de cette forme, nous avons
ces deux types d'entrée.

14
00:00:30,430 --> 00:00:33,770
>> Mais remarquez maintenant vers le haut de la
la page, à l'intérieur de la tête de la page,

15
00:00:33,770 --> 00:00:36,750
il ya une balise de style, à l'intérieur de
qui est une propriété CSS

16
00:00:36,750 --> 00:00:38,570
le corps de la page.

17
00:00:38,570 --> 00:00:41,580
Que si, si, nous voulions
faire tout le texte aligné

18
00:00:41,580 --> 00:00:43,050
sur plusieurs pages?

19
00:00:43,050 --> 00:00:46,640
En d'autres termes, je voulais utiliser ce
propriété CSS encore et encore et encore

20
00:00:46,640 --> 00:00:50,030
dans les différentes pages web, tout
dont avoir l'étiquette de corps?

21
00:00:50,030 --> 00:00:53,660
Eh bien, je pourrais certainement de copier et coller
le CSS dans chacune de ces pages, mais

22
00:00:53,660 --> 00:00:57,730
ce serait une meilleure conception de ce facteur
Départ dans certains fichier central, puis

23
00:00:57,730 --> 00:01:01,100
inclure quelque sorte ce fichier dans tous
ces pages afin que si jamais je veux

24
00:01:01,100 --> 00:01:04,840
faire un changement et aligner mon texte sur la
gauche ou aligner mon texte sur la droite, je

25
00:01:04,840 --> 00:01:07,220
peut le faire beaucoup plus facilement.

26
00:01:07,220 --> 00:01:08,860
Essayons de le faire.

27
00:01:08,860 --> 00:01:12,520
>> Tout d'abord, nous allons couper cette
balise de style tout à fait.

28
00:01:12,520 --> 00:01:16,820
Et maintenant, nous allons ouvrir un fichier appelé,
par exemple, la recherche-3.css et mettre que

29
00:01:16,820 --> 00:01:18,970
même CSS dans ce fichier.

30
00:01:18,970 --> 00:01:23,500
corps va avoir
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Sauvons ce fichier.

32
00:01:24,760 --> 00:01:30,950
>> Passons maintenant Retour à la recherche-3.html et,
dans la tête à nouveau, ajouter une balise de lien

33
00:01:30,950 --> 00:01:33,630
spécifiant une hyper-référence
de la recherche-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Et nous allons préciser que la relation
que ce fichier a la

35
00:01:38,650 --> 00:01:41,880
Cette page est de servir sa feuille de style.

36
00:01:41,880 --> 00:01:44,840
Nous allons maintenant fermer cette balise, sauvegarder
le fichier, et rechargement

37
00:01:44,840 --> 00:01:46,910
cette page dans le navigateur.

38
00:01:46,910 --> 00:01:49,700
>> Il a remanié le texte sur la
gauche comme si le CSS

39
00:01:49,700 --> 00:01:50,905
la propriété n'a même pas été appliqué.

40
00:01:50,905 --> 00:01:53,020
Maintenant, pourquoi cela pourrait-il être?

41
00:01:53,020 --> 00:01:54,590
Jetons un coup d'oeil à l'
les autorisations de fichiers -

42
00:01:54,590 --> 00:01:58,630
pas des permissions de fichier HTML,
mais les autorisations du fichier CSS.

43
00:01:58,630 --> 00:02:02,740
>> Retour ici dans gedit, descendons à
la fenêtre de terminal et tapez ls-l

44
00:02:02,740 --> 00:02:04,720
recherche-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, en effet, même si je, le dossier de l'
propriétaire, peut lire et écrire ce fichier,

46
00:02:09,810 --> 00:02:11,110
personne d'autre ne peut le lire.

47
00:02:11,110 --> 00:02:17,570
Mais nous pouvons résoudre ce problème avec chmod a + r
recherche-3.css, et maintenant de laisser re-exécuter

48
00:02:17,570 --> 00:02:20,970
ls-l-recherche-3.css -

49
00:02:20,970 --> 00:02:21,910
et beaucoup mieux.

50
00:02:21,910 --> 00:02:24,380
Maintenant le monde entier peut
lire ce fichier.

51
00:02:24,380 --> 00:02:26,950
>> Revenons au navigateur, recharger.

52
00:02:26,950 --> 00:02:29,220
Voila, nous sommes de retour à une centrée
moteur de recherche.

53
00:02:29,220 --> 00:02:32,450
Bien sûr, c'est là que nous avons commencé l'
histoire, avec notre texte déjà centré.

54
00:02:32,450 --> 00:02:36,000
Mais quoi de mieux conception maintenant est que
nous avons pris en compte que CSS dans un

55
00:02:36,000 --> 00:02:39,690
fichier central, un endroit que nous pouvons alors
inclure dans d'autres pages Web qui

56
00:02:39,690 --> 00:02:41,580
nous pourrions arriver à faire dans l'avenir.

57
00:02:41,580 --> 00:02:45,430
Donc, si jamais nous voulons recentrer ou
restylize plus généralement nos pages, nous

58
00:02:45,430 --> 00:02:48,570
peut le faire très simplement en
une place centrale.

59
00:02:48,570 --> 00:02:50,902