1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Also ich habe machen
meine eigene Suchmaschine.

3
00:00:01,900 --> 00:00:04,100
Und im Moment sieht es so aus.

4
00:00:04,100 --> 00:00:05,265
Ich habe hier den Titel der Seite.

5
00:00:05,265 --> 00:00:06,580
Es ist CS50 suchen.

6
00:00:06,580 --> 00:00:10,380
Ich habe ein HTML-Formular, innerhalb dessen
erscheint ein Eingabe, deren Typ sein

7
00:00:10,380 --> 00:00:13,650
Text und ein anderer Eingang
deren Typ einreichen.

8
00:00:13,650 --> 00:00:17,180
>> Wenn wir nun einen Blick auf die Quelle für
diese Seite, feststellen, dass, ja, wir

9
00:00:17,180 --> 00:00:20,260
eine h1 und einen Titel-Tag,
werden, dass diese Förder

10
00:00:20,260 --> 00:00:22,020
CS50 ist in der Tat suchen.

11
00:00:22,020 --> 00:00:25,940
Wir haben eine Form-Tag, das ist die Angabe
dass die Form muss angemeldet werden

12
00:00:25,940 --> 00:00:27,140
unsere Freunde bei Google.

13
00:00:27,140 --> 00:00:30,430
Und innerhalb dieser Form haben wir
diese zwei Eingangstypen.

14
00:00:30,430 --> 00:00:33,770
>> Beachten Sie aber, jetzt nach oben in die
Seite, innerhalb der Kopf der Seite,

15
00:00:33,770 --> 00:00:36,750
es ist ein Stil-Tag innerhalb von
die eine CSS-Eigenschaft ist für

16
00:00:36,750 --> 00:00:38,570
der Körper der Seite.

17
00:00:38,570 --> 00:00:41,580
Was ist, wenn, obwohl, wollten wir
machen den gesamten Text ausgerichtet

18
00:00:41,580 --> 00:00:43,050
über mehrere Seiten?

19
00:00:43,050 --> 00:00:46,640
Mit anderen Worten, ich wollte diese wiederverwenden
CSS-Eigenschaft wieder und wieder und wieder

20
00:00:46,640 --> 00:00:50,030
in anderen Web-Seiten, die alle
von denen die Body-Tag?

21
00:00:50,030 --> 00:00:53,660
Nun, ich könnte sicherlich kopieren und einfügen
das CSS in jeder dieser Seiten, aber

22
00:00:53,660 --> 00:00:57,730
es wäre besser gestaltet sein, diesen Faktor
heraus in eine zentrale Datei und dann

23
00:00:57,730 --> 00:01:01,100
irgendwie sind diese Datei in alle
die Seiten so, dass, wenn ich jemals

24
00:01:01,100 --> 00:01:04,840
eine Änderung vornehmen und meinen Text auf das ausrichten
links oder richten Sie meinen Text auf der rechten Seite, ich

25
00:01:04,840 --> 00:01:07,220
kann das viel leichter zu tun.

26
00:01:07,220 --> 00:01:08,860
Lassen Sie uns versuchen, dies zu tun.

27
00:01:08,860 --> 00:01:12,520
>> Lassen Sie uns zuerst ausgeschnitten diese
Style-Tag insgesamt.

28
00:01:12,520 --> 00:01:16,820
Und nun eine Datei namens öffnen lassen,
sagen wir, Such 3.css und legte, dass

29
00:01:16,820 --> 00:01:18,970
gleichen CSS in dieser Datei.

30
00:01:18,970 --> 00:01:23,500
Körper ist zu haben,
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Retten wir diese Datei.

32
00:01:24,760 --> 00:01:30,950
>> Lassen Sie uns jetzt zurück zu den Such-3.html und
in den Kopf wieder, fügen Sie ein Link-Tag

33
00:01:30,950 --> 00:01:33,630
Angabe einer hyper-Referenz
Such-3.css.

34
00:01:33,630 --> 00:01:38,650
Und CSS angeben lassen, dass die Beziehung
dass diese Datei mit dem

35
00:01:38,650 --> 00:01:41,880
Seite ist es, so seine Art fungieren.

36
00:01:41,880 --> 00:01:44,840
Lassen Sie uns nun diesen Tag zu schließen, speichern
die Datei und laden

37
00:01:44,840 --> 00:01:46,910
Diese Seite im Browser.

38
00:01:46,910 --> 00:01:49,700
>> Es neu ausgerichtet den Text auf die
links, wenn die CSS

39
00:01:49,700 --> 00:01:50,905
Eigenschaft wurde nicht einmal angewendet.

40
00:01:50,905 --> 00:01:53,020
Nun, warum könnte das sein?

41
00:01:53,020 --> 00:01:54,590
Werfen wir einen Blick auf die
Dateiberechtigungen -

42
00:01:54,590 --> 00:01:58,630
nicht der HTML-Dateiberechtigungen,
aber die Berechtigungen der CSS-Datei.

43
00:01:58,630 --> 00:02:02,740
>> Zurück hier in gedit, gehen wir auf
das Terminal-Fenster und geben ls-l

44
00:02:02,740 --> 00:02:04,720
Suche-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, ja, auch wenn ich die Datei
Besitzer, können lesen und schreiben diese Datei,

46
00:02:09,810 --> 00:02:11,110
niemand sonst kann es zu lesen.

47
00:02:11,110 --> 00:02:17,570
Aber wir können dies mit chmod a + r beheben
Suche-3.css, und jetzt lassen die erneut ausführen

48
00:02:17,570 --> 00:02:20,970
ls-l-Suche 3.css--

49
00:02:20,970 --> 00:02:21,910
und viel besser.

50
00:02:21,910 --> 00:02:24,380
Jetzt kann die ganze Welt
Lesen Sie diese Datei.

51
00:02:24,380 --> 00:02:26,950
>> Gehen wir zurück an den Browser gehen, neu zu laden.

52
00:02:26,950 --> 00:02:29,220
Voila, zurück zu einer zentrierten wir
Suchmaschine.

53
00:02:29,220 --> 00:02:32,450
Natürlich, das ist, wo wir begannen, die
Geschichte, mit unseren Text bereits zentriert.

54
00:02:32,450 --> 00:02:36,000
Aber was ist besser Entwurf jetzt ist, dass
wir darauf hin, dass CSS in ein einkalkuliert

55
00:02:36,000 --> 00:02:39,690
zentrale Datei, irgendwo, dass wir können, dann
gehören in andere Web-Seiten, die

56
00:02:39,690 --> 00:02:41,580
wir passieren könnte in der Zukunft zu machen.

57
00:02:41,580 --> 00:02:45,430
Also, wenn wir je zu zentrieren möchten, oder
restylize allgemeiner unseren Seiten, wir

58
00:02:45,430 --> 00:02:48,570
kann es sehr einfach zu tun
einem zentralen Ort.

59
00:02:48,570 --> 00:02:50,902