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

2
00:00:00,310 --> 00:00:02,400
>> DAVID Malan: Entón, eu teño benvida a facer o meu
propio buscador, pero eu teño só

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

4
00:00:04,720 --> 00:00:06,480
Imos dar un ollo.

5
00:00:06,480 --> 00:00:11,240
Aquí no HTML desta páxina, previo
que eu teño agora na parte superior da páxina que

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

7
00:00:15,390 --> 00:00:18,620
CS50 investigación, só no caso de alguén
non é capaz de ver a imaxe.

8
00:00:18,620 --> 00:00:22,340
>> Pero teña en conta que Engada esta imaxe
dentro dunha div, e eu teño que lle é asignado

9
00:00:22,340 --> 00:00:27,060
unha identificación única de cita, pecha comiñas, "top".
Debaixo diso, eu teño outra div cuxo

10
00:00:27,060 --> 00:00:31,020
ID único que eu decidimos ser "medio",
pero eu podería ser a identificación destes divs

11
00:00:31,020 --> 00:00:32,360
como calquera cousa que me gustaría.

12
00:00:32,360 --> 00:00:35,340
E dentro deste div "medio",
entender que eu teño un formulario.

13
00:00:35,340 --> 00:00:40,080
Esa forma é, ao parecer, presentará
vía HTTP chegar aos servidores de Google

14
00:00:40,080 --> 00:00:45,150
a seguinte entrada, unha entrada cuxa
tipo é texto e cuxo nome é q.

15
00:00:45,150 --> 00:00:48,520
E iso vai ocorrer tan pronto o
o acceso de usuario intro ou facer clic nun botón

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áxina, eu teño
unha terceira e última div cuxa única

18
00:00:53,750 --> 00:00:57,670
identificador é "inferior". Dentro desta,
Teño mención de dereitos de autor,

19
00:00:57,670 --> 00:00:59,750
incluíndo unha entidade HTML.

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

21
00:01:06,230 --> 00:01:08,410
símbolo, para o que moi probablemente
non ten unha

22
00:01:08,410 --> 00:01:10,210
clave real no seu teclado.

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

24
00:01:12,560 --> 00:01:17,090
>> Agora superior, central e inferior existen para
que eu poida identificar o cume,

25
00:01:17,090 --> 00:01:20,400
o medio eo fin da páxina
para que eu poida estilizar cada un deles unha

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

27
00:01:21,370 --> 00:01:23,320
E eu xa deu o
liberdade de facelo.

28
00:01:23,320 --> 00:01:27,030
Up maior na miña páxina, eu teño un estilo
tag dentro do cal son algúns CSS

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

30
00:01:27,880 --> 00:01:28,980
Imos dar un ollo.

31
00:01:28,980 --> 00:01:33,450
>> Teña en conta que na parte superior da páxina, eu teño
especificou que calquera que sexa HTML tag faría

32
00:01:33,450 --> 00:01:37,350
co identificador único de arriba como
indicado por este sinal afiada antes

33
00:01:37,350 --> 00:01:41,320
tanto, debe ter text-align:
centro, como unha propiedade.

34
00:01:41,320 --> 00:01:45,000
Mentres tanto, o medio da páxina debería
similarmente ser centrado, pero ningunha

35
00:01:45,000 --> 00:01:48,870
insumos no medio da páxina debería
ten 5 puntos de espazo en branco

36
00:01:48,870 --> 00:01:51,860
ao seu redor, simplemente para dar
as cousas un pouco máis de espazo.

37
00:01:51,860 --> 00:01:55,630
Non obstante, na parte inferior da páxina,
Eu especifiquei que calquera texto debe ser

38
00:01:55,630 --> 00:01:59,620
nunha fonte menor, que o peso de
dixo fonte debe ser ousado, que o

39
00:01:59,620 --> 00:02:03,800
marxe arredor da parte inferior da páxina
debe ser de 20 píxeles, só para darlle un

40
00:02:03,800 --> 00:02:06,270
pouco de espazo para respirar
así como, e de que calquera texto

41
00:02:06,270 --> 00:02:08,190
nel debe ser centrado.

42
00:02:08,190 --> 00:02:09,580
>> Cal será o efecto neto?

43
00:02:09,580 --> 00:02:11,620
Ben, imos dar un ollo a un navegador.

44
00:02:11,620 --> 00:02:14,160
Se eu fose aquí para Chrome, listo.

45
00:02:14,160 --> 00:02:16,140
Agora que é unha boa aparencia
buscador.

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