Websiteerstellung

Konzept & Design

Web Standards

Bei der Erstellung von Webauftritten halten wir uns soweit wie möglich an die Standards und Empfehlungen des W3C. Als wichtigste sind hier für unsere Tätigkeiten die folgenden zu nennen:

Webdesign und Anwendungen:

Strikte Trennung von Inhalt und Design durch Verwendung von (x)HTML und CSS

Mehr erfahren beim W3C.

Javascript Web API's:

Sollte es mal nötig sein, halten wir uns an bewährte Bibliotheken wie jQuery oder MooTools und erfinden das Rad nicht neu.

Da wir allerdings meist mit einem CMS arbeiten, gibt es in der Regel fertige Erweiterungen und somit keine Notwendigkeit, mit Javascript zu programmieren.

Weitere Infos zu jQuery und MoTools.

Grafiken:

Grafiken sind, wie auf der Website des W3C zu lesen ist "maps, photographs, designs and patterns, family trees, diagrams, architectural or engineering blueprints, bar charts and pie charts, typography, schematics, line art, flowcharts, and many other image forms." zu deutsch: Karten, Photografien, Modelle und Muster, Ahnentafeln, Architektur- oder Ingenieurpläne, Balkendiagramme und Kreisdiagramme, Typografie, Schaltbilder, Lineart, Ablaufdiagramme, und viele andere Bildformen. Für alle gibt es angemessene Formate wie SVG oder PNG.

Ausführliche Informationen gibt es wieder hier direkt beim W3C.

Design

Webdesign hat ganz eigene Spielregeln. Farben, Typografie und Photos wirken auf Röhren- und TFT-Monitoren ganz anders als auf einem Blatt Papier. Die Ausgabegeräte unterscheiden sich teils erheblich in ihrer Farbtreue und -qualität. Während Papier eine genau definierte Größe und Ausrichtung hat, kann man nicht vorhersehen, mit welchem Gerät und somit welcher Auflösung eine Webseite betrachtet wird. Desweiteren ist die Pixeldichte pro Einheit je nach Betriebssystem unterschiedlich. Es sollte somit alles relativ und fließend gehalten werden.

Ein Überblick. Benutzerfreundlichkeit. Barrierefreiheit.

Responsive Webdesign. Ein praktischer Ansatz: The 1140px CSS Grid System.

Bildbearbeitung

Bearbeitung von Bildern mit:

GNU Image Manipulation Program
Inkscape SVG-Vektorgrafik-Editor
XSane Image scanning program

Anfertigung von Logos und Signets

Aufarbeitung von Photos zur Verwendung im Internet

Erstellung von Skizzen (Anfahrtskizze, ...)

Realisierung

Content Management System Joomla

Installation, Administration und Betrieb von Joomla ab Version 2.5; lokal, im Unternehmensnetz und bei geeigneten Providern.

Erstellung von Templates für Joomla 2.5.x in XHTML und CSS:

browserunabhängig
auflösungsunabhängig
für mobile Geräte geeignet

Installation und Designanpassungen von Erweiterungen.

Anpassung von OpenSource Software

Installation und Anpassung von OpenSource Software:

Beispiel:

Erweiterung der Bibliothekssoftware OpenBiblio um
die Möglichkeit, Bilder vom Cover von Büchern
anzuzeigen.

Definition der Scaneinstellungen für die Bilder und für die Texte von Inhaltsangaben und Zusammenfassung auf den Buchrücken.
Script zur Umwandlung der eingescannten Bilder der Texte in Text.
Anzeige von Coverbild und den Texten in Openbiblio.