Website mit CMS

Auftraggeber

› Raum und Gestaltung

Leistungen

  • Webdesign
  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Strukturierte Daten (Referenzen)
  • Pseudo iFrame (JavaScript)
  • CMS-Schulung und Dokumentation

Beschreibung

Da die eigentlichen Inhalte knapp gehalten sind, und selten angepasst werden, ist eine sehr individuelle Gestaltung mit einem horizontal und vertikal fixierten Layout möglich. Trotzdem ist das komplette Projekt per CMS

CMS (Content Management System)
x

Das Internet wird immer schnelllebiger, immer höher die Ansprüche an die Aktualität. Aktualisierungen im Tages- oder Stundentakt sind längst an der Tagesordnung. Damit Anpassungen in dieser Frequenz vorgenommen werden können, muss der Betreiber einer Website auf einfache Art direkt selbst seine Inhalte bearbeiten können. Zu diesem Zweck werden so genannte Content Management Systeme (CMS) eingesetzt.
Im einfachsten Fall können mit einem CMS nur neue News-Texte für die Startseite erfasst werden. Üblicherweise, lassen sich aber auch Seiten neu erstellen, Bilder einbauen, und die Navigationsstruktur kann verändert werden.
Ein "gutes" CMS stellt immer exakt die Funktionen zur Verfügung, die der Benutzer auch tatsächlich benötigt. Denn zu viele Spielereien und Einstellmöglichkeiten machen die Bedienung unnötig kompliziert und unübersichtlich.
Gleichzeitig sorgt das CMS dafür, dass der Benutzer nur die Inhalte bearbeiten kann, nicht aber ungewollt oder wieder besseren Wissens in die Gestaltung eingreift. Gerade wenn mehrere Persoen an einem Projekt beteiligt sind, ist es sinnvoll, wenn die Gestaltung auch im Detail vorgegeben ist (z.B. die Schriftgrösse einer Überschrift), damit trotzdem ein einheitliches Bild entsteht.
bearbeitbar.
Für den ausführlichen Referenzbereich wird mit einem internen JavaScript

JavaScript
x

Bei HTML, auf dem alle Websites basieren, handelt es sich nicht um eine Programmier- sondern um eine Seitenbeschreibungs-Sprache. Somit sind nur strukturelle und gestalterische Eingriffe möglich nicht jedoch die für einen Programmablauf typischen Verhaltensweisen wie Entscheidungen. Diese sind nur auf Basis von Links möglich, indem jedesmal eine Anfrage an den Server erfolgt, und die komplette Seite neu geladen wird.
JavaScript bietet auf der Client-Seite (also ohne Verbindung zum Internet) die Möglichkeit, die einzelnen HTML-Elemente nachträglich zu beeinflussen oder sogar zu ergänzen und zu löschen. Dies eröffnet ein gewaltiges Potential an Möglichkeiten.
Da JavaScript als Quelltext einsehbar ist, und nur auf Client-Seite im Browser abläuft, lässte es sich sehr leicht manipulieren. Umgekehrt kann mit bösartigen JavaScripten auch missbräuchlich das System des Benutzers beeinflusst werden. Entsprechend verpönt ist JavaScript an manchen Stellen.
Möchte man trotzdem nicht auf die vielfältigen Vorteile verzichten, sollte man auf einen sorgfältigen Einsatz achten. Einerseits funktioniert eine hochwertige Seite auch ohne JavaScript, ist dann allenfalls bezüglich Gestaltung oder Bedienkompfort eingeschränkt, anderseits dürfen keine sicherheitskritschen Daten damit verarbeitet werden.
-basierten Scrollbereich gearbeitet, so dass die Inhalte beliebig lang werden können.
Website "RAUM UND GESTALTUNG", Angebots-Seite
Website "RAUM UND GESTALTUNG", Referenzen-Übersicht
Website "RAUM UND GESTALTUNG", Referenzen-Detail

Website mit CMS

Auftraggeber

› Regionale Musikschule Liestal

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Strukturierte Daten (Personen, Kurse,...)
  • Newsbereich, separate Teaser auf Startseite
  • umfassende Bildgalerie
  • animierte Aufklapplisten und Popups (AJAX)
  • CMS-Schulung und Dokumentation

Beschreibung

Die von smiroka gestaltete Website wird per HTML

HTML (Hypertext Markup Language)
x

HTML ist die "Sprache" des Internet. Egal ob eine Website statisch aufgebaut ist, oder ob die Inhalte aus einer Datenbank stammen, hinter jeder Website versteckt sich HTML-Quelltext. Dabei handelt es sich um eine Seitenbeschreibungs- nicht um eine Programmier-Sprache. Das heisst, mit HTML wird definiert, wie die einzelnen Elemente dargestellt und platziert werden.
Im Gegensatz zu Printprodukten besitzt ein Bildschirmfenster keine feste Grösse. Deshalb können Layoutelemente, Textabschnitte oder Bilder oft nicht einfach fixiert werden, sondern sie müssen sich in Grösse und Position den Benutzereinstellungen anpassen.
Dies kommt besonders bei barrierefreien Websites zum Tragen, welche Menschen mit Sehschwäche oder motorischen Einschränkungen entgegenkommen.
Somit ist die Umsetzung einer grafischen Vorlage in HTML-Code nicht nur technische Angelegenheit, sondern immer auch gestalterische Tätigkeit. Erschwerende kommt dazu, dass die unterschiedlichen Browser (z.B. InternetExplorer oder Firefox) den HTML-Quelltext teilweise sehr unterschiedlich interpretieren. Eine saubere Umsetzung setzt somit einiges an Erfahrung und Wissen voraus und macht ausgiebige Tests unabdingbar.
umgesetzt, und im CMS von webFormat aufgebaut. Diverse Aufklapplisten sind per JavaScript animiert. Die entsprechenden Inhalte werden per AJAX

AJAX (Asynchronous JavaScript and XML)
x

AJAX ermöglicht es, nur einen Teil einer Webseite neu zu laden, während normalerweise die komplette Seite neu geladen wird, auch wenn sich nur einige Bereiche ändern.
AJAX ist eine Technologie, welche auf JavaScript und dem DOM (Document Object Model) basiert. Bei deaktiviertem oder fehlendem JavaScript funktioniert die Technologie nicht. Die entsprechenden Inhalte sind deshalb für Suchmaschinen grundsätzlich nicht erreichbar.
Darum stellt das CMS von webFormat jeweils Alternativen zur Verfügung, so dass mit einem normalen Link (und somit einem kompletten Reload) auf dieselben Inhalte zugegriffen werden kann.
AJAX eignet sich besonders für den Einsatz von Aufklapplisten oder Pseudo-Popup's, da hier die wesentlichen Inhalte der Website unverändert bleiben, während nur ein kleiner Teil neu geladen werden muss.
nachgeladen.
Strukturierte Daten

Strukturierte Daten
x

Die Inhalte einer Website lassen sich vollkommen frei aufbauen; sie können sich aus beliebigen Elementen wie Titeln, Textblöcken, Bildern oder Aufzähllisten zusammensetzen.
Bei gewissen Datensätzen (z.B. Agendaeinträge, Produkte) ist der Aufbau immer gleich. So hat ein Produkt immer einen Namen, eine Artikel-Nr. und einen Preis. In diesem Fall bieten sich strukturierte Daten an - aus Datenbanksicht etwas komplett anderes. Die Eingabe wird erleichtert, eine einheitliche Darstellung ermöglicht.
Strukturierte Daten können auch nach bestimmten Kriterien sortiert oder gefiltert werden (z.B. alle Produkte, die weniger als 10Fr. kosten), und sie lassen sich einfach für andere Zwecke exportieren.
Gleichzeitig sind die Möglichkeiten eingeschränkt, da sich auch nur die vorgesehenen Daten erfassen lassen.
Bei Projektbeginn sollten die Vor- und Nachteile strukturierter Daten gut abgewogen werden. Anschliessend kann festgelegt werden, für welche Bereiche eines Webprojekts die Vorteile überwiegen. Das webFormat-eigene CMS lässt dabei jeden Spielraum offen.
für Personen und Kurse ermöglichen eine einfache Bearbeitung, und sorgen gleichzeitig für eine einheitliche Darstellung.

Partner

› SMIROKA Kommunikationsdesign
Website "RM Liestal", Startseite
Website "RM Liestal", Aufklappliste
Website "RM Liestal", Lehrpersonen-Portrait

Statische Startseite

Auftraggeber

› white project association

Leistungen

  • Layout-Umsetzung (HTML)

Beschreibung

Die von Scenografic gestaltete Startseite wird per HTML umgesetzt.

Partner

› Scenografic
Website "white project", Startseite

Website; Teil-CMS

Auftraggeber

› Stephan Müller

Leistungen

  • Webdesign
  • Layout-Umsetzung (HTML)
  • teilweise Umsetzung mit webFormat CMS
  • Komitee-Registrierung (mit Bestätigung)
  • Registrierungs-Verwaltung
  • Spendenformular
  • sauberes Einbinden von YouTube Videos

Beschreibung

Da es sich um eine temporäre Wahl-Website handelt, wird entsprechend frei gestaltet, nur die wichtigsten Bereiche werden per CMS umgesetzt.
Per Formular ist eine Registrierung für's Komitee möglich. Zur sicheren Identifzierung muss die Registrierung per Mail-Bestätigung aktiviert werden. Die Komitee-Mitglieder können bequem per CMS verwaltet werden.
Website "Stephan Müller", Startseite
Website "Stephan Müller", Testimonials
Website "Stephan Müller", Spendenformular

Website mit CMS

Auftraggeber

› Gersbach AG

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • strukturierte Daten (Bildlisten, Logolisten, ...)
  • generierte Navigations- und Titel-Grafiken
  • Newsbereich mit Teasern auf Startseite
  • CMS-Schulung und Dokumentation

Beschreibung

Die von smiroka gestaltete Website wird per HTML umgesetzt, und im CMS von webFormat aufgebaut. Einige Texte wie Navigation oder Titel sind in Spezialschriften gestaltet. Diese werden automatisch vom CMS als Grafik erzeugt und für die Verwendbarkeit durch Suchmaschinen optimiert.
Strukturierte Daten wie Bildlisten oder Logolisten sorgen für eine einheitliche Darstellung und erleichtern künftige Anpassungen.

Partner

› SMIROKA Kommunikationsdesign
Website "Gersbach AG", Startseite
Website "Gersbach AG", Entryseite Sanitär-Bereich
Website "Gersbach AG", Entryseite Heizungs-Bereich

CMS-Wechsel

Auftraggeber

› Humanökologe Dieter Steiner

Leistungen

  • Layout-Anpassung (breitere Seiten)
  • Wechsel zum webFormat CMS
  • Strukturierung mit Aufklapplisten
  • automatisierte Fussnoten
  • Druck-Darstellung mit Fussnoten-Liste
  • Kontakt-Formular
  • Inhalte übertragen

Beschreibung

Das bisherige komerzielle CMS müsste upgedatet werden, da sont Konflikte mit aktueller Serversoftware entstehen. Die Seite wird im CMS von webFormat aufgebaut; gleichzeitig werden die umfangreichen Inhalte neu in Aufklappliste

Aufklappliste
x

Für die Darstellung vieler (ev. sogar ähnlicher) Inhalte auf einer einzigen Seite bieten sich Aufklapplisten an. Pro Inhaltsbereich wird hier lediglich ein Titel aufgelistet, erst durch Anklicken lässt sich ein Bereich vollständig aufklappen. Da jeweils nur ein Block geöffnet ist, geht der Überlick nie verloren.
Somit stellen Aufklapplisten eine Art zusätzliche Navigationsstufe dar, während sie gestalterisch als Inhalte hervorgehoben sind. Dieser Effekt könnte z.B. bei Produkten mit einem kleinen Vorschaubild verstärkt werden.
Im einfachsten Fall wird das "Aufklappen" technisch gleich behandelt wie der Aufruf eines Navigationspunktes oder irgend eines Links: die Seite wird komplett neu geladen. Mit Techniken wie AJAX lassen sich jedoch auch gezielt nur die neuen Inhalte nachladen. In diesem Fall kann der Vorgang des Öffnens oder Schliessens durch eine schlichte Animation hervorgehoben werden.
n gegliedert.
Die bisher manuell gesetzten Fussnoten werden nun durch ein einheitliches automatisiertes System ersetzt. Auf der Website werden die Fussnoten beim Überfahren per Maus eingeblendet, in der druckoptimierten Ansicht werden sie jeweils unterhalb eines Artikels aufgelistet.
Website "Dieter Steiner · Humanökologie", Startseite
Website "Dieter Steiner · Humanökologie", Aufklappliste
Website "Dieter Steiner · Humanökologie", eingeblendete Fussnote

Website mit CMS

Auftraggeber

› Flussaufwärts

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Veranstaltungs-Bestellung
  • Veranstaltungs-Verwaltung
  • CMS-Schulung

Beschreibung

Die von Roman Brändli gestaltete Website wird mit HTML umgesetzt und im CMS von webFormat aufgebaut.
Kernstück sind die Veranstaltungen. Über die Liste können Details aufgerufen und Bestellungen vorgenommen werden. Ausverkaufte Veranstaltungen werden automatisch gekennzeichnet. Jede Bestellung muss zur sicheren Identifikation per Mail-Bestätigung aktiviert werden.
Die Veranstaltungen und die Bestellungen lassen sich im CMS kompfortabel verwalten, so dass sich leicht erkännen lässt, wo noch freie Plätze vorhanden sind. Pro Veranstaltung kann mit wenigen Klicks eine Mail zum Durchführungsentscheid oder für andere Informationen an die betroffenen Benutzer verschickt werden.

Partner

› Roman Brändli
Website "flussaufwärts", Startseite
Website "flussaufwärts", Inhaltsseite
Website "flussaufwärts", Veranstaltungsliste und Details

Website mit CMS

Auftraggeber

› Für eine Energiepolitik mit Weitsicht

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Komitee-Registrierung (mit Bestätigung)
  • Registrierungs-Verwaltung
  • Kontakt-Formular

Beschreibung

Die von fischer.d gestaltete Website wird mit HTML umgesetzt und im CMS von webFormat aufgebaut.
Per Formular ist eine Registrierung für's Komitee möglich. Zur sicheren Identifzierung muss die Registrierung per Mail-Bestätigung aktiviert werden. Die Komitee-Mitglieder können bequem per CMS verwaltet, in verschiedene Gruppen unterteilt und mit Logo versehen werden.

Partner

› fischer.d
Website "Energieinitiative JA", Startseite
Website "Energieinitiative JA", Inhaltsseite
Website "Energieinitiative JA", Registrierung

Website; News-CMS

Auftraggeber

› Behindertenfahrdienst Rheinfelden

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS für Newsbereich
  • statische Inhalte einfüllen
  • CMS-Schulung und Dokumentation

Beschreibung

Die von smiroka gestaltete Website wird per HTML umgesetzt, und die Inhalte eingefüllt. Die Seite wird so aufgebaut, dass sie sich trotz statischer Umsetzung einfach erweitern lässt.
Der News-Bereich, der laufend durch den Kunden aktualisiert werden soll, wird mit dem webFormat-eigenen CMS umgesetzt.

Partner

› SMIROKA Kommunikationsdesign
Website "Behindertenfahrdienst Rheinfelden"
Website "Behindertenfahrdienst Rheinfelden", News-Übersicht
x