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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Então, eu tenho vindo a fazer
meu próprio motor de busca.

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

4
00:00:04,100 --> 00:00:05,265
Tenho aqui o título da página.

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

6
00:00:06,580 --> 00:00:10,380
Eu tenho um formulário HTML dentro do qual
parece ser uma entrada, cujo tipo é

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

8
00:00:13,650 --> 00:00:17,180
>> Se nós agora dar uma olhada na fonte para
Nesta página, percebe que, na verdade, nós

9
00:00:17,180 --> 00:00:20,260
ter um h1 e uma tag de título que
estão transmitindo que este

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

11
00:00:22,020 --> 00:00:25,940
Temos uma tag form que está especificando
que o formulário deve ser submetido a

12
00:00:25,940 --> 00:00:27,140
os nossos amigos da Google.

13
00:00:27,140 --> 00:00:30,430
E dentro dessa forma, temos
esses dois tipos de entrada.

14
00:00:30,430 --> 00:00:33,770
>> Mas note agora em direção ao topo do
página, dentro da cabeça da página,

15
00:00:33,770 --> 00:00:36,750
há uma marca de estilo, dentro de
que é uma propriedade CSS para

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

17
00:00:38,570 --> 00:00:41,580
E se, no entanto, queríamos
fazer todo o texto alinhado

18
00:00:41,580 --> 00:00:43,050
em várias páginas?

19
00:00:43,050 --> 00:00:46,640
Em outras palavras, eu queria reutilizar esse
Propriedade CSS novo e de novo e de novo

20
00:00:46,640 --> 00:00:50,030
em diferentes páginas da web, tudo
dos quais têm tag corpo?

21
00:00:50,030 --> 00:00:53,660
Bem, eu certamente poderia copiar e colar
CSS em cada uma dessas páginas, mas

22
00:00:53,660 --> 00:00:57,730
que seria melhor projeto de levar este
para fora em algum arquivo central e, em seguida,

23
00:00:57,730 --> 00:01:01,100
de alguma forma incluir esse arquivo em todos
as páginas de modo que se um dia eu quiser

24
00:01:01,100 --> 00:01:04,840
fazer uma mudança e alinhar o meu texto sobre o
esquerda ou alinhar o meu texto sobre o direito, eu

25
00:01:04,840 --> 00:01:07,220
pode fazer isso com muito mais facilidade.

26
00:01:07,220 --> 00:01:08,860
Vamos tentar fazer isso.

27
00:01:08,860 --> 00:01:12,520
>> Primeiro, vamos cortar essa
tag estilo completamente.

28
00:01:12,520 --> 00:01:16,820
E agora vamos abrir um arquivo chamado,
digamos, busca-3.css e colocar esse

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

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

31
00:01:23,500 --> 00:01:24,760
Vamos salvar o arquivo.

32
00:01:24,760 --> 00:01:30,950
>> Vamos agora voltar a procurar-3.html e,
na cabeça novamente, adicione um tag link

33
00:01:30,950 --> 00:01:33,630
especificando um hiper-referência
de pesquisa-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS E vamos especificar que a relação
que este arquivo tem com o

35
00:01:38,650 --> 00:01:41,880
página é servir como sua folha de estilo.

36
00:01:41,880 --> 00:01:44,840
Vamos agora fechar esta tag, salvar
o arquivo e recarga

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

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

39
00:01:49,700 --> 00:01:50,905
propriedade não foi ainda aplicada.

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

41
00:01:53,020 --> 00:01:54,590
Vamos dar uma olhada no
permissões do arquivo -

42
00:01:54,590 --> 00:01:58,630
não as permissões do arquivo HTML,
mas as permissões do arquivo CSS.

43
00:01:58,630 --> 00:02:02,740
>> Voltar aqui no gedit, vamos descer para
a janela de terminal e digite ls-l

44
00:02:02,740 --> 00:02:04,720
busca-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, na verdade, mesmo que eu, o arquivo de
proprietário, pode ler e escrever neste arquivo,

46
00:02:09,810 --> 00:02:11,110
ninguém pode lê-lo.

47
00:02:11,110 --> 00:02:17,570
Mas podemos corrigir isso com chmod a + r
busca-3.css, e agora vamos 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 muito melhor.

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

51
00:02:24,380 --> 00:02:26,950
>> Vamos voltar para o navegador, recarregar.

52
00:02:26,950 --> 00:02:29,220
Voila, estamos de volta a um centrado
motor de busca.

53
00:02:29,220 --> 00:02:32,450
Claro, este é o lugar onde nós começamos a
história, com o nosso texto já centrado.

54
00:02:32,450 --> 00:02:36,000
Mas o que é melhor projeto agora é que
temos consignado que CSS em um

55
00:02:36,000 --> 00:02:39,690
arquivo central, um lugar que pode, então,
incluir em outras páginas da web que

56
00:02:39,690 --> 00:02:41,580
que poderia acontecer para fazer no futuro.

57
00:02:41,580 --> 00:02:45,430
Portanto, se alguma vez quiser recentrar ou
restylize mais geral nossas páginas,

58
00:02:45,430 --> 00:02:48,570
pode fazê-lo de forma muito simples em
um lugar central.

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