Begriffe aus dem Webdesign verständlich erklärt

Begriffe aus dem Webdesign verständlich erklärt

Sie kennen sich mit Webdesign nicht aus, möchten aber Angebote von Webdesignern verstehen?

Auf dieser Seite erkläre ich wichtige Begriffe verständlich für den Laien, die mit der Arbeit und Erstellung von Webseiten zusammenhängen:

Domain / URL / Subdomain / SSL

Eine Domain ist ein im Internet weltweit einmaliger Name. Damit kann eine Webseite eindeutig auffindbar gemacht werden. Eine Internetadresse (URL) wird so geschrieben: http://www.domainname.de. Wobei http:// das verwendete Protokoll (Hypertext Transfer Protocol) oder https:// (HyperText Transport Protocol Secure, SSL) ist. https:// ist somit eine verschlüsselte Webseite und für den Nutzer sicherer. Alle aktuellen Browser zeigen dies mit einem gesicherten Schlosssymbol an, http:// wird als unsicher angezeigt. Das www. ist die Subdomain, die auch als frei definiertes Wort eingerichtet werden kann.

Responsive Webdesign

Es gibt verschiedene Wege, eine Internetseite zu besuchen. Dies kann mit Laptops, Desktop-PCs, Tablets, Smartphones, E-Book-Reader und Fernsehgeräte geschehen. Diese Geräte haben unterschiedliche Größen und Auflösungen der Displays. Beim Responsive Webdesign (im Deutschen auch responsives /anpassendes Webdesign genannt) werden Webseiten so gestaltet, dass diese sich automatisch an das jeweilige Gerät anpassen und die Inhalte immer gut lesbar und zugänglich sind. Die technische Basis hierfür sind die Webstandards HTML5, CSS3 und JavaScript.

HTML5

HTML5 bedeute Hypertext Markup Language (Hypertext-Auszeichnungssprache) und ist die 5. Fassung zur Auszeichnung und Vernetzung von Texten und anderen Inhalten. Es bildet die Grundlage der Internetseiten.

Content Management System (CMS)

Ein Content-Management-System (CMS, Inhaltsverwaltungssystem) ist eine Software, die sich auf dem Server im Webspace des Providers befindet. Damit können Inhalte (Content) einer Webseite mit wenig Programmier- oder HTML-Kenntnissen geändert werden, dafür wird eine Datenbank verwendet, die der Provider zur Verfügung stellt. Für das Design der Homepage wird ein Template benötigt, welches programmiert werden muss oder kostenlos oder kostenpflichtig von anderen zur Verfügung gestellt wird. Beispiele von Content Management Systemen sind: WordPress, TYPO3, Joomla, Drupal oder Contao.

Browser-Cache

Ein Browser-Cache ist ein temporärer Speicher, in dem der Browser Daten von Webseiten speichert, die er besucht hat. Diese Daten können HTML-Dateien, Bilder, JavaScript- und CSS-Dateien umfassen. Der Cache wird von dem Browser verwendet, um beim nächsten Besuch der gleichen Webseite die Ladezeit zu verkürzen, indem die Daten aus dem Cache statt aus dem Internet geladen werden.

Wenn Sie eine Webseite besuchen, werden die von der Webseite benötigten Daten in den Cache des Browsers heruntergeladen und dort zwischengespeichert. Beim nächsten Besuch der Webseite werden diese Daten dann aus dem Cache statt aus dem Internet geladen, was die Ladezeit der Seite verkürzt.

Der Browser-Cache kann auch verwendet werden, um Änderungen an Webseiten zu überwachen. Wenn sich eine Webseite ändert, werden die neuen Daten in den Cache des Browsers heruntergeladen und die alten Daten ersetzt. Auf diese Weise kann der Browser sicherstellen, dass Sie immer die aktuellste Version einer Webseite sehen.

Es ist möglich, den Browser-Cache manuell zu leeren, um den Speicherplatz freizugeben und sicherzustellen, dass Sie die neueste Version einer Webseite sehen. Sie können den Cache auch in den Einstellungen Ihres Browsers deaktivieren oder die Größe des Caches begrenzen.

PHP

PHP (Personal Homepage Tools) ist eine Skriptsprache und dient zur Erstellung dynamischer Webseiten oder Webanwendungen und läuft auf dem Server des Providers. PHP ist eine freie Software und zeichnet sich durch breite Datenbankunterstützung aus.

Provider / Webspace

Ein Provider ist ein Anbieter, bei dem man seine Domain und E-Mails buchen kann. Weiterhin kann man dort Webspace (Speicherplatz auf deren Server) buchen, damit man dort seine Homepage speichern und von allen Nutzern weltweit abgerufen werden kann. Andere Begriffe wären auch noch Webhosting oder auch Nethosting. Beispiel einiger Provider: Strato, 1und1 Ionos, Webgo, Host Europe oder Domain Factory.

CSS

CSS bedeutet Cascading Stylesheets (gestufte Gestaltungsbögen) und ist eine Formatierungssprache für HTML. Mit CSS werden Gestaltungsanweisungen erstellt und alle Anweisungen, die das Aussehen der Homepage betreffen, an einem Ort in eine extra Datei abgelegt.

WordPress-Plugins – flexible Erweiterungen für Ihre Webseite

WordPress selbst bringt nur eine Grundausstattung an Funktionen mit. Durch sogenannte Plugins – kleine, meist kostenlose Zusatzmodule – lässt sich der Funktionsumfang jedoch gezielt erweitern und an individuelle Anforderungen anpassen. Ein Plugin ist eine optionale Software-Erweiterung, die von der Hauptanwendung während der Laufzeit eingebunden wird und neue Möglichkeiten hinzufügt oder bestehende Funktionen verbessert.

Mit diesen Erweiterungen lassen sich viele zusätzliche Features realisieren, zum Beispiel:

  • Browser-Caching, Bilder nachladen und Code-Optimierung
  • SEO-Tools für bessere Sichtbarkeit in Suchmaschinen
  • Gästebuch oder Sternebewertungen in Kommentaren
  • Mehrsprachigkeit und automatische Übersetzungen
  • Bildergalerien und Slider
  • Spam-Schutz für Kommentare und Formulare
  • Firewall und Sicherheitsfunktionen
  • Backups und Website-Migration
  • Cookie-Banner und DSGVO-konforme Social-Share-Buttons
  • Zugangskontrollen für geschützte Inhalte
  • Newsletter-Integration
  • Suchen-und-Ersetzen-Tools
  • Datenbankreinigung und -optimierung

So wird aus einer einfachen WordPress-Seite eine leistungsstarke, individuelle Website mit genau den Funktionen, die Sie benötigen.

Javascript

JavaScript ist eine Skriptsprache, um die Möglichkeiten von HTML und CSS zu erweitern.

Theme / Template / Design / Layout

Theme, Template, Design oder Layout bezeichnet das programmierte Aussehen einer Homepage (beim CMS WordPress heißt es Theme) und beinhaltet Anweisungen der verwendeten Farben, Schriften, Designelemente und das Verhalten bei unterschiedlichen Displays (Responsive Webdesign).

WordPress – das flexible Content-Management-System (CMS)

WordPress ist ein weitverbreitetes, kostenloses Content-Management-System (CMS), das sich ideal für Blogs, Unternehmensseiten und statische Webseiten eignet. Es basiert auf der Skriptsprache PHP und nutzt eine MySQL-Datenbank, die vom Provider bereitgestellt wird. Besonders geschätzt wird WordPress für seine Benutzerfreundlichkeit, die einfache Anpassbarkeit und die Einhaltung moderner Webstandards.

Mit WordPress lassen sich Webseiten direkt im Browser erstellen und verwalten – ohne Programmierkenntnisse. Da viele meiner Kunden Inhalte wie Texte und Bilder später selbstständig einfügen oder bearbeiten möchten, setze ich Webseiten ausschließlich mit WordPress um.

Das System bietet durch zahlreiche Plugins umfangreiche Erweiterungsmöglichkeiten. Besonders wichtig ist dabei der Page-Builder Elementor Pro, mit dem sich moderne, individuelle Layouts flexibel gestalten und anpassen lassen.

Mit diesem PageBuilder baue ich Ihre Webseite

Elementor Pro

Elementor Pro ist ein PageBuilder (Webseitenbauer). Dieser erweitert WordPress enorm und man kann wunderschöne Webseiten mit vielen Funktionen und Effekten erstellen.

Die Software ist einfach zu bedienen und Kunden können nachträglich leicht Änderungen an Ihrer Webseite vornehmen. Sie sehen die Bearbeitung genau so, wie sie später auch auf der Webseite erscheinen wird.

Als Kunde bekommen Sie die kostenpflichtige Version Elementor Pro mit dazu. Die Lizenz wird von mir jedes Jahr erneuert. Falls es mich nicht mehr geben sollte, kann Elementor Pro trotzdem weiterhin benutzt werden.

SEO

SEO (Search Engine Optimization) bedeutet eine Suchmaschinenoptimierung. Es sind Maßnahmen, die dazu dienen, dass Webseiten im Ranking in den unbezahlten Suchergebnissen auf vorderen Plätzen erscheinen. In Deutschland hat die Suchmaschine Google quasi ein Monopol (über 90% Marktanteil), Optimierungen zielen ausschließlich auf diese Suchmaschine ab.

Navigation / Menü

Navigation (Steuerung) oder Menü ist ein funktionales Element einer Webseite und besteht aus Text bzw. Buttons und nutzt Hyperlinks zur Ansteuerung anderer Seiten und Inhalte.