Homepage | Webdesign

Es ist doch einiges an Zeit ins Land gegangen, bis heute nun endlich mal wieder ein neuer Eintrag erscheint. Der Grund ist ein ganz einfacher: Die eigentlichen (Kunden-) Projekte haben natürlich Vorrang.

Nun könnte man mich als faulen Webdesigner bezeichnen, wenn ich mich auf das Niveau herab lasse, eine der vielen fertigen WordPress-Themes zu nutzen. Diesen Vorwurf könnte man sogar dadurch untermauern, das ich am Anfang dieses Blogs ganz andere Töne von mir gegeben habe.

Was soll ich lange drum herum reden: In diesem Zusammenhang bin ich heute faul gewesen. Frei nach dem Motto: “Warum das Rad neu erfinden?”… Doch unabhängig davon werde ich diese Seite weiter mit wertvollen Informationen rund ums Thema Webdesign und Homepage-Erstellung füllen. Der einzige Unterschied liegt darin, das es hoffentlich für Sie als Besucher dieser Website ein Stück weit angenehmer sein dürfte, meine Inhalte zu konsumieren, denn optisch sollte es nun erheblich angenehmer sein zu lesen.

Bis zum nächsten Beitrag,

Ihr “fauler” Webdesigner

Seit gerstern Abend ist ein grobes Layout zu sehen. Ich entschied mich für die “klassische” Variante, die in vielen Blog Verwendung findet – dem zweispaltigen Aufbau. In der CSS (Cascading Style Sheets) – Datei habe ich 4 <div> – Container erstellt, die die 4 erkennbaren Bereiche dieser Seite darstellen.

1. Der Header Container: Der breite Balken, indem sich das “Logo” und die Hauptüberschrift befindet. In der CSS Datei sind im Wesentlichen die Hintergrundfarbe und die Aussenmaße definiert.
2. Der “Post” Container: In diesem (hellblau unterlegtem) Bereich befinden sich die eigentlichen Inhalte wie dieser Text. Dieser Container stellt die linke Spalte des Layouts dar.
3. Ein weiterer <div> – Container namens “Sidebar”. Diesen habe ich zunächst mit einem schwarzen Rahmen und grau eingefärbten Hintergrund versehen. Die Sidebar dient in erster Linier der Navigation. Hier werden also künftig sämtliche Links zu den einzelnen Seiten, die Suchfunktion, der Kalender, das Archiv und vermutlich weitere Inhalte folgen.
4. Ebenfalls grau hinterlegt habe ich den 4. Container namens “footer”. Wie auf einem Briefbogen oder einer Broschüre haben auch Webseiten eine Fusszeile.

Da sich das Layout in nächster Zeit ändern wird, habe ich zwei Screenshots erstellt, die den optischen Vergleich zu späteren Arbeitsständen zu lassen.