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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Així que he estat fent
el meu propi motor de cerca.

3
00:00:01,900 --> 00:00:04,100
I en aquest moment, sembla que això.

4
00:00:04,100 --> 00:00:05,265
Tinc aquí el títol de la pàgina.

5
00:00:05,265 --> 00:00:06,580
És CS50 Cercar.

6
00:00:06,580 --> 00:00:10,380
Tinc un formulari HTML dins dels quals
sembla ser una entrada el tipus és

7
00:00:10,380 --> 00:00:13,650
text i una altra entrada
el tipus és presentar.

8
00:00:13,650 --> 00:00:17,180
>> Si ara fem una ullada a la font de
aquesta pàgina, observi que, en efecte, ens

9
00:00:17,180 --> 00:00:20,260
tenir un h1 i una etiqueta de títol que
està transmetent que aquest

10
00:00:20,260 --> 00:00:22,020
és de fet CS50 Cercar.

11
00:00:22,020 --> 00:00:25,940
Comptem amb una etiqueta de formulari que s'especifica
que el formulari ha de ser presentat al

12
00:00:25,940 --> 00:00:27,140
els nostres amics de Google.

13
00:00:27,140 --> 00:00:30,430
I dins d'aquesta forma, tenim
aquests dos tipus d'entrada.

14
00:00:30,430 --> 00:00:33,770
>> Però noti ara cap a la part superior de la
pàgina, a l'interior del cap de la pàgina,

15
00:00:33,770 --> 00:00:36,750
hi ha una etiqueta d'estil, a l'interior de
que és una propietat CSS per

16
00:00:36,750 --> 00:00:38,570
el cos de la pàgina.

17
00:00:38,570 --> 00:00:41,580
Què passa si, però, hem volgut
fer tot el text alineat

18
00:00:41,580 --> 00:00:43,050
en diverses pàgines?

19
00:00:43,050 --> 00:00:46,640
En altres paraules, volia tornar a utilitzar aquest
Propietat CSS i una altra i una altra

20
00:00:46,640 --> 00:00:50,030
en diferents pàgines web, tot
dels quals tenen l'etiqueta del cos?

21
00:00:50,030 --> 00:00:53,660
Bé, jo podria, sens dubte, copieu i enganxeu
la CSS en cadascuna d'aquestes pàgines, però

22
00:00:53,660 --> 00:00:57,730
que seria millor disseny d'aquest factor
fora en algun arxiu central i després

23
00:00:57,730 --> 00:01:01,100
d'alguna manera incloure aquest arxiu en tots
aquestes pàgines perquè si mai vull

24
00:01:01,100 --> 00:01:04,840
fer un canvi i alinear el meu text en el
vaig deixar el meu text o alinear a la dreta, jo

25
00:01:04,840 --> 00:01:07,220
pot fer-ho molt més fàcilment.

26
00:01:07,220 --> 00:01:08,860
Tractarem de fer això.

27
00:01:08,860 --> 00:01:12,520
>> En primer lloc, anem a tallar a terme aquesta
etiqueta d'estil complet.

28
00:01:12,520 --> 00:01:16,820
I ara anem a obrir un arxiu anomenat,
per exemple, la recerca de 3.css i posar aquest

29
00:01:16,820 --> 00:01:18,970
mateixa CSS en aquest arxiu.

30
00:01:18,970 --> 00:01:23,500
cos tindrà
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Anem a guardar aquest arxiu.

32
00:01:24,760 --> 00:01:30,950
>> Ara anem a tornar a buscar-3.html i,
al cap de nou, afegir una etiqueta d'enllaç

33
00:01:30,950 --> 00:01:33,630
l'especificació d'una referència hiper
de cerca-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS I anem a especificar que la relació
que aquest arxiu té amb el

35
00:01:38,650 --> 00:01:41,880
la pàgina és la de servir com seu full d'estils.

36
00:01:41,880 --> 00:01:44,840
Ara anem a tancar aquesta etiqueta, llevat
l'arxiu i recàrrega

37
00:01:44,840 --> 00:01:46,910
aquesta pàgina al navegador.

38
00:01:46,910 --> 00:01:49,700
>> Es va reorganitzar el text a la
esquerra com si la CSS

39
00:01:49,700 --> 00:01:50,905
propietat ni tan sols s'aplica.

40
00:01:50,905 --> 00:01:53,020
Ara per què podria ser?

41
00:01:53,020 --> 00:01:54,590
Anem a fer una ullada a la
Permisos d'arxiu -

42
00:01:54,590 --> 00:01:58,630
no els permisos de l'arxiu HTML,
però els permisos de l'arxiu CSS.

43
00:01:58,630 --> 00:02:02,740
>> Tornar aquí a gedit, anem a
la finestra de terminal i escriviu ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, per cert, tot i que, l'arxiu de
propietari, pot llegir i escriure aquest arxiu,

46
00:02:09,810 --> 00:02:11,110
ningú més pugui llegir-la.

47
00:02:11,110 --> 00:02:17,570
Però se'n podria chmod a + r
recerca 3.css, i ara anem a tornar a executar

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

49
00:02:20,970 --> 00:02:21,910
i molt millor.

50
00:02:21,910 --> 00:02:24,380
Ara tothom pot
llegir aquest fitxer.

51
00:02:24,380 --> 00:02:26,950
>> Tornem al navegador, torneu a carregar.

52
00:02:26,950 --> 00:02:29,220
Voila, estem de tornada a una centrada
motor de cerca.

53
00:02:29,220 --> 00:02:32,450
Per descomptat, aquí és on comencem el
història, amb el nostre text ja centrada.

54
00:02:32,450 --> 00:02:36,000
Però el millor de disseny ara és que
hem eliminat gairebé que el CSS en un

55
00:02:36,000 --> 00:02:39,690
arxiu central, un lloc que podem després
incloure en altres pàgines web que

56
00:02:39,690 --> 00:02:41,580
podem passar a fer en el futur.

57
00:02:41,580 --> 00:02:45,430
Així que si mai volem tornar a centrar o
restylize més general de les nostres pàgines, ens

58
00:02:45,430 --> 00:02:48,570
pot fer de manera molt senzilla en
un lloc central.

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