1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID Malan: Kështu që unë kam qenë duke e bërë vet motor kërkimi im. 3 00:00:01,900 --> 00:00:04,100 Dhe në këtë moment, kjo duket si ky. 4 00:00:04,100 --> 00:00:05,265 Unë kam këtu titullin e faqes. 5 00:00:05,265 --> 00:00:06,580 Është CS50 Kërko. 6 00:00:06,580 --> 00:00:10,380 Unë kam një formë HTML brenda të cilave duket të jetë një input lloji i të cilit është 7 00:00:10,380 --> 00:00:13,650 teksti dhe një tjetër input Lloji i të cilit është të paraqesë. 8 00:00:13,650 --> 00:00:17,180 >> Nëse ne tani bëjmë një vështrim në burim për këtë faqe, vini re se, me të vërtetë, ne 9 00:00:17,180 --> 00:00:20,260 kanë një h1 dhe një tag titullin që janë përcjellë se kjo 10 00:00:20,260 --> 00:00:22,020 është me të vërtetë CS50 Kërko. 11 00:00:22,020 --> 00:00:25,940 Ne kemi një tag formë që është e specifikuar se forma duhet të dorëzohet në 12 00:00:25,940 --> 00:00:27,140 miqtë tanë në Google. 13 00:00:27,140 --> 00:00:30,430 Dhe brenda kësaj forme, ne kemi këto dy lloje të dhëna. 14 00:00:30,430 --> 00:00:33,770 >> Por vini re tani në drejtim të lartë të faqe, brenda kokën e faqes, 15 00:00:33,770 --> 00:00:36,750 ka një tag stil, brenda e cila është një pronë CSS për 16 00:00:36,750 --> 00:00:38,570 trupi i faqes. 17 00:00:38,570 --> 00:00:41,580 Po në qoftë se, megjithatë, kemi dashur të të bëjë të gjitha të tekstit përafrohet 18 00:00:41,580 --> 00:00:43,050 nëpër faqet e shumta? 19 00:00:43,050 --> 00:00:46,640 Me fjalë të tjera, kam kërkuar për të ripërdorimin këtë CSS pronë përsëri dhe përsëri dhe përsëri 20 00:00:46,640 --> 00:00:50,030 në faqet e internetit të ndryshme, të gjithë prej të cilëve kanë tag trupit? 21 00:00:50,030 --> 00:00:53,660 E pra unë me siguri mund të kopjoni dhe ngjisni CSS në secilën nga ato faqe, por 22 00:00:53,660 --> 00:00:57,730 ajo do të jetë më mirë të projektimit të faktor ky jashtë në disa file qendrore dhe më pas 23 00:00:57,730 --> 00:01:01,100 disi të përfshijë këtë dosje në të gjithë ato faqe kështu që në qoftë se unë ndonjëherë dua të 24 00:01:01,100 --> 00:01:04,840 të bëjë një ndryshim dhe të lidhur tekstin tim mbi majtas ose lidhur tekstin tim në të djathtë, unë 25 00:01:04,840 --> 00:01:07,220 mund të bëjë që shumë më e lehtë. 26 00:01:07,220 --> 00:01:08,860 Le të përpiqemi për të bërë këtë. 27 00:01:08,860 --> 00:01:12,520 >> Së pari, le të prerë nga ky tag stil krejt. 28 00:01:12,520 --> 00:01:16,820 Dhe tani le të hapur një skedar të quajtur, të themi, search-3.css dhe të vënë se 29 00:01:16,820 --> 00:01:18,970 njëjtë CSS në këtë fotografi. 30 00:01:18,970 --> 00:01:23,500 trupi do të ketë text-align: center;. 31 00:01:23,500 --> 00:01:24,760 Le të ruani këtë dosje. 32 00:01:24,760 --> 00:01:30,950 >> Le të kthehemi tani për të kërkuar-3.html dhe, në kokë përsëri, shtoni një tag lidhje 33 00:01:30,950 --> 00:01:33,630 duke specifikuar një hiper-referencë e kërkimit-3.css. 34 00:01:33,630 --> 00:01:38,650 CSS Dhe le të specifikojë se lidhja se këtë fotografi ka me 35 00:01:38,650 --> 00:01:41,880 faqe është që të shërbejë si bilancin e saj të stilit. 36 00:01:41,880 --> 00:01:44,840 Le tani mbyllur këtë tag, të shpëtuar fotografi, dhe reload 37 00:01:44,840 --> 00:01:46,910 kjo faqe në shfletuesin. 38 00:01:46,910 --> 00:01:49,700 >> Ajo realigned tekstin në la sikur CSS 39 00:01:49,700 --> 00:01:50,905 prona nuk është aplikuar edhe. 40 00:01:50,905 --> 00:01:53,020 Tani pse mund që të jetë? 41 00:01:53,020 --> 00:01:54,590 Le të bëjmë një vështrim në drejtat e file-së - 42 00:01:54,590 --> 00:01:58,630 jo lejet e skedar HTML-së, por lejet CSS skedar-së. 43 00:01:58,630 --> 00:02:02,740 >> Kthehu këtu në gedit, le të zbresin në dritare terminali dhe lloj ls-l 44 00:02:02,740 --> 00:02:04,720 search-3.css. 45 00:02:04,720 --> 00:02:09,810 Ah, me të vërtetë, edhe pse unë, dosja e pronar, mund të lexojnë dhe shkruajnë këtë fotografi, 46 00:02:09,810 --> 00:02:11,110 askush tjetër nuk mund ta lexoni atë. 47 00:02:11,110 --> 00:02:17,570 Por ne mund të rregullojmë këtë me chmod a + r search-3.css, dhe tani le të ri-ekzekutuar 48 00:02:17,570 --> 00:02:20,970 ls-l-search-3.css - 49 00:02:20,970 --> 00:02:21,910 dhe shumë më mirë. 50 00:02:21,910 --> 00:02:24,380 Tani e gjithë bota mund të lexoni këtë fotografi. 51 00:02:24,380 --> 00:02:26,950 >> Le të kthehemi në shfletuesin, reload. 52 00:02:26,950 --> 00:02:29,220 Voila, ne jemi kthyer në një qendër search engine. 53 00:02:29,220 --> 00:02:32,450 Sigurisht, ky është vendi ku kemi filluar histori, me tekst ynë tashmë në qendër. 54 00:02:32,450 --> 00:02:36,000 Por ajo që është dizajn më mirë tani është që ne kemi faktorë jashtë atë CSS në një 55 00:02:36,000 --> 00:02:39,690 fotografi qendrore, diku se ne mundemi atëherë përfshijnë në faqet e tjera të internetit që 56 00:02:39,690 --> 00:02:41,580 ne mund të ndodhë për të bërë në të ardhmen. 57 00:02:41,580 --> 00:02:45,430 Pra, në qoftë se ne ndonjëherë të dëshironi të recenter ose restylize në përgjithësi faqet tona, ne 58 00:02:45,430 --> 00:02:48,570 mund ta bëjë këtë shumë thjesht në një vend qendror. 59 00:02:48,570 --> 00:02:50,902