Weblayout HTML & CSS

Webdesign Bilder Silberpappel
Silberpappel im Oktober Weinbergwiesen

Websites Layout

Individuelle Gestaltung statt Standard-Template

Modernes Weblayout - Stylesheet selbst verfasst

Individuelle, auf den Inhalt abgestimmte Gestaltung macht viel Arbeit, die meist niemand bezahlen würde. Es ist einfacher, die CMS-Maske auszufüllen und abzuschicken.

Aus einem Blogbeitrag von Gerrit van Aaken. Individuelle Seiten

Dieses Argument vertreten die meisten großen Webagenturen. Bei umfangreichen Webpräsenzen ist das vielleicht einzusehen. Ich habe kein Problem mit selbst codierten Stylsheets und HTML-Seiten inklusive PHP. Das ist weniger Aufwand, wenn man es beherrscht. So erstelle ich statische und dynamische Webseiten, die keine Datenbank brauchen und zudem schneller und sicherer sind.

Mit einem einfachen Texteditor (Programmeditor, zum Beispiel Notepad 2) reicht aus, um eine perfekte Stylesheet-Datei zu erstellen für die Website.

Responsive Webdesign für alle Benutzer

Mit meinem Know-how erstelle ich alle Websites in HTML5 und CSS3 handgestrickt (selbst codiert). Fließendes Layout passt die Website an die Breite des Browserfensters an. Damit nutzt es den zur Verfügung stehenden Platz optimal aus. Demzufolge wird auf kleinen wie großen Monitoren der gleiche Inhalt abgebildet.

Mit Responsive Webdesign sind Webseiten auf allen Endgeräten einschließlich mobilen Geräten zu benutzen. Das betrifft die Darstellung der Webseiten ebenso wie deren Bedienung. Eingabe-Methoden (Touchscreen, Maus) sind an mobile Endgeräte angepasst.

Grafiken Bilder Webfoto Video

Strassburg - im Sommer an der Ill
Strassburg im Sommer 2015 an der Ill

Ausdrucksstarke Bilder können wesentliche Inhalte transportieren. Sie verstärken intuitiv die Aussage des Textes, ohne den Text zu ersetzen. Ebenso wirken Bilder stark als Blickfänger (eyecatcher). Somit veranlassen zum Text passende Bilder den Besucher oft erst zum Lesen des Inhaltes.

Barrierefreie Webseiten

Barrierefreiheit bedeutet, dass die Webseiten für möglichst viele Menschen benutzbar sind. Das gilt vor allem für Menschen, deren Fähigkeiten irgendwie eingeschränkt sind. Barrierefreies Webdesign beinhaltet die Entwicklung von zugänglichen Inhalten.

Accelerated Mobile Pages (AMP) ist eine Open-Source-Initiative. Mit AMP laden Webseiten schneller und sind für Mobil-Geräte optimiert. Damit sind die Seiten auch bei einer langsamen Netzwerk-Verbindung benutzbar. Google will mobile Nutzer mit AMP begeistern und Seiten-Inhalte verstärkt betonen.

Videos auf Webseiten

Videos sind seit HTML5 problemlos mit dem Video-Tag einzubinden. Überdies sind Videos damit auch offline abspielbar. Schließlich sind Videos leichter als reine Textbeiträge passiv zu konsumieren.

Videos auf eigenem Webspace bringen auch technische Nachteile. So muss das Format von allen Geräten angezeigt werden. Auch der Server muss so leistungsfähig sein, dass er Videos vielen Nutzern gleichzeitig zur Verfügung stellen kann.

Individuell - Corporate Identity - Branding

Eine vorhandene Corporate Identity der Firma wird auf deren Seiten abgebildet. Bei Bedarf gestalte ich das Corporate Design ihrer Firma auch neu. Klares ausdrucksstarkes und nicht zu aufwändiges Design vermitteln so ein Eigenbild Ihres Unternehmens (CI).

Somit erzeugt das Design ein individuelles Bild im Kopf von Kunden, Mitarbeitern und Partnern. Gutes Corporate Webdesign (Branding) und Textdesign vermitteln den ersten Eindruck Ihrer Website. Eine zweite Chance gibt es nicht.

Statische und dynamische Webseiten ohne CMS und Datenbank

Statische Websites sind komplett auf dem Webserver gespeichert. Beim Aufruf der Webseite werden alle Daten 1:1 zum Webbrowser des Nutzers übertragen.

Vorteile: Ein individuelles Layout ist preiswert und nahezu unbegrenzt flexibel. Die Seiten haben die kürzesten Ladezeiten. Statische Webseiten laden nicht nur schneller, sie sind auch am sichersten. Schließlich bieten sie bieten keine Angriffsfläche gegen Hacker.

Dynamische Webseiten ohne CMS und ohne Datenbank sind ebenfalls sehr sicher. Der Parser arbeitet auf dem Server im Quelltext befindliche PHP-Anweisungen ab. Dann ersetzt er diese durch normales HTML und sendet den HTML-Code der gesamten Seite zurück zum Browser.

Vorteile: Neben den Vorteilen statischer Webseiten sind komplexe Funktionen wie Kontaktformulare und Rechentools möglich. Damit sind nutzerfreundliche Interaktionen mit einer Webseite realisierbar.