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

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Also ich habe gearbeitet
auf dieser Suchmaschine

3
00:00:01,970 --> 00:00:03,480
das sieht aus wie diese.

4
00:00:03,480 --> 00:00:07,580
Ich scheine einen Titel namens CS50 haben
Search, unter dem sich ein HTML-Formular,

5
00:00:07,580 --> 00:00:10,430
innerhalb dessen ein Eingang, dessen
Typ Text und ein anderer Eingang

6
00:00:10,430 --> 00:00:12,260
deren Typ einreichen.

7
00:00:12,260 --> 00:00:15,400
Werfen wir nun einen Blick auf die zugrunde liegenden
Source-Code für diese Seite.

8
00:00:15,400 --> 00:00:20,180
>> Hier in search-2.html, bemerken, dass ich
tatsächlich einen Titel in der Form des

9
00:00:20,180 --> 00:00:23,260
Kopf als auch im Körper
mit einem h1-Tag um ihn herum.

10
00:00:23,260 --> 00:00:26,490
Ich habe ein HTML-Formular, und
dann die beiden Eingänge.

11
00:00:26,490 --> 00:00:30,650
Aber Mitteilung insbesondere auf den Körper
Tag, dass ich eine Art erklärt

12
00:00:30,650 --> 00:00:35,770
Attribut, dessen Wert text-align:
Zentrum, und damit, dass alle Angabe

13
00:00:35,770 --> 00:00:38,390
Text auf dieser Seite sollte sein
in der Mitte ausgerichtet.

14
00:00:38,390 --> 00:00:41,700
>> Nun, das perfekt funktioniert richtig,
aber es ist ein bisschen schlampig.

15
00:00:41,700 --> 00:00:43,900
Man kann nicht wirklich sagen, wie viel
weil diese Seite ist ziemlich

16
00:00:43,900 --> 00:00:44,960
kleine im Moment.

17
00:00:44,960 --> 00:00:47,520
Aber vorstellen, wenn diese Seite bekam
länger und

18
00:00:47,520 --> 00:00:49,180
Je länger und komplexer.

19
00:00:49,180 --> 00:00:53,960
>> Beachten Sie, dass das Muster, das ich angenommen habe
hier ist es, meine Ästhetik vermischen

20
00:00:53,960 --> 00:00:57,380
mit der Struktur der Seite
mit Hilfe des style-Attribut.

21
00:00:57,380 --> 00:01:00,540
Lange Rede kurzer Sinn, das ist nicht die beste
Design, sicherlich wie Ihre Seiten wachsen

22
00:01:00,540 --> 00:01:02,010
komplexer.

23
00:01:02,010 --> 00:01:05,830
Besser wäre es, Design ausklammern
dass Stilisierung und legte es irgendwo

24
00:01:05,830 --> 00:01:09,730
zentralen, zum Beispiel nicht in einem Stil
zuschreiben, aber in einem Stil-Tag,

25
00:01:09,730 --> 00:01:13,310
speziell ein Stil-Tag in
von meiner Seite Kopf-Tag.

26
00:01:13,310 --> 00:01:14,830
Lassen Sie uns genau das zu tun.

27
00:01:14,830 --> 00:01:18,160
>> Zuerst gehen wir hier und löschen
dieser Stil überhaupt zuzuschreiben.

28
00:01:18,160 --> 00:01:22,420
Dann sichern Sie im Kopf meiner Seite, ließen uns
deklarieren Sie eine Style-Tag und schließen Sie es an

29
00:01:22,420 --> 00:01:24,620
die gleiche Zeit, so dass ich nicht
vergessen, später.

30
00:01:24,620 --> 00:01:28,120
Und dann lassen Sie angeben, dass der Körper
dieser Seite sollte eine CSS haben

31
00:01:28,120 --> 00:01:32,040
Eigenschaft text-align ist Zentrum.

32
00:01:32,040 --> 00:01:35,320
Lassen Sie uns nun diese Seite zu speichern, laden Sie die
Browser, und sehen, was die Wirkung ist.

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

34
00:01:38,070 --> 00:01:40,510
>> Nachladen in meinem Browser -

35
00:01:40,510 --> 00:01:41,570
keine Wirkung.

36
00:01:41,570 --> 00:01:43,110
Aber keine Wirkung beabsichtigt war.

37
00:01:43,110 --> 00:01:45,150
Wir sind einfach zu verbessern
diese Seite Design.

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