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

2
00:00:00,310 --> 00:00:02,400
>> DAVID Malan: Dus ik heb het maken van mijn
eigen zoekmachine, maar ik heb gewoon

3
00:00:02,400 --> 00:00:04,720
besloten om dingen te herstructureren
onder de motorkap.

4
00:00:04,720 --> 00:00:06,480
Laten we eens een kijkje nemen.

5
00:00:06,480 --> 00:00:11,240
Hier in de HTML-code voor deze pagina, bericht
dat ik nu boven op de pagina wat

6
00:00:11,240 --> 00:00:15,390
lijkt een logo, logo.gif, en zijn
Ik heb het een alternatieve tekst van de gegeven

7
00:00:15,390 --> 00:00:18,620
CS50 zoeken, voor het geval iemand
niet in staat is om dat beeld te zien.

8
00:00:18,620 --> 00:00:22,340
>> Maar merk dat ik dat imago heb geplaatst
binnenkant van een div, en ik heb het toegewezen

9
00:00:22,340 --> 00:00:27,060
een unieke ID van citaat, unquote, "top."
Onder dat, ik heb nog div wiens

10
00:00:27,060 --> 00:00:31,020
unieke ID Ik heb besloten om "midden"
maar ik kon het identificeren van deze divs

11
00:00:31,020 --> 00:00:32,360
als alles wat ik zou willen.

12
00:00:32,360 --> 00:00:35,340
En de binnenkant van deze "midden" div,
merken dat ik een formulier.

13
00:00:35,340 --> 00:00:40,080
Dit formulier is blijkbaar van plan om te dienen
via HTTP naar Google-servers

14
00:00:40,080 --> 00:00:45,150
de volgende ingang, een ingang waarvan
type is tekst en wiens naam is q.

15
00:00:45,150 --> 00:00:48,520
En dat zal, zodra het gebeuren
gebruiker op Enter of klikt op een knop

16
00:00:48,520 --> 00:00:50,410
gelabeld CS50 Search.

17
00:00:50,410 --> 00:00:53,750
>> Nu aan de onderkant van de pagina, ik heb
een derde en laatste div wiens unieke

18
00:00:53,750 --> 00:00:57,670
identifier is "bottom." Binnenkant van dat,
Ik heb vermelding van auteursrecht,

19
00:00:57,670 --> 00:00:59,750
waaronder een HTML entiteit.

20
00:00:59,750 --> 00:01:06,230
Het blijkt dat © is de HTML
entiteit die de auteursrechten vertegenwoordigt

21
00:01:06,230 --> 00:01:08,410
symbool, waarvoor waarschijnlijk
u geen hebben

22
00:01:08,410 --> 00:01:10,210
werkelijke toets op uw toetsenbord.

23
00:01:10,210 --> 00:01:12,560
Na dat, ik noem
dat het CS50's.

24
00:01:12,560 --> 00:01:17,090
>> Nu bovenste, middelste en onderste bestaan ​​dus
dat ik uniek kan identificeren van de top,

25
00:01:17,090 --> 00:01:20,400
het midden en de onderkant van deze pagina
zodat ik ze kan stileren elk een

26
00:01:20,400 --> 00:01:21,370
beetje anders.

27
00:01:21,370 --> 00:01:23,320
En ik heb al genomen de
vrijheid om dat te doen.

28
00:01:23,320 --> 00:01:27,030
Hoger in mijn pagina, ik heb een stijl
tag binnenkant waarvan sommige CSS

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

30
00:01:27,880 --> 00:01:28,980
Laten we eens een kijkje nemen.

31
00:01:28,980 --> 00:01:33,450
>> Merk op dat boven op deze pagina, heb ik
aangegeven dat wat HTML-tag zou

32
00:01:33,450 --> 00:01:37,350
met de unieke identificatie van de top als
aangegeven door die scherpe teken vóór

33
00:01:37,350 --> 00:01:41,320
het, moet text-align hebben:
center, als een eigenschap.

34
00:01:41,320 --> 00:01:45,000
Ondertussen, het midden van de pagina moet
evenzo gecentreerd, maar elk

35
00:01:45,000 --> 00:01:48,870
ingangen in het midden van de pagina moet
hebben 5 pixels witruimte

36
00:01:48,870 --> 00:01:51,860
om hen eenvoudig te geven
dingen een beetje meer ruimte.

37
00:01:51,860 --> 00:01:55,630
Ondertussen, aan de onderkant van de pagina,
Ik heb aangegeven dat welke tekst moet worden

38
00:01:55,630 --> 00:01:59,620
in een kleiner lettertype, dat het gewicht van
zei lettertype moet vet zijn, dat de

39
00:01:59,620 --> 00:02:03,800
marge rond de onderkant van de pagina
moet 20 pixels, gewoon om het eens te

40
00:02:03,800 --> 00:02:06,270
beetje ademruimte
ook, en dat elke tekst

41
00:02:06,270 --> 00:02:08,190
daarin moeten worden gecentreerd.

42
00:02:08,190 --> 00:02:09,580
>> Wat gaat het netto-effect zijn?

43
00:02:09,580 --> 00:02:11,620
Nou, laten we eens een kijkje nemen in een browser.

44
00:02:11,620 --> 00:02:14,160
Als ik ga hier naar Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Nu dat is een goed uitziende
zoekmachine.

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