1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Então, eu tenho vindo a fazer o meu
próprio motor de busca, mas eu tenho apenas

3
00:00:02,400 --> 00:00:04,720
decidiu reestruturar as coisas
debaixo do capô.

4
00:00:04,720 --> 00:00:06,480
Vamos dar uma olhada.

5
00:00:06,480 --> 00:00:11,240
Aqui no HTML para esta página, aviso
que eu tenho agora no topo da página que

6
00:00:11,240 --> 00:00:15,390
parece ser um logotipo, logo.gif, e
Eu dei-lhe um texto alternativo de

7
00:00:15,390 --> 00:00:18,620
CS50 pesquisa, apenas no caso de alguém
não é capaz de ver a imagem.

8
00:00:18,620 --> 00:00:22,340
>> Mas note que Eu coloquei essa imagem
dentro de uma div, e eu tenho que lhe é atribuído

9
00:00:22,340 --> 00:00:27,060
uma identificação única de citação, fecha aspas, "top".
Abaixo disso, eu tenho uma outra div cujo

10
00:00:27,060 --> 00:00:31,020
ID único que eu decidi ser "meio",
mas eu poderia ser a identificação desses divs

11
00:00:31,020 --> 00:00:32,360
como qualquer coisa que eu gostaria.

12
00:00:32,360 --> 00:00:35,340
E dentro deste div "meio",
perceber que eu tenho um formulário.

13
00:00:35,340 --> 00:00:40,080
Essa forma é, aparentemente, vai apresentar
via HTTP chegar aos servidores do Google

14
00:00:40,080 --> 00:00:45,150
a seguinte entrada, uma entrada cuja
tipo é texto e cujo nome é q.

15
00:00:45,150 --> 00:00:48,520
E isso vai acontecer tão logo o
acessos de usuários Enter ou clicar em um botão

16
00:00:48,520 --> 00:00:50,410
rotulado CS50 Search.

17
00:00:50,410 --> 00:00:53,750
>> Agora, na parte inferior da página, eu tenho
uma terceira e última div cuja única

18
00:00:53,750 --> 00:00:57,670
identificador é "inferior". Dentro desta,
Tenho menção de direitos autorais,

19
00:00:57,670 --> 00:00:59,750
incluindo uma entidade HTML.

20
00:00:59,750 --> 00:01:06,230
Acontece que © é o HTML
entidade que representa o copyright

21
00:01:06,230 --> 00:01:08,410
símbolo, para o qual muito provavelmente
você não tem uma

22
00:01:08,410 --> 00:01:10,210
chave real em seu teclado.

23
00:01:10,210 --> 00:01:12,560
Depois disso, menciono
que é do CS50.

24
00:01:12,560 --> 00:01:17,090
>> Agora superior, central e inferior existem para
que eu possa identificar o topo,

25
00:01:17,090 --> 00:01:20,400
o meio eo fim da página
para que eu possa estilizar cada um deles uma

26
00:01:20,400 --> 00:01:21,370
pouco diferente.

27
00:01:21,370 --> 00:01:23,320
E eu já deu o
liberdade de fazer isso.

28
00:01:23,320 --> 00:01:27,030
Up maior em minha página, eu tenho um estilo
tag dentro do qual são alguns CSS

29
00:01:27,030 --> 00:01:27,880
propriedades.

30
00:01:27,880 --> 00:01:28,980
Vamos dar uma olhada.

31
00:01:28,980 --> 00:01:33,450
>> Observe que no topo desta página, eu tenho
especificou que qualquer que seja HTML tag faria

32
00:01:33,450 --> 00:01:37,350
com o identificador exclusivo de topo como
indicado por esse sinal afiada antes

33
00:01:37,350 --> 00:01:41,320
isso, deve ter text-align:
centro, como uma propriedade.

34
00:01:41,320 --> 00:01:45,000
Enquanto isso, o meio da página deveria
similarmente ser centrado, mas nenhuma

35
00:01:45,000 --> 00:01:48,870
insumos no meio da página deveria
tem 5 pixels de espaço em branco

36
00:01:48,870 --> 00:01:51,860
ao seu redor, simplesmente para dar
as coisas um pouco mais de espaço.

37
00:01:51,860 --> 00:01:55,630
Entretanto, na parte inferior da página,
Eu especifiquei que qualquer texto deve ser

38
00:01:55,630 --> 00:01:59,620
em uma fonte menor, que o peso de
disse fonte deve ser ousado, que o

39
00:01:59,620 --> 00:02:03,800
margem em torno da parte inferior da página
deve ser de 20 pixels, apenas para dar-lhe um

40
00:02:03,800 --> 00:02:06,270
pouco de espaço para respirar
bem como, e de que qualquer texto

41
00:02:06,270 --> 00:02:08,190
nele deve ser centrado.

42
00:02:08,190 --> 00:02:09,580
>> Qual vai ser o efeito líquido?

43
00:02:09,580 --> 00:02:11,620
Bem, vamos dar uma olhada em um navegador.

44
00:02:11,620 --> 00:02:14,160
Se eu for aqui para Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Agora que é uma boa aparência
motor de busca.

46
00:02:16,140 --> 00:02:18,539