Medienformate
Das primäre Medienformat welches genutzt wurde sind WebP Bilder.
Ich habe aller Bilder in WebP umgewandelt und komprimiert, um möglichst kleine Datenmengen auf der Webseite zu haben.
Das ganze ist Teil der Ladezeitoptimierung der Webseite, damit nicht nur weniger Daten geladen werden müssen, sondern auch schlechte Internetverbindungen reichen, um die Webseite vollständig, ohne langes warten zu laden.
Ebenfalls habe ich verschiedene GIFs für den jeweiligen Score bei dem Quiz umgesetzt, damit passende Reaktionen entstehen.
Auf der Hauptportfolio Seite ist auch ein GIF in einem Modal.
Ursprünglich wollte ich auch selbst erstellte Animationen in die Seite einbauen um eventuell ein cutes Feature zu realisieren was die Webseite verspielter wirken lässt, aber hier kam mir mein persönliches Zeitmanagement in den Weg
Ausgewähltes Layout
Für mein gewähltes Layout habe ich mich an meiner Struktur vom 2. Beleg orientiert.
Ich war zum 2. Beleg sehr zufrieden mit der Webseite und habe mich hier in der Ausarbeitung vorallem auf die Verbesserung und Optimierung meines Layouts fokussiert.
So habe ich entsprechend mein Layout noch interaktiver gestaltet, sowie mich für andere Farben und fonts entschieden, damit die Webseite einen individueller Touch erhält.
Ich finde die einzelnen Boxen sowohl in ihrem runden Design ansprechend, als auch in ihrer Anordnung und Übersichtlichkeit. So sind meine Hauptseite mit meinem Portfolio als auch meine Unterseiten zum scrollen ausgelegt, mit einer Navigation die dauerhaft oben sichtbar ist und für alle Unterpunkte scroll into view nutzt.
Mit diesem Layout finde ich die Seite übersichtlich und einfach zu lesen, auch wenn eventuell eine andere Boxstruktur ein schöneres Layout ergeben hätte.
Das Layout ist simple aber gut anzusehen.
Das Carousel und die Modale für meine Bücher fand ich an sich eine super Idee, aber bis zur korrekten Funktionalität war ein
langer Weg. Dafür bin ich sehr zufrieden mit dem Teil der Seite.
Weiterhin habe ich mich mit meinem Layout bei den Unterseiten, damit ich nochmals umfangreich in JS schreiben kann für ein kleines Quiz entschieden, welches mit Hilfe von Drag and Drop etwas mehr über meine Hobbies vermittelt bzw. Abfragt.
Ebenfalls habe ich aus dem Inhalt der vorherigen Belege Modal verwendet, um eine kleine Zusammenfassung über meine Lieblingsbücher machen zu können, was sich im Schreiben sehr komplex gestaltet hat, da ich das Modal nur in dem Buchfenster wollte, dieses aber immer über die ganze Breite der Webseite geglitched ist.
Erfahrung und Lernerkenntnisse
Abschließend zu meinem Erfahrungen und Lernerkenntnissen lässt sich festhalten, dass das Schreiben einer Webseite grundlegend super einfach ist, und jeder mit etwas Zeit eine solche erstellen kann, ohne viele Vorkenntnisse zu haben.
Damit verbunden habe ich gelernt, dass eine gute und optimierte Webseite viel mehr Aufmerksamkeit in ihrern Details benötigt.
Damit eine Webseite wirklich gut ist, müssen mehrere Faktoren beachtet werden, welche eventuell auf den ersten Blick nicht als solches klar waren. Angefangen bei den simplen Dingen wie die Optimierung und Anpassung von Bild- und Videodaten, bis hin zur Auswahl bestimmter Frameworks und größe des eigentlichen Quellcodes.
Ebenfalls habe ich gelernt wie schwer es sein kann, eine anschauliche Webseite zu erstellen, welche auch ansprechend für User ist.
Ein guter Teil der Vorträge hat eine gute Perspektive für Design-Optionen und -Entwicklung gezeigt.
Webprogrammierung, so wie Programmierung in vielen anderen Aspekten verändert und erweitert sich konstant. Es liegen unglaublich viele Möglichkeiten zur Implementation vor, die man nutzen kann.
Ich habe definitiv gelernt, dass das Schreiben von HTML und CSS, sowie JS sehr anspruchsvoll sein kann.
Was leider bedauerlich ist, dass ich nicht viel aktiv von den Vorlesungen mitnehmen konnte durch die Überschneidung mit dem Modul BWL. Ich hätte gerne mehr von den Vorlesungen gesehen, da die Aufarbeitung sehr hochwertig und informativ war. Dadurch war zwar das nacharbeiten und bearbeiten der Übungsaufgaben selbstständig möglich, aber eine vollständigere Teilnahme wäre dennoch positiv gewesen.