1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:02,400
>> DAVID Malan: J'ai donc été faire ma
propre moteur de recherche, mais je n'ai juste

3
00:00:02,400 --> 00:00:04,720
décidé de restructurer les choses
sous la hotte.

4
00:00:04,720 --> 00:00:06,480
Jetons un coup d'oeil.

5
00:00:06,480 --> 00:00:11,240
Ici, dans le code HTML de cette page, un avis
que j'ai maintenant au sommet de la page ce qui

6
00:00:11,240 --> 00:00:15,390
semble être un logo, logo.gif, et
Je lui ai donné un texte de remplacement de

7
00:00:15,390 --> 00:00:18,620
CS50 Recherche, juste au cas où quelqu'un
n'est pas en mesure de voir cette image.

8
00:00:18,620 --> 00:00:22,340
>> Mais remarque que j'ai placé cette image
l'intérieur d'un div, et j'ai attribué il

9
00:00:22,340 --> 00:00:27,060
un identifiant unique de entre guillemets, "top".
En dessous, j'ai un autre div dont

10
00:00:27,060 --> 00:00:31,020
ID unique que j'ai décidé d'être «moyenne»,
mais je pourrais identifier ces divs

11
00:00:31,020 --> 00:00:32,360
comme tout ce que je voudrais.

12
00:00:32,360 --> 00:00:35,340
Et à l'intérieur de cette div «milieu»,
remarquer que j'ai une forme.

13
00:00:35,340 --> 00:00:40,080
Ce formulaire va apparemment à soumettre
via HTTP obtenir les serveurs de Google

14
00:00:40,080 --> 00:00:45,150
l'entrée suivante, une entrée dont
type est texte et dont le nom est q.

15
00:00:45,150 --> 00:00:48,520
Et cela se produira dès que la
Résultats de l'utilisateur Entrée ou clique sur un bouton

16
00:00:48,520 --> 00:00:50,410
marqué CS50 Recherche.

17
00:00:50,410 --> 00:00:53,750
>> Maintenant au bas de la page, j'ai
une troisième et dernière div dont uniques

18
00:00:53,750 --> 00:00:57,670
identifiant est "bas". A l'intérieur de cela,
J'ai mention du droit d'auteur,

19
00:00:57,670 --> 00:00:59,750
y compris une entité HTML.

20
00:00:59,750 --> 00:01:06,230
Il s'avère que © est le HTML
entité qui représente le droit d'auteur

21
00:01:06,230 --> 00:01:08,410
symbole, pour qui le plus probable
vous n'avez pas un

22
00:01:08,410 --> 00:01:10,210
clé réelle de votre clavier.

23
00:01:10,210 --> 00:01:12,560
Après cela, je mentionne
que c'est CS50 de.

24
00:01:12,560 --> 00:01:17,090
>> Maintenant haut, milieu, bas et existent pour
que je peux identifier de manière unique le haut,

25
00:01:17,090 --> 00:01:20,400
au milieu, et le bas de page
de sorte que je peux les styliser chacun un

26
00:01:20,400 --> 00:01:21,370
peu différemment.

27
00:01:21,370 --> 00:01:23,320
Et j'ai déjà pris la
la liberté de le faire.

28
00:01:23,320 --> 00:01:27,030
Plus haut dans ma page, j'ai un style
étiquette à l'intérieur qui sont un peu de CSS

29
00:01:27,030 --> 00:01:27,880
propriétés.

30
00:01:27,880 --> 00:01:28,980
Jetons un coup d'oeil.

31
00:01:28,980 --> 00:01:33,450
>> Notez que sommet de cette page, je n'ai
précisé que quelle que soit la balise HTML serait

32
00:01:33,450 --> 00:01:37,350
à l'identifiant unique de haut en
indiqué par ce signe dièse avant

33
00:01:37,350 --> 00:01:41,320
il, doit avoir text-align:
centre, comme une propriété.

34
00:01:41,320 --> 00:01:45,000
Pendant ce temps, au milieu de la page devrait
de même être centrée, mais tout

35
00:01:45,000 --> 00:01:48,870
entrées dans le milieu de la page devrait
avoir 5 pixels d'espace blanc

36
00:01:48,870 --> 00:01:51,860
autour d'eux, tout simplement pour donner
les choses un peu plus de place.

37
00:01:51,860 --> 00:01:55,630
Pendant ce temps, au bas de la page,
J'ai précisé que le texte devrait être

38
00:01:55,630 --> 00:01:59,620
dans une police plus petite, que le poids d'
ladite police doit être en gras, que l'

39
00:01:59,620 --> 00:02:03,800
autour de la marge inférieure de la page
devrait être de 20 pixels, juste pour lui donner un

40
00:02:03,800 --> 00:02:06,270
peu de marge de manœuvre
ainsi, et que tout texte

41
00:02:06,270 --> 00:02:08,190
y doit être centré.

42
00:02:08,190 --> 00:02:09,580
>> Qu'est-ce que ça va être l'effet net?

43
00:02:09,580 --> 00:02:11,620
Eh bien, nous allons jeter un coup d'oeil dans un navigateur.

44
00:02:11,620 --> 00:02:14,160
Si je vais là pour Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Maintenant que c'est un beau
moteur de recherche.

46
00:02:16,140 --> 00:02:18,539