Html-Compiler

Webmaster Tool

 
  • Html-Seiten modular aufbauen
  • Ordnung und Übersicht in Html-Projekten
  • SEO Tools, Onpage-Optimierung, Seitenanalyse
  • Sitemap Generatoren

Der Compiler

Mit der Include-Direktive Seiten zusammenfügen

Die Inlude Direktive fügt in die aktuelle Seite den Ihnalt der in der Inculde-Direktiven angegebenen Datei ein und zwar exakt an der Stelle, an der sich die Include-Direktive befindet.

Syntax:
#include "dateiname" (die Include-Direktive muss in der Zeile ganz links beginnen)

Zum Beispiel:
#include "index_doc.hinc"

Der Include-Vorgang wird im folgenden Beispiel erläutert

Im Quellordner "Source" befinden sich zwei Dateien: "test.htm" und "test_doc.hinc". In der Quelldatei "test.htm" befindet sich kein Seiteninhalt, stattdessen befindet sich an der Stelle des Seiteninhaltes die Include-Direktive:
#include "test_doc.hinc"
Damit wird zur Compilezeit exat an dieser Stelle der Inhalt der Datei "test_doc.hinc" eingefügt.

Die Datei test.htm im Ordner Source
Bild-1: Die Datei "test.htm" im Ordner "Source"

Die Datei test_doc.hinc im Ordner Source
Bild-2: Die Datei "test_doc.hinc" (der Seiteninhalt) im Ordner "Source"

Die compilierte Datei test.htm im Ordner Public
Bild-3: Die compilierte Datei "test.htm" im Ordner "Public"

So sieht die Datei Public\test.htm im Browser / Html-Viewer aus
Bild-4: So sieht die Datei "Public\test.htm" im Browser / Html-Viewer aus.

Die Include-Anweisung verbessern

Die verbesserte Datei test.htm im Ordner Source
Bild-5: Die verbesserte Datei "test.htm" im Ordner "Source"

Das Symbol "_FILENAMETITLE_" wird beim Compilieren durch den Dateinamen (ohne Dateierweiterung) der zu compilierenden Datei ersetzt.
Wird z.B.: test.htm compiliert, so hat das Symbol "_FILENAMETITLE_" den Wert "test" und damit wird die Zeile:
#include "_FILENAMETITLE__doc.hinc" durch #include "test_doc.hinc" ersetzt.

Welchen Vorteil bringt diese Art der Includeanweisung ?
Dass der Dateiname der zu inludierenden Inhaltsseite erst zur Compilezeit ermittelt wird, bringt den Vorteil, dass nur ein einziges Html-Gerüst erstellt werden muss und für alle Html-Dokumente ohne Änderung verwendet werden kann. Diese Html-Datei kopieren Sie nach dem Erstellen und Testen in den Ordner "Templates" und erstellen damit alle folgenden Html-Dateien von dieser Vorlage.

Beispiel 2

Das obige Beispiel ist stark vereinfacht, um das Wesetliche der Include-Technik zu veranschaulichen. Leider geht bei dieser Abstraktion der Sinn dieser Vorgehensweise verloren. Daher wird im folgenden Bild ein etwas realistischeres Beispiel gezeigt.

verbessertews Beispiel

Erklärung zum Beispiel

Zeile-8: in dieser Zeile werden die Dateispezifischen Metatags wie Descrition und Keywords sowie der Title-Tag includiert.
Zeile-9: in dieser Zeile werden die für alle html-Dokumente gleichen Meta-Tags wie z.B. Copyright und/oder Charset includiert.
Zeile-10: die Datei Styles.hinc wird includiert, die alle Anweisungen für die Nutzung der css-Dateien enthält.
Zeile-13: der allgemeine Dokumet-Header wird includiert (Logo, Header-Grafik, etc.).
Zeile-14: eine Navigationsleiste wird includiert.
Zeile-15: der Seiteninhalt (Content) wird includiert.
Zeile-16: eine Werbeleiste wird includiert.
Zeile-17: der Fuss-Bereich wird includiert.
Zeile-18: die Include-Datei "Pageend.hinc" kann Anweisungen für die Seitenanalytic / Seitenstatistik enthalten (z.B.: Google-Analytics).

Beispiel 3

Das folgende Beispiel zeigt eine Html-Datei mit drei Spalten, die linke Spalte für die Navigation, die mittlere Spalte für den Seiteninhalt und die rechte Spalte ist für eine Werbeeinblendung vorgesehen.

Das Beispiel zeigt eine Html-Datei mit drei Spalten

Die Ordner Struktur

Diese Ordnerstruktur legt der Html-Compiler an

Der Compiler ließt die Dateien aus dem Ordner "Source" ein, fügt alle Dateien zusammen und speichert die zusammengefügte Datei im Ordner "Public".

Wichtige Hinweise:

  • die Include-Anweisung muss sich immer in der Zeile ganz links befinden
  • der Dateiname muss mit doppelten Anführungszeichen eingeklammert sein
    #include "test_doc.hinc"
  • auch Include-Dateien können selbst Include-Dateien einfügen
Frontend Menu Creator
Frontend Menu Creator für CD / DVD oder USB erstellen. KSSW-FrontendMenu ist so einfach wie Drag&Drop.


Autorun CD Menu Creator
Fügen Sie Ihrer CD-, DVD-, USB-Präsentation ein professionelles Autorun Menü hinzu.