>> DAVID MALAN: Então, eu tenho vindo a fazer meu próprio motor de busca.
E, no momento, parece que isso.
Tenho aqui o título da página.
É CS50 Search.
Eu tenho um formulário HTML dentro do qual parece ser uma entrada, cujo tipo é
texto e uma outra entrada cujo tipo é enviar.
>> Se nós agora dar uma olhada na fonte para Nesta página, percebe que, na verdade, nós
ter um h1 e uma tag de título que estão transmitindo que este
é de fato CS50 Search.
Temos uma tag form que está especificando que o formulário deve ser submetido a
os nossos amigos da Google.
E dentro dessa forma, temos esses dois tipos de entrada.
>> Mas note agora em direção ao topo do página, dentro da cabeça da página,
há uma marca de estilo, dentro de que é uma propriedade CSS para
o corpo da página.
E se, no entanto, queríamos fazer todo o texto alinhado
em várias páginas?
Em outras palavras, eu queria reutilizar esse Propriedade CSS novo e de novo e de novo
em diferentes páginas da web, tudo dos quais têm tag corpo?
Bem, eu certamente poderia copiar e colar CSS em cada uma dessas páginas, mas
que seria melhor projeto de levar este para fora em algum arquivo central e, em seguida,
de alguma forma incluir esse arquivo em todos as páginas de modo que se um dia eu quiser
fazer uma mudança e alinhar o meu texto sobre o esquerda ou alinhar o meu texto sobre o direito, eu
pode fazer isso com muito mais facilidade.
Vamos tentar fazer isso.
>> Primeiro, vamos cortar essa tag estilo completamente.
E agora vamos abrir um arquivo chamado, digamos, busca-3.css e colocar esse
mesmo CSS neste arquivo.
corpo vai ter text-align: center;.
Vamos salvar o arquivo.
>> Vamos agora voltar a procurar-3.html e, na cabeça novamente, adicione um tag link
especificando um hiper-referência de pesquisa-3.css.
CSS E vamos especificar que a relação que este arquivo tem com o
página é servir como sua folha de estilo.
Vamos agora fechar esta tag, salvar o arquivo e recarga
esta página no navegador.
>> Ele realinhou o texto na esquerda como se o CSS
propriedade não foi ainda aplicada.
Agora, por que pode ser isso?
Vamos dar uma olhada no permissões do arquivo -
não as permissões do arquivo HTML, mas as permissões do arquivo CSS.
>> Voltar aqui no gedit, vamos descer para a janela de terminal e digite ls-l
busca-3.css.
Ah, na verdade, mesmo que eu, o arquivo de proprietário, pode ler e escrever neste arquivo,
ninguém pode lê-lo.
Mas podemos corrigir isso com chmod a + r busca-3.css, e agora vamos re-executar
ls-l de busca 3.css--
e muito melhor.
Agora o mundo inteiro pode ler este arquivo.
>> Vamos voltar para o navegador, recarregar.
Voila, estamos de volta a um centrado motor de busca.
Claro, este é o lugar onde nós começamos a história, com o nosso texto já centrado.
Mas o que é melhor projeto agora é que temos consignado que CSS em um
arquivo central, um lugar que pode, então, incluir em outras páginas da web que
que poderia acontecer para fazer no futuro.
Portanto, se alguma vez quiser recentrar ou restylize mais geral nossas páginas,
pode fazê-lo de forma muito simples em um lugar central.