>> DAVID Malan: Tak som sa robiť môj vlastný vyhľadávač.
A v tomto okamihu, to vyzerá takto.
Mám tu na názov stránky.
Je to CS50 hľadanie.
Mám formulár HTML vnútri, ktorý Zdá sa, že vstup, ktorého typ je
Text a ďalší vstup Typ ktorého je predložiť.
>> Ak by sme teraz sa pozrieme na zdroje pre túto stránku, zistíte, že naozaj sme
majú h1 a názov značky, ktorý sa, že tento dopravný
je naozaj CS50 Hľadať.
Máme tag formulára, ktorý je určujúci že formulár by mal byť predložený
naši priatelia na Google.
A v tej podobe, máme tieto dva vstupné typy.
>> Ale všimnite teraz k hornej časti strana, vnútri hlavy danej stránky,
tam je značka štýl, vnútri ktorý je CSS vlastnosť pre
Telo stránky.
Čo keď, keď sme chceli aby celý text zarovnaný
cez viac stránok?
Inými slovami, chcel som znovu tento CSS vlastnosť znova a znova a znova
na rôznych webových stránkach, všetky z ktorých má telo tag?
No ja by určite skopírovať a vložiť CSS do každej z týchto strán, ale
to by bolo lepšie dizajn tento faktor sa do nejakého centrálneho súboru a potom
nejako patrí, že súbor všetkých tieto stránky, takže ak by som niekedy chcel
vykonať zmeny a prispôsobiť svoj text na vľavo alebo zarovnanie môj text, na pravej strane, som
môžete to urobiť oveľa ľahšie.
Skúsme to urobiť.
>> Po prvé, poďme vystrihnúť tento štýl tag dohromady.
A teraz poďme otvoriť súbor s názvom, povedzme, search-3.css a dal, že
To isté CSS v tomto súbore.
Telo bude mať Text-align: center;.
Poďme uložiť tento súbor.
>> Poďme sa teraz vrátiť k vyhľadávaniu-3.html a v hlave opäť pridať značku odkazu
určenie hyper-odkazu vyhľadávanie-3.css.
CSS a poďme stanoviť, že vzťah že tento súbor má s
Stránka má slúžiť ako jeho štýlov.
Poďme teraz uzavrieť túto značku, s výnimkou súbor, a iný
Táto stránka v prehliadači.
>> Je to zrovnal text na vľavo, ako by CSS
majetok nebol ešte použitý.
A teraz, prečo by to mohlo byť?
Poďme sa pozrieť na oprávnenia súboru je -
nie oprávnenia súboru HTML, ale oprávnenie CSS súboru.
>> Späť tu v gedit, poďme sa na okno terminálu a typ ls-l
search-3.css.
Ach, naozaj, aj keď som, súbor je majiteľ, vie čítať a písať tento súbor,
nikto iný nemôže čítať.
Ale môžeme opraviť s chmod a + r search-3.css, a teraz poďme re-spustiť
ls-l search-3.css--
a oveľa lepšie.
Teraz sa celý svet môže alebo tento súbor čítať.
>> Vráťme sa späť do prehliadača, vložte.
Voila, sme späť na stred vyhľadávač.
Samozrejme, že to je miesto, kde sme začali príbeh, sa už náš text na stred.
Ale čo je lepšie konštrukcia je teraz, že sme zapracované na to, že CSS do
centrálne súbor, niekde, že môžeme potom zahrnúť do iných webových stránok, ktoré
mohli by sme sa stať, aby sa v budúcnosti.
Takže ak budeme niekedy chcieť recenter alebo restylize všeobecnejšie na našich stránkach, sme
Môžete to urobiť veľmi jednoducho jednom centrálnom mieste.