Webdesign by dtp studio

Diverse Webseiten stammen aus unseren Computern, hierunter auch solche für namhafte Organisationen.

WYSIWYG

NetObjects Fusion, Macromedia Dreamweaver oder Adobe GoLive ermöglichten das sogenannte »WhatYouSeeIsWhatYouGet«: Man positionierte die Elemente mit der Maus an die gewünschte Stelle, ganz nach Art eines Layoutprogramms. Verschachtelte Frame- und Tabellendesigns waren möglich.

Der auf diese Weise erzeugte Quellcode enthielt zahlreiche Formatierungsbefehle. Man konnte das Wirrwarr zwar in einem Texteditor weiter bearbeiten, das Ergebnis aber nicht zurückimportieren in den Webseiten-Editor.

Heute ist der WYSIWYG-Ansatz TOTAL veraltet. Wer noch auf diese Weise arbeitet, hat viele Jahre verschlafen.

HTML und CSS

Seit ca. 2012 trennen wir Inhalt und Design. Die Inhalte werden in HTML-Dateien angelegt, die Designangaben sind in Stylesheet-Dateien (CSS-Dateien) ausgelagert. Auf diese Weise bleibt der Quellcode der Seiten schlank und bearbeitbar, und Designänderungen für eine gesamte Website (= viele Einzelseiten) sind mit wenigen Codezeilen möglich.

Responsive Design

Jeder hat heute ein Smartphone und nutzt es auch zum Betrachten von Webseiten. Diese sollte auf dem Smartphone nicht nur verkleinert gezeigt werden, sondern ihr Aufbau sollte sich dem Ausgabegerät anpassen: Texte umbrechen früher, aus mehreren Spalten wird eine, Bilder werden statt neben den Text darunter gesetzt usw. – so ist eine Website auch auf dem Smartphone gut bedienbar.

Im responsiven Design kann man entweder bestimmte Layouts für bestimmte Bildschirmgrößen erstellen, oder alles einspaltig so fließen lassen, dass es auf beliebigen kleinen wie großen Monitoren möglichst gleichartig funktioniert. Wir bevorzugen eine Mischform. Beispiel ist diese Website. Verkleinern Sie einmal das Browserfenster und beobachten Sie, wie bei manchen Bildschirmgrößen neues geschieht, gleichzeitig aber fließende Übergange (z.B. Textbreiten) der Fall sind.

Responsive Seiten sehen meistens einfacher aus als frühere Webseiten. »FlatDesign« ist ein moderner Ausdruck für diesen Zeitgeist. Neben dem »weniger ist mehr« gilt auch: je mehr Elemente responsiv reagieren sollen, umso komplizierter wird es, und umso mehr kann an verschiedenen Bildschirmen und in den diversen Browsern schief gehen.

Responsives Design ist mit HTML/CSS gut möglich. Wir setzen daneben auf sog. "Frameworks" wie z.B. Bootstrap oder FlexGrid. Wichtige Stichworte sind auch: Parallax-Effekte, Animationen über HTML 5, One-Page-Design, Sticky Navigation, abgerundete Bilder, Akkordeon, Einbindung von Videos,...

Datenbanken, Content Management Systeme

Providingpakete ab ca. 5 EUR pro Monat enthalten meistens auch eine Datenbank. Wann ist dies sinnvoll?

Das Wort »Datenbank« hört sich nach etwas Großem an. Im Webdesign sind hiermit aber nur Tabellen gemeint, die im Hintergrund auf dem Server schlummern, und aus denen die auf der Webseite dargestellten Informationen ausgelesen werden. Derart dynamisch erzeugte Inhalte lohnen sich z.B. beim Mitgliederverzeichnis eines Vereins: die Mitgliedsdaten werden für jedes Mitglied auf gleichartigen Seiten angezeigt, ohne dass man jede Mitgliedsseite einzeln anlegen würde.

Auch Content-Management-Systeme benötigen eine Datenbank. Hiermit kann unser Kunde auf sehr einfache Art alle Inhalte selbst pflegen. Nach diversen Projekten bevorzugen wir Wordpress, das weltweit führende CMS. Die Bedienung ist einfach, es stehen zahlreiche professionelle grafische Lösungen (Themes) zur Verfügung, die man gut anpassen kann. Mit Plugins kann eine Wordpress-Website für fast jeden Zweck erweitert werden.

Webshops

Auch für einen Webshop ist eine Datenbank notwendig. Wir haben Erfahrung mit nachstehenden Systemen:

• modified
• Wordpress&WooCommerce
• Shopify
• Gambio
• Sage50
• Amazon Seller Central
• eigene Shop-Programmierung

Auch andere Systeme sollten kein Problem sein, denn letztlich ist das Vorgehen immer das gleiche: Die Produktdaten werden passend für das betreffende System vorbereitet und dann hochgeladen. Für die Datenaufbereitung verwenden wir hauptsächlich Excel und Photoshop sowie eigene Programmierungen und Makros.

Für Shops gibt es diverse gesetzliche Bestimmungen oder andere Vorgaben, die es zu beachten gilt, z.B. Versandoptionen, Zahlungsweisen, Schnittstellen und Erweiterungen, Gewerbekunden/Privatkunden, Steuersätze, Umgang mit den Kundendaten, Marketingmöglichkeiten, SEO-Optimierung, Anbindung sozialer Netzwerke... Erfahrung ist wichtig, lassen Sie sich von uns beraten.

Und die Kosten?

Wir berechnen Ihr Angebot auf der Basis eines Stundensatzes von 70 EUR.

Eine individuell gestaltete responsive Website mit mehreren Unterseiten können wir für ca. 1000 EUR realisieren, auch z.B. in Wordpress. Gern übernehmen wir daneben Fotografie, Inhaltsrecherchen, Bild- und Textaufbereitungen oder besondere Programmierungen.

Ein moderner responsiver Shop, der den gesetzlichen Bestimmungen genügt, ist in dieser Größenordnung ebenfalls machbar, der notwendige Aufwand hängt weniger von der Anzahl der Produkte als von der Qualität der gelieferten Produktdaten ab. Sehr gute Produktbilder sind oft bei den Herstellern erhältlich, sie brauchen also nicht unbedingt fotografiert zu werden.

Sie bezahlen nach Fertigstellung und erhalten natürlich die uneingeschränkten Nutzungsrechte und die volle Kontrolle. Kleingedrucktes, das nicht in Ihrem Sinn ist, gibt es bei uns nicht.