1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Então eu tenho trabalhado
sobre este motor de busca

3
00:00:01,970 --> 00:00:03,480
que se parece com isso.

4
00:00:03,480 --> 00:00:07,580
Eu pareço ter um título chamado CS50
Pesquisa, abaixo do qual é um formulário HTML,

5
00:00:07,580 --> 00:00:10,430
dentro do que é uma entrada cujo
Tipo é um texto e uma outra entrada

6
00:00:10,430 --> 00:00:12,260
cujo tipo é enviar.

7
00:00:12,260 --> 00:00:15,400
Vamos agora dar uma olhada no subjacente
código-fonte para esta página.

8
00:00:15,400 --> 00:00:20,180
>> Aqui em busca-2.html, perceber que eu
de facto ter um título na forma do

9
00:00:20,180 --> 00:00:23,260
cabeça, bem como no corpo
com uma tag h1 em torno dele.

10
00:00:23,260 --> 00:00:26,490
Eu tenho um formulário HTML, e
então essas duas entradas.

11
00:00:26,490 --> 00:00:30,650
Mas observe, em particular, sobre o corpo
tag, que eu tenha declarado um estilo

12
00:00:30,650 --> 00:00:35,770
atributo cujo valor é text-align:
centro; especificando assim que todos

13
00:00:35,770 --> 00:00:38,390
texto desta página deve ser
alinhado no centro.

14
00:00:38,390 --> 00:00:41,700
>> Agora, este funciona perfeitamente corretamente,
mas é um pouco desleixado.

15
00:00:41,700 --> 00:00:43,900
Você não pode realmente dizer o máximo
porque esta página é bastante

16
00:00:43,900 --> 00:00:44,960
pequena no momento.

17
00:00:44,960 --> 00:00:47,520
Mas imagine se esta página tem
mais e mais e

18
00:00:47,520 --> 00:00:49,180
mais longa e mais complexa.

19
00:00:49,180 --> 00:00:53,960
>> Observe que o padrão que eu adotei
aqui é misturar minha estética

20
00:00:53,960 --> 00:00:57,380
com a estrutura de página
usando o atributo de estilo.

21
00:00:57,380 --> 00:01:00,540
Para encurtar a história, este não é o melhor
design, certamente, como suas páginas crescer

22
00:01:00,540 --> 00:01:02,010
mais complexo.

23
00:01:02,010 --> 00:01:05,830
Melhor projeto seria para fatorar
que estilização e colocá-lo em algum lugar

24
00:01:05,830 --> 00:01:09,730
central, por exemplo, não em um estilo
atribuem, mas de uma marca de estilo,

25
00:01:09,730 --> 00:01:13,310
especificamente uma marca de estilo dentro
de tag cabeça da minha página.

26
00:01:13,310 --> 00:01:14,830
Vamos fazer exatamente isso.

27
00:01:14,830 --> 00:01:18,160
>> Primeiro vamos entrar aqui e apagar
este estilo atribuir completamente.

28
00:01:18,160 --> 00:01:22,420
Em seguida, fazer o backup na cabeça de minha página, vamos
declarar uma marca de estilo e fechá-lo em

29
00:01:22,420 --> 00:01:24,620
Ao mesmo tempo, então eu não
se esqueça de mais tarde.

30
00:01:24,620 --> 00:01:28,120
E então vamos especificar que o corpo
desta página deve ter um CSS

31
00:01:28,120 --> 00:01:32,040
propriedade text-align é o centro.

32
00:01:32,040 --> 00:01:35,320
Vamos agora salvar esta página, recarregar a
navegador, e ver o que o efeito é.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Recarregando em meu navegador -

35
00:01:40,510 --> 00:01:41,570
qualquer efeito.

36
00:01:41,570 --> 00:01:43,110
Mas nenhum efeito se pretendia.

37
00:01:43,110 --> 00:01:45,150
Estamos simplesmente melhorar
projeto desta página.

38
00:01:45,150 --> 00:01:47,606