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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Så jeg har gjort
min egen søgemaskine.

3
00:00:01,900 --> 00:00:04,100
Og i det øjeblik, det ser sådan ud.

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

5
00:00:05,265 --> 00:00:06,580
Det er CS50 Søg.

6
00:00:06,580 --> 00:00:10,380
Jeg har en HTML-formular inde i hvilke
synes at være et input, hvis type er

7
00:00:10,380 --> 00:00:13,650
tekst og en anden indgang
hvis type er indsende.

8
00:00:13,650 --> 00:00:17,180
>> Hvis vi nu tage et kig på kilden til
denne side, bemærke, at, ja, vi

9
00:00:17,180 --> 00:00:20,260
have en H1 og en titel-tag, der
vækker at dette

10
00:00:20,260 --> 00:00:22,020
er faktisk CS50 Søg.

11
00:00:22,020 --> 00:00:25,940
Vi har en formular tag, der er at specificere
at formularen skal indsendes til

12
00:00:25,940 --> 00:00:27,140
vores venner hos Google.

13
00:00:27,140 --> 00:00:30,430
Og inde i den form, vi har
disse to input typer.

14
00:00:30,430 --> 00:00:33,770
>> Men bemærk nu mod toppen af ​​den
side indersiden af ​​sidens hoved,

15
00:00:33,770 --> 00:00:36,750
der er en stil tag, inde i
som er en CSS egenskab for

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

17
00:00:38,570 --> 00:00:41,580
Hvad nu hvis, selvom vi ønskede at
gøre hele teksten justeret

18
00:00:41,580 --> 00:00:43,050
på tværs af flere sider?

19
00:00:43,050 --> 00:00:46,640
Med andre ord, jeg ønskede at genbruge denne
CSS ejendom igen og igen og igen

20
00:00:46,640 --> 00:00:50,030
i forskellige web-sider, der alle
hvoraf har body-tagget?

21
00:00:50,030 --> 00:00:53,660
Jamen jeg kunne sikkert kopiere og indsætte
CSS ind i hver af disse sider, men

22
00:00:53,660 --> 00:00:57,730
det ville være bedre design at indregne dette
ud i nogle central fil og derefter

23
00:00:57,730 --> 00:01:01,100
en eller anden måde inkluderer filen i alle
disse sider, så hvis jeg nogensinde vil

24
00:01:01,100 --> 00:01:04,840
foretage en ændring og tilpasse min tekst på
venstre eller justere min tekst på højre, jeg

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

26
00:01:07,220 --> 00:01:08,860
Lad os prøve at gøre dette.

27
00:01:08,860 --> 00:01:12,520
>> Først, lad os skære ud denne
stil tag helt.

28
00:01:12,520 --> 00:01:16,820
Og lad os nu åbne en fil kaldet,
siger, søg-3.css og sætte det

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

30
00:01:18,970 --> 00:01:23,500
krop vil have
tekst-align: center;.

31
00:01:23,500 --> 00:01:24,760
Lad os gemme filen.

32
00:01:24,760 --> 00:01:30,950
>> Lad os nu gå tilbage til søge-3.html og,
i hovedet igen, tilføje et link tag

33
00:01:30,950 --> 00:01:33,630
angivelse af en hyper-henvisning
af søge-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Og lad os præcisere, at relationen
at denne fil har med

35
00:01:38,650 --> 00:01:41,880
side er at fungere som sin stil ark.

36
00:01:41,880 --> 00:01:44,840
Lad os nu lukke tag, spare
filen, og reload

37
00:01:44,840 --> 00:01:46,910
denne side i browseren.

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

39
00:01:49,700 --> 00:01:50,905
Ejendommen blev ikke engang anvendt.

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

41
00:01:53,020 --> 00:01:54,590
Lad os tage et kig på det
filens tilladelser -

42
00:01:54,590 --> 00:01:58,630
HTML filens tilladelser ej,
men tilladelser CSS fils.

43
00:01:58,630 --> 00:02:02,740
>> Tilbage her i gedit, lad os gå ned til
terminal vindue og skriv ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, ja, selv om jeg, filens
ejer, kan læse og skrive denne fil,

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

47
00:02:11,110 --> 00:02:17,570
Men vi kan løse dette med chmod a + r
search-3.css, og lad os nu re-execute

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

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

50
00:02:21,910 --> 00:02:24,380
Nu er hele verden kan
læse denne fil.

51
00:02:24,380 --> 00:02:26,950
>> Lad os gå tilbage til browseren, genindlæse.

52
00:02:26,950 --> 00:02:29,220
Voila, er vi tilbage til en centreret
søgemaskine.

53
00:02:29,220 --> 00:02:32,450
Selvfølgelig er det her, vi begyndte
historie, med vores tekst allerede centreret.

54
00:02:32,450 --> 00:02:36,000
Men hvad er bedre design nu, er, at
vi har indregnet, at CSS i en

55
00:02:36,000 --> 00:02:39,690
central fil, et sted, som vi derefter kan
omfatte andre websider,

56
00:02:39,690 --> 00:02:41,580
vi måske kommer til at lave i fremtiden.

57
00:02:41,580 --> 00:02:45,430
Så hvis vi nogensinde ønsker at centrere eller
restylize mere generelt vores sider, vi

58
00:02:45,430 --> 00:02:48,570
kan gøre det meget enkelt i
ét centralt sted.

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