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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Svo ég hef verið að gera
eigin leit mín vél.

3
00:00:01,900 --> 00:00:04,100
Og á því augnabliki, það útlit eins og this.

4
00:00:04,100 --> 00:00:05,265
Ég hef hér titill á síðunni.

5
00:00:05,265 --> 00:00:06,580
Það er CS50 Leita.

6
00:00:06,580 --> 00:00:10,380
Ég er með HTML formi inni sem
virðist vera sem inntak sem gerð er

7
00:00:10,380 --> 00:00:13,650
texta og annað inntak
en þar á tegund er að leggja.

8
00:00:13,650 --> 00:00:17,180
>> Ef við tökum nú líta á the uppspretta fyrir
þessa síðu, taka eftir því, reyndar, við

9
00:00:17,180 --> 00:00:20,260
hafa H1 og titil tag sem
eru conveying að þetta

10
00:00:20,260 --> 00:00:22,020
er örugglega CS50 Leita.

11
00:00:22,020 --> 00:00:25,940
Við höfum formi tag sem er tilgreinir
að mynd skal skilað til

12
00:00:25,940 --> 00:00:27,140
vinir okkar á Google.

13
00:00:27,140 --> 00:00:30,430
Og inni í því formi, höfum við
þessir tveir inntak tegundir.

14
00:00:30,430 --> 00:00:33,770
>> En eftir nú í átt að efsta hluta
síðu, inni af höfðinu síðunnar,

15
00:00:33,770 --> 00:00:36,750
það er stíll tag, inni
sem er CSS eign fyrir

16
00:00:36,750 --> 00:00:38,570
í meginmál síðu.

17
00:00:38,570 --> 00:00:41,580
Hvað ef, þó vildum við
gera allan textann takt

18
00:00:41,580 --> 00:00:43,050
yfir margar síður?

19
00:00:43,050 --> 00:00:46,640
Með öðrum orðum, ég vildi að endurnýta þetta
CSS eign aftur og aftur og aftur

20
00:00:46,640 --> 00:00:50,030
í mismunandi vefsíðum, allt
hverjir hafa líkami tag?

21
00:00:50,030 --> 00:00:53,660
Jæja ég gæti vissulega afrita og líma
CSS í hvert af þessum síðum, en

22
00:00:53,660 --> 00:00:57,730
það væri betra hönnun að þáttur þessa
út í einhvers miðlæga skrá og þá

23
00:00:57,730 --> 00:01:01,100
einhvern veginn eru þessi skrá í öllum
þeim síðum þannig að ef ég vil alltaf að

24
00:01:01,100 --> 00:01:04,840
gera breytingar og samræma texta mína á
vinstri eða samræma texta minn á hægri, ég

25
00:01:04,840 --> 00:01:07,220
getur gert það miklu auðveldara.

26
00:01:07,220 --> 00:01:08,860
Við skulum reyna að gera þetta.

27
00:01:08,860 --> 00:01:12,520
>> Í fyrsta lagi skulum skera út þetta
stíl tag öllu leyti.

28
00:01:12,520 --> 00:01:16,820
Og nú skulum opna skrá sem heitir,
segja, leita-3.css og setja það

29
00:01:16,820 --> 00:01:18,970
Sama CSS í þessari skrá.

30
00:01:18,970 --> 00:01:23,500
Líkaminn er að fara að hafa
text-align: miðja;.

31
00:01:23,500 --> 00:01:24,760
Skulum spara þessi skrá.

32
00:01:24,760 --> 00:01:30,950
>> Skulum nú fara til baka til að leita-3.html og,
í höfuðið á ný, bæta við tengli tag

33
00:01:30,950 --> 00:01:33,630
tilgreina há-tilvísun
leitarmiðaðra 3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Og við skulum tilgreina að tengslin
að þessi skrá hefur með

35
00:01:38,650 --> 00:01:41,880
er að þjóna sem stíll lak hennar.

36
00:01:41,880 --> 00:01:44,840
Við skulum nú loka þetta merki, vista
skráin, og endurhlaða

37
00:01:44,840 --> 00:01:46,910
þessa síðu í vafranum.

38
00:01:46,910 --> 00:01:49,700
>> Það lagfærð veglína Textinn á
vinstri sem þó CSS

39
00:01:49,700 --> 00:01:50,905
Hótelið var ekki einu sinni beitt.

40
00:01:50,905 --> 00:01:53,020
Nú hvers vegna gæti það verið?

41
00:01:53,020 --> 00:01:54,590
Láta 'taka a líta á the
heimildir skrárinnar -

42
00:01:54,590 --> 00:01:58,630
ekki leyfi HTML-skrá er,
en heimildir CSS skrá er.

43
00:01:58,630 --> 00:02:02,740
>> Aftur hingað í gedit, við skulum fara niður að
flugstöðinni glugga og tegund LS-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, reyndar, jafnvel þótt ég, the skrá er
eigandi, getur lesið og skrifa í þessa skrá,

46
00:02:09,810 --> 00:02:11,110
enginn annar getur lesið það.

47
00:02:11,110 --> 00:02:17,570
En við getum lagað þetta chmod a + r
leit-3.css, og nú skulum aftur framkvæma

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

49
00:02:20,970 --> 00:02:21,910
og miklu betra.

50
00:02:21,910 --> 00:02:24,380
Nú allur heimurinn getur
lesið skrána.

51
00:02:24,380 --> 00:02:26,950
>> Við skulum fara aftur til the flettitæki, endurhlaða.

52
00:02:26,950 --> 00:02:29,220
Voila, erum við aftur að miðju
leitarvél.

53
00:02:29,220 --> 00:02:32,450
Auðvitað, þetta er þar sem við hófum
saga, með texta okkar þegar miðju.

54
00:02:32,450 --> 00:02:36,000
En hvað er betra Design Nú er að
við höfum reiknað út að CSS inn í

55
00:02:36,000 --> 00:02:39,690
Mið skrá, einhvers staðar sem við getum síðan
fela í öðrum vefsíðum sem

56
00:02:39,690 --> 00:02:41,580
við gætum gerst að gera í framtíðinni.

57
00:02:41,580 --> 00:02:45,430
Þannig að ef við viljum alltaf að recenter eða
restylize meira almennt síður okkar, við

58
00:02:45,430 --> 00:02:48,570
getur gert það mjög einfaldlega í
einum miðlægum stað.

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