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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Entón, eu teño benvida a facer
meu propio buscador.

3
00:00:01,900 --> 00:00:04,100
E, no momento, parece que iso.

4
00:00:04,100 --> 00:00:05,265
Teño aquí o título da páxina.

5
00:00:05,265 --> 00:00:06,580
É CS50 Search.

6
00:00:06,580 --> 00:00:10,380
Eu teño un formulario HTML dentro do cal
parece ser unha entrada, cuxo tipo é

7
00:00:10,380 --> 00:00:13,650
texto e outra entrada
cuxo tipo é enviar.

8
00:00:13,650 --> 00:00:17,180
>> Se nós agora dar un ollo á fonte para
Nesta páxina, entende que, en realidade, nós

9
00:00:17,180 --> 00:00:20,260
ter un h1 e unha etiqueta de título que
están transmitindo que este

10
00:00:20,260 --> 00:00:22,020
é de feito CS50 Search.

11
00:00:22,020 --> 00:00:25,940
Temos unha etiqueta form que está especificando
que o formulario debe ser sometido a

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

13
00:00:27,140 --> 00:00:30,430
E dentro desa forma, temos
estes dous tipos de entrada.

14
00:00:30,430 --> 00:00:33,770
>> Pero teña en conta agora en dirección ao principio do
páxina, dentro da cabeza da páxina,

15
00:00:33,770 --> 00:00:36,750
hai unha marca de estilo, dentro
que é unha propiedade CSS para

16
00:00:36,750 --> 00:00:38,570
o corpo da páxina.

17
00:00:38,570 --> 00:00:41,580
E se, con todo, queriamos
facer todo o texto aliñado

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

19
00:00:43,050 --> 00:00:46,640
Noutras palabras, eu quería reutilizar este
Propiedade CSS novo e de novo e de novo

20
00:00:46,640 --> 00:00:50,030
en diferentes páxinas web, o único
dos cales teñen tag corpo?

21
00:00:50,030 --> 00:00:53,660
Ben, eu certamente podería copiar e pegar
CSS en cada unha destas páxinas, pero

22
00:00:53,660 --> 00:00:57,730
que sería mellor proxecto de levar este
fóra nalgún arquivo central e, a continuación,

23
00:00:57,730 --> 00:01:01,100
dalgún xeito incluír este ficheiro en todos
as páxinas de xeito que se un día eu queira

24
00:01:01,100 --> 00:01:04,840
facer un cambio e aliñar o meu texto sobre o
esquerda ou aliñar o meu texto sobre o dereito, eu

25
00:01:04,840 --> 00:01:07,220
pode facelo con máis facilidade.

26
00:01:07,220 --> 00:01:08,860
Imos tentar facelo.

27
00:01:08,860 --> 00:01:12,520
>> En primeiro lugar, imos cortar esa
tag estilo completamente.

28
00:01:12,520 --> 00:01:16,820
E agora imos abrir un arquivo chamado,
digamos, búscase 3.css e poñer este

29
00:01:16,820 --> 00:01:18,970
mesmo CSS neste arquivo.

30
00:01:18,970 --> 00:01:23,500
corpo terá
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Imos gardar o ficheiro.

32
00:01:24,760 --> 00:01:30,950
>> Imos agora volver buscar-3.html e,
na cabeza de novo, engade un tag ligazón

33
00:01:30,950 --> 00:01:33,630
especificando un hiper-referencia
de busca-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS E imos indicar que a relación
que este ficheiro ten co

35
00:01:38,650 --> 00:01:41,880
páxina é servir como a súa folla de estilo.

36
00:01:41,880 --> 00:01:44,840
Imos agora pechar esta etiqueta, gardar
o ficheiro e recarga

37
00:01:44,840 --> 00:01:46,910
esta páxina no navegador.

38
00:01:46,910 --> 00:01:49,700
>> El realinhou o texto na
esquerda como o CSS

39
00:01:49,700 --> 00:01:50,905
propiedade non foi aínda aplicada.

40
00:01:50,905 --> 00:01:53,020
Agora, por que pode ser iso?

41
00:01:53,020 --> 00:01:54,590
Imos dar un ollo ao
permisos do arquivo -

42
00:01:54,590 --> 00:01:58,630
non os permisos do ficheiro HTML,
pero os permisos do arquivo CSS.

43
00:01:58,630 --> 00:02:02,740
>> Volver aquí no gedit, imos descender para
a xanela de terminal e escriba ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, por certo, aínda que eu, o ficheiro de
propietario, pode ler e escribir neste ficheiro,

46
00:02:09,810 --> 00:02:11,110
ninguén pode le-lo.

47
00:02:11,110 --> 00:02:17,570
Pero podemos solucionar isto con chmod a + r
búscase 3.css, e agora imos re-executar

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

49
00:02:20,970 --> 00:02:21,910
e moito mellor.

50
00:02:21,910 --> 00:02:24,380
Agora o mundo enteiro pode
ler este ficheiro.

51
00:02:24,380 --> 00:02:26,950
>> Imos volver ao navegador, volver cargar.

52
00:02:26,950 --> 00:02:29,220
Listo, estamos de volta a un centrado
buscador.

53
00:02:29,220 --> 00:02:32,450
Por suposto, este é o lugar onde nós comezamos a
historia, o seu texto xa centrado.

54
00:02:32,450 --> 00:02:36,000
Pero o que é mellor proxecto agora é que
temos consignado que CSS nun

55
00:02:36,000 --> 00:02:39,690
arquivo central, un lugar que pode, entón,
incluír noutras páxinas web que

56
00:02:39,690 --> 00:02:41,580
que podería ocorrer para facer no futuro.

57
00:02:41,580 --> 00:02:45,430
Polo tanto, se algunha vez queres recentrar ou
restylize máis xeral nosas páxinas,

58
00:02:45,430 --> 00:02:48,570
pode facelo de forma moi simple en
un lugar central.

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