1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Så jeg har gjort min
egen søgemaskine, men jeg har bare

3
00:00:02,400 --> 00:00:04,720
besluttet at omstrukturere tingene
under hætten.

4
00:00:04,720 --> 00:00:06,480
Lad os tage et kig.

5
00:00:06,480 --> 00:00:11,240
Her i HTML for denne side, bekendtgørelse
at jeg nu har på toppen af ​​siden, hvad

6
00:00:11,240 --> 00:00:15,390
synes at være et logo, logo.gif og
Jeg har givet det en alternativ tekst

7
00:00:15,390 --> 00:00:18,620
CS50 Søg, bare i tilfælde nogen
er ikke i stand til at se billedet.

8
00:00:18,620 --> 00:00:22,340
>> Men bemærk, at jeg har placeret billedet
inde i en div, og jeg har tildelt det

9
00:00:22,340 --> 00:00:27,060
et unikt id for citat, citat slut, "top".
Nedenfor dette, jeg har en anden div hvis

10
00:00:27,060 --> 00:00:31,020
unikt id, jeg har besluttet at være "midt"
men jeg kunne identificere disse divs

11
00:00:31,020 --> 00:00:32,360
som noget jeg gerne vil.

12
00:00:32,360 --> 00:00:35,340
Og inde i denne "midten" div,
bemærke, at jeg har en formular.

13
00:00:35,340 --> 00:00:40,080
Denne formular tilsyneladende vil indsende
via HTTP komme til Googles servere

14
00:00:40,080 --> 00:00:45,150
følgende input, et input, hvis
type er tekst, og hvis navn er q.

15
00:00:45,150 --> 00:00:48,520
Og det vil ske, så snart den
brugergrupper hits Enter eller klikker på en knap

16
00:00:48,520 --> 00:00:50,410
mærket CS50 Søg.

17
00:00:50,410 --> 00:00:53,750
>> Nu nederst på siden, jeg har
en tredje og sidste div hvis unikke

18
00:00:53,750 --> 00:00:57,670
identifikationskode er "bunden". Inde i det,
Jeg har omtale af ophavsret,

19
00:00:57,670 --> 00:00:59,750
herunder en HTML-enhed.

20
00:00:59,750 --> 00:01:06,230
Det viser sig, at © er HTML
enhed, der repræsenterer copyright

21
00:01:06,230 --> 00:01:08,410
symbol, som mest sandsynligt
du ikke har en

22
00:01:08,410 --> 00:01:10,210
faktiske tasten på dit tastatur.

23
00:01:10,210 --> 00:01:12,560
Efter det, jeg nævner
at det er CS50 er.

24
00:01:12,560 --> 00:01:17,090
>> Nu toppen, midten og bunden findes så
at jeg entydigt kan identificere toppen,

25
00:01:17,090 --> 00:01:20,400
midten og bunden af ​​denne side
så jeg kan stilisere dem hver en

26
00:01:20,400 --> 00:01:21,370
smule anderledes.

27
00:01:21,370 --> 00:01:23,320
Og jeg har allerede taget
frihed til at gøre det.

28
00:01:23,320 --> 00:01:27,030
Højere op i min side, jeg har en stil
tag inden i hvilken er nogle CSS

29
00:01:27,030 --> 00:01:27,880
egenskaber.

30
00:01:27,880 --> 00:01:28,980
Lad os tage et kig.

31
00:01:28,980 --> 00:01:33,450
>> Bemærk, at oven på denne side, har jeg
specificeret, at uanset HTML-tag ville

32
00:01:33,450 --> 00:01:37,350
med den unikke identifikationskode for top som
indikeret ved at skarpe tegn før

33
00:01:37,350 --> 00:01:41,320
det, bør have tekst-align:
center; som en ejendom.

34
00:01:41,320 --> 00:01:45,000
I mellemtiden, i midten af ​​siden skal
ligeledes være centreret, men enhver

35
00:01:45,000 --> 00:01:48,870
indgange i midten af ​​siden skal
har 5 pixels hvide rum

36
00:01:48,870 --> 00:01:51,860
omkring dem, simpelthen at give
tingene lidt mere plads.

37
00:01:51,860 --> 00:01:55,630
I mellemtiden, i bunden af ​​siden,
Jeg har angivet, at enhver tekst skal være

38
00:01:55,630 --> 00:01:59,620
i en mindre skrift, at vægten af
sagde skrifttype skal være fed, at den

39
00:01:59,620 --> 00:02:03,800
margin omkring bunden af ​​siden
bør være 20 pixels, blot for at give det en

40
00:02:03,800 --> 00:02:06,270
lidt vejrtrækning plads
så godt, og at enhver tekst

41
00:02:06,270 --> 00:02:08,190
heri skal centreres.

42
00:02:08,190 --> 00:02:09,580
>> Hvad kommer til at være nettoeffekten?

43
00:02:09,580 --> 00:02:11,620
Nå, lad os tage et kig i en browser.

44
00:02:11,620 --> 00:02:14,160
Hvis jeg går her til Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Nu, er en god leder
søgemaskine.

46
00:02:16,140 --> 00:02:18,539