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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Joten olen tehnyt
oma hakukone.

3
00:00:01,900 --> 00:00:04,100
Ja tällä hetkellä, se näyttää tältä.

4
00:00:04,100 --> 00:00:05,265
Minulla on tässä sivun otsikko.

5
00:00:05,265 --> 00:00:06,580
Se on CS50 Etsi.

6
00:00:06,580 --> 00:00:10,380
Minulla on HTML-muodossa, jonka sisälle
näyttää olevan tulon, jonka tyyppi on

7
00:00:10,380 --> 00:00:13,650
tekstin ja toinen tulo
jonka tyyppi on esitettävä.

8
00:00:13,650 --> 00:00:17,180
>> Jos me nyt katsomaan lähde
Tältä sivulta huomaa, että todellakin, me

9
00:00:17,180 --> 00:00:20,260
on H1 ja otsikoista, että
on välittää että tämä

10
00:00:20,260 --> 00:00:22,020
on todellakin CS50 haku.

11
00:00:22,020 --> 00:00:25,940
Meillä on lomake tag joka täsmennetään
että lomake olisi toimitettava

12
00:00:25,940 --> 00:00:27,140
ystävämme Google.

13
00:00:27,140 --> 00:00:30,430
Ja sisältä lomaketta, meillä on
nämä kaksi tulotyypin.

14
00:00:30,430 --> 00:00:33,770
>> Mutta huomaa nyt yläosaa kohti
sivu, sisällä sivun päähän,

15
00:00:33,770 --> 00:00:36,750
siellä tyyli tag, sisällä
joka on CSS ominaisuus

16
00:00:36,750 --> 00:00:38,570
elimen sivulla.

17
00:00:38,570 --> 00:00:41,580
Mitä jos, vaikka, halusimme
tehdä kaikki tekstin linjassa

18
00:00:41,580 --> 00:00:43,050
useiden sivujen?

19
00:00:43,050 --> 00:00:46,640
Toisin sanoen halusin uudelleen tämän
CSS omaisuus uudestaan ​​ja uudestaan ​​ja uudestaan

20
00:00:46,640 --> 00:00:50,030
eri web-sivuja, kaikki
joista on body?

21
00:00:50,030 --> 00:00:53,660
No en voisi varmasti kopioida ja liittää
CSS jokaiseen näistä sivuista, mutta

22
00:00:53,660 --> 00:00:57,730
se olis parempi suunnittelu tekijä tämän
ulos eräissä Keski-tiedoston ja sitten

23
00:00:57,730 --> 00:01:01,100
jotenkin kuuluvat tiedoston kaikissa
nämä sivut niin, että jos haluan koskaan

24
00:01:01,100 --> 00:01:04,840
tehdä muutoksia ja kohdista minun tekstiä
vasemmalle tai tasata minun tekstiä oikeassa, en

25
00:01:04,840 --> 00:01:07,220
voi tehdä paljon helpommin.

26
00:01:07,220 --> 00:01:08,860
Yritetään tehdä tämän.

27
00:01:08,860 --> 00:01:12,520
>> Ensimmäinen, nyt leikata tämän
tyyli tag kokonaan.

28
00:01:12,520 --> 00:01:16,820
Ja nyt Avataan tiedosto nimeltä,
vaikkapa haku-3.css ja esittää, että

29
00:01:16,820 --> 00:01:18,970
sama CSS tähän tiedostoon.

30
00:01:18,970 --> 00:01:23,500
kehon tulee olemaan
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Säästetään tiedoston.

32
00:01:24,760 --> 00:01:30,950
>> Mennään nyt takaisin etsimään-3.html ja
pään uudelleen, lisätä link tag

33
00:01:30,950 --> 00:01:33,630
täsmennetään hyper-viittaus
haku-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Ja nyt määrittää, että suhde
että tämä tiedosto on kanssa

35
00:01:38,650 --> 00:01:41,880
sivu on toimia sen tyylisivu.

36
00:01:41,880 --> 00:01:44,840
Katsotaanpa nyt sulkea tätä tunnistetta, tallenna
tiedoston, ja reload

37
00:01:44,840 --> 00:01:46,910
Tämän sivun selaimessa.

38
00:01:46,910 --> 00:01:49,700
>> Se oikaistu teksti
lähti ikään kuin CSS

39
00:01:49,700 --> 00:01:50,905
omaisuutta ei edes sovellettu.

40
00:01:50,905 --> 00:01:53,020
Nyt, miksi se voisi olla?

41
00:01:53,020 --> 00:01:54,590
Katsotaanpa katsomaan
tiedoston käyttöoikeuksia -

42
00:01:54,590 --> 00:01:58,630
ei HTML-tiedoston käyttöoikeuksia,
mutta CSS tiedoston käyttöoikeuksia.

43
00:01:58,630 --> 00:02:02,740
>> Takaisin täällä gedit, mennään alas
terminaali-ikkuna ja kirjoita ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, todellakin, vaikka olen, tiedoston
omistaja voi lukea ja kirjoittaa tämän tiedoston,

46
00:02:09,810 --> 00:02:11,110
kukaan muu ei voi lukea sitä.

47
00:02:11,110 --> 00:02:17,570
Mutta voimme korjata tämän kanssa chmod + r
search-3.css, ja nyt nyt uudelleen suorita

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

49
00:02:20,970 --> 00:02:21,910
ja paljon parempi.

50
00:02:21,910 --> 00:02:24,380
Nyt koko maailma voi
Lue tämä tiedosto.

51
00:02:24,380 --> 00:02:26,950
>> Mennään takaisin selaimeesi, lataa.

52
00:02:26,950 --> 00:02:29,220
Voila, olemme takaisin keskitetty
hakukone.

53
00:02:29,220 --> 00:02:32,450
Tietenkin tämä on silloin aloitimme
tarina, meidän tekstin jo keskitetty.

54
00:02:32,450 --> 00:02:36,000
Mutta mitä parempi muotoilu on, että nyt
olemme pois laskusta, että CSS liitetään

55
00:02:36,000 --> 00:02:39,690
Keski-tiedosto, jonnekin, että voimme sitten
sisällyttää muita web-sivuja, jotka

56
00:02:39,690 --> 00:02:41,580
me voi tapahtua tehdä tulevaisuudessa.

57
00:02:41,580 --> 00:02:45,430
Joten jos me koskaan halua keskittäminen tai
restylize yleisemmin meidän sivua, me

58
00:02:45,430 --> 00:02:48,570
voi tehdä sen hyvin yksinkertaisesti
yksi keskeinen paikka.

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