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

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Así que he estado trabajando
en este motor de búsqueda

3
00:00:01,970 --> 00:00:03,480
que se parece a esto.

4
00:00:03,480 --> 00:00:07,580
Me parece que tienen un título llamado CS50
Buscar, por debajo del cual es un formulario HTML,

5
00:00:07,580 --> 00:00:10,430
dentro de los cuales es una entrada cuya
Tipo es texto y otra entrada

6
00:00:10,430 --> 00:00:12,260
cuyo tipo es presentar.

7
00:00:12,260 --> 00:00:15,400
Echemos un vistazo a la subyacente
código fuente de esta página.

8
00:00:15,400 --> 00:00:20,180
>> Aquí, en la búsqueda-2.html, observe que
de hecho tener un título en la forma de la

9
00:00:20,180 --> 00:00:23,260
cabeza, así como en el cuerpo
con una etiqueta h1 alrededor.

10
00:00:23,260 --> 00:00:26,490
Tengo un formulario HTML, y
entonces esas dos entradas.

11
00:00:26,490 --> 00:00:30,650
Pero noten, en particular en el cuerpo
etiqueta, que he declarado un estilo

12
00:00:30,650 --> 00:00:35,770
atributo cuyo valor es text-align:
centro;, especificando de ese modo que todos

13
00:00:35,770 --> 00:00:38,390
texto en esta página debe ser
alineada en el centro.

14
00:00:38,390 --> 00:00:41,700
>> Ahora bien, esto funciona perfectamente bien,
pero es un poco descuidado.

15
00:00:41,700 --> 00:00:43,900
Realmente no se puede decir a la mayor cantidad
porque esta página es bastante

16
00:00:43,900 --> 00:00:44,960
pequeña en el momento.

17
00:00:44,960 --> 00:00:47,520
Pero imagínese si esta página tiene
más y más tiempo y

18
00:00:47,520 --> 00:00:49,180
más largo y complejo.

19
00:00:49,180 --> 00:00:53,960
>> Observe que el patrón que he adoptado
aquí es entremezclar mi estética

20
00:00:53,960 --> 00:00:57,380
con la estructura de la página
mediante el atributo de estilo.

21
00:00:57,380 --> 00:01:00,540
Larga historia corta, esto no es la mejor
diseño, sin duda como crecen sus páginas

22
00:01:00,540 --> 00:01:02,010
más complejo.

23
00:01:02,010 --> 00:01:05,830
Mejor diseño sería objeto de eliminar
que la estilización y ponerlo en algún lugar

24
00:01:05,830 --> 00:01:09,730
central, por ejemplo, no en un estilo
atribuir pero en una etiqueta de estilo,

25
00:01:09,730 --> 00:01:13,310
específicamente una etiqueta de estilo en el interior
de etiqueta de la cabeza de mi página.

26
00:01:13,310 --> 00:01:14,830
Vamos a hacer exactamente eso.

27
00:01:14,830 --> 00:01:18,160
>> En primer lugar vamos a ir aquí y eliminar
atributo de este estilo por completo.

28
00:01:18,160 --> 00:01:22,420
Entonces copia de seguridad en la cabeza de mi página, vamos a
declarar una etiqueta de estilo y cerrarla en

29
00:01:22,420 --> 00:01:24,620
Al mismo tiempo, así que no lo hacen
olvide después.

30
00:01:24,620 --> 00:01:28,120
Y luego vamos a especificar que el cuerpo
de esta página debe tener un CSS

31
00:01:28,120 --> 00:01:32,040
propiedad text-align es el centro.

32
00:01:32,040 --> 00:01:35,320
Ahora vamos a guardar esta página, vuelva a cargar el
navegador, y ver lo que el efecto es.

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

34
00:01:38,070 --> 00:01:40,510
>> Recargar en el navegador -

35
00:01:40,510 --> 00:01:41,570
ningún efecto en absoluto.

36
00:01:41,570 --> 00:01:43,110
Pero ningún efecto se pretendía.

37
00:01:43,110 --> 00:01:45,150
Simplemente estamos mejorando
El diseño de esta página.

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