1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID Malan: Així que he estat treballant
en aquest motor de cerca

3
00:00:01,970 --> 00:00:03,480
que són aquestes.

4
00:00:03,480 --> 00:00:07,580
Em sembla que tenen un títol anomenat CS50
Cercar, per sota del qual és un formulari HTML,

5
00:00:07,580 --> 00:00:10,430
dins dels quals és una entrada la
Tipus és text i una altra entrada

6
00:00:10,430 --> 00:00:12,260
el tipus és presentar.

7
00:00:12,260 --> 00:00:15,400
Fem una ullada a la subjacent
codi font d'aquesta pàgina.

8
00:00:15,400 --> 00:00:20,180
>> Aquí, a la recerca-2.html, observi que
de fet tenir un títol en la forma de l'

9
00:00:20,180 --> 00:00:23,260
cap, així com en el cos
amb una etiqueta h1 voltant.

10
00:00:23,260 --> 00:00:26,490
Tinc un formulari HTML, i
llavors aquestes dues entrades.

11
00:00:26,490 --> 00:00:30,650
Però notin, en particular en el cos
etiqueta, que he declarat un estil

12
00:00:30,650 --> 00:00:35,770
atribut el valor és text-align:
centre;, especificant d'aquesta manera que tots

13
00:00:35,770 --> 00:00:38,390
text en aquesta pàgina ha de ser
alineada al centre.

14
00:00:38,390 --> 00:00:41,700
>> Ara bé, això funciona perfectament bé,
però és una mica descuidat.

15
00:00:41,700 --> 00:00:43,900
Realment no es pot dir a la major quantitat
perquè aquesta pàgina és bastant

16
00:00:43,900 --> 00:00:44,960
petita al moment.

17
00:00:44,960 --> 00:00:47,520
Però imagini si aquesta pàgina té
més i més temps i

18
00:00:47,520 --> 00:00:49,180
més llarg i complex.

19
00:00:49,180 --> 00:00:53,960
>> Observeu que el patró que he adoptat
aquí és barrejar la meva estètica

20
00:00:53,960 --> 00:00:57,380
amb l'estructura de la pàgina
mitjançant l'atribut d'estil.

21
00:00:57,380 --> 00:01:00,540
Llarga història curta, això no és la millor
disseny, sens dubte com creixen les seves pàgines

22
00:01:00,540 --> 00:01:02,010
més complex.

23
00:01:02,010 --> 00:01:05,830
Millor disseny seria objecte d'eliminar
que l'estilització i posar-lo en algun lloc

24
00:01:05,830 --> 00:01:09,730
central, per exemple, no en un estil
atribuir però en una etiqueta d'estil,

25
00:01:09,730 --> 00:01:13,310
específicament una etiqueta d'estil a l'interior
d'etiqueta del cap de la meva pàgina.

26
00:01:13,310 --> 00:01:14,830
Farem exactament això.

27
00:01:14,830 --> 00:01:18,160
>> En primer lloc anirem aquí i eliminar
atribut d'aquest estil per complet.

28
00:01:18,160 --> 00:01:22,420
Llavors còpia de seguretat al cap de la meva pàgina, anem a
declarar una etiqueta d'estil i tancar-la en

29
00:01:22,420 --> 00:01:24,620
Al mateix temps, així que no ho fan
oblidi després.

30
00:01:24,620 --> 00:01:28,120
I després anem a especificar que el cos
d'aquesta pàgina ha de tenir un CSS

31
00:01:28,120 --> 00:01:32,040
propietat text-align és el centre.

32
00:01:32,040 --> 00:01:35,320
Ara anem a guardar aquesta pàgina, torneu a carregar el
navegador, i veure el que l'efecte és.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Recarregar al navegador -

35
00:01:40,510 --> 00:01:41,570
cap efecte en absolut.

36
00:01:41,570 --> 00:01:43,110
Però cap efecte es pretenia.

37
00:01:43,110 --> 00:01:45,150
Simplement estem millorant
El disseny d'aquesta pàgina.

38
00:01:45,150 --> 00:01:47,606