Startseite

Eigenschaften

Systemvoraussetzungen

Die Arbeitsoberfläche

Der Compiler

Die Include-Direktive

Die Define-Direktive

Datumsangaben

Suchen & Ersetzen

So arbeitet der Compiler

Ein neues Projekt erstellen

Ein bestehendes Projekt übernehmen

Projekt-Einstellungen

Mit Vorlagen arbeiten

Beispiel

Das beigefügte Beispiel

Mit dem HtmlCompiler arbeiten


Download  

Shop / Bestellen

Kontakt - Über KS-SW

KS-SW Produkte

Sitemap

Ein Beispiel sagt mehr als tausend Worte, daher ist dem Programmpaket eine Beispiel zum Experimentieren beigefügt.

Vorbereitung

Den HtmlCompiler starten und ein neues Projekt erstellen. Kopieren Sie mit Hilfe des Windows Explorers alle Dateien des beigefügten Beispieles von dem Unterordner "Example\Source" in Ihren Projektordner, Unterordner "Source". Kopieren Sie alle Dateien des beigefügten Beispieles von dem Unterordner "Example\Templates" in Ihren Projektordner, Unterordner "Templates".
(Hinweis: das beigefügte Beispiel befindet sich in "C:\Programme\HtmlCompiler\Example", falls Sie bei der Installation nicht einen anderen Installationspfad angegeben haben.)

Neue Dateien von der Vorlage erstellen und dem Projekt hinzufügen

Wählen Sie beim HtmlCompiler von der Menüleiste "Projekt - Neue Datei von Vorlage erstellen und dem Projekt hinzufügen..." oder klicken Sie auf die entsprechende Schaltfläche auf der Werkzeugleiste. Klicken Sie in der Liste der vorlagen auf "Template.htm" und geben Sie unter "Neuer Dateinamen ein: "index.htm". Auf "Ok" klicken um index.htm zu erstellen und der Dateiliste des Projektes hinzuzufügen. Erstellen Sie auf gleicher Weise die Dateien "shop.htm" und produkte.htm".

In dem Unter-Ordner "Source" des Beispielprojektes befinden sich jetzt zusätzlich die Dateien:

• index.htm
• index_doc.htm
• shop.htm
• shop_doc.htm
• produkte.htm
• produkte_doc.htm

Wählen Sie von der Menüleiste des HtmlCompilers: "Compile - Alle Dateien compilieren" oder klicken Sie auf die entsprechende Schaltfläche der Werkzeugleiste. Um das Projekt jetzt zu testen wählen Sie aus der Menüleiste "Ansicht - Standard Browser" oder klicken Sie auf die entsprechende Schaltfläche der Werkzeugleiste.

Jetzt können im Browser alle erstellten Html-Dokumente in der linken Navigationsspalte angeklickt werden. Allerdings sehen noch alle Seiten gleich aus.

Die Seiten mit Inhalt versehen

Öffnen Sie nacheinander die Dateien "index_doc.hinc", "shop_doc.hinc" und "produkte_doc.hinc" mit Ihrem Html-Editor und ersetzen Sie den Text: "Das ist der vom Html-Layout unabhänige Dokument-Teil der Seite." jeweils durch einen beliebigen Text. Für das Beispiel genügen auch die Worte: "Index", "Shop" und "Produkte".
Hinweis: möglicherweise müssen Sie bei Ihrem Html-Editor eine Einstellung vornehmen, damit dieser die Dateiendung "hinc" als Html-Dokument akzeptiert.

Compilieren Sie erneut wie oben beschrieben und testen Sie wieder mit Hilfe Ihres Browsers.

Farben ändern

Öffnen Sie die Datei "Source\colors.hinc" (z.B.: mit Notepad) und ändern Sie die Farbe der Navigationsleiste.
Vorher:
   #define _NAVIGATION_COLOR "#AAAAFF"
Nachher:
   #define _NAVIGATION_COLOR "#AAFFAA"
Ändern Sie die Farbe des Dokumentbereiches:
Vorher:
   #define _DOC_COLOR "#F8F8F8"
Nachher:
   #define _DOC_COLOR "#FFFFC0"
Compilieren und testen Sie erneut. Bei allen Dokumenten hat sich die Farbe der Navigationsleiste in "Grün" geändert, die Farbe des Textbereiches in Gelb.

Die Navigationsleiste zu Gunsten des Textbereiches verschmälern

Öffnen Sie die Datei "Source\layout.hinc" (z.B.: mit Notepad) und nehmen Sie folgende Änderung vor:
Vorher:

Nachher: