Informationen und zahlreiche Fotos aus der thüringischen Stadt Jena – das bietet die neue Website Jena-Impressionen.de, die gerade online gestellt wurde. Einwohner und Gäste können hier viele Eindrücke aus der schönen Stadt bekommen, die in reizvoller Hügellandschaft inmitten des Saaletals liegt. Bilder aus allen Jahreszeiten, Empfehlungen für Ausflüge und Wanderungen, Veranstaltungstipps und vieles mehr kann man auf der übersichtlichen Website finden. Freunde der Panoramafotografie kommen ebenfalls auf ihre Kosten. Panoramaaufnahmen der Stadt und der umgebenden Landschaft, zusammengesetzt aus vielen Einzelfotos, bekommen eine eigene Rubrik auf der Internetpräsenz.

Es lohnt sich, einfach mal vorbeizuschauen. Hier sind ein paar Eindrücke aus den einzelnen Rubriken.


mehr

Ich hatte vor einigen Wochen mit der Erstellung einiger Panoramafotos für meine Website über Jena begonnen und erste Bilder hier auf dem Blog ausgestellt.

Letzte Woche war herrliches Fotowetter und ich habe dies genutzt, um einige Panoramen von der Aussichtsplattform des höchsten Gebäudes Jenas, dem JenTower, zu schießen. Man hat einen herrlichen Blick auf die Innenstadt und die Umgebung von Jena. Dies ist auch für jeden Besucher Jenas eine Empfehlung wert.

Wie auch bei den letzten Fotos habe ich dann Photoshop CS3 zum Stitchen und nachbearbeiten der einzelnen Fotos benutzt. Details zur Erstellung von Panoramabildern mit Photoshop kann man in meinen anderen Artikeln zu diesem Thema nachlesen.

Genießen sie den fantastischen Ausblick und den leichten Wind auf dem Dach des JenTower.

jena-jentower-panorama-1

Zwei Aussichten in Richtung Nord-Westen mit den Sonnenbergen und dem Landgrafen im Hintergrund.


mehr

Als Freund romantischer Schlösser, wehrhafter Burgen und schön angelegter und interessanter Parks und Gärten habe ich bei unzähligen Besuchen mittelalterlicher, gotischer oder romanischer Anlagen sehr viele Fotos geschossen und auch zahlreiche Informationen gesammelt. Mein Anliegen war es schon seit geraumer Zeit, daraus ein Web Projekt zu machen.
In den letzten Monaten hatte ich relativ wenig Zeit, um dieses Projekt voranzutreiben, aber mittlerweile hat es einen Stand, den ich schon einmal ins Internet stellen kann.

Es steht auf www.burgen-schloesser-impressionen.de und verschafft einen Überblick über interessante Burg- und Schlossanlagen Deutschlands, wobei der momentane Schwerpunkt auf Bayern, Thüringen, Sachsen, Baden-Württemberg und Sachsen-Anhalt liegt.

schloesser-1

Die Übersicht wird ab jetzt ständig erweitert und ich freue mich natürlich über Gastbeiträge und Zuarbeiten besonders aus den anderen Bundesländern.

Neben Kartenübersichten und detaillierten Seiten zu den Schlössern und Burgen gibt es auch Veranstaltungshinweise und Ausflugstipps.

schloesser-2

Jede erfasste Schloss- oder Burganlage wird mit umfangreichen Fotoimpressionen dargestellt. Überhaupt sind die Eindrücke und Fotos der Schwerpunkt des Projektes, obwohl natürlich auch die sachliche Information nicht zu kurz kommt.

schloesser-3

Ich freue mich auf zahlreiche Besucher und viele Hinweise


mehr

STYLEWP – Premium Themes für WordPress

Die WordPress Themes von RICHWP sind schon auf den ersten Blick eine Augenweite. Sie sind besonders für Blogs mit vielen multimedialen Inhalten wie Videos und Fotos geeignet. Ebenso sind sie durch die Vielfalt und die Möglichkeit der Integration von reichlichem Inhalt auch vortrefflich für Nachrichten- und News-Blogs verwendbar.
Die Themes sind im typischen WEB 2.0 Stil gehalten, sind farbenfreudig, gut strukturiert und man hebt sich damit garantiert ein Stück aus den allgemeinen Blog-Designen hervor.

Der Preis ist stark davon abhängig, ob man den Copyright Hinweis auf den Originalhersteller im Foot-Bereich akzeptiert. Wenn man den Copyright Hinweis entfernt haben möchte, dann zahlt man etwa den doppelten Preis.

Welche Eigenschaften preisen die Entwickler besonders an? Zum Beispiel die folgenden:

  • Das Layout ist komplett für Widgets vorbereitet
  • CSS Dropdown Menüs
  • Einegbauter Thumbnail Support
  • Sehr schnelle Installation
  • Die Optionsseite ist übersichtlich und schnell beherrschbar
  • Vorbereitet für Google Adsense
  • Ein Manual in PDF Form
  • PSD & Font Files werden mitgeliefert
  • WordPressMU Compatible
  • Valid XHTML 1.0 Transitional
  • Valid CSS Level 2.1 or 3

Wie schon erwähnt, die Themes von StyleWP sind eine Augenweite…

stylewp-3 stylewp-2

stylewp-1 stylewp-4

Premium WordPress Themes


mehr

Internetseiten leben von gutem Content und attraktiven Bildern. Gut gemachte Panorama-Aufnahmen ziehen das Interesse von Besuchern fast magisch an und besonders bei Websites zu den Themen Städte und Landschaften passen sie sehr gut.

Auch bei jena-impressionen.de sollen eine ganze Reihe von Panoramen die header der Seiten schmücken. Im letzten Beitrag habe ich beschrieben, wie man Panoramaaufnahmen mit Hilfe von Photomerge aus Photoshop „zusammennäht“.
Nach diesem Prinzip habe ich mehrere Panorama-Aufnahmen geschossen und am Rechner zusammmengesetzt.

Hier ist eine Auswahl der ersten Panoramafotos, aufgenommen in verschiedenen Ecken von Jena, die die Kopfbereiche einiger Seiten schmücken werden:

Blick vom Landgrafen auf das Tal von Jena

jena-panorama-3

Blick vom Jägersberg auf den Norden von Jena

blick-vom-rautal-auf-jena-panorama-1

Das bereits bekannte Panorama vom Carl-Zeiss-Platz im Zentrum von Jena

zeiss-platz-panorama-11

Der verschneite Weg zum Fuchsturm

jena-winter-panorama-9

Blick von Jena-Ost auf die verschneite Bergkette am Jenzig

jena-winter-panorama-1

So, nun sind einige der Panoramafotos für die header fertig und ich kann mich mit den Stadt- und Wanderkarten beschäftigen, die schematisch den Rundgang durch die Innenstadt und die Umgebung begleiten sollen.

Dazu mehr in den nächsten Artikeln.


mehr
zeiss-platz-panorama-1

Und weiter geht es auf dem Weg der Erstellung von JENA-IMPRESSIONEN.de mit der Erstellung und Bearbeitung einiger Bilder, die den Eye-Catcher auf den einzelnen Sites darstellen sollen.

Panoramabilder für die Website

Für die Startseite und auch für einige der anderen Seiten wollte ich gern Panoramfotos erstellen, die möglichst einen weiten Ausschnitt der betreffenden Szenen darstellen.

Dazu benutze ich Adobe Photoshop, das ab der Version CS3 mit Photomerge ein sehr gutes Tool zur Erzeugung von Panoramafotos aus Einzelbildern besitzt. An einem Beispiel möchte ich kurz die Verfahrensweise zur Erzeugung von Panorambildern aus Einzelfotos erklären.

1. Das Ausgangsmaterial

Ich habe 12 Einzelbilder, die ich auf dem Carl-Zeiss-Platz in der Innenstadt von Jena geschossen habe. Die Bilder sind hochkant aufgenommen und sind keiner speziellen Vorverarbeitung unterzogen, da ich das finale Tuning am fertigen Panorama machen möchte.

2. Laden der Bilder in Photomerge

Photomerge wird in Photoshop CS3 einfach durch Klicken auf „Datei/Automatisieren/Photomerge“, wie auf dem folgenden Screenshot zu sehen, geöffnet:

panorama-fotos-1

3. Auswahl der Einzelbilder, die zu einem Panorama zusammengefügt werden sollen

Nach dem Klicken auf den Button „Durchsuchen“ öffnet sich ein Diallog zur Auswahl der Einzelbilder. Am besten lässt man fürs erste die Layout-Einstellung auf „Auto“ stehen.

zeiss-platz-panorama-photoshop-3

4. Das Stitching

Mit einer Bestätigung auf „OK“ startet der Vorgang des Stitching, dem „Zusammennähen der Bilder“ zu einem Gesamtpanorama. Dies kann je nach PC-Typ, Anzahl und Auflösung der Einzelbilder einige Minuten dauern. Photomerge legt die einzelnen Bilder passgenau übereinander und korrigiert in den meisten Fällen auch die gröbsten Fehler wie Helligkeitsunterschiede, Kontrastschwankungen und Objektivverzerrungen, sofern diese nicht zu stark und unterschiedlich ausfallen.

zeiss-platz-panorama-photoshop-1

5. Reduzieren der Ebenen und Zuschneiden des Bildes

In den allermeisten Fällen sieht das Ergebnis des Stitching auf den ersten Blick schon sehr gut aus. Man sollte das Gesamtwerk durch Zoomen noch einmal kritisch betrachten, bevor man die Ebenen durch [Strg] + [E] oder durch einen rechten Mausklick und Auswahl der Funktion „Auf eine Ebene reduzieren“ zusammenfasst.
Oft muss man die einzelnen Ebenen nicht noch einmal korrigieren, sondern es reicht eine Optimierung und Anpassung des gesamten Bildes.
Mit dem Freistellungswerkzeug wird das entstandene Panorama auf seine endgültige Größe beschnitten und ein neues Bild über die Zwischenablage erzeugt.

zeiss-platz-panorama-photoshop-2

6. Optimierung des Ergebnisses mit den Bildbearbeitungsfunktionen

Durch das Zoomen in Teilbereiche und nähere Betrachtung der Details lässt sich die Nachbearbeitung von Helligkeit, Kontrast, Tiefen und Lichter, Schärfe etc. einfacher ausführen als beim Betrachten des Gesamtbildes. Mit den üblichen Funktionen unter „Anpassen“ und „Filter“ lassen sich diese Nachbearbeitungen wie bei jedem anderen Bild durchführen.

Und schon können wir das fertige Panorama genießen und auch wenn die Auflösung des Panoramas auf einer Website nur gering sein kann, so können wir doch jetzt gemeinsam den Blick auf die Innenstadt von Jena genießen.

zeiss-platz-panorama-1

Im nächsten Artikel werfen wir noch einen Blick auf einige weitere Panoramfotos, die für die header der weiteren Seiten verwendet werden sollen.


mehr

Schon seit geraumer Zeit möchte ich mit meinem Sohn zusammen ein Webportal über und für unsere Heimatstadt Jena entwerfen und online stellen. Uns fehlte allerdings ein wenig die notwendige Zeit, die wir uns nun aber endlich nehmen wollen. Im Laufe der Jahre haben sich einfach so viele schöne Fotos und Artikel rings um Jena und Umgebung angesammelt, die es wert sind, auf ein Portal gestellt und dann periodisch aktualisiert zu werden.

Viele Freunde freuen sich auch schon darauf, eigene Beiträge und Fotos beizusteuern.

Schwerpunkte der Website sollen Fotoimpressionen und Informationen zu Stadt, Kunst, Kultur, Wanderungen und Ausflugsziele bilden.

Den Designentwurf habe ich nun in Photoshop begonnen und hier ist ein erster Blick auf die Startseite, wie sie wahrscheinlich dann aussehen wird.

webdesign-jena-impressionen-3

Das Grundgerüst der einzelnen Unterseiten soll dann ähnlich aussehen. Ich benutze wieder Dreamweaver für die Erstellung des HTML, setze natürlich konsequent auf Trennung von Layout und Content durch Einsatz von CSS und werde wahrscheinlich dann das entstehende Template in ähnlicher Form wieder verwenden.

Die einzelenen Div Container habe ich wie folgt angeordnet, wobei es 3 Hauptbereiche gibt, die wiederum einzelne Container beinhalten.

webdesign-jena-impressionen-2

Die Inhalte der Start- und einiger anderer Seiten sollen etwa wie folgt verteilt werden, wobei ich noch einige Varianten für die unterschiedlichen Navigationssegmente entwerfen werde.

webdesign-jena-impressionen-1

Begleiten sie uns einfach in den folgenden Artikeln in den nächsten Tagen auf dem Weg zur fertigen Website JENA-IMPRESSIONEN. Die nächsten Artikel werden sich mit der Anpassung der Bilder inklusive von Panoramfotos, der Erstellung der Navigation, dem Design der Unterseiten, der Umsetzung in HTML und CSS, der Einbindung von Videos und auch mit der Erstellung von Übersichtskarten und Wanderkarten beschäftigen.

Wir freuen uns auf ihre Begleitung, Kommentare und Fragen…


mehr

Da ich selbst in fast allen meinen Projekten immer öfters kleine oder größere Fotogalerien einsetze habe ich einfach mal eine kleine Übersicht von Scripten und Online-basierenden Fotogalerien zum Einbinden in die eigene Homepage aufgeführt. Viele davon habe ich selbst schon verwendet und getestet. Die Liste ist natürlich nicht vollständig, da es wahrscheinlich hunderte von Scripten für diese Anwendung gibt.

Beispiel einer Fotogalerie

Ein Beispiel einer Fotogalerie, wie ich sie auf meiner Seite Toskana-Impressionen eingesetzt habe.

Die folgende Übersicht enthält Kombinationen aus HTML,  Flash und  Javascript.

Die Wahl der verwendeten Technologie beeinflusst die Optionen und Möglichkeiten, die man mit den Fotogalerien hat. Dazu gehören Animationen, aber auch die Art und Weise der Integration in die Website.

1. Web Diashow

Mit Web Diashow kann man Bildern professionelle Diashows erstellen und in die eigene Homepage integrieren.

2. Flash Gallery

Flash Gallery ist ein kostenloses Tool zur Erzeugung von Flash basierenden Diashows, die in die Homepage eingebunden werden kann. Es lässt sich einfach installieren und bedienen. Man braucht keine Kenntnisse von Flash o.ä.

3. Polaroid Gallery v.1.01

Polaroid Gallery ist ein kostenloses Script zum Einbinden einer kleinen Fotogalerie in eigene Websites.

4. Gallery 3.0

Gallery ist ein open source web basierendes Photo Album, das in die eigene Website eingebunden werden kann.

5. Minishowcase

Minishowcase ist eine kleine AJAX Bildergalerie, die ohne Datenbank auskommt.

6. Zenphoto

Zenphoto ist eine kostenlose AJAX/PHP Fotogalerie im Flickr-Stil. Die Website ist sehr sehenswert und zeigt auch zahlreiche Beispielseiten, die Zenphoto verwenden.

7. SimpleViewer

SimpleViewer ist eine kostenloses Flash Bilder Anzeige. Es hat ein Thumbnail Menü und optionale Beschreibungsmöglichkeiten.

8. TiltViewer

TiltViewer ist ein kostenlosesr 3D Flash image viewer. Eine kleine und ansprechende Bildergalerie im frischem Stil.

9. AutoViewer

AutoViewer ist kostenlos und zeigt Bilder in einer Zeile an. Die Fotos können manuell angezeigt  oder die Automatikfunktion genutzt werden.

10. PostcardViewer

PostcardViewer ist ein kostenloser Flash image viewer, der einen Stapel Postkarten simuliert und die Bilder nach Klicken auf eine der Postkarten anzeigt.

11. SlideshowPro

Fotos, Bilder und Videos können mit SlideShowPro als Galerie dargestellt werden. Es gibt sehr viele Optionen und auch Zusatzmodule, die zu einem recht moderaten Preis für ein so professionelles Tool erworben werden können.

12. Galleria

Galleria ist eine auf der JavaScript basierenden jQuery basierende Fotogalerie, deren Einbindung zumindestens Basiswissen in HTML voraussetzt.

13. LightView

Lightview ist ein Lightbox ähnliches Javascript von Nick Stakenburg, welches Bilder zoomt und auf abgedunkeltem Hintergrund darstellt.

14. Fazit

Es gibt eine Vielzahl von kostenlosen bzw. sehr preiswerten Tools, die eine Erstellung und Integration einer Bildershow bzw. Fotogalerie in die eigene Website ermöglichen.

Es gibt auch eine Reihe von kostenpflichtigen professionellen Programmen, die ihrerseits Foto- und Videogalerien erzeugen können, die dann in Websites eingebunden oder als standalone verwendet werden können. Eine Übersicht dieser Programme poste ich in einem getrennten Artikel.

Weiterhin gibt es auch noch eine Vielzahl von Anbietern von Online Fotoalben, dazu gehören auch Foto-Communities, die Webspace und Tools zum Ablegen von Fotos anbieten. Diese Alben kann man in den meisten Fällen dann auch direkt in die eigene Homepage verlinken. Auch dazu folgt ein Artikel.


mehr