Mein Bruder fragte mich vor kurzem ob ich ihm eine neue Webseite machen könnte. Wichtig war, dass der Inhalt ansprechend ist und einer modernen Druckerei entsprechen würde. Unwichtig ist das ständige Ändern und Anpassen des Inhaltes. Ausserdem sollten auch seine Farben soweit wieder eingebaut werden.

Da ich ja schon das ein oder andere Projekt mit Redaxo gemacht hatte dachte ich mir, dies könnte die richtige Lösung sein. Die Seite war von der Basis her schnell um Ansatz erstellt und es konnte das “Friemeln” losgehen. Mein Bruder wollte dann aber auch Artikel recht einfach selbst bearbeiten können und hier scheiterte es, all das war ihm zu kompliziert.

Also alles wieder runtergeworfen und Wordpress installiert. Damit habe ich mittlerweile so 20 Webseiten gemacht. Hier war schnell ein Theme gefunden was passen könnte. Dies konnte dann angepasst werden. Mittlerweile hatte ich nun nicht mehr die Zeit um mich um das Projekt zu kümmern und es dümpelte so vor sich hin und der Spam wurde mehr… und der Spam wurde viel… und der Spam wurde zur Hölle….

Völlig entnervt (natürlich gibt es Askimet…) entschloss ich mich dazu einfach mal iWeb auszuprobieren. Kann dieses Tool überhaupt zum ernsthaften Einsatz für das Entwickeln von Webseiten genutzt werden? Wie extrem sind die Einschränkungen und wie Dynamisch kann ich die Seite gestalten?

Zunächst mal das Ergebnis (derzeit auf einem meiner Testserver): K&K Media

Wie bin ich vorgegangen?

• Am Anfang habe ich erstmal eine Designvorlage gewählt die in etwa den Wünschen meines Bruders entsprach.
• Nun habe ich die Startseite festgelegt und das Design in Breite, Höhe und Farbe angepasst.
• Nachdem die Startseite gemacht war habe ich mich an die Unterseiten gemacht. Für unterschiedliche Anforderungen hatte ich unterschiedliche Grundseiten des Templates gewählt. Diese habe ich dann an die Home-Seite angepasst.
• Ein echtes Problem ist die Navigationsleiste. Ich gehe erst in diesem Schritt darauf ein obwohl dies eigentlich gleich der erste Schritt sein sollte! Diese lässt sich schwer bis überhaupt nicht anpassen (nicht, wenn Sie sich nicht wirklich in HTML/CSS auskennen). Daher sollten Sie die Navigationsleiste ausblenden und eine eigene erstellen. Wie man in meinem Beispiel sehen kann habe ich hier einfach Hyperlinks gesetzt, hier sind aber keine Grenzen gesetzt.
• Nachdem ich die Seite soweit erstellt hatte wie ich mir das vorstelle ging es daran die Texte zu platzieren und zu schreiben.
• Anschließend habe ich die Bilder mit den von mir erwünschten ausgetauscht. ACHTUNG! Hier bietet sich Drag ‘n Drop gerade zu an. iPhoto aufgemacht und das Bild einfach rübergezogen, ganz tolle Sache. Die Seite lädt aber unglaublich lange und die Ursache ist schnell gefunden. Die Bilder werden nicht runtergerendert sondern in voller Größe einfach kleiner dargestellt. Also die Bilder möglichst schon auf die gewünschte Größe anpassen und DANN erst in iWeb ziehen!
• Nun waren die Bilder drin, das ein oder andere hatte noch einen hübschen Schatten bekommen. Hier und da noch einen netten Rahmen verpasst und ein wenig rotiert.
• Ein Kontaktformular sollte auch her. Also eine weitere leere Seite mit dem Template erstellt, die Design-Anpassungen vorgenommen und dann mittels “Medien einblenden) auf Widgets gehen und auf “HTML-Baustein” klicken. Hier wird nun der gewünschte HTML Code für das Kontaktformular eingetragen und schon ist es fertig.
• Nachdem nun alles in einer ersten Version so war, wie ich es mir vorstellte sollte die Seite auch online gehen. iWeb bietet hier einige interessante Möglichkeiten an. MobileMe ist eine davon (was ich von MobileMe halte will ich hier mal aussen vor lassen). Eine andere ist ein FTP Ordner. Dies hat einen ganz großen Vorteil: Änderungen sind direkt im Web sichtbar und werden direkt online bearbeitet. Also Login-Daten vom FTP Server eintragen, den Ordner angeben und die URL die er verwenden soll. Wie man im Übrigen einstellt “wie und wo er was speichern soll” ist recht einfach. Links in der Liste das Obere (am Anfang steht da “Webseite”) anklicken und die Einstellungen dafür vornehmen.

Alles in Allem hat die Erstellung der Webseite bisher etwa 10 Arbeitsstunden in Anspruch genommen. Für ein solches Projekt sicherlich eine gute Leistung und mein Urteil über iWeb: Gute Software mit sehr viel Potential was wirklich richtig gutes zu werden. Das ein oder andere Defizit ist noch da und einiges könnte noch viel besser ausgebaut werden. Ein HTML/CSS Editor wäre sicherlich noch eine Super Ergänzung. Ausserdem lassen spezielle Aspekte für Google und Marketing echt viele viele Wünsche offen. Zwar gibt es hier Tools wie die iWeb SEO Tools aber an sich sollte das schon möglichst mitbringen. In meinem nächsten Teil werde ich darauf auch näher eingehen was die Optimierung angeht.

Eine weitere Seite die ich mittlerweile mit iWeb gemacht habe ist Klangrevolution