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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Så jeg har vært å gjøre
min egen søkemotor.

3
00:00:01,900 --> 00:00:04,100
Og i øyeblikket ser det ut som dette.

4
00:00:04,100 --> 00:00:05,265
Jeg har her tittelen på siden.

5
00:00:05,265 --> 00:00:06,580
Det er CS50 søk.

6
00:00:06,580 --> 00:00:10,380
Jeg har et HTML-skjema innsiden av som
ser ut til å være en inngang hvis type er

7
00:00:10,380 --> 00:00:13,650
tekst og en annen inngang
hvis typen er sende.

8
00:00:13,650 --> 00:00:17,180
>> Hvis vi nå tar en titt på kilden for
denne siden, legge merke til at, ja, vi

9
00:00:17,180 --> 00:00:20,260
har en h1 og en tittel kode som
er å formidle at dette

10
00:00:20,260 --> 00:00:22,020
er faktisk CS50 søk.

11
00:00:22,020 --> 00:00:25,940
Vi har et skjema tag som er å spesifisere
at skjemaet skal sendes til

12
00:00:25,940 --> 00:00:27,140
våre venner på Google.

13
00:00:27,140 --> 00:00:30,430
Og inne i denne formen, har vi
disse to inngangstyper.

14
00:00:30,430 --> 00:00:33,770
>> Men legg merke til nå mot toppen av
side, på innsiden av side hode

15
00:00:33,770 --> 00:00:36,750
det er en stil tag, innsiden av
som er en CSS eiendom for

16
00:00:36,750 --> 00:00:38,570
legemet på siden.

17
00:00:38,570 --> 00:00:41,580
Hva om, skjønt, ønsket vi å
gjøre all teksten på linje

18
00:00:41,580 --> 00:00:43,050
over flere sider?

19
00:00:43,050 --> 00:00:46,640
Med andre ord, jeg ønsket å gjenbruke dette
CSS eiendom igjen og igjen og igjen

20
00:00:46,640 --> 00:00:50,030
i ulike nettsider, alt
av dem har body-koden?

21
00:00:50,030 --> 00:00:53,660
Vel jeg kunne sikkert kopiere og lime
CSS i hver av disse sidene, men

22
00:00:53,660 --> 00:00:57,730
det ville være bedre design for å faktor dette
ut i noen sentral fil og deretter

23
00:00:57,730 --> 00:01:01,100
liksom inkludere denne filen i alle
disse sidene slik at hvis jeg noen gang vil

24
00:01:01,100 --> 00:01:04,840
gjøre en endring og justere teksten min på
venstre eller justere teksten min på høyre, jeg

25
00:01:04,840 --> 00:01:07,220
kan gjøre det mye lettere.

26
00:01:07,220 --> 00:01:08,860
La oss prøve å gjøre dette.

27
00:01:08,860 --> 00:01:12,520
>> Først, la oss kutte ut dette
stil tag helt.

28
00:01:12,520 --> 00:01:16,820
Og nå skal vi åpne en fil som heter,
si, søk-3.css og sette det

29
00:01:16,820 --> 00:01:18,970
samme CSS i denne fila.

30
00:01:18,970 --> 00:01:23,500
kroppen kommer til å ha
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
La oss lagre filen.

32
00:01:24,760 --> 00:01:30,950
>> La oss nå gå tilbake til søke-3.html og,
i hodet igjen, legge en link tag

33
00:01:30,950 --> 00:01:33,630
spesifisere en hyper-referanse
av søk-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Og la oss presisere at forholdet
at denne filen har med

35
00:01:38,650 --> 00:01:41,880
side er å tjene som sin stilark.

36
00:01:41,880 --> 00:01:44,840
La oss nå lukke denne koden, lagre
filen, og reload

37
00:01:44,840 --> 00:01:46,910
denne siden i nettleseren.

38
00:01:46,910 --> 00:01:49,700
>> Det realigned teksten på
venstre som om CSS

39
00:01:49,700 --> 00:01:50,905
Eiendommen ble ikke engang brukt.

40
00:01:50,905 --> 00:01:53,020
Nå hvorfor kan det være?

41
00:01:53,020 --> 00:01:54,590
La oss ta en titt på
filens tillatelser -

42
00:01:54,590 --> 00:01:58,630
ikke HTML-filens tillatelser,
men CSS filens tillatelser.

43
00:01:58,630 --> 00:02:02,740
>> Tilbake her i gedit, la oss gå ned til
terminalvinduet og type ls-l

44
00:02:02,740 --> 00:02:04,720
søk-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, ja, selv om jeg, filens
eier, kan lese og skrive denne filen,

46
00:02:09,810 --> 00:02:11,110
ingen andre kan lese det.

47
00:02:11,110 --> 00:02:17,570
Men vi kan fikse dette med chmod a + r
søk-3.css, og nå la oss re-utføre

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

49
00:02:20,970 --> 00:02:21,910
og mye bedre.

50
00:02:21,910 --> 00:02:24,380
Nå kan hele verden kan
lese denne filen.

51
00:02:24,380 --> 00:02:26,950
>> La oss gå tilbake til nettleseren, reload.

52
00:02:26,950 --> 00:02:29,220
Voila, vi er tilbake til en sentrert
søkemotor.

53
00:02:29,220 --> 00:02:32,450
Selvfølgelig, dette er hvor vi begynte
historie, med vår tekst allerede sentrert.

54
00:02:32,450 --> 00:02:36,000
Men hva er bedre design nå er at
vi har priset ut at CSS i en

55
00:02:36,000 --> 00:02:39,690
sentral fil, et sted som vi kan da
inkludere i andre websider som

56
00:02:39,690 --> 00:02:41,580
vi kan skje for å gjøre i fremtiden.

57
00:02:41,580 --> 00:02:45,430
Så hvis vi noen gang vil recenter eller
restylize mer generelt våre sider, vi

58
00:02:45,430 --> 00:02:48,570
kan gjøre det veldig enkelt i
ett sentralt sted.

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