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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Nii et ma olen teinud
minu enda otsingumootori.

3
00:00:01,900 --> 00:00:04,100
Ja hetkel tundub see.

4
00:00:04,100 --> 00:00:05,265
Mul on siin lehe pealkiri.

5
00:00:05,265 --> 00:00:06,580
See CS50 Otsi.

6
00:00:06,580 --> 00:00:10,380
Mul on HTML-vormi, mille sees
näib sisend, mille tüüp on

7
00:00:10,380 --> 00:00:13,650
tekst ja teine ​​sisend
mille tüüp on esitada.

8
00:00:13,650 --> 00:00:17,180
>> Kui me nüüd vaatleme allikas
Sellel lehel märkad, et tõepoolest, me

9
00:00:17,180 --> 00:00:20,260
on h1 ja pealkiri tag, et
on toimetamisel, et see

10
00:00:20,260 --> 00:00:22,020
on tõepoolest CS50 Otsi.

11
00:00:22,020 --> 00:00:25,940
Meil on vorm tag, mis on täpsustades
et vorm tuleb esitada

12
00:00:25,940 --> 00:00:27,140
meie sõprade Google.

13
00:00:27,140 --> 00:00:30,430
Ja sees, et vorm on meil
Nende kahe sisend tüübid.

14
00:00:30,430 --> 00:00:33,770
>> Aga teate nüüd poole peal
lehe sees lehekülje peaga

15
00:00:33,770 --> 00:00:36,750
seal style tag sees
mis on CSS vara

16
00:00:36,750 --> 00:00:38,570
organismis samamoodi.

17
00:00:38,570 --> 00:00:41,580
Mis siis, kui me tahtsime
teha kogu tekst joondatud

18
00:00:41,580 --> 00:00:43,050
mitmel leheküljel?

19
00:00:43,050 --> 00:00:46,640
Teisisõnu, ma tahtsin taaskasutada seda
CSS vara uuesti ja uuesti ja uuesti

20
00:00:46,640 --> 00:00:50,030
eri veebilehti, kõik
kellest body?

21
00:00:50,030 --> 00:00:53,660
Noh ma võiks kindlasti kopeeri ja kleebi
CSS igasse neid lehekülgi, kuid

22
00:00:53,660 --> 00:00:57,730
see oleks parem disain arvestada seda
viidud mõnes Kesk fail ja seejärel

23
00:00:57,730 --> 00:01:01,100
kuidagi sisaldada et faili kõik
need lehed nii, et kui ma kunagi tahan

24
00:01:01,100 --> 00:01:04,840
teha muutusi ja viia oma teksti
vasakule või viia oma teksti paremale, I

25
00:01:04,840 --> 00:01:07,220
saab teha palju lihtsamalt.

26
00:01:07,220 --> 00:01:08,860
Proovime seda teha.

27
00:01:08,860 --> 00:01:12,520
>> Esiteks, ärgem lõigata see
style tag täielikult.

28
00:01:12,520 --> 00:01:16,820
Ja nüüd lähme avada faili nimega
ütleme, search-3.css ja pane see

29
00:01:16,820 --> 00:01:18,970
sama CSS selles failis.

30
00:01:18,970 --> 00:01:23,500
keha läheb on
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Hoiame seda faili.

32
00:01:24,760 --> 00:01:30,950
>> Olgem nüüd minna tagasi otsingu-3.html ja
pea uuesti lisama link tag

33
00:01:30,950 --> 00:01:33,630
täpsustades hüper-viide
otsingu-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Ja olgem täpsustada, et seoses
et see fail on koos

35
00:01:38,650 --> 00:01:41,880
leht on olla oma stiili lehel.

36
00:01:41,880 --> 00:01:44,840
Olgem nüüd sulgeda tag, salvestada
fail ja reload

37
00:01:44,840 --> 00:01:46,910
seda lehte brauseris.

38
00:01:46,910 --> 00:01:49,700
>> See ümber kavandatud teksti
jäänud justkui CSS

39
00:01:49,700 --> 00:01:50,905
vara ei ole veel rakendatud.

40
00:01:50,905 --> 00:01:53,020
Nüüd, miks see võiks olla?

41
00:01:53,020 --> 00:01:54,590
Võtame pilk
faili load -

42
00:01:54,590 --> 00:01:58,630
mitte HTML-faili õigusi,
kuid CSS faili õigusi.

43
00:01:58,630 --> 00:02:02,740
>> Tagasi siin gedit, lähme alla
terminali aken ja tüüp ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, tegelikult, kuigi ma, faili
omanik, lugeda ja kirjutada seda faili

46
00:02:09,810 --> 00:02:11,110
keegi teine ​​ei saa seda lugeda.

47
00:02:11,110 --> 00:02:17,570
Aga me ei saa määrata seda chmod a + r
search-3.css ja nüüd lähme uuesti täita

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

49
00:02:20,970 --> 00:02:21,910
ja palju parem.

50
00:02:21,910 --> 00:02:24,380
Nüüd on kogu maailm saab
loe see fail.

51
00:02:24,380 --> 00:02:26,950
>> Lähme tagasi brauser laadida.

52
00:02:26,950 --> 00:02:29,220
Voila, me oleme tagasi keskele
otsingumootori.

53
00:02:29,220 --> 00:02:32,450
Muidugi, see on koht, kus me alustasime
lugu, meie tekst juba keskel.

54
00:02:32,450 --> 00:02:36,000
Aga mis on parem disain on see, et
oleme arvutatud välja, et CSS sisse

55
00:02:36,000 --> 00:02:39,690
Kesk-fail, kuskil, et saame siis
kaasata teisi veebilehti, mis

56
00:02:39,690 --> 00:02:41,580
me võib juhtuda, et ka tulevikus.

57
00:02:41,580 --> 00:02:45,430
Nii et kui me kunagi tahad tsentreerige või
restylize üldisemalt meie lehti, me

58
00:02:45,430 --> 00:02:48,570
saab seda teha väga lihtsalt
üks keskne koht.

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