Websites A-Z

Der Body ist der zentrale Inhaltsbereich einer Website. In ihm werden alle sichtbaren, redaktionellen Elemente wie Texte, Bilder, Videos und interaktive Komponenten dargestellt. Eine klare Struktur des Body-Bereichs ist entscheidend für Lesbarkeit, Nutzerführung und User Experience. Die Inhalte des Bodies werden über die Navigation des Header, Footers oder der Suche erreichbar. Alternativ können auch redaktionell gesetzte Teaser oder Links innerhalb des Inhaltsbereichs genutzt werden.

CSS steht für Cascading Style Sheets, welche das visuelle Erscheinungsbild einer Website steuern. CSS definiert, wie HTML-Elemente dargestellt werden, etwa Farben, Schriftarten, Abstände oder Layouts. Durch CSS lassen sich responsive Designs umsetzen, die sich automatisch an verschiedene Bildschirmgrößen anpassen.

Eine Website für E-Commerce, also den digitalen Handel, wird auch als Onlineshop bezeichnet und fokussiert sich auf den Verkauf von Produkten oder Dienstleistungen. Erfolgreiche E-Commerce-Websites kombinieren ansprechendes Design, einfache Bedienung und sichere Bezahlprozesse, um Vertrauen zu schaffen und Conversions/Käufe zu steigern. Da die Entwicklung eines Shops und deren Zahlungsanbindung komplex ist, wird gerne auf bereits verfügbare Shopsysteme wie Shopify, WooCommerce oder Gambio.

Die Website Experience oder auch User Experience (kurz “UX”) beschreibt das gesamte Nutzungserlebnis des Besuchers einer Website – von der ersten Interaktion bis zum Zielabschluss. Eine positive Experience entsteht durch klare Strukturen, ein gutes Design, schnelle Ladezeiten und verständliche Inhalte. Die User Experience kann unter unterschiedlichen Gesichtspunkten betrachtet und dorthin optimiert werden. So könnte die Webseite beispielsweise Komfortfunktionalitäten wie Chatbots oder Autofill-Elemente für Formulare enthalten, besondere Sicherheitsmerkmale wie SSL-Verschlüsselung aufweisen oder einfach nur den User unterhalten, mit dem Design ansprechen und Markenvertrauen aufbauen.

Der Footer ist der untere, abschließende Bereich einer Website. Als Orientierungspunkt enthält er oft wichtige Querverweise in Form von Textlinks zu Unterseiten der Website und ist damit neben dem Header und Body ein essentielles Websitedesignelement. Häufig findet man hier auch  Kontaktinformationen und rechtliche Links zur Datenschutzerklärung und dem Impressum. Auch Social-Media-Icons, verlinkt mit den Profilen des Webseitenbetreibers, werden gerne im Footer platziert. Je nachdem wie viele Informationen im Footer platziert sind, kann dieser unterschiedlich viel Platz auf der Website einnehmen.

Ein 12-Spalten-Grid-System ist ein bewährtes Gestaltungsraster im Webdesign. Es teilt den für redaktionelle Inhalte vorgesehenen Seitenbereich in zwölf gleich breite Spalten auf, die flexibel kombiniert werden können. Die 12 wurde daher gewählt, weil Sie durch viele Zahlen, wie 1, 2, 3, 4 und 6 teilbar ist. Denn dadurch lassen sich Layouts sehr flexibel aufteilen.

So ergibt bspw. die Verschmelzung von 6 Rasterspalten eine 50% Breite Inhaltsspalte. Diese kann dann mit zwei Verschmelzungen aus jeweils 3 Rasterspalten, also 25% Inhaltsspalten, kombiniert werden um insgesamt 100% der Inhaltsbreite bzw. 12 Rasterspalten einzunehmen. So ist eine klare Struktur und ein konsistentes Design auf verschiedenen Bildschirmgrößen ermöglichen. Für Mobilgeräte und Tablets sollten dabei nicht zu kleinteilige Verschmelzungen gewählt werden. Hier haben sich Verschmelzungen von 4 (Tablet) oder 6 Rasterspalten (Mobil) oder größer als praktikabel erwiesen.

Der Header ist der obere Bereich einer Website und enthält meist Logo, Navigation und zentrale Einstiege. Dies macht ihn, neben dem Footer, zu einem essentiellen Designelement einer jeden Webseite. Er prägt den ersten Eindruck und unterstützt die Orientierung. Der Footer ist der untere, abschließende Bereich einer Website.

Hosting bezeichnet den technischen Betrieb einer Website auf einem Server. Auf diesem Server werden die Webseitenbezogenen Daten, wie das Content Managementsystem, das Template aber auch die Grafiken und Dateien abgelegt. Über den Aufruf der Domain werden Sie dann dem Besucher zur Verfügung gestellt. Ein guter Server liefert schnelle Ladezeiten, geringe Ausfallzeiten und hohe Sicherheit. Besonders eine schnelle Ladezeiten führt dabei zu einem besseren Ranking bei Suchmaschinen. Je nach Projektgröße können unterschiedliche Hosting-Modelle wie das geteilte Hosting (Shared Hosting), ein virtueller oder dedizierter Server sinnvoll sein.

Die Abkürzung HTML steht für Hypertext Markup Language und ist die grundlegende Auszeichnungssprache für Websites. Sie strukturiert die Ausgabe von Inhalten wie Texten, Bildern und Links. HTML wird in Kombination mit CSS und JavaScript eingesetzt um eine moderne Website zu erstellen.

JavaScript ist eine Programmiersprache, die Websites interaktiv und dynamisch macht. Sie ermöglicht Funktionen wie Animationen, Formularprüfungen, dynamisches Nachladen von Inhalten oder komplexe Nutzerinteraktionen. Zusammen mit HTML und CSS bildet JavaScript die technische Grundlage moderner Webanwendungen.

Eine Mobile Website meine die Ausgabe der Website auf mobilen Endgeräten wie Smartphones und Tablets. Da heutzutage Websites in erster Linie über mobile Endgeräte aufgerufen werden ist die Optimierung für diese besonders wichtig. Man spricht hierbei von “Mobile first”. Bei der Optimierung muss darauf geachtet werden, dass alle Inhalte nicht nur gut lesbar sind sondern mit einer Touch-Bedienung auch genutzt werden können.

Die Navigation ist das zentrale Orientierungselement einer Website und ermöglicht Nutzern den schnellen Wechsel zwischen Inhalten des Bodies. Auf mobilen Endgeräten wird sie meist in kompakter Form dargestellt, etwa als sogenanntes Hamburger-Menü. Eine klare Gestaltung, gut erkennbare Symbole und ausreichend große Klickflächen sind entscheidend für eine intuitive mobile Navigation und eine positive User Experience.