>> David Malan: So ek is die maak my eie soektog.
En op die oomblik, dit lyk soos hierdie.
Ek het hier die titel van die bladsy.
Dit is CS50 Search.
Ek het 'n HTML-vorm binnekant van wat verskyn 'n bydrae wie tipe is om te wees
teks en ander insette wie se tipe is dien.
>> As ons nou 'n blik op die bron vir hierdie bladsy, kennis dat, wel, ons
'n H1 en 'n titel tag wat is die oordra dat dit
is inderdaad CS50 Search.
Ons het 'n vorm tag dit is die spesifiseer dat die vorm moet ingedien word
ons vriende by Google.
En binnekant van die vorm, ons het die twee insette tipes.
>> Maar let nou op na die top van die bladsy, binnekant van die bladsy se kop,
daar is 'n styl tag, binnekant van wat is 'n CSS eiendom vir
die liggaam van die bladsy.
Wat as, al is, ons wou maak al die teks in lyn
oor verskeie bladsye?
Met ander woorde, ek wou dit te onthou CSS eiendom weer en weer en weer
in verskillende web bladsye, al van hulle het die liggaam tag?
Wel, ek kan beslis kopieer en plak die CSS in elk van die bladsye, maar
dit sou beter ontwerp wees om hierdie faktor uit in 'n sentrale lêer en dan
een of ander manier sluit die lêer in al die bladsye so dat as ek ooit wil
'n verandering en my teks op die lyn links of my teks pas op die reg, ek
kan baie meer maklik doen.
Kom ons probeer om dit te doen.
>> Eerstens, laat ons sny uit hierdie styl tag geheel en al.
En nou, laat ons 'n lêer genaamd oopmaak, sê, soek-3.css en sit dit
dieselfde CSS in hierdie lêer.
liggaam gaan hê text-align: center;.
Kom ons slaan die lêer.
>> Kom ons kyk nou terug te gaan na-3.html soek en, in die kop, voeg 'n skakel tag
spesifiseer van 'n hiper-verwysing van soek-3.css.
CSS en laat ons spesifiseer dat die verhouding dat hierdie lêer het met die
is as sy styl blad te dien.
Kom ons nou sluit hierdie merker, red die lêer, en herlaai
Hierdie bladsy in die leser.
>> Dit verskuif die teks op die gelaat asof die CSS
eiendom was nie eens toegepas word.
Nou hoekom sou dit wees?
Kom ons neem 'n blik op die lêer se regte -
nie die HTML-lêer se regte, maar die CSS-lêer se regte.
>> Terug hier in gedit, laat ons gaan af na die terminale venster en tik LS-l
Soek-3.css.
Ag, wel, selfs al het ek die lêer se eienaar, kan lees en skryf hierdie lêer,
niemand anders kan dit lees.
Maar ons kan dit regmaak met chmod n + r Soek-3.css, en nou laat re-voer
LS-l soek-3.css--
en baie beter.
Nou is die hele wêreld kan lees hierdie lêer.
>> Kom ons gaan terug na die leser gaan herlaai.
Voila, ons is terug na 'n gesentreer soektog.
Natuurlik, dit is waar ons begin het om die storie, met ons teks reeds gesentreer.
Maar wat is 'n beter ontwerp is nou dat ons faktor dat CSS in 'n
sentrale lêer, iewers wat ons kan dan sluit in ander web bladsye wat
ons kan gebeur te maak in die toekoms.
So as ons ooit wil kadreren of restylize meer algemeen ons bladsye, ons
kan dit doen baie eenvoudig in 'n sentrale plek.