Homepage | Webdesign

Als Webdesigner beschäftigt man sich nicht nur mit dem eigentlichen Aussehen und der Funktionalität einer Webseite, auch die Nutzerfreundlichkeit steht im Mittelpunkt der Arbeit. So wurde ich von der Senior Manager Marketing-Abteilung gebeten, den Relaunch der Partnervermittlungsplattform “Parship.de” zu beurteilen. (weiter lesen…)

Soeben habe ich einen Blogbeitrag gesehen, den ich Euch nicht vorenthalten möchte. Hier geht es um das Thema Typografie auf der Webseite. Dazu gibt es jede Menge guter Artikel und Workshops, doch besonders im Bereich Grunge-Webdesign benötigt man ggf. fertige Schriftarten, die den Grunge-Effekt bereits insich haben.
(weiter lesen…)

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

Wer professionelle Webseiten erstellen muss, kommt um fundierte Kenntnisse im Bereich (x)HTML und diversen Scriptsprachen nicht herum. Doch das es auch einfacher geht, zeigt Apple mit dem zum iLife ’08 gehörendem Webeditor iWeb. In der aktuellen Version 08 kann man allerdings nicht von einem Editor im klassischem Sinne nicht sprechen.

Im Gegensatz zu Quelltext-orientierten Editoren ist iWeb eher ein Grafikprogramm mit eingeschränktem Funktionsumfang. Der Vorteil ist allerings mehr als klar: Beinahe ohne jegliche Kenntnisse lasen sich fast spielerisch Webseiten erzeugen. Auf Basis vorgefertigter Vorlagen (Templates) lassen sich bequem in den vorgegeben Textbereichen eigene Texte einfügen, Bilder sind schnell aus iPhoto importiert und können sehr intuitiv der Seite angepasst werden. Links sind sehr einfach und schnell eingefügt und sämtliche Formatierungsarbeiten  – sofern gewünscht – sind auch schnell erledigt.

Doch wie gut ist das Ergebnis, welches auf dem Server landet?

Da Apple recht viele aktuelle (Web 2.0) Funktionen in den Templates eingebunden hat, ist der Quelltext recht umfangreich und die Ladezeiten der Seiten sind dementsprechend lang. Dies enttäuscht sicher, doch wenn man bedenkt, das sich jeder Mac OS X – Nutzer ohne Zusatzkosten schnell seine eigene Homepage bauen kann, muss man von einem gelungenem Produkt ausgehen. Professionellen Ansprüchen genügt iWeb sicher nicht, doch das ist auch gar nicht beabsichtigt.

In gewisser Weise vereinigt iWeb einige Funktionen, die selbst so hochwertige Programme wie der Adobe Dreamweaver nicht mitbringt. So lassen sich im iWeb ein Blog zusammenklicken, Fotogalerien mit wenigen Mausklicks erstellen und sogar Filme und Podcasts einfügen. Wer also für sich , seine Familie oder einen Verein eine kleine Webseite erstellen will, kann mit iWeb brauchbare Ergebnisse erzeugen. Solange keinerlei Ansprüche im Bereich Suchmaschinen-Optimierung, schnelle Ladezeiten und individuelles Webdesign liegen, kann man mit iWeb nett arbeiten.

Besonders gut muss hervorgehoben werden, wie reibungslos iWeb mit den anderen (und auch auch fremden) Programmen auf dem Mac zusammen arbeitet. Der Import von Daten (Filme, Bilder, Texte, etc.) in eine Homepage geht sehr einfach per Drag n’ Drop – wie es sein soll.

Wer gern sehen möchte, wie Seiten, die mit iWeb erzeugt worden sind, sollte sich die Homepage mit iWeb mal ansehen. Auf dieser Seite beschreibt der Autor in einem auf iWeb aufgebautem Blog, wie er mit dem Programm arbeitet, welche Vorteile existieren und was er vermisst.

Wer gestern etwas verwirrt war beim Anklicken des Links “So sah es bisher aus” sah auf den ersten Blick nur ein Bild (Screenshot) der Seite, wie sie bis gersten aussah.

Seit heute habe ich ein Zusatzprogramm namens “Lightbox” aktiviert. Diese kleine Script verhilft das Öffnen von Bilder in grosser Darstellung mit einer netten Animation. Wenn man die Bilder anklickt, bekommt man nicht nur das Bild, sondern auch zwei Schaltflächen gezeigt, die eine einfache Vorwärts / Rückwärts – Navigation durch die kleine Bildergalerie ermöglichen.

Ein Beispiel kann man sehen, wenn man eines der folgenden Bilder klickt:

So, in den nächsten Tagen werde ich mich an das eigentliche Design der Website machen. Bevor die Farben definiert werden, kommt das grobe Layout dran. Mehr dazu im nächsten Beitrag.