>> DAVID MALAN: Så jeg har jobbet på denne søkemotoren
som ser ut som dette.
Jeg synes å ha en tittel som heter CS50 Søk, under som er et HTML-skjema,
på innsiden av hvilken er en inngang som typen er tekst og en annen inngang
hvis typen er sende.
La oss nå ta en titt på den underliggende Kildekoden for denne siden.
>> Her i søk-2.html, legge merke til at jeg faktisk har en tittel i form av
hodet, så vel som i legemet med en h1 tag rundt det.
Jeg har et HTML-skjema, og Da disse to innganger.
Men legg merke til spesielt på kroppen tag, at jeg har erklært en stil
attributtet hvis verdi er text-align: sentrum, og dermed spesifisere at alle
tekst på denne siden bør være innrettet i midten.
>> Nå er dette fungerer perfekt på riktig måte, men det er litt slurvete.
Du kan egentlig ikke fortelle så mye fordi denne siden er ganske
lite i øyeblikket.
Men tenk om dette siden fikk lengre og lengre og
lengre og mer kompleks.
>> Legg merke til at mønsteret jeg har adoptert her er å blander mine estetikk
med strukturen i side ved hjelp av stil-attributt.
Lang historie kort, dette er ikke den beste design, sikkert som sidene dine vokse
mer komplisert.
Bedre design ville være å faktor ut som stilisering og sette den et sted
central, for eksempel ikke er i en stil attributt, men i en stil tag,
spesielt en stil tag inni på siden min hode tag.
La oss gjøre nettopp det.
>> Først la oss gå inn her og slette denne stilen attributt helt.
Deretter tilbake opp i min side hode, la oss erklære en stil tag og lukke den på
Samtidig, så jeg gjør ikke glem å senere.
Og så la oss presisere at kroppen på denne siden bør ha en CSS
eiendom text-align er sentrum.
La oss nå lagre denne side, laste leseren, og se hva effekten er.
>> Omlasting i nettleseren min -
ingen effekt i det hele tatt.
Men ingen effekt var ment.
Vi er rett og slett bedre sidens design.