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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Så jag har gjort
min egen sökmotor.

3
00:00:01,900 --> 00:00:04,100
Och just nu ser det ut så här.

4
00:00:04,100 --> 00:00:05,265
Jag har här titeln på sidan.

5
00:00:05,265 --> 00:00:06,580
Det är CS50 Sök.

6
00:00:06,580 --> 00:00:10,380
Jag har ett HTML-formulär inuti vilken
verkar att vara en ingång vars typ är

7
00:00:10,380 --> 00:00:13,650
text och en annan ingång
vars typ är in.

8
00:00:13,650 --> 00:00:17,180
>> Om vi ​​nu tar en titt på källan för
denna sida, att märka det, ja, vi

9
00:00:17,180 --> 00:00:20,260
ha en h1 och en titel tagg som
förmedlar att detta

10
00:00:20,260 --> 00:00:22,020
är verkligen CS50 sökning.

11
00:00:22,020 --> 00:00:25,940
Vi har en form-tagg som är att ange
att formen bör lämnas till

12
00:00:25,940 --> 00:00:27,140
våra vänner på Google.

13
00:00:27,140 --> 00:00:30,430
Och inne i den formen, vi har
dessa två ingångstyper.

14
00:00:30,430 --> 00:00:33,770
>> Men märker nu mot toppen av den
sida, inne i sidans huvud,

15
00:00:33,770 --> 00:00:36,750
det finns en stil tagg, insida
vilket är en CSS-egenskap för

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

17
00:00:38,570 --> 00:00:41,580
Tänk om, även om vi ville
göra all text i linje

18
00:00:41,580 --> 00:00:43,050
över flera sidor?

19
00:00:43,050 --> 00:00:46,640
Med andra ord, jag ville återanvända detta
CSS-egenskapen igen och igen och igen

20
00:00:46,640 --> 00:00:50,030
på olika webbsidor, alla
av dem har kropps tag?

21
00:00:50,030 --> 00:00:53,660
Jo jag kan säkert kopiera och klistra
CSS i var och en av dessa sidor, men

22
00:00:53,660 --> 00:00:57,730
det skulle vara bättre design för att arbeta in denna
ut i vissa central fil och sedan

23
00:00:57,730 --> 00:01:01,100
på något sätt inkludera filen i alla
dessa sidor så att om jag någonsin vill

24
00:01:01,100 --> 00:01:04,840
göra en förändring och rikta min text på
vänster eller justera min text till höger, jag

25
00:01:04,840 --> 00:01:07,220
kan göra det mycket lättare.

26
00:01:07,220 --> 00:01:08,860
Låt oss försöka göra det här.

27
00:01:08,860 --> 00:01:12,520
>> Först, låt oss klippa ut detta
stil tag helt och hållet.

28
00:01:12,520 --> 00:01:16,820
Och nu ska vi öppna en fil som heter,
säg, sök-3.css och sätta det

29
00:01:16,820 --> 00:01:18,970
Samma CSS i den här filen.

30
00:01:18,970 --> 00:01:23,500
kropp kommer att ha
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Låt oss spara den filen.

32
00:01:24,760 --> 00:01:30,950
>> Låt oss nu gå tillbaka till sök-3.html och,
i huvudet igen, lägga till en länk tagg

33
00:01:30,950 --> 00:01:33,630
ange en hyper referens
av sök-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Och låt oss anger att relationen
att denna fil har med

35
00:01:38,650 --> 00:01:41,880
sidan är att fungera som sin stilmall.

36
00:01:41,880 --> 00:01:44,840
Låt oss nu avsluta denna tagg, spara
filen och omladdning

37
00:01:44,840 --> 00:01:46,910
den här sidan i webbläsaren.

38
00:01:46,910 --> 00:01:49,700
>> Det omgrupperade texten på
kvar som om CSS

39
00:01:49,700 --> 00:01:50,905
Fastigheten var inte ens tillämpats.

40
00:01:50,905 --> 00:01:53,020
Nu varför skulle det vara?

41
00:01:53,020 --> 00:01:54,590
Låt oss ta en titt på den
fil behörigheter -

42
00:01:54,590 --> 00:01:58,630
inte HTML-fil behörigheter,
men CSS-fil behörigheter.

43
00:01:58,630 --> 00:02:02,740
>> Tillbaka här i gedit, vi går ner till
terminalfönster och skriv 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, även om jag, filens
ägare, kan läsa och skriva den här filen,

46
00:02:09,810 --> 00:02:11,110
ingen annan kan läsa den.

47
00:02:11,110 --> 00:02:17,570
Men vi kan fixa detta med chmod a + r
sök-3.css, och nu ska vi åter köra

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

49
00:02:20,970 --> 00:02:21,910
och mycket bättre.

50
00:02:21,910 --> 00:02:24,380
Nu hela världen kan
läsa denna fil.

51
00:02:24,380 --> 00:02:26,950
>> Låt oss gå tillbaka till webbläsaren, ladda om.

52
00:02:26,950 --> 00:02:29,220
Voila, vi är tillbaka till en centrerad
sökmotor.

53
00:02:29,220 --> 00:02:32,450
Naturligtvis, det är där vi började
berättelse, med vår text redan centrerad.

54
00:02:32,450 --> 00:02:36,000
Men vad är bättre design nu är att
vi räknade ut att CSS till en

55
00:02:36,000 --> 00:02:39,690
central fil, någonstans som vi kan då
inkludera i andra webbsidor som

56
00:02:39,690 --> 00:02:41,580
Vi kan hända att göra i framtiden.

57
00:02:41,580 --> 00:02:45,430
Så om vi någonsin vill centrera eller
restylize mer allmänt våra sidor, vi

58
00:02:45,430 --> 00:02:48,570
kan göra det mycket enkelt i
en central plats.

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