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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Tak som sa robiť
môj vlastný vyhľadávač.

3
00:00:01,900 --> 00:00:04,100
A v tomto okamihu, to vyzerá takto.

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

5
00:00:05,265 --> 00:00:06,580
Je to CS50 hľadanie.

6
00:00:06,580 --> 00:00:10,380
Mám formulár HTML vnútri, ktorý
Zdá sa, že vstup, ktorého typ je

7
00:00:10,380 --> 00:00:13,650
Text a ďalší vstup
Typ ktorého je predložiť.

8
00:00:13,650 --> 00:00:17,180
>> Ak by sme teraz sa pozrieme na zdroje pre
túto stránku, zistíte, že naozaj sme

9
00:00:17,180 --> 00:00:20,260
majú h1 a názov značky, ktorý
sa, že tento dopravný

10
00:00:20,260 --> 00:00:22,020
je naozaj CS50 Hľadať.

11
00:00:22,020 --> 00:00:25,940
Máme tag formulára, ktorý je určujúci
že formulár by mal byť predložený

12
00:00:25,940 --> 00:00:27,140
naši priatelia na Google.

13
00:00:27,140 --> 00:00:30,430
A v tej podobe, máme
tieto dva vstupné typy.

14
00:00:30,430 --> 00:00:33,770
>> Ale všimnite teraz k hornej časti
strana, vnútri hlavy danej stránky,

15
00:00:33,770 --> 00:00:36,750
tam je značka štýl, vnútri
ktorý je CSS vlastnosť pre

16
00:00:36,750 --> 00:00:38,570
Telo stránky.

17
00:00:38,570 --> 00:00:41,580
Čo keď, keď sme chceli
aby celý text zarovnaný

18
00:00:41,580 --> 00:00:43,050
cez viac stránok?

19
00:00:43,050 --> 00:00:46,640
Inými slovami, chcel som znovu tento
CSS vlastnosť znova a znova a znova

20
00:00:46,640 --> 00:00:50,030
na rôznych webových stránkach, všetky
z ktorých má telo tag?

21
00:00:50,030 --> 00:00:53,660
No ja by určite skopírovať a vložiť
CSS do každej z týchto strán, ale

22
00:00:53,660 --> 00:00:57,730
to by bolo lepšie dizajn tento faktor
sa do nejakého centrálneho súboru a potom

23
00:00:57,730 --> 00:01:01,100
nejako patrí, že súbor všetkých
tieto stránky, takže ak by som niekedy chcel

24
00:01:01,100 --> 00:01:04,840
vykonať zmeny a prispôsobiť svoj text na
vľavo alebo zarovnanie môj text, na pravej strane, som

25
00:01:04,840 --> 00:01:07,220
môžete to urobiť oveľa ľahšie.

26
00:01:07,220 --> 00:01:08,860
Skúsme to urobiť.

27
00:01:08,860 --> 00:01:12,520
>> Po prvé, poďme vystrihnúť tento
štýl tag dohromady.

28
00:01:12,520 --> 00:01:16,820
A teraz poďme otvoriť súbor s názvom,
povedzme, search-3.css a dal, že

29
00:01:16,820 --> 00:01:18,970
To isté CSS v tomto súbore.

30
00:01:18,970 --> 00:01:23,500
Telo bude mať
Text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Poďme uložiť tento súbor.

32
00:01:24,760 --> 00:01:30,950
>> Poďme sa teraz vrátiť k vyhľadávaniu-3.html a
v hlave opäť pridať značku odkazu

33
00:01:30,950 --> 00:01:33,630
určenie hyper-odkazu
vyhľadávanie-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS a poďme stanoviť, že vzťah
že tento súbor má s

35
00:01:38,650 --> 00:01:41,880
Stránka má slúžiť ako jeho štýlov.

36
00:01:41,880 --> 00:01:44,840
Poďme teraz uzavrieť túto značku, s výnimkou
súbor, a iný

37
00:01:44,840 --> 00:01:46,910
Táto stránka v prehliadači.

38
00:01:46,910 --> 00:01:49,700
>> Je to zrovnal text na
vľavo, ako by CSS

39
00:01:49,700 --> 00:01:50,905
majetok nebol ešte použitý.

40
00:01:50,905 --> 00:01:53,020
A teraz, prečo by to mohlo byť?

41
00:01:53,020 --> 00:01:54,590
Poďme sa pozrieť na
oprávnenia súboru je -

42
00:01:54,590 --> 00:01:58,630
nie oprávnenia súboru HTML,
ale oprávnenie CSS súboru.

43
00:01:58,630 --> 00:02:02,740
>> Späť tu v gedit, poďme sa 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, naozaj, aj keď som, súbor je
majiteľ, vie čítať a písať tento súbor,

46
00:02:09,810 --> 00:02:11,110
nikto iný nemôže čítať.

47
00:02:11,110 --> 00:02:17,570
Ale môžeme opraviť s chmod a + r
search-3.css, a teraz poďme re-spustiť

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

49
00:02:20,970 --> 00:02:21,910
a oveľa lepšie.

50
00:02:21,910 --> 00:02:24,380
Teraz sa celý svet môže
alebo tento súbor čítať.

51
00:02:24,380 --> 00:02:26,950
>> Vráťme sa späť do prehliadača, vložte.

52
00:02:26,950 --> 00:02:29,220
Voila, sme späť na stred
vyhľadávač.

53
00:02:29,220 --> 00:02:32,450
Samozrejme, že to je miesto, kde sme začali
príbeh, sa už náš text na stred.

54
00:02:32,450 --> 00:02:36,000
Ale čo je lepšie konštrukcia je teraz, že
sme zapracované na to, že CSS do

55
00:02:36,000 --> 00:02:39,690
centrálne súbor, niekde, že môžeme potom
zahrnúť do iných webových stránok, ktoré

56
00:02:39,690 --> 00:02:41,580
mohli by sme sa stať, aby sa v budúcnosti.

57
00:02:41,580 --> 00:02:45,430
Takže ak budeme niekedy chcieť recenter alebo
restylize všeobecnejšie na našich stránkach, sme

58
00:02:45,430 --> 00:02:48,570
Môžete to urobiť veľmi jednoducho
jednom centrálnom mieste.

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