Im Rahmen dieses Moduls haben wir uns dazu entschieden, eine Website zu erstellen, welche für mich als Fotografie Portfolio dient. Die Idee war zudem, dass ich die Website nach dem Modul möglicherweise weiter benutzen könnte, um im Netz präsent zu sein.
Dafür hat sich insbesondere WordPress als geeignetes Tool angeboten. In WordPress können einfach verschiedene Designs/ Themes ausgewählt werden, welche zum Inhalt der geplanten Website passen. Auch die Suche passender Templates über enstprechende Filter, wie beispielsweise „Fotografie“ ist möglich.
In der untenstehenden Abbildung ist oben links das von uns gewählte Theme zu sehen.

Die untenstehende Abbildung zeigt nun die Hauptseite der von uns erstellten Website. Die drei Themenbereiche Landschafts-, Portrait- und Reisefotografie wurden separat gegliedert. Wichtig war uns, die Seite übersichtlich und simpel zu gestalten.

Klickt man auf die unterschiedlichen Bereiche, gelangt man zu einem einfachen Portfolio (einer Bildersammlung). Das Portfolio zeigt Fotos, welche in den entsprechenden Bereichen gemacht wurden. So kann sich die Person, welche die Website besucht, besser ein Bild meiner Arbeit machen.

Möchte man die einzelnen Bilder genauer betrachten, gibt es zudem die Möglichkeit, in eine via Plugin geschaffene Bildergallerie zu wechseln. Dies ist in der Abbilung unterhalb zu sehen. In der Gallerie kann man die Bilder vergrössern, teilen oder auch die Aufnahmeinformationen des Bildes nachlesen.

Zudem war uns wichtig, dass die Besucher-/innen der Website auch etwas über aktuelle Projekte erfahren. Hierfür eignet sich die einfache Blog-/ Beitragsfunktion, welche von Grund auf in WordPress integriert ist. Mit dieser Funktion können einfach neue Beiträge erstellt werden, wobei diese chronologisch geordnet werden (was bedeutet, dass der aktuellste Blogeintrag immer zuoberst erscheint).
In unserem Fall wurden zwei Beiträge erstellt mit einigen Bildern der letzten zwei Reisen, welche ich unternommen habe. Die Blogeinträge können von den Websitebesuchern-/ besucherinnen auch kommentiert werden.


Eine weitere wichtige Funktion unserer Website ist zudem der Link via Button zu Instagram, wo weitere Bilder und aktuelle Arbeiten betrachtet werden können. Für Personen, welche keinen Zugriff auf Social Media haben, besteht zudem die Möglichkeit über ein Kontaktformular zu kommunizieren, welches direkt mit meiner Mail verbunden ist.


Im folgenden Abschnitt wird nun noch die Erarbeitung einer HTML Seite vorgstellt (https://hasn.ch/students/02_LangeneggerHochhuth/HJHochhuth.html). Die Idee hierbei war, die Seite möglichst nah am „Original“ auf wordpress zu halten.
Für die HTML-Website haben wir rund 300 Zeilen Code gebraucht. Darin beinhaltet ist ein Nachbau der WordPress-Website, sowie eine Uhr mit Javascript. Nachdem einige Schwierigkeiten aus der Welt geschafft wurden, (danke Flexbox für die Kopfschmerzen), stand endlich unsere eigens gebaute HTML-Seite, welche unterhalb zu sehen ist.

Darin enthalten sind diverse Links, die auf einzelne Fotogallerien in WordPress verweisen, sowie auch einen Link mit entsprechendem Symbol zu Social Media.

Ganz unten haben wir noch ein Nachrichtenfeld eingefügt, womit Besucher-/ innen uns Nachrichten zukommen lassen könnten. Eigentlich wollten wir uns damit Mails zusenden lassen, aber nach cirka zwei Stunden festgestellt, dass das unsere Fähigkeiten leicht übersteigt. Nach vielen kleinen Tweaks und Additionen stand dann unsere Website wie ihr sie seht.

Mit PHP haben wir dann schlussendlich noch eine kleine Fotogallerie serverseitig eingerichtet. Dafür haben wir einige Bilder von unserer Website geholt, und sie auf den Server geladen. Die Bilder werden in unserem Ordner auf hasn.ch als Thumbnail angezeigt und erst bei anklicken vergrössert, was dann doch eine ziemliche Datenerpsarniss beim laden der Website ergibt.

Diese letzte Abbildung zeigt, welche Datenmengen bei solch einem kleinen Spass anfallen können 🙂
