>> DAVID MALAN: Also ich habe machen meine eigene Suchmaschine.
Und im Moment sieht es so aus.
Ich habe hier den Titel der Seite.
Es ist CS50 suchen.
Ich habe ein HTML-Formular, innerhalb dessen erscheint ein Eingabe, deren Typ sein
Text und ein anderer Eingang deren Typ einreichen.
>> Wenn wir nun einen Blick auf die Quelle für diese Seite, feststellen, dass, ja, wir
eine h1 und einen Titel-Tag, werden, dass diese Förder
CS50 ist in der Tat suchen.
Wir haben eine Form-Tag, das ist die Angabe dass die Form muss angemeldet werden
unsere Freunde bei Google.
Und innerhalb dieser Form haben wir diese zwei Eingangstypen.
>> Beachten Sie aber, jetzt nach oben in die Seite, innerhalb der Kopf der Seite,
es ist ein Stil-Tag innerhalb von die eine CSS-Eigenschaft ist für
der Körper der Seite.
Was ist, wenn, obwohl, wollten wir machen den gesamten Text ausgerichtet
über mehrere Seiten?
Mit anderen Worten, ich wollte diese wiederverwenden CSS-Eigenschaft wieder und wieder und wieder
in anderen Web-Seiten, die alle von denen die Body-Tag?
Nun, ich könnte sicherlich kopieren und einfügen das CSS in jeder dieser Seiten, aber
es wäre besser gestaltet sein, diesen Faktor heraus in eine zentrale Datei und dann
irgendwie sind diese Datei in alle die Seiten so, dass, wenn ich jemals
eine Änderung vornehmen und meinen Text auf das ausrichten links oder richten Sie meinen Text auf der rechten Seite, ich
kann das viel leichter zu tun.
Lassen Sie uns versuchen, dies zu tun.
>> Lassen Sie uns zuerst ausgeschnitten diese Style-Tag insgesamt.
Und nun eine Datei namens öffnen lassen, sagen wir, Such 3.css und legte, dass
gleichen CSS in dieser Datei.
Körper ist zu haben, text-align: center;.
Retten wir diese Datei.
>> Lassen Sie uns jetzt zurück zu den Such-3.html und in den Kopf wieder, fügen Sie ein Link-Tag
Angabe einer hyper-Referenz Such-3.css.
Und CSS angeben lassen, dass die Beziehung dass diese Datei mit dem
Seite ist es, so seine Art fungieren.
Lassen Sie uns nun diesen Tag zu schließen, speichern die Datei und laden
Diese Seite im Browser.
>> Es neu ausgerichtet den Text auf die links, wenn die CSS
Eigenschaft wurde nicht einmal angewendet.
Nun, warum könnte das sein?
Werfen wir einen Blick auf die Dateiberechtigungen -
nicht der HTML-Dateiberechtigungen, aber die Berechtigungen der CSS-Datei.
>> Zurück hier in gedit, gehen wir auf das Terminal-Fenster und geben ls-l
Suche-3.css.
Ah, ja, auch wenn ich die Datei Besitzer, können lesen und schreiben diese Datei,
niemand sonst kann es zu lesen.
Aber wir können dies mit chmod a + r beheben Suche-3.css, und jetzt lassen die erneut ausführen
ls-l-Suche 3.css--
und viel besser.
Jetzt kann die ganze Welt Lesen Sie diese Datei.
>> Gehen wir zurück an den Browser gehen, neu zu laden.
Voila, zurück zu einer zentrierten wir Suchmaschine.
Natürlich, das ist, wo wir begannen, die Geschichte, mit unseren Text bereits zentriert.
Aber was ist besser Entwurf jetzt ist, dass wir darauf hin, dass CSS in ein einkalkuliert
zentrale Datei, irgendwo, dass wir können, dann gehören in andere Web-Seiten, die
wir passieren könnte in der Zukunft zu machen.
Also, wenn wir je zu zentrieren möchten, oder restylize allgemeiner unseren Seiten, wir
kann es sehr einfach zu tun einem zentralen Ort.