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

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Así que he estado haciendo mi
propio motor de búsqueda, pero acabo de

3
00:00:02,400 --> 00:00:04,720
decidido reestructurar las cosas
debajo de la capucha.

4
00:00:04,720 --> 00:00:06,480
Vamos a echar un vistazo.

5
00:00:06,480 --> 00:00:11,240
Aquí en el código HTML para esta página, previo aviso
que tengo ahora en lo alto de la página lo

6
00:00:11,240 --> 00:00:15,390
parece ser un logotipo, logo.gif, y
Me he dado un texto alternativo de

7
00:00:15,390 --> 00:00:18,620
CS50 búsqueda, por si acaso alguien
no es capaz de ver esa imagen.

8
00:00:18,620 --> 00:00:22,340
>> Pero noto que he puesto esa imagen
dentro de un div, y he asigné

9
00:00:22,340 --> 00:00:27,060
un identificador único de la cita, fin de la cita, "de arriba".
Debajo de eso, tengo otro div cuya

10
00:00:27,060 --> 00:00:31,020
único ID He decidido ser "medio"
pero yo podría ser la identificación de estos divs

11
00:00:31,020 --> 00:00:32,360
como todo lo que me gustaría.

12
00:00:32,360 --> 00:00:35,340
Y dentro de este div "medio",
cuenta de que tengo un formulario.

13
00:00:35,340 --> 00:00:40,080
Esa forma al parecer, va a presentar
a través de HTTP llegar a los servidores de Google

14
00:00:40,080 --> 00:00:45,150
la siguiente entrada, una entrada cuyo
Tipo es texto y cuyo nombre es q.

15
00:00:45,150 --> 00:00:48,520
Y eso va a suceder tan pronto como el
Introduzca usuario golpea o hace clic en un botón

16
00:00:48,520 --> 00:00:50,410
etiquetado CS50 Buscar.

17
00:00:50,410 --> 00:00:53,750
>> Ahora en la parte inferior de la página, no tengo
una tercera y última div cuya única

18
00:00:53,750 --> 00:00:57,670
identificador es "inferior". Dentro de que,
Tengo mención de los derechos de autor,

19
00:00:57,670 --> 00:00:59,750
incluyendo una entidad HTML.

20
00:00:59,750 --> 00:01:06,230
Resulta que © es el HTML
entidad que representa los derechos de autor

21
00:01:06,230 --> 00:01:08,410
símbolo, para el cual más probable
usted no tiene una

22
00:01:08,410 --> 00:01:10,210
clave real en su teclado.

23
00:01:10,210 --> 00:01:12,560
Después de eso, menciono
que es de CS50.

24
00:01:12,560 --> 00:01:17,090
>> Ahora la parte superior, media e inferior existen por lo
que yo pueda identificar de forma única la parte superior,

25
00:01:17,090 --> 00:01:20,400
el centro y la parte inferior de esta página
para que yo pueda estilizar a cada uno un

26
00:01:20,400 --> 00:01:21,370
poco diferente.

27
00:01:21,370 --> 00:01:23,320
Y yo ya he tomado la
la libertad de hacerlo.

28
00:01:23,320 --> 00:01:27,030
Up mayor en mi página, tengo un estilo
etiqueta en el interior de las cuales son un poco de CSS

29
00:01:27,030 --> 00:01:27,880
propiedades.

30
00:01:27,880 --> 00:01:28,980
Vamos a echar un vistazo.

31
00:01:28,980 --> 00:01:33,450
>> Nótese que la cima de esta página, he
especifica que cualquier etiqueta HTML haría

32
00:01:33,450 --> 00:01:37,350
con el identificador único de la parte superior como
indicada por esa fuerte señal antes

33
00:01:37,350 --> 00:01:41,320
ella, debe tener text-align:
centro, como una propiedad.

34
00:01:41,320 --> 00:01:45,000
Mientras tanto, el centro de la página debe
de manera similar como centrados, pero cualquier

35
00:01:45,000 --> 00:01:48,870
entradas en el centro de la página debe
tener 5 píxeles de espacio en blanco

36
00:01:48,870 --> 00:01:51,860
alrededor de ellos, simplemente para dar
las cosas un poco más de espacio.

37
00:01:51,860 --> 00:01:55,630
Mientras tanto, en la parte inferior de la página,
He especificado que cualquier texto debería ser

38
00:01:55,630 --> 00:01:59,620
en una fuente más pequeña, que el peso de
dijo la fuente debe estar en negrita, que la

39
00:01:59,620 --> 00:02:03,800
margen alrededor de la parte inferior de la página
debe ser de 20 píxeles, sólo para darle un

40
00:02:03,800 --> 00:02:06,270
poco de espacio para respirar
también, y que cualquier texto

41
00:02:06,270 --> 00:02:08,190
ella debe estar centrado.

42
00:02:08,190 --> 00:02:09,580
>> ¿Qué va a ser el efecto neto?

43
00:02:09,580 --> 00:02:11,620
Bueno, vamos a echar un vistazo en un navegador.

44
00:02:11,620 --> 00:02:14,160
Si voy aquí a Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Ahora que es un buen aspecto
motor de búsqueda.

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