1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID Malan: Pa ja sam bio stvaranje moja tražilice. 3 00:00:01,900 --> 00:00:04,100 I u ovom trenutku, to izgleda ovako. 4 00:00:04,100 --> 00:00:05,265 Imam ovdje naslov stranice. 5 00:00:05,265 --> 00:00:06,580 To je CS50 pretrage. 6 00:00:06,580 --> 00:00:10,380 Imam HTML formu unutar koje Čini se da je ulaz čiji tip je 7 00:00:10,380 --> 00:00:13,650 tekst i još jedan ulaz kojima je tip podnose. 8 00:00:13,650 --> 00:00:17,180 >> Ako sada pogledamo izvor za ovu stranicu, primijetiti da je, štoviše, mi 9 00:00:17,180 --> 00:00:20,260 imati h1 i oznaka koje se prenosi da je ovaj 10 00:00:20,260 --> 00:00:22,020 je doista CS50 pretrage. 11 00:00:22,020 --> 00:00:25,940 Imamo Obrazac za oznaku koja se utvrđuje koji oblik treba dostaviti 12 00:00:25,940 --> 00:00:27,140 naši prijatelji u Google. 13 00:00:27,140 --> 00:00:30,430 A unutar tog oblika, imamo ta dva ulazna vrste. 14 00:00:30,430 --> 00:00:33,770 >> Ali je obavijest prema vrhu stranica, unutar stranice glavu, 15 00:00:33,770 --> 00:00:36,750 postoji stilu tag, unutar što je CSS nekretnina za 16 00:00:36,750 --> 00:00:38,570 tijelo stranice. 17 00:00:38,570 --> 00:00:41,580 Što ako, ipak, željeli smo bi sav tekst usklađen 18 00:00:41,580 --> 00:00:43,050 na više stranica? 19 00:00:43,050 --> 00:00:46,640 Drugim riječima, htio sam da se ponovno to CSS imovina opet i opet i opet 20 00:00:46,640 --> 00:00:50,030 u različitim web stranicama, sve od kojih su tijela oznaku? 21 00:00:50,030 --> 00:00:53,660 Pa ja sigurno mogu kopirati i zalijepiti CSS u svaku od tih stranica, ali 22 00:00:53,660 --> 00:00:57,730 da bi bilo bolje da se dizajn faktor to van u nekom središnjem datoteku, a zatim 23 00:00:57,730 --> 00:01:01,100 nekako su tu datoteku u sve te stranice, tako da ako ikada želite 24 00:01:01,100 --> 00:01:04,840 napraviti promjenu i poravnajte moj tekst o lijevo ili poravnati moj tekst na desnoj strani, sam 25 00:01:04,840 --> 00:01:07,220 može učiniti da je mnogo lakše. 26 00:01:07,220 --> 00:01:08,860 Idemo probati to napraviti. 27 00:01:08,860 --> 00:01:12,520 >> Prvo, neka je izrezana ova stil tag uopce. 28 00:01:12,520 --> 00:01:16,820 A sada idemo otvoriti datoteku s imenom, recimo, traži-3.css i staviti da 29 00:01:16,820 --> 00:01:18,970 Isto CSS u ovoj datoteci. 30 00:01:18,970 --> 00:01:23,500 Tijelo će imati text-align: centar;. 31 00:01:23,500 --> 00:01:24,760 Idemo spasiti tu datoteku. 32 00:01:24,760 --> 00:01:30,950 >> Idemo sada vratiti na traženje-3.html i, u glavi opet, dodajte link oznaku 33 00:01:30,950 --> 00:01:33,630 navodeći hiper-referenca od search-3.css. 34 00:01:33,630 --> 00:01:38,650 CSS I neka je navesti da je odnos da ova datoteka je s 35 00:01:38,650 --> 00:01:41,880 stranica je služiti kao list stila. 36 00:01:41,880 --> 00:01:44,840 Nemojmo sada zatvoriti ovu oznaku, spasiti datoteka, a reload 37 00:01:44,840 --> 00:01:46,910 ovu stranu u pregledniku. 38 00:01:46,910 --> 00:01:49,700 >> To je preustrojio tekst na napustio kao da je CSS 39 00:01:49,700 --> 00:01:50,905 imovina nije ni primjenjivati. 40 00:01:50,905 --> 00:01:53,020 Sad zašto bi to moglo biti? 41 00:01:53,020 --> 00:01:54,590 Idemo pogledati SLIKA dozvole - 42 00:01:54,590 --> 00:01:58,630 ne HTML datoteke dozvole, ali dozvole CSS datoteku je. 43 00:01:58,630 --> 00:02:02,740 >> Natrag ovdje u gedit, idemo dolje prozor terminala i tip ls-l 44 00:02:02,740 --> 00:02:04,720 search-3.css. 45 00:02:04,720 --> 00:02:09,810 Ah, doista, iako sam, file-a vlasnik, može čitati i pisati ovu sliku, 46 00:02:09,810 --> 00:02:11,110 nitko drugi ne može pročitati. 47 00:02:11,110 --> 00:02:17,570 Ali možemo popraviti pomoću chmod a + r search-3.css, a sada idemo ponovno izvršiti 48 00:02:17,570 --> 00:02:20,970 ls-l search-3.css-- 49 00:02:20,970 --> 00:02:21,910 i puno bolje. 50 00:02:21,910 --> 00:02:24,380 Sada cijeli svijet može pročitati ovu sliku. 51 00:02:24,380 --> 00:02:26,950 >> Idemo natrag u pregledniku, ponovno napuniti. 52 00:02:26,950 --> 00:02:29,220 Voila, vratili smo se u središtu tražilice. 53 00:02:29,220 --> 00:02:32,450 Naravno, ovo je mjesto gdje smo počeli Priča, s našim tekst već usmjeren. 54 00:02:32,450 --> 00:02:36,000 No, ono što je bolji dizajn je sada da smo uzete iz tog CSS u 55 00:02:36,000 --> 00:02:39,690 Središnja datoteka, negdje da možemo onda uključiti u druge web stranice koje 56 00:02:39,690 --> 00:02:41,580 mi bi se moglo dogoditi da u budućnosti. 57 00:02:41,580 --> 00:02:45,430 Dakle, ako smo ikada željeli recenter ili restylize općenito naše stranice, mi 58 00:02:45,430 --> 00:02:48,570 možete to učiniti vrlo jednostavno u jedno središnje mjesto. 59 00:02:48,570 --> 00:02:50,902