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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Así que he estado haciendo
mi propio motor de búsqueda.

3
00:00:01,900 --> 00:00:04,100
Y en este momento, parece que esto.

4
00:00:04,100 --> 00:00:05,265
Tengo aquí el título de la página.

5
00:00:05,265 --> 00:00:06,580
Es CS50 Buscar.

6
00:00:06,580 --> 00:00:10,380
Tengo un formulario HTML dentro de los cuales
parece ser una entrada cuyo tipo es

7
00:00:10,380 --> 00:00:13,650
texto y otra entrada
cuyo tipo es presentar.

8
00:00:13,650 --> 00:00:17,180
>> Si ahora echamos un vistazo a la fuente de
esta página, observe que, en efecto, nos

9
00:00:17,180 --> 00:00:20,260
tener un h1 y una etiqueta de título que
está transmitiendo que este

10
00:00:20,260 --> 00:00:22,020
es de hecho CS50 Buscar.

11
00:00:22,020 --> 00:00:25,940
Contamos con una etiqueta de formulario que se especifica
que el formulario debe ser presentado al

12
00:00:25,940 --> 00:00:27,140
nuestros amigos de Google.

13
00:00:27,140 --> 00:00:30,430
Y dentro de esa forma, tenemos
esos dos tipos de entrada.

14
00:00:30,430 --> 00:00:33,770
>> Pero note ahora hacia la parte superior de la
página, en el interior de la cabeza de la página,

15
00:00:33,770 --> 00:00:36,750
hay una etiqueta de estilo, en el interior de
que es una propiedad CSS para

16
00:00:36,750 --> 00:00:38,570
el cuerpo de la página.

17
00:00:38,570 --> 00:00:41,580
¿Qué pasa si, sin embargo, hemos querido
hacer todo el texto alineado

18
00:00:41,580 --> 00:00:43,050
en varias páginas?

19
00:00:43,050 --> 00:00:46,640
En otras palabras, quería volver a utilizar este
Propiedad CSS y otra vez y otra vez

20
00:00:46,640 --> 00:00:50,030
en diferentes páginas web, todo
de los cuales tienen la etiqueta del cuerpo?

21
00:00:50,030 --> 00:00:53,660
Bueno, yo podría, sin duda, copie y pegue
la CSS en cada una de esas páginas, pero

22
00:00:53,660 --> 00:00:57,730
que sería mejor diseño de este factor
fuera en algún archivo central y luego

23
00:00:57,730 --> 00:01:01,100
de alguna manera incluir ese archivo en todos
esas páginas para que si alguna vez quiero

24
00:01:01,100 --> 00:01:04,840
hacer un cambio y alinear mi texto en el
dejé mi texto o alinear a la derecha, yo

25
00:01:04,840 --> 00:01:07,220
puede hacerlo mucho más fácilmente.

26
00:01:07,220 --> 00:01:08,860
Vamos a tratar de hacer esto.

27
00:01:08,860 --> 00:01:12,520
>> En primer lugar, vamos a cortar a cabo esta
etiqueta de estilo completo.

28
00:01:12,520 --> 00:01:16,820
Y ahora vamos a abrir un archivo llamado,
por ejemplo, la búsqueda de 3.css y poner ese

29
00:01:16,820 --> 00:01:18,970
misma CSS en este archivo.

30
00:01:18,970 --> 00:01:23,500
cuerpo va a tener
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Vamos a guardar ese archivo.

32
00:01:24,760 --> 00:01:30,950
>> Ahora vamos a volver a buscar-3.html y,
en la cabeza de nuevo, agregar una etiqueta de enlace

33
00:01:30,950 --> 00:01:33,630
la especificación de una referencia hiper
de búsqueda-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Y vamos a especificar que la relación
que este archivo tiene con el

35
00:01:38,650 --> 00:01:41,880
la página es la de servir como su hoja de estilos.

36
00:01:41,880 --> 00:01:44,840
Ahora vamos a cerrar esta etiqueta, salvo
el archivo y recarga

37
00:01:44,840 --> 00:01:46,910
esta página en el navegador.

38
00:01:46,910 --> 00:01:49,700
>> Se reorganizó el texto en la
izquierda como si la CSS

39
00:01:49,700 --> 00:01:50,905
propiedad ni siquiera se aplica.

40
00:01:50,905 --> 00:01:53,020
Ahora ¿por qué podría ser?

41
00:01:53,020 --> 00:01:54,590
Vamos a echar un vistazo a la
Permisos de archivo -

42
00:01:54,590 --> 00:01:58,630
no los permisos del archivo HTML,
pero los permisos del archivo CSS.

43
00:01:58,630 --> 00:02:02,740
>> Volver aquí en gedit, vamos a
la ventana de terminal y escriba ls-l

44
00:02:02,740 --> 00:02:04,720
búsqueda 3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, por cierto, a pesar de que, el archivo de
propietario, puede leer y escribir este archivo,

46
00:02:09,810 --> 00:02:11,110
nadie más pueda leerla.

47
00:02:11,110 --> 00:02:17,570
Pero podemos solucionarlo con chmod a + r
búsqueda 3.css, y ahora vamos a volver a ejecutar

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

49
00:02:20,970 --> 00:02:21,910
y mucho mejor.

50
00:02:21,910 --> 00:02:24,380
Ahora todo el mundo puede
leer este archivo.

51
00:02:24,380 --> 00:02:26,950
>> Volvamos al navegador, vuelva a cargar.

52
00:02:26,950 --> 00:02:29,220
Voila, estamos de vuelta a una centrada
motor de búsqueda.

53
00:02:29,220 --> 00:02:32,450
Por supuesto, aquí es donde comenzamos el
historia, con nuestro texto ya centrada.

54
00:02:32,450 --> 00:02:36,000
Pero lo mejor de diseño ahora es que
hemos eliminado casi que el CSS en un

55
00:02:36,000 --> 00:02:39,690
archivo central, un lugar que podemos después
incluir en otras páginas web que

56
00:02:39,690 --> 00:02:41,580
podemos pasar a hacer en el futuro.

57
00:02:41,580 --> 00:02:45,430
Así que si alguna vez queremos volver a centrar o
restylize más general de nuestras páginas, nos

58
00:02:45,430 --> 00:02:48,570
puede hacer de manera muy sencilla en
un lugar central.

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