1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Så jeg har jobbet
på denne søkemotoren

3
00:00:01,970 --> 00:00:03,480
som ser ut som dette.

4
00:00:03,480 --> 00:00:07,580
Jeg synes å ha en tittel som heter CS50
Søk, under som er et HTML-skjema,

5
00:00:07,580 --> 00:00:10,430
på innsiden av hvilken er en inngang som
typen er tekst og en annen inngang

6
00:00:10,430 --> 00:00:12,260
hvis typen er sende.

7
00:00:12,260 --> 00:00:15,400
La oss nå ta en titt på den underliggende
Kildekoden for denne siden.

8
00:00:15,400 --> 00:00:20,180
>> Her i søk-2.html, legge merke til at jeg
faktisk har en tittel i form av

9
00:00:20,180 --> 00:00:23,260
hodet, så vel som i legemet
med en h1 tag rundt det.

10
00:00:23,260 --> 00:00:26,490
Jeg har et HTML-skjema, og
Da disse to innganger.

11
00:00:26,490 --> 00:00:30,650
Men legg merke til spesielt på kroppen
tag, at jeg har erklært en stil

12
00:00:30,650 --> 00:00:35,770
attributtet hvis verdi er text-align:
sentrum, og dermed spesifisere at alle

13
00:00:35,770 --> 00:00:38,390
tekst på denne siden bør være
innrettet i midten.

14
00:00:38,390 --> 00:00:41,700
>> Nå er dette fungerer perfekt på riktig måte,
men det er litt slurvete.

15
00:00:41,700 --> 00:00:43,900
Du kan egentlig ikke fortelle så mye
fordi denne siden er ganske

16
00:00:43,900 --> 00:00:44,960
lite i øyeblikket.

17
00:00:44,960 --> 00:00:47,520
Men tenk om dette siden fikk
lengre og lengre og

18
00:00:47,520 --> 00:00:49,180
lengre og mer kompleks.

19
00:00:49,180 --> 00:00:53,960
>> Legg merke til at mønsteret jeg har adoptert
her er å blander mine estetikk

20
00:00:53,960 --> 00:00:57,380
med strukturen i side
ved hjelp av stil-attributt.

21
00:00:57,380 --> 00:01:00,540
Lang historie kort, dette er ikke den beste
design, sikkert som sidene dine vokse

22
00:01:00,540 --> 00:01:02,010
mer komplisert.

23
00:01:02,010 --> 00:01:05,830
Bedre design ville være å faktor ut
som stilisering og sette den et sted

24
00:01:05,830 --> 00:01:09,730
central, for eksempel ikke er i en stil
attributt, men i en stil tag,

25
00:01:09,730 --> 00:01:13,310
spesielt en stil tag inni
på siden min hode tag.

26
00:01:13,310 --> 00:01:14,830
La oss gjøre nettopp det.

27
00:01:14,830 --> 00:01:18,160
>> Først la oss gå inn her og slette
denne stilen attributt helt.

28
00:01:18,160 --> 00:01:22,420
Deretter tilbake opp i min side hode, la oss
erklære en stil tag og lukke den på

29
00:01:22,420 --> 00:01:24,620
Samtidig, så jeg gjør ikke
glem å senere.

30
00:01:24,620 --> 00:01:28,120
Og så la oss presisere at kroppen
på denne siden bør ha en CSS

31
00:01:28,120 --> 00:01:32,040
eiendom text-align er sentrum.

32
00:01:32,040 --> 00:01:35,320
La oss nå lagre denne side, laste
leseren, og se hva effekten er.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Omlasting i nettleseren min -

35
00:01:40,510 --> 00:01:41,570
ingen effekt i det hele tatt.

36
00:01:41,570 --> 00:01:43,110
Men ingen effekt var ment.

37
00:01:43,110 --> 00:01:45,150
Vi er rett og slett bedre
sidens design.

38
00:01:45,150 --> 00:01:47,606