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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Tak jsem se dělat
můj vlastní vyhledávač.

3
00:00:01,900 --> 00:00:04,100
A v tomto okamžiku, to vypadá takhle.

4
00:00:04,100 --> 00:00:05,265
Mám zde na název stránky.

5
00:00:05,265 --> 00:00:06,580
Je to CS50 hledání.

6
00:00:06,580 --> 00:00:10,380
Mám formulář HTML uvnitř, který
Zdá se, že vstup, jehož typ je

7
00:00:10,380 --> 00:00:13,650
Text a další vstup
Typ jehož je předložit.

8
00:00:13,650 --> 00:00:17,180
>> Pokud bychom nyní se podíváme na zdroje pro
tuto stránku, zjistíte, že opravdu jsme

9
00:00:17,180 --> 00:00:20,260
mají h1 a název značky, který
se, že tento dopravní

10
00:00:20,260 --> 00:00:22,020
je opravdu CS50 Hledat.

11
00:00:22,020 --> 00:00:25,940
Máme tag formuláře, který je určující
že formulář by měl být předložen

12
00:00:25,940 --> 00:00:27,140
naši přátelé na Google.

13
00:00:27,140 --> 00:00:30,430
A v té podobě, máme
tyto dva vstupní typy.

14
00:00:30,430 --> 00:00:33,770
>> Ale všimněte nyní k horní části
strana, uvnitř hlavy dané stránky,

15
00:00:33,770 --> 00:00:36,750
tam je značka styl, uvnitř
který je CSS vlastnost pro

16
00:00:36,750 --> 00:00:38,570
Tělo stránky.

17
00:00:38,570 --> 00:00:41,580
Co když, když jsme chtěli
aby celý text zarovnaný

18
00:00:41,580 --> 00:00:43,050
přes více stránek?

19
00:00:43,050 --> 00:00:46,640
Jinými slovy, chtěl jsem znovu toto
CSS vlastnost znovu a znovu a znovu

20
00:00:46,640 --> 00:00:50,030
na různých webových stránkách, všechny
z nichž má tělo tag?

21
00:00:50,030 --> 00:00:53,660
No já by jistě zkopírovat a vložit
CSS do každé z těchto stran, ale

22
00:00:53,660 --> 00:00:57,730
to by bylo lepší design tento faktor
se do nějakého centrálního souboru a pak

23
00:00:57,730 --> 00:01:01,100
nějak patří, že soubor všech
tyto stránky, takže pokud bych někdy chtěl

24
00:01:01,100 --> 00:01:04,840
provést změny a přizpůsobit svůj text na
vlevo nebo zarovnání můj text, na pravé straně, jsem

25
00:01:04,840 --> 00:01:07,220
můžete to udělat mnohem snadněji.

26
00:01:07,220 --> 00:01:08,860
Zkusme to udělat.

27
00:01:08,860 --> 00:01:12,520
>> Za prvé, pojďme vystřihnout tento
styl tag dohromady.

28
00:01:12,520 --> 00:01:16,820
A teď pojďme otevřít soubor s názvem,
řekněme, search-3.css a dal, že

29
00:01:16,820 --> 00:01:18,970
Totéž CSS v tomto souboru.

30
00:01:18,970 --> 00:01:23,500
Tělo bude mít
Text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Pojďme uložit tento soubor.

32
00:01:24,760 --> 00:01:30,950
>> Pojďme se nyní vrátit k vyhledávání-3.html a
v hlavě opět přidat značku odkazu

33
00:01:30,950 --> 00:01:33,630
určení hyper-odkazu
vyhledávání-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS a pojďme stanovit, že vztah
že tento soubor má s

35
00:01:38,650 --> 00:01:41,880
Stránka má sloužit jako jeho stylů.

36
00:01:41,880 --> 00:01:44,840
Pojďme nyní uzavřít tuto značku, s výjimkou
soubor, a jiný

37
00:01:44,840 --> 00:01:46,910
Tato stránka v prohlížeči.

38
00:01:46,910 --> 00:01:49,700
>> Je to srovnal text na
vlevo, jako by CSS

39
00:01:49,700 --> 00:01:50,905
majetek nebyl ještě použit.

40
00:01:50,905 --> 00:01:53,020
A teď, proč by to mohlo být?

41
00:01:53,020 --> 00:01:54,590
Pojďme se podívat na
oprávnění souboru je -

42
00:01:54,590 --> 00:01:58,630
ne oprávnění souboru HTML,
ale oprávnění CSS souboru.

43
00:01:58,630 --> 00:02:02,740
>> Zpět tady v gedit, pojďme se na
okno terminálu a typ ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ach, opravdu, i když jsem, soubor je
majitel, umí číst a psát tento soubor,

46
00:02:09,810 --> 00:02:11,110
nikdo jiný nemůže číst.

47
00:02:11,110 --> 00:02:17,570
Ale můžeme opravit s chmod a + r
search-3.css, a teď pojďme re-spustit

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

49
00:02:20,970 --> 00:02:21,910
a mnohem lepší.

50
00:02:21,910 --> 00:02:24,380
Nyní se celý svět může
nebo tento soubor číst.

51
00:02:24,380 --> 00:02:26,950
>> Vraťme se zpátky do prohlížeče, vložte.

52
00:02:26,950 --> 00:02:29,220
Voila, jsme zpátky na střed
vyhledávač.

53
00:02:29,220 --> 00:02:32,450
Samozřejmě, že to je místo, kde jsme začali
příběh, se již náš text na střed.

54
00:02:32,450 --> 00:02:36,000
Ale co je lepší konstrukce je nyní, že
jsme zapracovány na to, že CSS do

55
00:02:36,000 --> 00:02:39,690
centrální soubor, někde, že můžeme pak
zahrnout do jiných webových stránek, které

56
00:02:39,690 --> 00:02:41,580
mohli bychom se stát, aby se v budoucnosti.

57
00:02:41,580 --> 00:02:45,430
Takže pokud budeme někdy chtít recenter nebo
restylize obecněji na našich stránkách, jsme

58
00:02:45,430 --> 00:02:48,570
Můžete to udělat velmi jednoduše
jednom centrálním místě.

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