Website mit CMS

Auftraggeber

› KMS Pratteln

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Animationen auf JS/AJAX-Basis
  • Kursanmeldung mit PDF-Generierung
  • interner Bereich

Beschreibung

Die von smiroka gestaltete Website wird mit 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 webFormat-eigenen CMS aufgebaut.
Animationen wie mehrstufige Aufklapplisten, Bildwechsel und eingeblendete Popups ermöglichen eine schnelle und übersichtliche Navigation.
In einem Login-geschützten Bereich können interne Informationen und Dokumente verwaltet werden.
Der Anmeldevorgang für die Musikschul-Kurse wurde gemeinsam mit dem Kunden besprochen und entwickelt, um die diversen Bedingungen sowohl für den Benutzer als auch bei der Verwaltung möglichst übersichtlich und einfach zu halten. Eine Anbindung an ein internes Verwaltungs-Tool ist vorgesehen.
Der Anmeldevorgang gliedert sich in mehrere logische Schritte, wobei die Daten zwischengespeichert und auch für eine weitere Anmeldung wiederverwendet werden können. Nach Abschluss ist zur eindeutigen Identifizierung und zur Vermeidung von Spam eine Aktivierung per Mail erforderlich. Anschliessend erhält der Benutzer eine übersichtliche Bestätigung als PDF.

Partner

› SMIROKA Kommunikationsdesign
KMS Pratteln: Startseite mit Teasern
KMS Pratteln: Kursauswahl mit diversen Optionen
KMS Pratteln: mehrseitiges Anmeldeformular mit PDF-Bestätigung

statische Website

Auftraggeber

› Hanspeter Meyer

Leistungen

  • Layout-Umsetzung HTML
  • PHP-System zur vereinfachten Inhaltsverwaltung

Beschreibung

Die von smiroka gestaltete Website wird mit HTML umgesetzt, und mit PHP

PHP (Personal Home Page Tools)
x

Es wird unterschieden zwischen statischen und dynamsich Websites. Dies hat nichts mit Animation zu tun, sondern beschreibt vielmehr die Erstellung der einzelnen Webseiten.
Bei statischen Projekten sind die einzelnen Seiten mit HTML gestaltet. Anpassungen müssen direkt am Quellcode vorgenommen werden.
Oft möchte jedoch der Kunde selbst den Inhalt seiner Website bearbeiten. In diesem Fall kann ein HTML-Grundgerüst verwendet werden, das je nach Zustand (z.B. Auswahl eines Navigations-Punktes) dynamisch Inhalte aus einer Datenbank liest und darstellt.
Daneben werden auch viele andere Funktionen, wie die Verarbeitung eines Formulares, Gästebucheinträge oder Login-Bereiche mit Scriptsprachen umgesetzt.
Es existieren einige weit verbreitete Scriptsprachen wie ASP (Active Server Pages) von MicroSoft, ColdFusion von Macromedia oder eben die OpenSource-Sprache PHP. Je nach Hosting kann oft nur eine davon eingesetzt werden.
aufgebaut, so dass sich die Inhalte von einer Fachperson einfach bearbeiten lassen.

Partner

› SMIROKA Kommunikationsdesign
Politiker Website Hanspeter Meyer: Inhaltsseite
Politiker Website Hanspeter Meyer: Metaseite mit Medien-Links

statische Website

Auftraggeber

› Josef Meyer Rail AG

Leistungen

  • Layout-Umsetzung HTML
  • PHP-System zur vereinfachten Inhaltsverwaltung
  • Startseite mit AJAX/JS-Animation
  • Aufklapplisten mit AJAX/JS-Animation
  • Galerien mit AJAX/JS-Animation

Beschreibung

Die von smiroka gestaltete Website wird mit HTML umgesetzt, und mit PHP aufgebaut, so dass sich die Inhalte von einer Fachperson einfach bearbeiten lassen.
Diverse Animationen, wie die Überlbenung auf der Startseite, Auflapplisten und Bildgalerien sind mit 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.
und 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.
ausgeführt, und sorgen für etwas mehr Dynamik.

Partner

› SMIROKA Kommunikationsdesign
Website Josef Meyer Rail AG, Startseite mit Animation
Website Josef Meyer Rail AG, zweistufige Aufklappliste
Website Josef Meyer Rail AG, Inhaltsseite

Website mit CMS

Auftraggeber

› Entlastungsdienst Aargau

Leistungen

  • Layout-Umsetzung HTML
  • webFormat-CMS
  • Aufklapp-Navigation mit CSS
  • Startseite mit JS-Animation
  • Galerien

Beschreibung

Die von PW-Grafics gestaltete Website wird mit HTML umgesetzt und im webFormat eigenen 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.
aufgebaut. Verschiedene Inhalte wie Personen, News-Einträge, Dokument-Listen oder Formulare sind im CMS als eigene Objekte aufgebaut, so dass sich die Seite besonders einfach verwalten lässt.
Die rein mit CSS

CSS (Cascading Style Sheets)
x

Während frühere Websites in der Regel auf der Basis von Tabellen gestaltet wurden (Tabellenlayout), sind heute Struktur (HTML-Quellcode) und Gestaltung (CSS-Datei) meist voneinander getrennt.
Dies sorgt für übersichtlichere Dateien und erleichtert zukünftige Anpassungen.
umgesetzte Aufklapp-Navigation, so wie die Überblendung auf der Startseite sorgen für etwas Dynamik.
Eine einfache Bildgalerie rundet das Angebot ab.

Partner

› Heuss Communications
› PW-Grafics
Website Entlastungsdienst Aargau, Startseite mit Überblenden-Animation
Website Entlastungsdienst Aargau, Inhaltsseite mit mehrstufiger Navigation
Website Entlastungsdienst Aargau, Seite mit Personen-Portraits

Website mit CMS

Auftraggeber

› Andre Roth AG Immobilien- und Bauberatung

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Galerie mit JS-Animation
  • Aufbereitung von diversen Grundrissen

Beschreibung

Die von Danilo Silvestri gestaltete Website wird mit HTML umgesetzt und im webFormat-eigenen CMS aufgebaut. Im Vordergrund steht die Wohnungsliste, welche mit Sortier- und Filtermöglichkeit im CMS einfach zu verwalten ist.
Eine Bildgalerie mit JavaScript-Animationen, sowie die Einbindung von Videos verleheihen der Website zusätzliche Dynamik.
Die vom Architekten zur Verfügung gestellten Grundrisse wurden durch webFormat für die Website und eine PDF-Dokumentation aufbereitet.

Partner

› Danilo Silvestri SGD
CMS "ZUHAUSE AM FLUSS", Startseite mit Bildüberblendung
CMS "ZUHAUSE AM FLUSS", Wohnungsliste
CMS "ZUHAUSE AM FLUSS", Wohnungsdetails

Website mit internem CMS

Auftraggeber

› Bianco Gipsergeschäft AG

Leistungen

  • Layout-Umsetzung (HTML)
  • internes CMS
  • Animationen auf JavaScript-Basis

Beschreibung

Die von smiroka gestaltete Website wird mit HTML umgesetzt.
Da die Seite im wesentlichen aus statischen Informationen besteht, und der Kunde die Inhalte nicht selbst betreuen möchte, wird ein reduziertes CMS verwendet, mit dem eine Fachperson mit wenig Aufwand Änderungen vornehmen kann.
Einige Überblendanimationen auf JavaScript-Basis verleihen der Seite zusätzliche Dynamik, und erlauben die Darstellung von Bildserien bei den Referenzen.

Partner

› SMIROKA Kommunikationsdesign
Website Bianco Gipsergeschäft AG: Links
Website Bianco Gipsergeschäft AG: Referenzen
Website Bianco Gipsergeschäft AG: Bildwechsel-Animation

Mini-CMS

Auftraggeber

› Bernhard • Umwelt • Verkehr • Beratung

Leistungen

  • Gestaltung
  • Layout-Umsetzung HTML
  • mini-CMS mit Projekt- und Galerie-Tool
  • Überblenden-Animation (AJAX)

Beschreibung

Die Gestaltung wird in Absprache mit dem Kunden von webFormat entwickelt, und mit HTML umgesetzt. Da es sich um eine einfache Struktur handelt, wird mit dem Mini-CMS gearbeitet. Dieses wird um ein Galerie-Tool und ein Tool zur einfachen Bearbeitung der Projektseiten erweitert.
Einfache Überblendungs-Animationen auf der Startseite und bei den Bildgalerien sorgen für etwas mehr Dynamik.
bernhard • Umwelt • Verkehr • Beratung: Startseite mit Bildüberlendung
bernhard • Umwelt • Verkehr • Beratung: Projektliste
bernhard • Umwelt • Verkehr • Beratung: Bildgalerien mit Überblendung

Mini-CMS

Auftraggeber

› Maja Gehrig

Leistungen

  • Beratung
  • Layout-Umsetzung HTML
  • mini-CMS

Beschreibung

Die von Corinne Basler gestaltete Website wird mit dem miniCMS von webFormat umgesetzt, so dass die Kundin Inhaltsanpassungen auf einfache Weise selbst vornehmen kann.

Partner

Corinne Basler
Website mit miniCMS für Rechtsanwältin Maja Gehrig

statische Website

Auftraggeber

› Andre Roth AG Immobilien- und Bauberatung

Leistungen

  • statische Startseite
  • Kontaktformular
  • Videoeinbindung

Beschreibung

Die statische Website wurde von Danilo Silvestri gestaltet und per HTML umgesetzt. Die Seite ist sehr einfach gehalten, und so optimiert, dass Sie auch auf mobilen Geräten wie iPad oder iPhone genutzt werden kann. Mit dem Projektverlauf soll die Seite weiter ausgebaut werden.

Partner

› Danilo Silvestri SGD
Zuhause am Fluss: Startseite mit Videoeinbindung
Zuhause am Fluss: Kontaktformular

Webshop

Auftraggeber

› Ernst Hausammann & Co. AG

Leistungen

  • Beratung und Empfehlung für Umsetzung
  • Teil-Gestaltung
  • Layout-Umsetzung (HTML)
  • Absprache und Übergabe an Shop-Programmierung
  • Animierte Buttons, Laufband und Ticker (JS)

Beschreibung

Die rudimentäre Gestaltung des bestehenden Web-Shops soll verbessert und an das Kunden-CD angepasst werden. Dies soll so geschehen, dass möglichst wenig Eingriffe in die Shop-Programmierung erforderlich sind.
Auf Basis einiger Gestaltungsvorlagen von scenografic werden für alle relevanten Gestaltungselemente und Inhalte Templates adaptiert und mit HTML/CSS umgesetzt. Soweit möglich werden nur Änderungen am CSS-Code vorgenommen, damit die Anpassungen am Shop-System selbst möglichst klein ausfallen.
Die entsprechenden HTML- und CSS-Files werden zusammen mit einer detailierten Beschreibung an die Shop-Programmierung von opacc übergeben.
Einfache Animationen wie Laufband, Ticker, Button-Rollover oder Logo-Überblendung werden mit JavaScript umgesetzt.

Partner

› Scenografic
› Opacc Software AG
Webshop Hausammann, Startseite mit diversen Buttons und JS-Animationen
Webshop-Hausammann, Shop-Seite mit Produktgruppen
Webshop Hausammann, Infocenter; interne Navigation mit JS

Website mit CMS

Auftraggeber

› Talk About Women LTD.

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • diverse Animationen auf AJAX-Basis
  • Alternative Darstellung bei fehlendem JS
  • Bildgalerie auf AJAX-Basis
  • Newsletter-System

Beschreibung

Die von smiroka gestaltete Website wird mit HTML umgesetzt und im webFormat-eigenen CMS aufgebaut. Einfache Bildbearbeitung ist direkt per CMS möglich. Eine einfach zu bedienende Bildgalerie, erlaubt den Upload per Drag&Drop.
Diverse Animationen auf AJAX-Basis verleihen der Seite zusätzliche Dynamik. So gibt es verschiedene Bildüberblendungen, und Bild-Rollover-Situationen sind mit einem leichten Einblendeffekt versehen. Bei der Programmierung wurde grosser Wert darauf gelegt, dass auch bei deaktiviertem JavaScript die komplette Bedienung möglich ist; dies stellt auch sicher, dass alle Inhalte von Suchmaschinen indexiert werden können.
Direkt ins CMS ist ein Newsletter-System integriert. Dieses ermöglicht den Versand von sauber gestalteten HTML-Newslettern.

Partner

› SMIROKA Kommunikationsdesign
CMS Talk About: Startseite mit Bildüberblendung
CMS Talk About: Newsseite im Magazincharakter
CMS Talk About: Galerie mit Bildüberblendung

Website mit CMS

Auftraggeber

› Manu Schaufelberger

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Bildgalerie auf AJAX-Basis

Beschreibung

Die bestehende statische Website wird erweitert, und im webFormat eigenen CMS aufgebaut. Um Kosten zu sparen, wird aber nur der Blog-artig gehaltene Hauptbereich Arbeiten im CMS so aufbereitet, dass er sich einfach durch die Kundin bearbeiten lässt. Die statischen Inhaltsseiten können durch eine HTML-kundige Person ebenfalls sehr schnell im CMS angepasst werden.
Eine Drag&Drop-Upload-Funktion im CMS erlaubt es, komplette Bildgalerien praktisch mit einem Mausklick zu erstellen.

Partner

› bigfish. Büro für Auge und Ohr
Website Manu Schaufelberger: Startseite
Website Manu Schaufelberger: Arbeiten im Blog-Charakter
Website Manu Schaufelberger: Bildgalerie mit AJAX-Reload

Website mit CMS

Auftraggeber

› reilang

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Mehrsprachigkeit

Beschreibung

Die bestehende statische Website wird erweitert und im webFormat-eigenen CMS neu aufgebaut. Das Projekt besteht aus sehr unterschiedlich dargestellten Teilseiten. Das CMS ist so aufgebaut, dass wiederholte Grafiken mit unterschiedliche Texten, aus einzelnen Elementen zusammengesetzt sind, so dass jeweils nur die Texte ergänzt werden müssen, aber immer auf dieselben Bildelemente zurückgegriffen werden kann.
Per CMS können beliebige Sprachen ergänzt werden. Diese lassen sich komplett auf Dokumente und auch grafische Elemente anwenden, so dass effektiv alle Inhalte übersetzt werden können.

Partner

› Scenografic
Startseite. Tabelle mit CSS3 (gedreht und Schattenwurf)
Liste für Produkte-Flyer: aus einzelnen Elementen aufgebaut, so dass per CMS durch Kunde einfach erweiterbar
Produkte-Seite: Zweite Produktlinie mit separater Darstellung

Website mit CMS

Auftraggeber

› SMIROKA Kommunikationsdesign

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • diverse Animationen auf AJAX-Basis
  • Alternative Darstellung bei fehlendem JS

Beschreibung

Die von smiroka gestaltete Website wird mit HTML umgesetzt und im webFormat-eigenen CMS aufgebaut. Einfache Bildbearbeitung ist direkt per CMS möglich. Eine einfach zu bedienende Bildgalerie, erlaubt den Upload per Drag&Drop.
Diverse Animationen auf AJAX-Basis verleihen der Seite zusätzliche Dynamik. Auf der Startseite gibt es ein Introbild mit Überblendung, Bild-Rollover-Situationen sind mit einem leichten Einblendeffekt versehen, und diverse Listen werden beim Scrollen dynamisch nachgeladen. Bei der Programmierung wurde grosser Wert darauf gelegt, dass auch bei deaktiviertem JavaScript die komplette Bedienung möglich ist; dies stellt auch sicher, dass alle Inhalte von Suchmaschine

Suchmaschine
x

Suchmaschinen durchforsten regelmässig das komplette Internet nach neuen oder veränderten Dokumenten. Entsprechende Dokumente werden nach Stichworten und Relevanz beurteilt, und die Informationen in einer Datenbank abgelegt, so dass sich gezielt nach bestimmten Informationen suchen lässt.
google, bing oder altavista sind einige der bekanntesten Suchmaschinen. Hier werden die Websites nach mathematischen Algorythmen ausgewertet, und erscheinen entsprechend im Ranking (Position, an der ein Suchtreffer angezeigt wird).
Ziel der meisten Websitebetreiber ist es, im Ranking möglichst weit oben zu erscheinen; in seltenen Fällen sollen aber gewisse Informationen auch gar nicht in den Suchmaschinen aufgeführt werden. Entscheidend dafür sind einerseits die effektiven Inhalte, anderseits ist es auch wichtig, wie diese strukturiert sind, und wie sie technisch umgesetzt wurden. webFormat berücksichtigt diese Kriterien bereits beim Aufbau und der HTML-Umsetzung, und hat auch sein CMS für optimale Auswertung durch Suchmaschinen optimiert.
n indexiert werden können.

Partner

› SMIROKA Kommunikationsdesign
Startseite mit animiertem Bildwechsel
Referenzen-Übersicht mit animiertem Rollovereffekt
Referenzen Detail-Seite

Website mit CMS

Auftraggeber

› ÖKO-JOB

Leistungen

  • Layout-Umsetzung (HTML)
  • webFormat CMS
  • Bildgalerie auf AJAX-Basis
  • Newsletter-System

Beschreibung

Die von bigfish gestaltete Seite wird mit HTML umgesetzt und im webFormat-eigenen CMS umgesetzt. Mit einer Drag&Drop-Upload-Funktion können komplette Bildgalerien praktisch mit einem Mausklick erstellt werden.
Ein Newslettersystem ermöglicht den Versand von sauber gestalteten HTML-Newslettern. Die Newsletter lassen sich direkt im CMS erstellen. Ebenso lassen sich dort die Empfänger verwalten.

Partner

› bigfish. Büro für Auge und Ohr
Website ÖKO-JOB, Startseite mit wechselnden Zufallsbildern
Website ÖKO-JOB, Inhaltsseite
Website ÖKO-JOB, Bildgalerie in AJAX-Umsetzung
x