1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: So che ho fatto
il mio motore di ricerca.

3
00:00:01,900 --> 00:00:04,100
E al momento, sembra che questo.

4
00:00:04,100 --> 00:00:05,265
Ho qui il titolo della pagina.

5
00:00:05,265 --> 00:00:06,580
E 'CS50 ricerca.

6
00:00:06,580 --> 00:00:10,380
Ho un form HTML all'interno della quale
sembra essere un ingresso il cui tipo è

7
00:00:10,380 --> 00:00:13,650
testo e un altro ingresso
tipo di cui è submit.

8
00:00:13,650 --> 00:00:17,180
>> Se noi oggi diamo uno sguardo alla fonte per
questa pagina, si noti che, anzi, ci

9
00:00:17,180 --> 00:00:20,260
avere un h1 e un tag titolo che
sono convogliamento che questa

10
00:00:20,260 --> 00:00:22,020
è davvero CS50 ricerca.

11
00:00:22,020 --> 00:00:25,940
Abbiamo un tag form che sta indicando
che il modulo deve essere presentato al

12
00:00:25,940 --> 00:00:27,140
i nostri amici di Google.

13
00:00:27,140 --> 00:00:30,430
E all'interno di quella forma, abbiamo
questi due tipi di ingresso.

14
00:00:30,430 --> 00:00:33,770
>> Ma bando ora verso la parte superiore del
pagina, all'interno della testa di pagina,

15
00:00:33,770 --> 00:00:36,750
c'è un tag di stile, all'interno di
che è una proprietà CSS per

16
00:00:36,750 --> 00:00:38,570
il corpo della pagina.

17
00:00:38,570 --> 00:00:41,580
Che cosa succede se, però, abbiamo voluto
fare tutto il testo allineato

18
00:00:41,580 --> 00:00:43,050
su più pagine?

19
00:00:43,050 --> 00:00:46,640
In altre parole, ho voluto riutilizzare questo
Proprietà CSS ancora e ancora e ancora

20
00:00:46,640 --> 00:00:50,030
in diverse pagine web, tutti
dei quali hanno tag body?

21
00:00:50,030 --> 00:00:53,660
Beh, potrei certamente copiare e incollare
il CSS in ciascuna di quelle pagine, ma

22
00:00:53,660 --> 00:00:57,730
sarebbe meglio progettazione di questo fattore
fuori in qualche file centrale e poi

23
00:00:57,730 --> 00:01:01,100
in qualche modo includere tale file in tutti
quelle pagine in modo tale che se mai voglio

24
00:01:01,100 --> 00:01:04,840
fare un cambiamento e allineare il mio testo sul
Lasciai o allineare mio testo sulla destra, io

25
00:01:04,840 --> 00:01:07,220
può farlo molto più facilmente.

26
00:01:07,220 --> 00:01:08,860
Proviamo a fare questo.

27
00:01:08,860 --> 00:01:12,520
>> In primo luogo, cerchiamo di tagliare questo
tag stile del tutto.

28
00:01:12,520 --> 00:01:16,820
E adesso apriamo un file chiamato,
per esempio, la ricerca-3.css e mettere che

29
00:01:16,820 --> 00:01:18,970
stessa CSS in questo file.

30
00:01:18,970 --> 00:01:23,500
corpo sta per avere
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Salviamo il file.

32
00:01:24,760 --> 00:01:30,950
>> Vediamo ora torna alla ricerca-3.html e,
in testa nuovamente, aggiungere un tag link

33
00:01:30,950 --> 00:01:33,630
specificando un iper-riferimento
di ricerca-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS E cerchiamo di specificare che la relazione
che questo file ha l'

35
00:01:38,650 --> 00:01:41,880
La pagina è di servire come il suo foglio di stile.

36
00:01:41,880 --> 00:01:44,840
Diamo ora chiudere questo tag, salva
il file e ricarica

37
00:01:44,840 --> 00:01:46,910
questa pagina nel browser.

38
00:01:46,910 --> 00:01:49,700
>> E 'riallineato il testo sul
sinistra come se il CSS

39
00:01:49,700 --> 00:01:50,905
proprietà non è stata ancora applicata.

40
00:01:50,905 --> 00:01:53,020
Ora, perché potrebbe essere?

41
00:01:53,020 --> 00:01:54,590
Diamo uno sguardo al
i permessi del file -

42
00:01:54,590 --> 00:01:58,630
non permessi del file HTML,
ma i permessi del file CSS.

43
00:01:58,630 --> 00:02:02,740
>> Torna qui in gedit, andiamo giù a
la finestra del terminale e digitare ls-l

44
00:02:02,740 --> 00:02:04,720
search-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, in effetti, anche se, il file del
proprietario, può leggere e scrivere questo file,

46
00:02:09,810 --> 00:02:11,110
nessun altro può leggerlo.

47
00:02:11,110 --> 00:02:17,570
Ma possiamo risolvere questo problema con chmod a + r
search-3.css, e ora cerchiamo di ri-eseguire

48
00:02:17,570 --> 00:02:20,970
ls-l search-3.css--

49
00:02:20,970 --> 00:02:21,910
e molto meglio.

50
00:02:21,910 --> 00:02:24,380
Ora il mondo intero può
leggere questo file.

51
00:02:24,380 --> 00:02:26,950
>> Torniamo al browser, ricaricare.

52
00:02:26,950 --> 00:02:29,220
Voila, siamo di nuovo ad un centrato
motore di ricerca.

53
00:02:29,220 --> 00:02:32,450
Naturalmente, questo è dove abbiamo iniziato la
storia, con il nostro testo già centrato.

54
00:02:32,450 --> 00:02:36,000
Ma cosa c'è di meglio di design è ora che
abbiamo fattorizzato che i CSS in un

55
00:02:36,000 --> 00:02:39,690
file centrale, un posto che possiamo poi
includere in altre pagine web che

56
00:02:39,690 --> 00:02:41,580
potremmo capitare di fare in futuro.

57
00:02:41,580 --> 00:02:45,430
Quindi, se mai vogliamo centrare o
restylize più in generale le nostre pagine, ci

58
00:02:45,430 --> 00:02:48,570
può farlo molto semplicemente in
un posto centrale.

59
00:02:48,570 --> 00:02:50,902