Review: SiteGrinder 3, mehr ein CMS als ein Photoshop-Plug-In

Wenn Ihre Webentwicklung stark designorientiert ist, gibt es viele Anwendungen, die kreativen Mitarbeitern in Ihrem Team bei der Erstellung einer Website helfen. Es gibt nur wenige Anwendungen, mit denen das Design in einer echten Designeranwendung wie Photoshop erstellt werden kann, während den Benutzern dennoch alle Tools zur Verfügung stehen, die sie und Sie benötigen, um eine von einem Content Management System (CMS) gesteuerte Website zu erhalten.

Dreamweaver erwartet, dass Webdesigner alles über HTML und CSS wissen. Selbst iWeb oder RapidWeaver oder Karelias Sandvox erwarten zumindest einen Einblick in die Funktionsweise von HTML. Nicht so bei SiteGrinder 3. Diese neueste Version von SiteGrinder ist eine Kombination aus einem Photoshop-Plug-In und einer eigenständigen Anwendung, die ein komplettes CMS liefert, ohne dass der Benutzer jemals HTML, CSS oder Javascript berühren muss – selbst für komplexe Webseiten oder Blogs. Alles, was er/ sie braucht, ist eine gute Kenntnis von Photoshop CS3, CS4 oder CS5 (32-Bit).

Als ich SiteGrinder vor etwa 4 Jahren rezensierte, war ich beeindruckt, was man damit machen kann, um eine Photoshop-Schichtkomposition schnell in eine Webseite zu verwandeln. Der SiteGrinder 3 von Media Lab spielt in einer ganz anderen Liga. Es geht viel tiefer als sein Vorgänger. Es ist nicht mehr auf die Grenzen eines Photoshop-Plug-Ins beschränkt.

SiteGrinder 3 ist ohne Übertreibung ein komplettes CMS. Es mag an Robustheit und Skalierbarkeit auf Unternehmensebene mangeln – zum Beispiel ist es nicht datenbankgesteuert -, aber für Designer, die Websites für Kunden erstellen, verfügt SiteGrinder 3 nicht nur über ein lokales, Photoshop-unabhängiges browserbasiertes Content-Management-System, sondern optional auch über einen Remote-Content-Manager.

Sie können sogar eine E-Commerce-Lösung mit SiteGrinder 3 haben, die Foxycart als Commerce-Backend verwendet.

SiteGrinder 3 – als Version 2 – arbeitet mit ‚Hints‘, bei denen es sich um Namen handelt, denen ein Bindestrich vorangestellt ist, den Sie Ihren Ebenennamen hinzufügen müssen. Die Hinweise sagen dem SiteGrinder-System, was mit dem Layer zu tun ist. Wenn Sie beispielsweise eine Schaltfläche erstellen und möchten, dass ein Klick auf diese Schaltfläche dazu führt, dass eine ausgeblendete Ebene sichtbar wird, sollten diese beiden Elemente Ebenennamen gemeinsam verwenden, der Schaltflächenebene sollte jedoch der Hinweis „-button“ hinzugefügt werden und der -clickshow Hinweis, um es sichtbar zu machen. Auf diese Weise weiß SiteGrinder, dass die Schaltfläche mit der Textebene verknüpft ist, und schaltet sie ein, wenn auf die Schaltfläche geklickt wird.

Im Design Manager, der nach dem Erstellen Ihrer Seite in der Photoshop-Plug-In-Oberfläche automatisch in Ihrem Webbrowser gestartet wird, können Sie die Elemente so einstellen, dass sie gemäß den Einstellungen und Parametern, die Sie im Design Manager eingeben, funktionieren. Der Design Manager ist eine Browseroberfläche für die erweiterten Design- und Entwicklungsfunktionen von SiteGrinder.

Erst nach dem Bereitstellen einer Webseite wird der Content Manager verfügbar. Auch hier browserbasiert Der Content Manager ermöglicht es Ihnen, Text und Bilder und sogar andere Dinge in die Seite einzugeben – ähnlich wie Sie mit WordPress oder Drupal arbeiten würden (aber einfacher).

Während Sie sich bald an den Workflow gewöhnen werden, müssen Sie bei der schillernden Auswahl an Hinweisen und Hinweiskombinationen möglicherweise die Hinweise immer griffbereit haben. SiteGrinder 3 bietet nicht nur Hinweise zum Erstellen einfacher Seiten, sondern auch für Blogs, Spaltendesigns (beide dehnen sich aus, wenn der Inhalt wächst) und Fußzeilen. Fußzeilen, die in Kombination mit einem Seiten- oder Spaltenhinweis verwendet werden, erzwingen, dass die Fußzeile am unteren Rand der Seite bleibt. Es gibt mehrere Dutzend Tricks und clevere Tipp- und Workflow-Kombinationen, mit denen Sie letztendlich eine Website erstellen können, die mit Ausnahme der Datenbankgrundlagen genauso flexibel und dynamisch ist wie eine WordPress-Site (und daher weniger skalierbar).

Nachdem ich zum Beispiel die vielen verschiedenen ‚gewöhnlichen‘ Tricks zum Erstellen von Seiten ausprobiert habe, die SiteGrinder 3 im Ärmel hat, habe ich mir überlegt, eine Galerie zu erstellen. Das erste Problem war zu entscheiden, welche Art von Galerie ich wollte. Es gibt eine relativ einfache CSS-gesteuerte Galerie, aber in Kombination mit Fancybox und anderen Eye Candy-Funktionen kann selbst diese ‚einfache‘ CSS-Galerie schnell zu einer riesigen Auswahl an Möglichkeiten führen.

Ein weiteres Beispiel für diesen Funktionsumfang finden Sie in den drei möglichen Miniaturansichten, die Sie erstellen können. Sie können „wachsende“ CSS-Bildminiaturblätter haben, die alle Daumen gleichzeitig anzeigen, Flash-Daumen, die gleiten, oder ausgelagerte CSS-Daumen, die Gruppen von Daumen anzeigen und Sie von Gruppe zu Gruppe navigieren lassen. Alle diese können als „Ansichtsblätter“ verwendet werden, die alternative Ansichten einer Galerieausstellung anzeigen.

All dies trägt zum Reichtum des Designs bei, das Sie mit SiteGrinder 3 erstellen können, aber auch zu einer großen Schwierigkeit: der Auswahl der richtigen Kombination. Die Arbeit mit SiteGrinder 3 erfordert daher eine gute Planung, sowohl im Bereich des Aussehens als auch der Web 2.0-Funktionalität.

Mit dem Gallery-Test habe ich auch die Einschränkungen von SiteGrinder 3 getroffen. Es gibt nicht viele, aber eine der Einschränkungen, die ich gefunden habe, war, dass Sie – obwohl Sie komplizierte Formulare erstellen können – kein Suchsystem in SiteGrinder 3 erstellen können. Jetzt wäre ich nicht allzu überrascht zu erfahren, dass die Entwickler damit beschäftigt sind, ein optionales Plug-In zu entwickeln, um diese Funktion hinzuzufügen, aber in meiner Version war kein solches Plug-In verfügbar.

Mit dem E-Commerce-Plug-In können Sie Ihre Bilder über ein von Foxycart verwaltetes System verkaufen. Das Plug-In lässt sich übrigens in ein echtes Zahlungsgateway integrieren. Foxycart ist nichts weniger.

Die auffälligsten Merkmale von SiteGrinder 3 sind jedoch die CMS-Funktionen:

• Die Ausgabe an PHP sowie statisches HTML
• Die Möglichkeit, Spalten zu haben, deren Größe automatisch mit dem Inhalt geändert wird
• Die Galeriefunktionalität, die unglaublich leistungsstark und vollständig ist
• Die Plug-In-Architektur, die umfangreiche Funktionen ermöglicht
• Die Verfügbarkeit der Plug–Ins für Fernbedienung und E-Commerce
• Die Verwendung von CSS im gesamten
• Der saubere Code, der generiert wird
• Die Möglichkeit, Multimedia in einem Webdesign zu verwenden – einschließlich Video und Audio
• Die Interaktivität, die möglich ist verwenden von CSS und Javascript
• Die Tatsache, dass Sie zu keinem Zeitpunkt des Prozesses über den Code Bescheid wissen müssen, mit dem Ihre interaktiven Elemente funktionieren

Der Nachteil dieser Leistung ist, dass Sie auf jeden Fall den Videokurs auf der SiteGrinder-Site absolvieren müssen. Ich fand es unabdingbar, auch das komplette – ausgezeichnete und sehr prägnante – Hilfesystem auszudrucken. Vielleicht zeige ich mein Alter, aber ich hatte das Gefühl, dass ich diesen Leitfaden ständig in der Nachbarschaft brauchte, um keine der Funktionen und Fähigkeiten zu verpassen.

Selbst nachdem ich die Anleitung im Voraus gelesen hatte, konnte ich in ein paar Stunden keine komplexe Webseite erstellen. Stattdessen brauchte ich ein paar Tage, bis ich mich endlich mit der SiteGrinder-Vorgehensweise auskannte. Der Workflow an sich ist einfach genug: Sie entwerfen Ihre Seite in Photoshop, gehen dann zum SiteGrinder-Plug-In und erstellen die Seite.

In Photoshop müssen Sie bedenken, dass Sie Ihre Seitenelemente so gestalten müssen, dass SiteGrinder versteht, was jedes Element tun soll. Das braucht ein bisschen Lernen. Um beispielsweise eine Animation zu erstellen – einen Textblock, den ich auf Knopfdruck von einem Ort zum anderen verschieben wollte -, musste ich eine Schaltfläche und zwei identische Blöcke erstellen. Der Unterschied zwischen ihnen waren die Hinweise. Damit ein Hintergrund hinter einem Schiebeelement angezeigt wird, musste ich eine weitere Ebene darunter erstellen, die nur die Farbe und Textur enthielt, die der Schieberegler haben sollte.

Der generierte Code kann statisches HTML sein, aber auch – und wahrscheinlich moderner in seinem Ansatz – PHP. Ich wählte konsequent PHP für meine Tests und es funktionierte wie ein Zauber. Sie müssen auf jeden Fall PHP als Ausgabe auswählen, wenn Sie SiteGrinder 3 als CMS verwenden möchten. Auf diese Weise können Sie Seiten basierend auf dem vorhandenen Seitendesign hinzufügen, ähnlich wie mit WordPress, Joomla! und Drupal.

Mit Ihrem Standard-SiteGrinder 3-Setup können Sie das System als CMS auf einem lokalen Computer verwenden, aber wenn Sie über das optionale Remote Control-Plug-In verfügen, können Sie auch Seiten mit Inhalten von jedem Computer aus hinzufügen, indem Sie den Webbrowser und eine bestimmte URL verwenden. Dies ist der Punkt, an dem jedes ‚leichte‘ CMS der Funktionalität datenbankgestützter Systeme am nächsten kommen kann.

Mit dieser Aussage, die wirklich ein Kompliment ist, schließe ich die Rezension ab. Nachdem ich ein paar gute Wochen mit SiteGrinder 3 verbracht habe, kann ich nur sagen, dass ich immer noch neue Dinge entdecke, Dinge, die ich anders machen kann, um andere Ergebnisse zu erzielen. Das Schöne an SiteGrinder 3 ist, dass es funktioniert. Es funktioniert so gut, dass die Ergebnisse immer vorhersehbar sind, dh Sie werden nie unvorbereitet erwischt und erhalten ein Design, das ein Durcheinander ist.

Kritik? Ja, ich habe einige Kritik. Die Hilfe sollte mehr Screenshots von Photoshop-Ebenensetups enthalten, um die Funktionsweise von Hinweisen schneller zu verstehen. Idealerweise sollte SiteGrinder 3 ein Suchsystem hinzugefügt werden – nicht nur die Möglichkeit, sich in die Google-Websuche zu integrieren. Und wenn es eine Integration in ein Datenbanksystem geben könnte, die SiteGrinder 3 in ernsthafte Konkurrenz zu bestehenden CMS-Systemen bringen würde, obwohl es auch schön wäre, wenn es eine Möglichkeit gäbe, Designs und Seiten zu erstellen, mit denen Sie ein SiteGrinder-Design auf die eine oder andere Weise in WordPress oder Drupal integrieren könnten (vielleicht könnte dies ein erweitertes Benutzerhandbuch sein?).

Das Fazit meiner Rezension ist, dass Media Lab, die Entwickler von SiteGrinder 3, etwas erreicht haben, von dem ich nicht glaubte, dass es möglich ist: ein Tool zu erstellen, das sehr komplexe Websites ermöglicht, ohne die Komplexität des Tools selbst zu erhöhen.

SiteGrinder 3 kostet 349,00 USD. Jedes der derzeit verfügbaren Add-Ons (Control und eCommerce zum Zeitpunkt des Schreibens) kostet 159,00 USD. Das komplette Bundle hat jedoch einen Einführungspreis von 279,00 USD.

Normalerweise kommentiere ich nie zu Preisen, aber in diesem Fall neige ich dazu, eine Ausnahme zu machen: diese Preise mögen auf den ersten Blick teuer erscheinen, und sie wären es, wenn SiteGrinder nur ein Plug-In mit wenig anderem in Bezug auf CMS-Funktionalität wäre. Im Fall von SiteGrinder 3 glaube ich persönlich, dass Sie sicherlich nicht zu viel bezahlen – vor allem nicht, wenn Sie den Einführungspreis von MediaLab gut nutzen!