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

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Così ho fatto il mio
proprio motore di ricerca, ma ho appena

3
00:00:02,400 --> 00:00:04,720
deciso di ristrutturare le cose
sotto la cappa.

4
00:00:04,720 --> 00:00:06,480
Diamo uno sguardo.

5
00:00:06,480 --> 00:00:11,240
Qui nel codice HTML di questa pagina, avviso
che ho adesso in cima alla pagina cosa

6
00:00:11,240 --> 00:00:15,390
sembra essere un logo, logo.gif, e
Gli ho dato un testo alternativo di

7
00:00:15,390 --> 00:00:18,620
CS50 Ricerca, in caso qualcuno
non è in grado di vedere l'immagine.

8
00:00:18,620 --> 00:00:22,340
>> Ma accorgo che ho messo quell'immagine
all'interno di un div, e ho assegnato

9
00:00:22,340 --> 00:00:27,060
un ID univoco di citazione, unquote, "top".
Sotto, ho un altro div il cui

10
00:00:27,060 --> 00:00:31,020
ID univoco ho deciso di essere "mezzo"
ma potrei identificare questi div

11
00:00:31,020 --> 00:00:32,360
come qualsiasi cosa mi piacerebbe.

12
00:00:32,360 --> 00:00:35,340
E all'interno di questo div "di mezzo",
notare che ho un modulo.

13
00:00:35,340 --> 00:00:40,080
Tale forma è apparentemente andando a presentare
via HTTP arrivare ai server di Google

14
00:00:40,080 --> 00:00:45,150
il seguente input, un ingresso la cui
tipo è il testo e il cui nome è q.

15
00:00:45,150 --> 00:00:48,520
E ciò avverrà non appena la
risultati utente Invio o fa clic su un pulsante

16
00:00:48,520 --> 00:00:50,410
etichettati CS50 ricerca.

17
00:00:50,410 --> 00:00:53,750
>> Ora nella parte inferiore della pagina, ho
una terza ed ultima div il cui unico

18
00:00:53,750 --> 00:00:57,670
identificatore è "bottom". All'interno di questo,
Ho menzione del diritto d'autore,

19
00:00:57,670 --> 00:00:59,750
tra cui un'entità HTML.

20
00:00:59,750 --> 00:01:06,230
Si scopre che © è l'HTML
entità che rappresenta la copyright

21
00:01:06,230 --> 00:01:08,410
simbolo, per cui probabilmente
non si dispone di un

22
00:01:08,410 --> 00:01:10,210
chiave effettiva sulla tastiera.

23
00:01:10,210 --> 00:01:12,560
Dopo di che, ho parlato
che è CS50 di.

24
00:01:12,560 --> 00:01:17,090
>> Ora alto, al centro e in basso esistono così
che posso identificare in modo univoco la parte superiore,

25
00:01:17,090 --> 00:01:20,400
la metà, e la parte inferiore di questa pagina
in modo che io possa stilizzare loro ogni una

26
00:01:20,400 --> 00:01:21,370
po 'diverso.

27
00:01:21,370 --> 00:01:23,320
E ho già preso l'
libertà di farlo.

28
00:01:23,320 --> 00:01:27,030
Più in alto nella mia pagina, ho uno stile
tag all'interno del quale sono alcuni CSS

29
00:01:27,030 --> 00:01:27,880
proprietà.

30
00:01:27,880 --> 00:01:28,980
Diamo uno sguardo.

31
00:01:28,980 --> 00:01:33,450
>> Si noti che in cima a questa pagina, ho
specificato che qualunque tag HTML sarebbe

32
00:01:33,450 --> 00:01:37,350
con l'identificatore unico superiore come
indicato da quel brusco segno prima

33
00:01:37,350 --> 00:01:41,320
essa, dovrebbe avere text-align:
centro, come una proprietà.

34
00:01:41,320 --> 00:01:45,000
Nel frattempo, al centro della pagina dovrebbe
analogamente essere centrato, ma qualsiasi

35
00:01:45,000 --> 00:01:48,870
ingressi al centro della pagina dovrebbe
avere 5 pixel di spazio bianco

36
00:01:48,870 --> 00:01:51,860
intorno a loro, semplicemente per dare
cose un po 'più spazio.

37
00:01:51,860 --> 00:01:55,630
Nel frattempo, nella parte inferiore della pagina,
Ho specificato che ogni testo deve essere

38
00:01:55,630 --> 00:01:59,620
in un carattere più piccolo, che il peso di
ha detto carattere deve essere in grassetto, che la

39
00:01:59,620 --> 00:02:03,800
margine intorno alla parte inferiore della pagina
dovrebbe essere 20 pixel, solo per dare un

40
00:02:03,800 --> 00:02:06,270
po 'di respiro
così, e che qualsiasi testo

41
00:02:06,270 --> 00:02:08,190
esso dovrebbe essere centrato.

42
00:02:08,190 --> 00:02:09,580
>> Che cosa sarà l'effetto netto?

43
00:02:09,580 --> 00:02:11,620
Bene, diamo uno sguardo in un browser.

44
00:02:11,620 --> 00:02:14,160
Se vado qui a Chrome, voilà.

45
00:02:14,160 --> 00:02:16,140
Ora che è un bello
motore di ricerca.

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