Manchmal ist es erforderlich, einige Fotos ins Netz zu stellen, damit sie von den Beteiligten heruntergeladen werden können. Wirft man sie alle in eine HTML-Datei, so werden beim Aufbau der Seite alle Fotos geladen und angezeigt. Das ist nicht immer gut, besonders dann, wenn die Fotos hohe Auflösung haben und somit viel Speicher belegen.
Ich habe deshalb ein kleines PC-Programm (WINDOWS) geschrieben, mit dem man eine HTML-Seite erstellen kann, die die Bilder in klein als Voransicht (Kacheln) zeigt und auf die originalen Bilder verlinkt. Das Programm wurde mit VB6 erstellt, zur Funktion sind daher die üblichen VB6-Runtime-Dateien erforderlich.
Das Programm erwartet eine bestimmte Ordnerstruktur.
Ordner, in dem die HTML-Datei erstellt werden soll mit zwei Unterordnern:
Unterordner, in dem die Miniaturansichten der Bilder gespeichert sind,
Unterordner, in dem die Originaldateien der Bilder gespeichert sind.
Die Mini-Bilder lassen sich dabei sehr komfortabel mittels Batchkonvertierung des Programms IRFAN-VIEW erstellen.
Vor dem Programmstart sind folgende Vorarbeiten erforderlich:
Anlegen des Ordners mit den beiden Unterordnern
Kopieren der benötigten Bilder (Originadateien) in den einen Unterordner
Aufruf von Irfan-View
"b" für Batchkonvertierung eintippen
Quellordner wählen (den Ordner mit den Bildern in Originalgröße)
alle Bilder in die Liste übernehmen
Zielordner wählen (den Ordner für die Miniaturen)
Modus Konvertieren einstellen
Optionen und Spezialoptionen (neue Größe) einstellen. Bei der Pixelgröße empfiehlt sich das Einstellen der langen Seite in Pixel, Werte von 120 bis 240 sind ganz gut
Start-Button anklicken
Irfan-View schließen, wenn Konvertierung fertig ist...
links oben: eine CFG laden, falls schon welche erstellt wurden.
Eine CFG (Konfigurationsdatei) enthält alle HTML-Angaben und Einstellungen in den Fenstern der beiden anderen Tabs...
rechts oben: Den Ordner wählen, in dem die HTML-Datei erstellt werden soll und die beiden Unterordner für Minis und Bilder sind...
unten links: Den Ordner mit den Mini-Bildern zur Voransicht auswählen...
unten rechts: Den Ordner mit den Original-Bildern auswählen...
die anderen Tabs bearbeiten, dann oben rechts die HTML-Erzeugung starten...
Tab Vorschau:
Hier kann das Aussehen der Voransicht-HTML-Datei an die eigenen Wünsche angepasst werden. Es lassen sich individuelle Farben, Hintergründe, Texte usw. einstellen, indem man die dementsprechenden HTML-Tags in die entsprechenden Textboxen einträgt.
HTML-Kopf: Hier trägt man den HTML-Code ein, den man oberhalb der Tabelle mit den Mini-Bildern haben möchte, z.B. Head mit Meta-Tags, Text, Farbe...
n Bilder breit: Anzahl der Vorschaubilder nebeneinander. Diese Einstellung sollte zur Größe der Vorschaubilder passen.
HTML-Fuß: Hier trägt man den HTML-Code ein, den man unter den Vorschaubildern haben möchte, z.B. Retour-Link, Text...
HTML-Tabellenzelle vor dem Bild: Eintrag von HTML-Code, der den Inhalt der Zelle beeinflusst, z.B. Farbe, Größenangaben, Text...
HTML-Tabellenzelle nach dem Bild: Eintrag von HTML-Code, wie Text unter dem Bild usw...
Tab Einzelbild Hier kann das Aussehen der verlinkten Bilder beeinflusst werden:
Eigene HTML-Datei für jedes Bild erstellen: Ist dieses Feld markiert, wird das verlinkte Bild in einer eigenen HTML-Datei dargestellt, deren Aussehen in den linken Eingabefeldern manipuliert werden kann. Ist das Feld nicht markiert, dann wird das Bild direkt (ohne eigene HTML-Datei) verlinkt, was Vorteile beim Download bietet, da man die Option "Ziel speichern unter" der rechten Maustaste nutzen kann.
Neues Browserfenster öffnen: Hier wird eingestellt, ob für den Link ein neues Browserfenster geöffnet wird oder ob das Fenster der Voransicht genutzt wird. Bei vielen Fotos sollte man ein neues Fenster öffnen, um die Voransicht nicht immer neu aufbauen zu müssen.
HTML-Datei vor/nach dem Bild: Individuelle Gestaltung der HTML-Datei, falls sie auch verwendet wird. Hier kann auch eingestellt werden, ob eine HTML-Seite mit allen Fotos im Originalformat erstellt werden soll. Dies bietet die Möglichkeit, durch lokales Speichern dieser Seite alle Bilder in einem Rutsch auf dem eigenen Rechner zu speichern.
Die individuellen HTML-Einstellungen lassen sich im Tab Datei speichern und brauchen daher nicht immer neu eingetippt zu werden.
Einige mit diesem Programm erstellten Seiten kann man hier sehen.