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

2
00:00:00,260 --> 00:00:01,900
>> David Malan: So ek is die maak
my eie soektog.

3
00:00:01,900 --> 00:00:04,100
En op die oomblik, dit lyk soos hierdie.

4
00:00:04,100 --> 00:00:05,265
Ek het hier die titel van die bladsy.

5
00:00:05,265 --> 00:00:06,580
Dit is CS50 Search.

6
00:00:06,580 --> 00:00:10,380
Ek het 'n HTML-vorm binnekant van wat
verskyn 'n bydrae wie tipe is om te wees

7
00:00:10,380 --> 00:00:13,650
teks en ander insette
wie se tipe is dien.

8
00:00:13,650 --> 00:00:17,180
>> As ons nou 'n blik op die bron vir
hierdie bladsy, kennis dat, wel, ons

9
00:00:17,180 --> 00:00:20,260
'n H1 en 'n titel tag wat
is die oordra dat dit

10
00:00:20,260 --> 00:00:22,020
is inderdaad CS50 Search.

11
00:00:22,020 --> 00:00:25,940
Ons het 'n vorm tag dit is die spesifiseer
dat die vorm moet ingedien word

12
00:00:25,940 --> 00:00:27,140
ons vriende by Google.

13
00:00:27,140 --> 00:00:30,430
En binnekant van die vorm, ons het
die twee insette tipes.

14
00:00:30,430 --> 00:00:33,770
>> Maar let nou op na die top van die
bladsy, binnekant van die bladsy se kop,

15
00:00:33,770 --> 00:00:36,750
daar is 'n styl tag, binnekant van
wat is 'n CSS eiendom vir

16
00:00:36,750 --> 00:00:38,570
die liggaam van die bladsy.

17
00:00:38,570 --> 00:00:41,580
Wat as, al is, ons wou
maak al die teks in lyn

18
00:00:41,580 --> 00:00:43,050
oor verskeie bladsye?

19
00:00:43,050 --> 00:00:46,640
Met ander woorde, ek wou dit te onthou
CSS eiendom weer en weer en weer

20
00:00:46,640 --> 00:00:50,030
in verskillende web bladsye, al
van hulle het die liggaam tag?

21
00:00:50,030 --> 00:00:53,660
Wel, ek kan beslis kopieer en plak
die CSS in elk van die bladsye, maar

22
00:00:53,660 --> 00:00:57,730
dit sou beter ontwerp wees om hierdie faktor
uit in 'n sentrale lêer en dan

23
00:00:57,730 --> 00:01:01,100
een of ander manier sluit die lêer in al
die bladsye so dat as ek ooit wil

24
00:01:01,100 --> 00:01:04,840
'n verandering en my teks op die lyn
links of my teks pas op die reg, ek

25
00:01:04,840 --> 00:01:07,220
kan baie meer maklik doen.

26
00:01:07,220 --> 00:01:08,860
Kom ons probeer om dit te doen.

27
00:01:08,860 --> 00:01:12,520
>> Eerstens, laat ons sny uit hierdie
styl tag geheel en al.

28
00:01:12,520 --> 00:01:16,820
En nou, laat ons 'n lêer genaamd oopmaak,
sê, soek-3.css en sit dit

29
00:01:16,820 --> 00:01:18,970
dieselfde CSS in hierdie lêer.

30
00:01:18,970 --> 00:01:23,500
liggaam gaan hê
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Kom ons slaan die lêer.

32
00:01:24,760 --> 00:01:30,950
>> Kom ons kyk nou terug te gaan na-3.html soek en,
in die kop, voeg 'n skakel tag

33
00:01:30,950 --> 00:01:33,630
spesifiseer van 'n hiper-verwysing
van soek-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS en laat ons spesifiseer dat die verhouding
dat hierdie lêer het met die

35
00:01:38,650 --> 00:01:41,880
is as sy styl blad te dien.

36
00:01:41,880 --> 00:01:44,840
Kom ons nou sluit hierdie merker, red
die lêer, en herlaai

37
00:01:44,840 --> 00:01:46,910
Hierdie bladsy in die leser.

38
00:01:46,910 --> 00:01:49,700
>> Dit verskuif die teks op die
gelaat asof die CSS

39
00:01:49,700 --> 00:01:50,905
eiendom was nie eens toegepas word.

40
00:01:50,905 --> 00:01:53,020
Nou hoekom sou dit wees?

41
00:01:53,020 --> 00:01:54,590
Kom ons neem 'n blik op die
lêer se regte -

42
00:01:54,590 --> 00:01:58,630
nie die HTML-lêer se regte,
maar die CSS-lêer se regte.

43
00:01:58,630 --> 00:02:02,740
>> Terug hier in gedit, laat ons gaan af na
die terminale venster en tik LS-l

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

45
00:02:04,720 --> 00:02:09,810
Ag, wel, selfs al het ek die lêer se
eienaar, kan lees en skryf hierdie lêer,

46
00:02:09,810 --> 00:02:11,110
niemand anders kan dit lees.

47
00:02:11,110 --> 00:02:17,570
Maar ons kan dit regmaak met chmod n + r
Soek-3.css, en nou laat re-voer

48
00:02:17,570 --> 00:02:20,970
LS-l soek-3.css--

49
00:02:20,970 --> 00:02:21,910
en baie beter.

50
00:02:21,910 --> 00:02:24,380
Nou is die hele wêreld kan
lees hierdie lêer.

51
00:02:24,380 --> 00:02:26,950
>> Kom ons gaan terug na die leser gaan herlaai.

52
00:02:26,950 --> 00:02:29,220
Voila, ons is terug na 'n gesentreer
soektog.

53
00:02:29,220 --> 00:02:32,450
Natuurlik, dit is waar ons begin het om die
storie, met ons teks reeds gesentreer.

54
00:02:32,450 --> 00:02:36,000
Maar wat is 'n beter ontwerp is nou dat
ons faktor dat CSS in 'n

55
00:02:36,000 --> 00:02:39,690
sentrale lêer, iewers wat ons kan dan
sluit in ander web bladsye wat

56
00:02:39,690 --> 00:02:41,580
ons kan gebeur te maak in die toekoms.

57
00:02:41,580 --> 00:02:45,430
So as ons ooit wil kadreren of
restylize meer algemeen ons bladsye, ons

58
00:02:45,430 --> 00:02:48,570
kan dit doen baie eenvoudig in
'n sentrale plek.

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