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

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Così ho lavorato
su questo motore di ricerca

3
00:00:01,970 --> 00:00:03,480
che assomiglia a questo.

4
00:00:03,480 --> 00:00:07,580
Mi sembra di avere un titolo chiamato CS50
Ricerca, sotto la quale è una forma HTML,

5
00:00:07,580 --> 00:00:10,430
all'interno del quale è un ingresso cui
tipo è testo e un altro ingresso

6
00:00:10,430 --> 00:00:12,260
tipo di cui è submit.

7
00:00:12,260 --> 00:00:15,400
Diamo ora uno sguardo al sottostante
il codice sorgente di questa pagina.

8
00:00:15,400 --> 00:00:20,180
>> Qui in ricerca-2.html, notare che io
infatti avere un titolo in forma di

9
00:00:20,180 --> 00:00:23,260
testa e nel corpo
con un tag h1 intorno ad esso.

10
00:00:23,260 --> 00:00:26,490
Ho un form HTML, e
allora quei due ingressi.

11
00:00:26,490 --> 00:00:30,650
Ma preavviso in particolare sul corpo
tag, che ho dichiarato uno stile

12
00:00:30,650 --> 00:00:35,770
attributo il cui valore è text-align:
centro, specificando in tal modo che tutti

13
00:00:35,770 --> 00:00:38,390
testo su questa pagina dovrebbe essere
allineato al centro.

14
00:00:38,390 --> 00:00:41,700
>> Ora questo funziona perfettamente corretto,
ma è un po 'sciatta.

15
00:00:41,700 --> 00:00:43,900
Non si può davvero dire tanto
perché questa pagina è abbastanza

16
00:00:43,900 --> 00:00:44,960
piccolo al momento.

17
00:00:44,960 --> 00:00:47,520
Ma immaginate se questa pagina schiera
più lunghi e

18
00:00:47,520 --> 00:00:49,180
più lunga e complessa.

19
00:00:49,180 --> 00:00:53,960
>> Si noti che il modello ho adottato
qui è quello di mescolarsi mia estetica

20
00:00:53,960 --> 00:00:57,380
con la struttura della pagina
utilizzando l'attributo style.

21
00:00:57,380 --> 00:01:00,540
Per farla breve, questo non è il migliore
disegno, di certo come le pagine crescere

22
00:01:00,540 --> 00:01:02,010
più complessa.

23
00:01:02,010 --> 00:01:05,830
Meglio disegno sarebbe quello di scomporre
che stilizzazione e metterlo da qualche parte

24
00:01:05,830 --> 00:01:09,730
centrale, per esempio non in uno stile
attributo ma in un tag di stile,

25
00:01:09,730 --> 00:01:13,310
in particolare un tag di stile all'interno
del tag head della mia pagina.

26
00:01:13,310 --> 00:01:14,830
Facciamo esattamente questo.

27
00:01:14,830 --> 00:01:18,160
>> Prima andiamo qui e cancellare
questo stile attributo del tutto.

28
00:01:18,160 --> 00:01:22,420
Poi il backup nella testa di mia pagina, LET'S
dichiarare un tag di stile e chiuderlo a

29
00:01:22,420 --> 00:01:24,620
allo stesso tempo, in modo da non fare
dimenticate di seguito.

30
00:01:24,620 --> 00:01:28,120
E poi cerchiamo di specificare che il corpo
di questa pagina deve avere un CSS

31
00:01:28,120 --> 00:01:32,040
proprietà di text-align è il centro.

32
00:01:32,040 --> 00:01:35,320
Vediamo ora salvare questa pagina, ricaricare il
del browser, e vedere che cosa l'effetto è.

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

34
00:01:38,070 --> 00:01:40,510
>> RICARICA nel mio browser -

35
00:01:40,510 --> 00:01:41,570
alcun effetto.

36
00:01:41,570 --> 00:01:43,110
Ma nessun effetto è stato destinato.

37
00:01:43,110 --> 00:01:45,150
Stiamo semplicemente migliorare
design di questa pagina.

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