>> DAVID MALAN: Então, eu tenho vindo a fazer o meu próprio motor de busca, mas eu tenho apenas
decidiu reestruturar as coisas debaixo do capô.
Vamos dar uma olhada.
Aqui no HTML para esta página, aviso que eu tenho agora no topo da página que
parece ser um logotipo, logo.gif, e Eu dei-lhe um texto alternativo de
CS50 pesquisa, apenas no caso de alguém não é capaz de ver a imagem.
>> Mas note que Eu coloquei essa imagem dentro de uma div, e eu tenho que lhe é atribuído
uma identificação única de citação, fecha aspas, "top". Abaixo disso, eu tenho uma outra div cujo
ID único que eu decidi ser "meio", mas eu poderia ser a identificação desses divs
como qualquer coisa que eu gostaria.
E dentro deste div "meio", perceber que eu tenho um formulário.
Essa forma é, aparentemente, vai apresentar via HTTP chegar aos servidores do Google
a seguinte entrada, uma entrada cuja tipo é texto e cujo nome é q.
E isso vai acontecer tão logo o acessos de usuários Enter ou clicar em um botão
rotulado CS50 Search.
>> Agora, na parte inferior da página, eu tenho uma terceira e última div cuja única
identificador é "inferior". Dentro desta, Tenho menção de direitos autorais,
incluindo uma entidade HTML.
Acontece que © é o HTML entidade que representa o copyright
símbolo, para o qual muito provavelmente você não tem uma
chave real em seu teclado.
Depois disso, menciono que é do CS50.
>> Agora superior, central e inferior existem para que eu possa identificar o topo,
o meio eo fim da página para que eu possa estilizar cada um deles uma
pouco diferente.
E eu já deu o liberdade de fazer isso.
Up maior em minha página, eu tenho um estilo tag dentro do qual são alguns CSS
propriedades.
Vamos dar uma olhada.
>> Observe que no topo desta página, eu tenho especificou que qualquer que seja HTML tag faria
com o identificador exclusivo de topo como indicado por esse sinal afiada antes
isso, deve ter text-align: centro, como uma propriedade.
Enquanto isso, o meio da página deveria similarmente ser centrado, mas nenhuma
insumos no meio da página deveria tem 5 pixels de espaço em branco
ao seu redor, simplesmente para dar as coisas um pouco mais de espaço.
Entretanto, na parte inferior da página, Eu especifiquei que qualquer texto deve ser
em uma fonte menor, que o peso de disse fonte deve ser ousado, que o
margem em torno da parte inferior da página deve ser de 20 pixels, apenas para dar-lhe um
pouco de espaço para respirar bem como, e de que qualquer texto
nele deve ser centrado.
>> Qual vai ser o efeito líquido?
Bem, vamos dar uma olhada em um navegador.
Se eu for aqui para Chrome, voila.
Agora que é uma boa aparência motor de busca.