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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Szóval már így
saját kereső.

3
00:00:01,900 --> 00:00:04,100
És abban a pillanatban, úgy néz ki, mint ez.

4
00:00:04,100 --> 00:00:05,265
Itt van a cím az oldal.

5
00:00:05,265 --> 00:00:06,580
Ez CS50 Search.

6
00:00:06,580 --> 00:00:10,380
Van egy HTML form belsejében, amely
úgy tűnik, hogy egy bemeneti amelynek típusa

7
00:00:10,380 --> 00:00:13,650
szöveg és egy másik beviteli
amelynek típusa benyújtani.

8
00:00:13,650 --> 00:00:17,180
>> Ha most vessünk egy pillantást a forrás
ezt az oldalt, észreveheti, hogy valóban mi

9
00:00:17,180 --> 00:00:20,260
van egy H1 és a title tag, amely
közvetíti, hogy ez a

10
00:00:20,260 --> 00:00:22,020
valóban CS50 Search.

11
00:00:22,020 --> 00:00:25,940
Van egy űrlap taget, ami meghatározó
hogy a nyomtatványt kell benyújtani

12
00:00:25,940 --> 00:00:27,140
barátaink a Google.

13
00:00:27,140 --> 00:00:30,430
És a belsejében, hogy a forma, mi
a két bemeneti típusok.

14
00:00:30,430 --> 00:00:33,770
>> De észre már teteje felé a
oldal, belsejében a lap feje,

15
00:00:33,770 --> 00:00:36,750
van egy stílusa tag, belsejében
amely a CSS tulajdonság

16
00:00:36,750 --> 00:00:38,570
A szervezetben az oldal.

17
00:00:38,570 --> 00:00:41,580
Mi van, ha mégis, azt akartuk, hogy
hogy az összes szöveg igazítva

18
00:00:41,580 --> 00:00:43,050
több oldalra?

19
00:00:43,050 --> 00:00:46,640
Más szóval, azt akartam, hogy újra ezt a
CSS tulajdonság újra és újra és újra

20
00:00:46,640 --> 00:00:50,030
a különböző weboldalak, mind
akik közül body tag?

21
00:00:50,030 --> 00:00:53,660
Nos, minden bizonnyal másolás és beillesztés
A CSS a minden ilyen oldalt, de

22
00:00:53,660 --> 00:00:57,730
jobb lenne, design ez a tényező
ki egyes központi fájlt, majd

23
00:00:57,730 --> 00:01:01,100
valahogy közé tartozik, hogy a fájl az összes
azokat az oldalakat, hogy ha valaha is szeretne

24
00:01:01,100 --> 00:01:04,840
hogy a változás, és igazítsa a szöveget a
balra vagy igazítsa a szöveget a jobb oldalon, azt

25
00:01:04,840 --> 00:01:07,220
képes erre sokkal könnyebben.

26
00:01:07,220 --> 00:01:08,860
Próbáljuk ezt.

27
00:01:08,860 --> 00:01:12,520
>> Először is, hadd vágja ki ezt a
stílus címke összesen.

28
00:01:12,520 --> 00:01:16,820
És most nézzük megnyitni egy fájlt nevű,
mondjuk, keresési 3.css és tedd, hogy

29
00:01:16,820 --> 00:01:18,970
ugyanaz CSS ebben a fájlban.

30
00:01:18,970 --> 00:01:23,500
test megy, hogy
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Mentsük a fájlt.

32
00:01:24,760 --> 00:01:30,950
>> Nézzük most vissza keresni-3.html és
a fejét ismét, adjunk hozzá egy link tag

33
00:01:30,950 --> 00:01:33,630
megadásával hyper referencia
A keresési 3.css.

34
00:01:33,630 --> 00:01:38,650
CSS és nézzük meghatározza, hogy a kapcsolat
hogy ez a fájl a

35
00:01:38,650 --> 00:01:41,880
oldal, hogy szolgáljon a stíluslap.

36
00:01:41,880 --> 00:01:44,840
Nézzük most zárja be ezt a címkét, kivéve
a fájlt, és a reload

37
00:01:44,840 --> 00:01:46,910
ezt az oldalt a böngészőben.

38
00:01:46,910 --> 00:01:49,700
>> Ez átrendezte a szöveget az
balra, mintha a CSS

39
00:01:49,700 --> 00:01:50,905
vagyon nem is alkalmazták.

40
00:01:50,905 --> 00:01:53,020
De miért lenne az?

41
00:01:53,020 --> 00:01:54,590
Vessünk egy pillantást a
fájl engedélyek -

42
00:01:54,590 --> 00:01:58,630
nem HTML fájl jogosultságokat,
de a CSS fájl jogosultságokat.

43
00:01:58,630 --> 00:02:02,740
>> Back itt gedit, menjünk le a
a terminál ablakot, és írja ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, sőt, annak ellenére, hogy én, a fájl
tulajdonosa, tud írni és olvasni ezt a fájlt,

46
00:02:09,810 --> 00:02:11,110
senki más nem tudja elolvasni.

47
00:02:11,110 --> 00:02:17,570
De tudod oldani ezt a chmod a + r
keresési 3.css, és most nézzük újra végre

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

49
00:02:20,970 --> 00:02:21,910
és sokkal jobb.

50
00:02:21,910 --> 00:02:24,380
Most az egész világ
olvasd el ezt a fájlt.

51
00:02:24,380 --> 00:02:26,950
>> Menjünk vissza a böngésző reload.

52
00:02:26,950 --> 00:02:29,220
Voila, mi vissza a középre
kereső.

53
00:02:29,220 --> 00:02:32,450
Természetesen, ez az, ahol elkezdtük a
történet, a mi szöveg már középre.

54
00:02:32,450 --> 00:02:36,000
De mi a jobb tervezés most az, hogy
már számították ki, hogy a CSS egy

55
00:02:36,000 --> 00:02:39,690
központi fájlba, valahol, hogy tudjuk majd
többek között a más weboldalak,

56
00:02:39,690 --> 00:02:41,580
akkor előfordulhat, hogy a jövőben.

57
00:02:41,580 --> 00:02:45,430
Tehát, ha valaha is szeretne centrikus vagy
restylize általában az oldal, akkor

58
00:02:45,430 --> 00:02:48,570
tudja csinálni, nagyon egyszerűen
egy központi helyen.

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