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

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

3
00:00:01,970 --> 00:00:03,480
der ligner dette.

4
00:00:03,480 --> 00:00:07,580
Jeg synes at have en titel kaldet CS50
Søg, under hvilket er en HTML-formular,

5
00:00:07,580 --> 00:00:10,430
inderside der er et input, hvis
type er tekst og en anden indgang

6
00:00:10,430 --> 00:00:12,260
hvis type er indsende.

7
00:00:12,260 --> 00:00:15,400
Lad os nu tage et kig på den underliggende
kildekoden til denne side.

8
00:00:15,400 --> 00:00:20,180
>> Her i search-2.html, bemærke, at jeg
faktisk have en titel i form af den

9
00:00:20,180 --> 00:00:23,260
hovedet samt i kroppen
med en H1 tag omkring det.

10
00:00:23,260 --> 00:00:26,490
Jeg har en HTML-formular, og
så de to indgange.

11
00:00:26,490 --> 00:00:30,650
Men bekendtgørelse især på kroppen
tag, at jeg har erklæret en stil

12
00:00:30,650 --> 00:00:35,770
attribut, hvis værdi er tekst-align:
center; dermed at specificere, at alle

13
00:00:35,770 --> 00:00:38,390
Teksten på denne side skal være
linie i midten.

14
00:00:38,390 --> 00:00:41,700
>> Nu er dette virker perfekt korrekt,
men det er lidt sjusket.

15
00:00:41,700 --> 00:00:43,900
Du kan ikke rigtig fortælle så meget
fordi denne side er forholdsvis

16
00:00:43,900 --> 00:00:44,960
lille i øjeblikket.

17
00:00:44,960 --> 00:00:47,520
Men tænk, hvis denne side fik
længere og længere, og

18
00:00:47,520 --> 00:00:49,180
længere og mere komplekse.

19
00:00:49,180 --> 00:00:53,960
>> Bemærk, at det mønster, jeg har vedtaget
her er at blande mine æstetik

20
00:00:53,960 --> 00:00:57,380
med strukturen af ​​siden
ved hjælp af stil attribut.

21
00:00:57,380 --> 00:01:00,540
Lang historie kort, er dette ikke den bedste
design, i hvert fald som dine sider vokser

22
00:01:00,540 --> 00:01:02,010
mere kompleks.

23
00:01:02,010 --> 00:01:05,830
Bedre design ville være at faktor ud
at stilisering og sætte det et sted

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

25
00:01:09,730 --> 00:01:13,310
specifikt en stil-tag inde
på min side hoved tag.

26
00:01:13,310 --> 00:01:14,830
Lad os gøre netop dette.

27
00:01:14,830 --> 00:01:18,160
>> Først lad os gå ind her og slette
denne stil attribut helt.

28
00:01:18,160 --> 00:01:22,420
Derefter tilbage op i min side hoved, lad os
erklære en stil tag og luk det ved

29
00:01:22,420 --> 00:01:24,620
samme tid, så jeg ikke
glemmer at senere.

30
00:01:24,620 --> 00:01:28,120
Og så lad os præcisere, at kroppen
denne side skal have en CSS

31
00:01:28,120 --> 00:01:32,040
egenskab af text-align er center.

32
00:01:32,040 --> 00:01:35,320
Lad os nu gemme denne side, genindlæse
browseren, og se, hvad effekten er.

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

34
00:01:38,070 --> 00:01:40,510
>> Genindlæsning i min browser -

35
00:01:40,510 --> 00:01:41,570
ingen effekt overhovedet.

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

37
00:01:43,110 --> 00:01:45,150
Vi er blot at forbedre
denne sides design.

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