>> DAVID MALAN: Så jag har gjort min egen sökmotor.
Och just nu ser det ut så här.
Jag har här titeln på sidan.
Det är CS50 Sök.
Jag har ett HTML-formulär inuti vilken verkar att vara en ingång vars typ är
text och en annan ingång vars typ är in.
>> Om vi ​​nu tar en titt på källan för denna sida, att märka det, ja, vi
ha en h1 och en titel tagg som förmedlar att detta
är verkligen CS50 sökning.
Vi har en form-tagg som är att ange att formen bör lämnas till
våra vänner på Google.
Och inne i den formen, vi har dessa två ingångstyper.
>> Men märker nu mot toppen av den sida, inne i sidans huvud,
det finns en stil tagg, insida vilket är en CSS-egenskap för
kroppen på sidan.
Tänk om, även om vi ville göra all text i linje
över flera sidor?
Med andra ord, jag ville återanvända detta CSS-egenskapen igen och igen och igen
på olika webbsidor, alla av dem har kropps tag?
Jo jag kan säkert kopiera och klistra CSS i var och en av dessa sidor, men
det skulle vara bättre design för att arbeta in denna ut i vissa central fil och sedan
på något sätt inkludera filen i alla dessa sidor så att om jag någonsin vill
göra en förändring och rikta min text på vänster eller justera min text till höger, jag
kan göra det mycket lättare.
Låt oss försöka göra det här.
>> Först, låt oss klippa ut detta stil tag helt och hållet.
Och nu ska vi öppna en fil som heter, säg, sök-3.css och sätta det
Samma CSS i den här filen.
kropp kommer att ha text-align: center;.
Låt oss spara den filen.
>> Låt oss nu gå tillbaka till sök-3.html och, i huvudet igen, lägga till en länk tagg
ange en hyper referens av sök-3.css.
CSS Och låt oss anger att relationen att denna fil har med
sidan är att fungera som sin stilmall.
Låt oss nu avsluta denna tagg, spara filen och omladdning
den här sidan i webbläsaren.
>> Det omgrupperade texten på kvar som om CSS
Fastigheten var inte ens tillämpats.
Nu varför skulle det vara?
Låt oss ta en titt på den fil behörigheter -
inte HTML-fil behörigheter, men CSS-fil behörigheter.
>> Tillbaka här i gedit, vi går ner till terminalfönster och skriv ls-l
Sök-3.css.
Ah, ja, även om jag, filens ägare, kan läsa och skriva den här filen,
ingen annan kan läsa den.
Men vi kan fixa detta med chmod a + r sök-3.css, och nu ska vi åter köra
ls-l search-3.css--
och mycket bättre.
Nu hela världen kan läsa denna fil.
>> Låt oss gå tillbaka till webbläsaren, ladda om.
Voila, vi är tillbaka till en centrerad sökmotor.
Naturligtvis, det är där vi började berättelse, med vår text redan centrerad.
Men vad är bättre design nu är att vi räknade ut att CSS till en
central fil, någonstans som vi kan då inkludera i andra webbsidor som
Vi kan hända att göra i framtiden.
Så om vi någonsin vill centrera eller restylize mer allmänt våra sidor, vi
kan göra det mycket enkelt i en central plats.