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 窶銀€桔a uudestaan 窶銀€桔a 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