 |
|
Include Dateien
Die Include-Funktion ermöglicht, HTML-Abschnitte, die auf mehreren HTML-Seiten eines Projektes vorhanden sind, durch ändern einer einzigen Datei, auf allen Seiten zu verändern.
Beispiel: Auf einer Homepage für eine Firma soll auf jeder Seite oben das Firmenlogo zu sehen sein. Nehmen wir mal an, diese Homepage hat insgesamt 100 Seiten. Nach einiger Zeit ändert sich das Logo. Nun müssen wir auch das Logo auf der Homepage austauschen - und das ganze für 100 Seiten. Ganz schön viel Arbeit.
Mit der Include-Funktion können wir den HTML-Text für das Logo in eine separate (include)-Datei packen. Wenn sich nun das Logo ändert, müssen wir nur in der Include-Datei das Logo austauschen und mit wenigen Klicks ändert sich das Logo auf allen Seiten.
Hinweis:
Die Include-Funktion, die ich hier beschreibe, ist eine Hilfsfunktion von Phase5 und ist kein Bestandteil von HTML. Sie lässt sich also nicht auf andere HTML-Editoren übertragen!
Ich werde an dieser Stelle auch kein Tutorial dazu aufschreiben, sondern lediglich erklären, wie man mit der Include-Funktion umgeht.
Die Include-Datei besteht aus einer separaten Seite, jedoch ohne das HTML-Grundgerüst (Head, Body etc). Sie enthält lediglich einen Ausschnitt der Seite, der bei Bedarf auf allen Seiten gleichzeitig verändert werden soll. Beispielsweise eine Grafik oder ein komplettes Navigationsmenü bei einer Homepage ohne Frames.
Diese Datei muß mit der Endung .inc abgespeichert werden. Dazu wählt man im Speichern-Menü den Dateityp "Include Dateien"
Um den HTML-Abschnitt nun in die Seite einzufügen, muss man den Cursor an die Stelle setzen, wo die Datei eingefügt werden soll und anschließend wählt man links aus den Dateien die inc.-Datei aus. Der Abschnitt wird nun wie beim Einfügen einer Grafik an die gewählte Stelle gesetzt. Damit der Editor später die zu ändernde Include-Datei wiederfindet, wird vor und hinter den Abschnitt ein Kommentar eingefügt, der folgendermaßen aussieht:
<!--INC:"logo.inc"-->
Inhalt der Include Datei
<!--/INC:"logo.inc"-->
Um die Include-Datei zu ändern, muss man sie über "Datei", "öffnen" öffnen. (Das Anklicken der Datei in der Liste links fügt ja die Datei in die aktuelle Seite ein, anstatt sie wie eine HTML-Seite zu öffnen).
Nachdem die Include-Datei verändert und gespeichert(!) wurde, wählt man im Menü oben "Projekt" und dann "Includes aktualisieren". Wenn man im Projektordner das Verzeichnis für die Include-Dateien nicht bereits eingestellt hat, muss man nun zuerst im oberen Bereich den Ordner auswählen, in dem sich die zu ändernden HTML-Seiten befinden. Unten erscheinen die einzelnen Seiten, die man per Doppelklick auswählt. Diese werden rechts aufgelistet.
Sind alle Seiten ausgewählt, klickt man auf "Liste übernehmen". Der Editor ersetzt nun die Include-Datei auf allen ausgewählten Seiten (das kann einen Moment dauern).
|
|
|
