Aufgabe 2 -Erstellen Homepage

Inhalt der Hompage

Auf meiner Homepage möchte ich mich mit der Thematik der Faux Column beschäftigen, da ich damit vor einigen Semestern selbst Probleme damit hatte. Hierzu soll ein 2-spaltiges Layout mit Header erstellt werden (siehe Abb 1.), wobei in der Linken Spalte ein Menü mit der Möglichkeit zum Layoutwechsel angezeigt werden soll.

Abb 1: Mockup der HP (Erstellt in balsamiq.com)

Styling

Als Hintergrundgrafiken werden nachbearbeitetet Grafiken, welche zur freien redaktionellen und kommerziellen Nutzung bzw. Bearbeitung auf pixelio.de freiggeben wurden, benutzt.

Die Breite des Wrappers wird auf 922px, die des Menüs (inkl. Padding von 12px) auf 250px, die des Contenbereichs (inkl. Padding von 12px) auf 672px, gesetzt. Der Header ertreckt sich über die gesamte Breite des Wrappers und hat somit eine Breite von 922px, sowie eine Höhe von 250px vorzuweisen.

Als Schriftart wird für den "normalen" Content Arial,13px verwendet, der Code wird in eigens im entsprechenden Tag als Arial,12px,italic dargestellt.

Hier gehts zu meiner HP!

Quellen:

balsamiq.com, http://balsamiq.com/products/mockups, 19.04.2011

pixelio.de, http://www.pixelio.de, 19.04.2011

christian.ortig.Uni-Linz am 19. April 11   |  Permalink   |  4 comments   |  kommentieren




melanie.boudar.uni-linz am 04.Mai 11   |   Permalink
Hätte ich das vorher gewusst...
Lieber Christian,

deinen Beitrag finde ich ganz ehrlich sehr interessant, obwohl ich mir zuerst gedacht habe du befasst dich mit einem 'freakigen' Thema, weil ich von Faux Column noch nie zuvor etwas gehört habe.

Hätte ich deine Homepage gesehen, bevor ich meine eigene Website erstellt habe, hätte ich wohl auch ein schöneres Layout zusammengebracht. Eigentlich hatte ich auch ein ansprechendes Design im Kopf, aber nachdem ich leider keine besondere Erfahrung mit der Gesaltung von Webseiten habe ist eben das bestehende Ergebnis rausgekommen.

Ich wollte dich in diesem Zuge noch fragen welche 'Software' du genutzt hast um die Präsentation zu erstellen.

Lg und bis morgen!
Melanie

christian.ortig.Uni-Linz am 05.Mai 11   |   Permalink
Präsentationssoftware
Hallo Melanie,

ich habe folgenden Anbieter verwendet:

Live Documents

lg

Christian

    Auf Kommentar antworten

reinhard.joechtl.Uni-Linz am 09.Mai 11   |   Permalink
Wenig überraschend
natürlich eine sehr gute Lösung mit sauberem Code. :) Eine Bitte hätte ich aber: Könntest du diesen Beitrag auch auf der Startseite deines Blogs aufscheinen lassen? Es verwirrt etwas, dass sich dort nur die Aufgabe 1 findet.

christian.ortig.Uni-Linz am 10.Mai 11   |   Permalink
Erledigt!
(zu viel des Lobes ;-))

lg

Christian

    Auf Kommentar antworten