Erstellen eines Streifenalbums

Das Prinzip "Streifenalbum"

Text und Bild stehen hier gleichwertig nebeneinander, der User soll beides in Ruhe studieren können.
Es handelt sich also beim Text um mehr als nur um Bildunterschriften.

Ein Streifenalbum ist eine HTML-Seite, auf der neben einem verkleinerten Bild ein passender Text angeordnet ist. Bilder und Texte liegen in einer Tabelle aus 2 Spalten (Bild, daneben Text) und beliebig vielen Zeilen.
Durch die verkleinerten Bilder geschieht das Laden der Dateien aus dem Internet in akzeptabler Geschwindigkeit. Zu jedem verkleinerten Bild kann es ein viel größeres Originalbild geben, das erst beim Anklicken des kleinen Bildes downgeloaded und angezeigt wird.

Die Umsetzung

Folgende Programme müssen geöffnet sein:

  1. Windows-Explorer
  2. Namo WebEditor
  3. PaintShopPro
  4. Web-Browser

Nun die einzelnen Arbeitsschritte:

  1. Zuerst mit dem Windows-Explorer einen eigenen Ordner, z.B. "Streifenalbum" für das Streifenalbum anlegen.
  2. Alle zu verwendenden Bilder (Icons wie zurck.gif, Fotos) in diesen Ordner kopieren.
  3. Zum Namo-WebEditor wechseln.
  4. Eine leere Seite als Datei "index.htm" mit Titel z.B. "Streifenalbum" im Ordner abspeichern.
    Dazu einen Screenshot
  5. Cursor mittig setzen, Tabelle aus 2 Spalten und 1 Zeile einfügen.
  6. Über der Tabelle z.B. "Streifenalbum" als Überschrift Größe 2 einfügen.
  7. Unter der Tabelle das Icon "zurck.gif" einfügen.
  8. Datei speichern, d.h. auf das Diskettensymbol klicken.
  9. Zu PaintShopPro wechseln und alle Fotos auf die Breite 900 Pixel bringen bei festem Seitenverhältnis, schärfen und jeweils unter einem Klartext-Namen abspeichern. Im gleichen Arbeitsgang jedes Foto weiter verkleinern auf die Breite 350 Pixel und unter gleichem Namen aber mit Zusatz "_k" für klein erneut abspeichern.
  10. Zum Namo-WebEditor wechseln.
  11. Rechten Mausklick in die Tabelle, "Tabellen-Eigenschaften". Dann Tabellenbreite auf 900 Pixel setzen, Zellenfüllabstand 6 Pixel.
  12. Rechten Mausklick in die linke Zelle, "Zell-Eigenschaften" auf 350 Pixel Breite setzen, "Horizontalausrichtung" auf zentriert, "Vertikalausrichtung" auf oben . Dann in diese Zelle das erste kleine Foto setzen und einen Link auf das große Foto setzen.
    Ergänzen!
  13. Rechten Mausklick in die rechte Zelle, "Zell-Eigenschaften" auf 550 Pixel Breite, "Horizontalausrichtung" auf links, "Vertikalausrichtung" auf oben.
  14. Text zum Bild eingeben, Textstil und Schriftgröße festlegen.
  15. Nun rechten Mausklick in die Tabelle, "Tabelle", "Spalten oder Zeilen einfügen", "Zeilen" "unterhalb"
  16. Alle kleinen Fotos einfügen und verlinken und Text schreiben (Siehe Nr.12).
  17. Speichern
  18. Mit Web-Browser die Datei "index.htm" öffnen und die Seite "Streifenalbum" testen.
  19. Alle Original-Fotos aus der Kamera (Benennung DSC....jpg) löschen.
  20. Die Umsetzung kann dann wie folgt aussehen:
    Das "Streifenalbum" heißt hier "Meine liebsten Partner"