Rückblickend möchte ich nun auf Besonderheiten und Probleme während der Realisierung meiner Homepage eingehen.

Hier der Schlüssel zu meiner eigenen Website!

Wie schon im letzten Beitrag erklärt, habe ich meine Website zu allererst im Photoshop nach meinen Vorstellungen und Ideen entworfen.



Nach meiner Analyse diverser Websites habe ich mich an deren Struktur angelehnt und so auch meine Webpräsenz in einen horizontalen Menübereich und den darunter liegenden Inhaltsbereich gegliedert. Diese beiden Bereiche wurden mithilfe von Frames realisiert. Obwohl der Einsatz von Frames im heutigen Web-Development nur mehr selten anzutreffen ist, machen sie den Einstieg in die HTML-Programmierung dennoch leichter.

Mit dem Programm ImageReady von Adobe, das eng mit Photoshop zusammenarbeitet, konnte ich meinen Designentwurf in einzelne Bildteile stückeln, um diese dann später einfacher im HTML Code einbauen zu können.

Danach kam der HTML-Editor „GoLive“ zur Anwendung. Verpackt in Tabellen wurden die Bildteile wieder richtig zusammengesetzt. Ergänzt wird das Tabellengerüst durch Texte, Bilder und Links, erstellt mit Hilfe des Wysiwyg-Editors von GoLive.

Schwierigkeiten hatte ich mit der Erstellung einer Begrenzungsline am Abschluss des Inhaltsbereichs. Mit einem kleinen Trick konnte durch eine Ergänzung im Code dieses Problem behoben werden. Es wurde der untersten Zelle ein grauer Rahmen an der Oberseite hinzugefügt. Hier der Code zum nachlesen:



In der Seite „Über mich“ habe ich meine Emailadresse für etwaige Anfragen angeführt. Aus Sicherheitsgründen (Vermeidung von Spam-Mails) habe ich jedoch eine etwas umständlichere Form gewählt. Dies erschwert es automatisierten „Schädlings“-Programme meine E-Mail Adresse auf der Website auszulesen und für Werbemails zu verwenden.

Zu guter Letzt lässt sich noch sagen, dass ich bemüht bin, meine Webseite regelmäßig zu aktualisieren, da ich diese auch außerhalb der Lehrveranstaltung verwenden möchte.
Ich freue mich schon auf eure Visits!