>> DAVID Malan: Dus ik heb het maken van mijn eigen zoekmachine.
En op het moment, het lijkt erop dat dit.
Ik heb hier de titel van de pagina.
Het is CS50 zoeken.
Ik heb een HTML-formulier binnenkant van die lijkt een ingang waarvan het type zijn
tekst en een andere ingang waarvan het type is te dienen.
>> Als we nu een kijkje nemen op de bron voor deze pagina, merken dat, inderdaad, we
hebben een h1 en een title tag die worden overbrengen dat
is inderdaad CS50 zoeken.
We hebben een form tag dat is het opgeven dat het formulier moet worden ingediend
onze vrienden bij Google.
En binnen van die vorm, we deze twee soorten invoer.
>> Maar merk nu op naar de top van de pagina, de binnenkant van de pagina's hoofd,
er is een stijl-tag, de binnenkant van dat is een CSS-eigenschap voor
het lichaam van de pagina.
Wat als, hoewel, wilden we maken alle tekst uitgelijnd
op meerdere pagina's?
Met andere woorden, ik wilde deze opnieuw te gebruiken Weer CSS-eigenschap en opnieuw en opnieuw
verschillende webpagina's, alle van wie body-tag?
Nou ik kan zeker kopiëren en plakken de CSS in elk van die pagina, maar
het zou beter ontwerp zijn om deze factor uit in een aantal centrale bestand en vervolgens
een of andere manier onder meer dat bestand in alle die pagina's zo dat als ik ooit wil
een verandering en richt mijn tekst op de links of uitlijnen mijn tekst aan de rechterkant, ik
kan dat veel gemakkelijker doen.
Laten we proberen om dit te doen.
>> Laten we eerst eens uitgesneden dit stijl tag helemaal.
En laten we nu een bestand genaamd openen, zeg, zoek-3.css en we deze
dezelfde CSS in dit bestand.
lichaam gaat hebben text-align: center;.
Laten we redden dat bestand.
>> Laten we nu teruggaan naar zoeken-3.html en, in het hoofd weer, voeg een link tag
het opgeven van een hyper-verwijzing van search-3.css.
CSS En laten we aangeven dat de relatie dat dit bestand met de
pagina is te dienen als de style sheet.
Laten we nu sluiten deze tag, sparen het bestand, en reload
deze pagina in de browser.
>> Hij verlegde de tekst op de verliet alsof de CSS
pand werd niet eens toegepast.
Waarom zou dat zijn?
Laten we eens een kijkje nemen op de bestandsbeheermachtigingen's -
geen toestemming van de HTML-bestand, maar de machtigingen van de CSS-bestand.
>> Terug hier in gedit, laten we gaan naar beneden om het terminal venster en typ ls-l
search-3.css.
Ah, inderdaad, hoewel ik, het bestand eigenaar, kan lezen en schrijven dit bestand,
niemand anders kan lezen.
Maar we kunnen dit oplossen met chmod a + r search-3.css, en nu laten we re-execute
ls-l search-3.css--
en veel beter.
Nu de hele wereld kan lees dit bestand.
>> Laten we teruggaan naar de browser gaan, herladen.
Voila, we zijn weer terug bij een gecentreerde zoekmachine.
Natuurlijk, dit is waar we begonnen de verhaal, met onze tekst al gecentreerd.
Maar wat is een beter ontwerp nu is dat we hebben dat CSS wegvalt in een
centraal bestand, ergens dat we kunnen dan nemen in andere webpagina's die
we zouden kunnen gebeuren in de toekomst.
Dus als we ooit willen kadreren of restylize meer in het algemeen onze pagina's, we
kan het heel eenvoudig doen in een centrale plaats.