Begriffsdefinitionen und wichtige Webdesign-Begriffe

Webdesign und allgemein die Webentwicklung gibt es nun schon seit einiger Zeit, in der sich eine komplexe Sprache mit vielen Fachbegriffen entwickelt hat. Wir wissen, dass es anfangs ziemlich überwältigend wirken kann, wenn man mit den vielen Fachbegriffen umgeben ist und nicht so richtig etwas damit anzufangen weiß. Aus diesem Grund haben wir auf dieser Seite einige wichtige Begriffe beschrieben und erklärt. Dabei handelt es sich um Begriffe, die wir in unserer Wissenssammlung nutzen, aber auch um allgemeine Begriffe aus dem Bereich Web und Webdesign.

alphaNEXT-Begriffe

Begriffe die wir im Backend von alphaNEXT oder in unserer Wissenssammlung benutzen.

Das sog. Template stellt die Grundstruktur deiner Website dar. Sie kann von dir im wesentlichen nicht im Backend verändert werden sondern lediglich mit Inhalten befüllt werden oder dessen Farben geändert werden. Du kannst dir das Template wie eine Art "Skelett" deiner Website darstellen. Hier wird definiert, wo beispielsweise die Navigation positioniert werden soll.

Standard-Templates werden direkt vom Team alphaNEXT entwickelt und können im Backend heruntergeladen werden.

Ein Plugin erweitert die Standardfunktionen von alphaNEXT z.B. im Falle des Text-Plugins um einen Texteditor mit dem du einen Text auf deiner Website platzieren kannst. Plugins müssen vor deren Verwendung in den Einstellungen deiner alphaNEXT-Installation heruntergeladen und installiert werden.

Ein Seitenelement bzw. auch Modul genannt ist im Endeffekt ein zuvor installiertes Plugin, mit dem Unterschied das wir uns nun in dem Bereich "Seite bearbeiten" im alphaNEXT Backend befinden.

Sofern die Sprache von "alphaNEXT Core" ist, ist damit der Kern von alphaNEXT gemeint. In diesem Fall sind Dateien und Daten, die zu Plugins oder Templates gehören ausgeschlossen.

Auf einigen Seiten in dem alphaNEXT Wissen Bereich gibt es am Rand einen grau hinterlegten Kasten mit dem Titel "Patch-Info". Anhand der dort enthaltenen Versionsnummern zu der alphaNEXT Version (auch alphaNEXT vx.x.x oder aN x.x.x geschrieben) sowie der Patch-Version (z.B. 191) kannst du erkennen ob die auf der jeweiligen Seite beschriebenen Funktion bereits in deiner alphaNEXT-Installation enthalten ist. Dafür gleiche einfach die zwei im grauen Kasten angezeigten Versionen mit den Versionen auf der Backend-Startseite deiner alphaNEXT-Installation ab.

Sprachpaket, ist ein allgemeiner Begriff den wir für alphaNEXT als Sammlung von Textblöcke einer spezifischen Sprache verwenden. Diese Textblöcke werden z.B. als Übersetzungen der Texte im Backend verwendet.

Sprachpakete sind i.d.R. getrennt nach Sprache und werden sowohl von alphaNEXT Core als auch von jedem einzelnen Plugin mit geliefert, wenn es geladen wird.

Deren Installation kann über die "Sprachpakete Verwaltung" im Backend durchgeführt werden.

Webdesign-Begriffe (Frontend)

Begriffe, die allgemein im Webdesign verwendet werden und das Frontend betreffen.

Das Frontend stellt im Gegensatz zum Backend für den nicht passwortgeschützen Bereich, den deine Websitebesucher anschauen können.

Die URL ist die einfach gesagt, die gesamte Webadresse deiner Website:
Beispiel: https://www.Ihre-Domain.de


Deine Domain hingegen ist nur ein Teil deiner Webadresse:
Beispiel: Ihre-Domain.de

Der Footer ist das Gegenteil vom Header (Kopfzeile). 

Der Footer ist die Fußzeile deiner Website und beinhaltet in den meisten Fällen Verweise/Links zu deinem Impressum, der Datenschutzerklärung oder aber auch eine Google Maps Karte.

Header bedeutet zu Deutsch "Kopfzeile" und genau das ist der Header auch. Der Header ist der obere Beginn deiner Website und beinhaltet in der Regel eine Navigationsleiste sowie das Logo.

Hexadezimalzahlen, oder auch "Hex"-Code genannt, bestehen aus Zahlen von 0 bis 9 sowie Buchstaben von A bis F. Er wird verwendet um im CSS Farbwerte zu definieren. Jede Farbe wird dabei mit drei Paaren von Hexadezimalzahlen definiert. Dabei bezieht sich das ersta Zahlen- oder Buchstabenpaar auf einen roten Farbton, das zweite Paar auf den grünen Farbton und das dritte Paar auf einen blauen Ton.

Seit 2020 kommt mehr als die Hälfte der Website-Besucher von mobilen Endgeräten wie z.B. Smartphones oder Tablets. Aus diesem Grund ist es für Websiten zunehmend wichtiger ihre Inhalte für diese Entgeräte zu optimieren. Eine Website für Mobilgeräte optimiert zu gestalten bedeutet die Seite so zu designen, dass sie sich automatisch an die jeweilige Bildschirmbreite anpasst und die Inhalte wie z.B. Bilder, Text oder Videos nicht über den Bildschirmrand hinaus verlaufen.

Breadcrumb-Navigation, zu deutsch Brotkrümelnavigation, zeigt deinen Besuchern wie sie auf deiner Website navigiert haben und wie sie wieder zurück zu der darüber liegenden Seite oder der Startseite gelangen. Sie wird i.d.R. als eine Reihe von verschachtelten Kategorien angezeigt wie z.B.: 

Startseite > Über uns > Mitarbeiter.

Das Favicon ist das kleine Symbol/Logo neben Ihrem Seitentitel im Browsertab Ihrer Website. I.d.R. sind sie 16x16 Pixel groß und werden in den Dateiformaten .ico, .gif oder .png gespeichert. Im Backend von alphaNEXT kannst du mit einem Bild im JPG- oder PNG-Format automatisiert ein Favicon generieren lassen.

CSS steht für "Cascading Style Sheet" und stellt die Gestaltung Ihrer Website dar, die zusammen mit dem HTML von Ihrem Browser ausgewertet und angezeigt wird. 

Im CSS wird ausschließlich die Gestaltung definiert. Das bedeutet, dass hier z.B. festgelegt wird wie eine bestimmte Überschrift aussehen soll, wie groß der Text auf Ihrer Website sein soll oder wie Bilder dargestellt werden sollen.

Die "Hypertext Markup Language" kurz HTML, ist das Fundament des Internets.

So gut wie alle Websiten werden, zumindest zu einem bestimmten Grad, mit HTML entwickelt, denn HTML stellt das Grundgerüst Ihrer Website dar, beinhaltet aber keine Gestaltung.

Webdesign-Begriffe (Backend)

Begriffe, die allgemein im Webdesign verwendet werden und das Backend betreffen.


Das sogenannte Backend oder auch Administration genannt, stellt den passwortgeschützen Bereich dar, auf den nur du als Backend-Nutzer (Redakteur, Admin oder Super-Admin) Zugriff haben. Hier verwaltest du alle Konfigurationen, Einstellungen sowie auch alle Inhalte Ihrer Website.

Der Cache bzw. die Funktion zum Leeren des Cache ist die essentiell wichtigste Funktion deiner Website. Den Cache kannst du dir wie einen kleinen Bereich vorstellen, der verschiedenen Inhalte und Anweisungen deiner Website zwischenspeichert und für den nächsten Aufruf durch einen Websitebesucher vorbereitet. Dadurch können die Inhalte deiner Website schnellstmöglich bereitgestellt und angezeigt werden. Zusätzlich dazu werden beim Ausführen der "Cache leeren"-Funktion noch einige weitere Aufgaben von alphaNEXT durchgeführt, die ebenfalls wichtig für den Betrieb sind. Darauf gehen wir in diesem Bereich allerdings nicht im Detail ein, da es ansonsten an dieser Stelle zu technisch werden würde. Je nach Anzahl der vorhandenen Einzelseiten und genutzer Plugins kann das Leeren des Cache ein bis zwei Minuten dauern. Ist der Vorgang nach fünf Minuten noch nicht abgeschlossen, sollten Sie einen Administrator oder Ihre Webagentur kontaktieren!

Technische Internet-Begriffe

Dieses Protokoll kümmert sich um den Datenaustausch zwischen Browsern und Servern. 

HTTPS ist eine Erweiterung von HTTP, dass die Verbindung über SSL herstellen kann. Das ist ein sicherer und geschützer Web, um online Daten auszutauschen. Viele moderne Browser warnen mittlerweile die Website-Besucher, sobald sie eine Website aufrufen, die nicht über HTTPS aufgerufen wird. Einige Browser sperren solche Seiten sogar gänzlich aus.

Aus diesem Grund empfehlen wir dringend ein SSL-Zertifikat bei Ihrem Webhoster anzufragen und für alphaNEXT zu aktivieren.

FTP steht für "File Transfer Protocol" (zu Deutsch: Dateiübertragungsprotokoll).

Das ist ein System, um Dateien von Ihrem Computer auf einen Webserver zu übertragen. Um diese Funktion nutzen zu können, wird ein Programm benötigt, was i.d.R. kostenfrei im Netz heruntergeladen werden kann. Nach Eingabe der FTP-Zugangsdaten kannst du sämtliche Inhalte und Dateien auf deinem Webserver einsehen, bearbeiten, löschen, aktualisieren oder neue Daten hochladen.

Ein Webhoster ist ein Unternehmen, welches die nötige Servertechnologie sowie den Speicherplatz für Ihre Website bereitstellt. Je nachdem welchen Webhost du nutzt kann dieser unterschiedliche Leistungen anbieten. Aus diesem Grund sollte vorher überprüft werden, ob alphaNEXT dort betrieben werden kann und alle Voraussetzungen erfüllt werden.

Ein Webserver ist ein Computer auf dem deine Website gespeichert wird. In den meisten Fällen befindet er sich in einer Serverfarm des Webhosters, was ein Bereich ist an dem sehr viele von diesen Computern betrieben werden.

Metadaten sind für den Website-Besucher unsichtbare Daten, die im Bereich des Header (Kopfbereich) von Websiten platziert werden. Diese Daten werden hauptsächlich von Suchmaschinen genutzt, um mehr über Ihre Website zu erfahren. Ebenso werden sie verwendet, um beispielsweise in den Suchergebnissen Ihre Website aufzuführen.