logo     Software Engineering     HuWEB



HuWEB

Diese Seiten von "huweb.net" werden durch den Offline Homepage Generator "HuWEB" aus einfachen Text- und CSV-Dateien automatisch generiert. Bilder, Pdf-Dateien, Download-Dateien etc. werden (wenn im Verzeichnis vorhanden) automatisch verlinkt. Ebenso das Inhaltsverzeichnis.
HuWEB
HuWeb
Seiten Aufbau
Update der Homepage
Verzeichnis-Struktur
Verzeichnis am PC
Homepage Struktur
HuWeb Dateien
struktur.txt
.htx - Datei
.htx Besonderheiten (*)
.ini Datei
Fotogalerie
Bilder in HuWEB anzeigen
HuFOTO
Versionen
Download

HuWeb

  • HuWeb ist ein Offline Generator welcher aus Text Dateien die HTML-Seiten generiert inklusive Menü Struktur, Verzeichnissen, Links etc. Sind Bilder und/oder Download Dateien zugefügt, dann werden diese automatisch in die Struktur eingebunden.
  • HuWeb eignet sich für Puristen mit zumindest Grund-Kenntnissen zu HTML, CSS, PC, Upload zum Privider. Zusätzlich (nur wenn man das Programm anpassen will) sollte man sich mit Delphi oder LAZARUS auskennen.
  • Optional kann der DELPHI Quellcode (evt. mit LAZARUS) selbst angepasst werden (siehe DOWNLOAD). Das Programm wurde schnell als Prototyp und für Experimente entwickelt, ist lediglich 410 Zeilen lang und hat sich so bewährt, dass ich HuWEB nun schon viele Jahre selbst verwende.
  • HuWEB ist OpenSource gemäß GNU-Lizenz. Siehe http://www.gnu.de/documents/gpl.de.html.
  • Diese Seiten wurden mit HuWEB erstellt. Quelldaten für für die HuWEB-Demo-Seiten siehe DOWNLOAD. Demo Seite siehe:

http://test.heinrich-huber.com.. >> LINK


Seiten Aufbau

Links oben ist Link zur HuWeb-Startseite gefolgt von Kapitel (Ordner) und Seitenüberschrift (Dokument).
Nach dieser 2 stufigen Anwahl (Ordner/Dokument) erscheinen Seiten mit einem Menü auf der linken Seite (Inhalt der gewählten Seite).
Rechts befinden sich Überschriften welche bei Maus-Selektion gelb werden. Ein Klick wechselt zum Kontaktmenü. So kann schnell ein Kommentar zu diesem Kapitel an mich gesendet werden (auch anonym wenn kein Absender eingetragen wird).

Blau hinterlegt = Navigation auf den HuWeb.net Seiten
Gelb hinterlegt = Links zu fremden Seiten oder Kontaktformular.

Update der Homepage

Ist alles eingerichtet, dann müssen nur folgende lokale Dateien aktualisiert werden:
  • XXX.htx: beliebig viele Text Dateien aus welchen die HTML-Dateien für Ebene 2 (Einleitung) und Ebene 3 (Rest) generiert werden.
  • Bilder und Download Dateien in den zugeordneten XXX- und YYY-Ordnern.
  • "struktur.txt" muss nur verändert werden wenn die Hauptstruktur (1.Seite)verändert werden soll.
Weitere Schritte:
  • HuWEB.exe starten. Aus den oben vorbereiteten Text Dateien und den vorhandenen Bildern und Download-Dateien (Links werden automatisch erstellt - Bilder etc. müssen nur vorhanden sein) werden automatisch die HTML-Dateien erzeugt.
  • Hoch-laden der erzeugten HTML-Dateien vom Verzeichnis 2HTML zum Provider. Meist übertrage ich alle Dateien oder ich verwende "Verzeichnis Synchronisieren" vom Programm "TotalCommander".
  • Bilder und Download Dateien (1:1 Kopie der oben vorbereiteten Daten) werden ebenfalls zum Provider transferiert.

Verzeichnis-Struktur

Verzeichnis am PC

HUWEB
. huweb.exe 
. huweb.ini
. quelldateien wie .pas, .dfm ...
. diverse Protokolldateien wie _fehler, _logbuch .. welche bei der übersetzung angelegt werden
. SRC
. . struktur.txt (beschreibt die Eintäge der 1. Seite und die Ordnerstruktur)
. . _ebene1.html (Vorlage für Ebene 1 / Hauptmenü)
. . _ebene2.html (Vorlage für Ebene 2 / Sub-Auswahl)
. . _ebene3.html (Vorlage für Ebene 3 / Seite mit Menü)
. . 2HTML (für automatisch erstellte html Dateien)
. . SYSTEMDATEN
. . .  favicon.ico (Mikro-Logo für Browser Icon)
. . .  ...jpg/gif/png (diverse Systembilder 207xca.100)
. . .  formate.css (steuert das Aussehen aller Seiten)
. . ORDNER-XXX (beliebig viele Ordner mit Namen gemäß struktur.txt Datei)
. . .  XXX.htx (Textdateien für Ebene 2 (Einleitung) und Ebene 3 (Rest))
. . .  XXX.jpg (Bild, wird für Ebene 2 und 3 verwendet. Name wie vor. 207xca.100)
. . .  ORDNER-YYY (Ordner für Download-Dateien und Bilder)
. . .  .  XX.pdf (optionale PDF-Dateien)
. . .  .  XX.jpg / XX.gif (optionale Bilddateien)
. . .  .  XX.ZIP / XX.EXE (optionale Download-Dateien)

Alle Dateien und Ordner in Kleinbuchstaben und ohne Sonderzeichen (äöü...) und Blank!! Zeichen - und _ sind erlaubt. Zugefügte Dateien und Bilder dürfen alle Sonderzeichen (abhängig vom Betriebssystem) enthalten.

Homepage Struktur

Im Hauptverzeichnis der Homepage (am Server des Providers) sind:
  • alle von HuWEB automatisch erstellten HTML Dateien (Kopie von Ordner 2HTML)
  • alle XXX-Ordner mit Icons (jpg) und eventuelle Unterordner YYY mit Download-und Bild-Dateien. Ebenfalls eine Kopie der PC-Struktur.

HuWeb Dateien

struktur.txt

1. Zeile: Dateiname der HTML-Datei (mit aktuellen Änderungen)gefolgt von Text welcher als Link gelb dargestellt wird.
Weitere Zeilen (bis zum 1. ">" : Einleitender Text auf der Startseite.

>
OrdnerXXX (Ohne Sonderzeichen und Blank!)
Kurztext für diesen Ordner (für Menüzeile und Überschrift)
Text für Ebene 1 (ca. 100 bis 500 Zeichen)

>
Weitere Einträge wie vor.

>>http://... Sonderfall, wenn auf Fremdseite verwiesen wird.
sonst wie vor.

.htx - Datei

Überschrift für Ebene 2 und 3
Link-Text für Ebene 2 bzw. einleitender Text (Zusammenfassung) für Ebene 3.

gefolgt von zumindest einer Überschrift:

Überschrift 1. Ordnung wird mit "="-Zeichen (ab Spalte 1) unterstrichen
=======
Beliebiger Text (siehe *)

Überschrift 2. Ordnung wird mit "-"-Zeichen (ab Spalte 1) unterstrichen
-------
Beliebiger Text (siehe *)

.htx Besonderheiten (*)

Im Text NICHT erlaubt:
  • Spitze (><) und geschwungene Klammern da diese Zeichen 1:1 als HTML Code übernommen werden.

Im Text erlaubte Sonderzeichen (Vorsicht und gut testen):
  • Spitze Klammern können mit "KaufmannUnd", gefolgt von "gt;" oder "lt;" dargestellt werden.
  • Wird eine Zeile mit ";(" begonnen, dann wird der Text bis ";)" (ebenfalls ab 1. Stelle) 1:1 übernommen.
  • Wird eine Zeile mit "*" begonnen, dann wird eine PUNKT-Liste erstellt.
  • Html-Kommandos zwischen spitzen Klammen werden übernommen (VORSICHT).
  • Mit Apostroph links wird Fettschrift eingeleitet
  • Mit Apostroph rechts (mit Umschalttaste) wird Fettschrift ausgeschaltet

Interne oder Externe Links müssen ab Spalte 1 wie folgt eingetragen werden:
  • http://...
  • http://... >> Link-Text

.ini Datei

Derzeit noch sehr dürftig:
[Vorbesetzung]
Download=*.txt;*.htm;*.html;*.zip;*.exe;*.doc;*.odt;*.trk;*.grm;*.xls;*.skp;*.kmz;*.dxf;*.wmv;*.gpx

Fotogalerie

Vorab: HuFoto wird nicht weiter verwendet, da HuWEB Bilder noch einfacher einbinden kann.

Bilder in HuWEB anzeigen

Befinden sich Bilder ('*.jpg;*gif;*.png') im Ordner, dann werden diese automatisch angezeigt. Dabei bildet das 1.Wort des Datei namens die Überschrift und den Index und der Gesamte Dateiname beschreibt das Bild.
Ich erstelle mit IMATCH aus meiner Bild Datenbank kleinere Bilder evt. mit Wasserzeichen und vergebe als Dateiname die Bild Nummer und eine Bild Beschreibung. Viele andere Programme können dies ebenfalls automatisch erledigen.

HuFOTO

HuFOTO wird nicht weiter verwendet da HuWeb das nun noch einfacher erledigt!.

Die Fotogalerie auf meiner Homepage wird mit HuFOTO automatisch erstellt und als Quelle wird ein IMatch-Datenbank-Export verwendet. Wie bei JALBUM werden die Seiten lokal erstellt. Dies geschieht aber mit HuFOTO wesentlich schneller (Faktor 10). Die Dia-Schau erfolgt via PHP Code. Es werden daher weder Java, Java-Script noch Cookies benötigt. Außerdem erfolgt ein Link zu GoogleMaps wenn GPS-Daten verfügbar sind und ein anonymer Kommentar pro Bild kann gesendet werden. Die Aufbereitung der Bilder und Vorschaubilder mache ich mit IrfanView (geht aber auch mit fast jedem anderen Foto-Programm). Der Upload der Daten erfolgt mit TotalCommander. HuFOTO stelle ich als Open Source zur Verfügung.

Im Ordner ICON befinden sich Bilder im Format 123x82 Pixel. Unterordner-Struktur wie in Imatch.
Im Ordner BILDER befinden sich Bilder (mit Wasserzeichen) im Format ca. 900x600 Pixel. Unterordner-Struktur wie in Imatch.

Versionen

V3 / 1.2.2012: Seiten Verzeichnisse genauer
V2 / 31.1.2012:
Datenstruktur der Demo-Daten verändert. Programm vom 8.1.2012

DOWNLOAD

huweb-delphi-quellcode.zip >> 641kB Alles (Delphi Quellcode, exe und Demo-Daten)
huweb-demo-auf-homepage.zip >> 131kB Demo-Daten (so sollten die Daten am Server abgelegt sein)
huweb-demo-quelldaten.zip >> 620kB Nur Programm und Demo-Daten (ohne Quellcode)

zum Anfang