Above the Fold – Der Bereich einer Webseite, der ohne Scrollen sichtbar ist. Besonders wichtig für die Platzierung von Inhalten, die sofort ins Auge fallen sollen, wie Call-to-Action-Buttons oder zentrale Botschaften.
Accessibility (Barrierefreiheit) – Die Gestaltung von Webseiten so, dass sie für alle Nutzer zugänglich sind, auch für Menschen mit Seh-, Hör- oder motorischen Einschränkungen. Dies umfasst unter anderem Farbkontraste, alternative Texte für Bilder, Tastatur-Navigation und Screenreader-Kompatibilität.
AJAX (Asynchronous JavaScript and XML) – Eine Technik, die es ermöglicht, Inhalte einer Webseite zu aktualisieren, ohne die gesamte Seite neu zu laden. Wird oft bei interaktiven Webanwendungen genutzt, z. B. in Chat-Funktionen oder Live-Suchergebnissen.
Anchor (Anker) – Ein Link innerhalb einer Seite, der es Nutzern erlaubt, direkt zu einem bestimmten Abschnitt zu springen. Besonders nützlich für lange Seiten oder Inhaltsverzeichnisse.
API (Application Programming Interface) – Eine Schnittstelle, die es verschiedenen Softwareanwendungen ermöglicht, miteinander zu kommunizieren. Im Webdesign oft genutzt, um externe Dienste wie Zahlungsanbieter oder Kartenservices einzubinden.
Aspect Ratio – Das Seitenverhältnis eines Bildes oder einer Videoanzeige, z. B. 16:9 für Breitbild oder 1:1 für quadratische Inhalte, wichtig für das responsive Design.
B
Backend – Der nicht sichtbare Teil einer Webseite, der auf dem Server läuft und Funktionen wie Datenbanken, Benutzerverwaltung und Geschäftslogik steuert.
BEM (Block Element Modifier) – Eine CSS-Namenskonvention, die dazu dient, Code besser zu strukturieren und leichter wartbar zu machen.
Bitmap – Ein Bildformat, das aus einer festen Anzahl von Pixeln besteht. Vorteil: Genaue Darstellung; Nachteil: Verliert an Qualität beim Skalieren.
Breadcrumb Navigation – Eine hierarchische Navigation, die Nutzern zeigt, wo sie sich innerhalb einer Website befinden. Besonders hilfreich für große Webseiten mit mehreren Ebenen.
Breakpoints – Definierte Bildschirmgrößen im CSS, bei denen das Layout einer Webseite sich verändert, um eine optimale Darstellung auf verschiedenen Geräten zu gewährleisten.
C
Cache – Ein Zwischenspeicher, in dem häufig genutzte Inhalte einer Webseite gespeichert werden, um Ladezeiten zu verkürzen.
Call to Action (CTA) – Eine gezielte Handlungsaufforderung, meist in Form eines Buttons oder Links („Jetzt kaufen“, „Mehr erfahren“).
CDN (Content Delivery Network) – Ein Netzwerk von Servern, das Webinhalte aus geografisch näheren Standorten liefert, um Ladezeiten zu reduzieren.
CMS (Content Management System) – Eine Plattform zur Verwaltung von Webinhalten, ohne dass Programmierkenntnisse erforderlich sind. Beispiele: WordPress, Joomla, Drupal.
CSS (Cascading Style Sheets) – Die Sprache, mit der das visuelle Design einer Webseite definiert wird. Sie steuert Farben, Schriftarten, Abstände und Layouts.
D
Dashboard – Die zentrale Verwaltungsoberfläche eines CMS oder Web-Apps, in der Inhalte und Einstellungen gesteuert werden.
DNS (Domain Name System) – Das „Telefonbuch des Internets“, das Domainnamen wie „example.com“ in die zugehörige IP-Adresse übersetzt.
Domain – Der Name einer Website im Internet, unter dem sie erreichbar ist.
Dropdown-Menü – Ein aufklappbares Menü, das beim Klicken oder Hovern angezeigt wird und weitere Navigationspunkte enthält.
DPI (Dots per Inch) – Eine Maßeinheit für die Bildauflösung, besonders relevant für hochauflösende Displays oder den Druck.
E
Element – Ein Grundbaustein einer Webseite in HTML, wie <div>, <p>, <h1>.
Em (Einheit) – Eine Maßeinheit in CSS, die sich auf die Schriftgröße des Eltern-Elements bezieht.
E-Commerce – Der elektronische Handel über das Internet, etwa durch Online-Shops.
Error 404 – Eine Fehlermeldung, die anzeigt, dass eine angeforderte Seite nicht existiert.
F
Favicon – Das kleine Symbol, das in der Registerkarte des Browsers neben dem Seitentitel angezeigt wird.
Flat Design – Ein minimalistischer Designstil ohne dreidimensionale Effekte oder Schatten.
Flexbox – Ein CSS-Layout-Modell, das eine flexible Anordnung von Elementen ermöglicht.
Font-Family – Die CSS-Eigenschaft, mit der Schriftarten für eine Webseite definiert werden.
Framework – Eine Sammlung vorgefertigter Code-Bibliotheken, die die Entwicklung von Webseiten erleichtern.
G
Grid-System – Ein Rasterlayout zur strukturierten Anordnung von Inhalten in Spalten und Zeilen.
GUI (Graphical User Interface) – Die grafische Benutzeroberfläche, die Nutzern eine visuelle Interaktion ermöglicht.
H
Hamburger-Menü – Ein Symbol mit drei horizontalen Linien, das oft zur Navigation auf mobilen Webseiten verwendet wird.
Header – Der obere Bereich einer Webseite, in dem sich häufig das Logo und die Navigation befinden.
Hero Image – Ein großes, zentrales Bild auf der Startseite, das die Aufmerksamkeit des Nutzers auf sich zieht.
Hex Code – Eine Farbcode-Darstellung im Hexadezimalformat, z. B. #FF5733 für Orange.
Hosting – Der Speicherplatz auf einem Server, auf dem eine Website betrieben wird.
R
Responsive Design – Ein Designansatz, bei dem sich die Webseite an verschiedene Bildschirmgrößen anpasst.
RGB (Red, Green, Blue) – Ein Farbmodell für digitale Bildschirme, bei dem Farben durch das Mischen der Grundfarben erzeugt werden.
S
SEO (Search Engine Optimization) – Maßnahmen zur Verbesserung der Sichtbarkeit einer Webseite in Suchmaschinen.
SVG (Scalable Vector Graphics) – Ein skalierbares Vektorbildformat, das sich verlustfrei vergrößern lässt.
T
Typography – Die Gestaltung von Schriftarten, Zeilenabständen und Textanordnung im Webdesign.
U
UI (User Interface) – Die Benutzeroberfläche einer Webseite oder App, mit der Nutzer interagieren.
UX (User Experience) – Das Gesamterlebnis, das ein Nutzer mit einer Webseite hat, von der Navigation bis zur Ladegeschwindigkeit.
W
W3C (World Wide Web Consortium) – Eine internationale Organisation, die Webstandards entwickelt und fördert. Sie setzt sich für barrierefreies Webdesign und die Einhaltung von Standards in HTML, CSS und JavaScript ein.
White Space – Der ungenutzte Raum zwischen Elementen auf einer Webseite, der die Lesbarkeit verbessert.
Wireframe – Eine visuelle Skizze einer Webseite, die in der Planungsphase hilft, Struktur und Navigation zu definieren.