>> DAVID MALAN: Så jeg har vært å gjøre min egen søkemotor.
Og i øyeblikket ser det ut som dette.
Jeg har her tittelen på siden.
Det er CS50 søk.
Jeg har et HTML-skjema innsiden av som ser ut til å være en inngang hvis type er
tekst og en annen inngang hvis typen er sende.
>> Hvis vi nå tar en titt på kilden for denne siden, legge merke til at, ja, vi
har en h1 og en tittel kode som er å formidle at dette
er faktisk CS50 søk.
Vi har et skjema tag som er å spesifisere at skjemaet skal sendes til
våre venner på Google.
Og inne i denne formen, har vi disse to inngangstyper.
>> Men legg merke til nå mot toppen av side, på innsiden av side hode
det er en stil tag, innsiden av som er en CSS eiendom for
legemet på siden.
Hva om, skjønt, ønsket vi å gjøre all teksten på linje
over flere sider?
Med andre ord, jeg ønsket å gjenbruke dette CSS eiendom igjen og igjen og igjen
i ulike nettsider, alt av dem har body-koden?
Vel jeg kunne sikkert kopiere og lime CSS i hver av disse sidene, men
det ville være bedre design for å faktor dette ut i noen sentral fil og deretter
liksom inkludere denne filen i alle disse sidene slik at hvis jeg noen gang vil
gjøre en endring og justere teksten min på venstre eller justere teksten min på høyre, jeg
kan gjøre det mye lettere.
La oss prøve å gjøre dette.
>> Først, la oss kutte ut dette stil tag helt.
Og nå skal vi åpne en fil som heter, si, søk-3.css og sette det
samme CSS i denne fila.
kroppen kommer til å ha text-align: center;.
La oss lagre filen.
>> La oss nå gå tilbake til søke-3.html og, i hodet igjen, legge en link tag
spesifisere en hyper-referanse av søk-3.css.
CSS Og la oss presisere at forholdet at denne filen har med
side er å tjene som sin stilark.
La oss nå lukke denne koden, lagre filen, og reload
denne siden i nettleseren.
>> Det realigned teksten på venstre som om CSS
Eiendommen ble ikke engang brukt.
Nå hvorfor kan det være?
La oss ta en titt på filens tillatelser -
ikke HTML-filens tillatelser, men CSS filens tillatelser.
>> Tilbake her i gedit, la oss gå ned til terminalvinduet og type ls-l
søk-3.css.
Ah, ja, selv om jeg, filens eier, kan lese og skrive denne filen,
ingen andre kan lese det.
Men vi kan fikse dette med chmod a + r søk-3.css, og nå la oss re-utføre
ls-l søk-3.css--
og mye bedre.
Nå kan hele verden kan lese denne filen.
>> La oss gå tilbake til nettleseren, reload.
Voila, vi er tilbake til en sentrert søkemotor.
Selvfølgelig, dette er hvor vi begynte historie, med vår tekst allerede sentrert.
Men hva er bedre design nå er at vi har priset ut at CSS i en
sentral fil, et sted som vi kan da inkludere i andre websider som
vi kan skje for å gjøre i fremtiden.
Så hvis vi noen gang vil recenter eller restylize mer generelt våre sider, vi
kan gjøre det veldig enkelt i ett sentralt sted.