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

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Also ich habe so meine
eigene Suchmaschine, aber ich habe

3
00:00:02,400 --> 00:00:04,720
beschlossen, die Dinge neu zu strukturieren
unter der Haube.

4
00:00:04,720 --> 00:00:06,480
Lassen Sie uns einen Blick.

5
00:00:06,480 --> 00:00:11,240
Hier in der HTML-Code für diese Seite, Ankündigung
dass ich jetzt oben auf der Seite, was

6
00:00:11,240 --> 00:00:15,390
scheint ein Logo, logo.gif, und sein
Ich habe es einen alternativen Text gegeben

7
00:00:15,390 --> 00:00:18,620
CS50 suchen, nur für den Fall, dass jemand
nicht in der Lage ist, das Bild zu sehen.

8
00:00:18,620 --> 00:00:22,340
>> Beachten Sie aber, dass ich das Bild platziert
innerhalb eines div, und ich habe ihm zugeordneten

9
00:00:22,340 --> 00:00:27,060
eine eindeutige Kennung des Zitats, unquote, "top".
Darunter habe ich eine andere div, deren

10
00:00:27,060 --> 00:00:31,020
eindeutige ID, habe ich beschlossen, sein "Mitte"
aber ich könnte die Identifizierung dieser divs

11
00:00:31,020 --> 00:00:32,360
wie alles, was ich möchte.

12
00:00:32,360 --> 00:00:35,340
Und innerhalb dieser "Mitte" div,
feststellen, dass ich eine Form.

13
00:00:35,340 --> 00:00:40,080
Diese Form ist offenbar an uns senden
über HTTP an Google-Server erhalten

14
00:00:40,080 --> 00:00:45,150
Folgendes Eingang, einen Eingang, dessen
Typ Text und dessen Name ist q.

15
00:00:45,150 --> 00:00:48,520
Und das wird so schnell wie das passieren
Benutzer ENTER oder klickt auf eine Schaltfläche

16
00:00:48,520 --> 00:00:50,410
beschriftet CS50 suchen.

17
00:00:50,410 --> 00:00:53,750
>> Jetzt, am Ende der Seite, habe ich
Eine dritte und letzte div dessen einzigartige

18
00:00:53,750 --> 00:00:57,670
Kennung ist "unten". Im Inneren kommt, dass
Ich habe die Rede von Urheberrechten,

19
00:00:57,670 --> 00:00:59,750
einschließlich einer HTML-Entität.

20
00:00:59,750 --> 00:01:06,230
Es stellt sich heraus, dass © ist die HTML-
Einheit, die das Urheberrecht darstellt,

21
00:01:06,230 --> 00:01:08,410
Symbol, für die wahrscheinlichste
Sie müssen nicht ein

22
00:01:08,410 --> 00:01:10,210
eigentliche Schlüssel auf Ihrer Tastatur.

23
00:01:10,210 --> 00:01:12,560
Danach erwähne ich
dass es CS50 ist.

24
00:01:12,560 --> 00:01:17,090
>> Jetzt oberen, mittleren und unteren existieren so
dass ich eindeutig zu identifizieren, die Spitze,

25
00:01:17,090 --> 00:01:20,400
die Mitte und das Ende der Seite
so dass ich sie jeweils eine stilisieren

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

27
00:01:21,370 --> 00:01:23,320
Und ich habe bereits ergriffen die
Freiheit, das zu tun.

28
00:01:23,320 --> 00:01:27,030
Bis in meine Seite höher, ich habe einen Stil
Tag innerhalb von denen sind einige CSS

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

30
00:01:27,880 --> 00:01:28,980
Lassen Sie uns einen Blick.

31
00:01:28,980 --> 00:01:33,450
>> Beachten Sie, dass oben auf dieser Seite, habe ich
festgelegt, dass was auch immer HTML-Tag würde

32
00:01:33,450 --> 00:01:37,350
mit der eindeutigen Kennung der Spitze als
von dieser scharfen Zeichen vor angezeigt

33
00:01:37,350 --> 00:01:41,320
es sollte text-align:
Mitte, als eine Eigenschaft.

34
00:01:41,320 --> 00:01:45,000
Inzwischen hat die Mitte der Seite, sollte
ähnlich zentriert werden, aber jede

35
00:01:45,000 --> 00:01:48,870
Ein in der Mitte der Seite sollte
haben 5 Pixel Leerraum

36
00:01:48,870 --> 00:01:51,860
um sie herum, einfach zu geben,
Dinge, die ein bisschen mehr Platz.

37
00:01:51,860 --> 00:01:55,630
Dessen am Ende der Seite,
Ich habe festgelegt, dass jeder Text sein sollte

38
00:01:55,630 --> 00:01:59,620
in einer kleineren Schrift, daß das Gewicht
die Schrift sollte fett sein, dass die

39
00:01:59,620 --> 00:02:03,800
Rand um den unteren Rand der Seite
sollte 20 Pixel sein, nur um es ein geben

40
00:02:03,800 --> 00:02:06,270
wenig Raum zum Atmen
als gut, und dass jeder Text

41
00:02:06,270 --> 00:02:08,190
darin zentriert werden sollte.

42
00:02:08,190 --> 00:02:09,580
>> Was wird der Nettoeffekt sein?

43
00:02:09,580 --> 00:02:11,620
Nun, lassen Sie uns einen Blick in einem Browser.

44
00:02:11,620 --> 00:02:14,160
Wenn ich hier, um Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Nun, das ist eine gut aussehende
Suchmaschine.

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