Grundbegriffe / Glossar

Hier findest du eine Übersicht an immer wieder vorkommenden Fach-Begriffen.

Diese Seite dient eher als Nachschlagewerk im Lauf der Arbeit und befindet sich aus Gründen der leichteren Auffindbarkeit ganz am Beginn.

Klick auf die Begriffe um die Erklärung zu öffnen.

Akkordeon

Was du auf dieser Seite siehst ist ein “Akkordeon”. Es heißt so, weil man hiermit viele Informationen kompakt darstellen kann und sich diese auf- und zuklappen lassen.
Sehr gut geeignet ist ein Akkordeon für einen FAQ-Bereich (also für einen Bereich mit Fragen & Antworten für deine Kunden).

Hier findest du ein Beispiel.

Backend

Das ist die Ansicht deiner Homepage “hinter den Kulissen”, also die Ansicht im WordPress, die DU bearbeitest.

Bildformate
jpg: Das gängigste Bildformat: Bei kleinen Dateien/Formaten muss man aufpassen, dass die Qualität nicht leidet.
png: Das Bildformat das für besonders gute Fotos oder transparente Grafiken verwendet wird
Blog

Ein Blog ist die moderne Bezeichnung für jene Seiten, die man auch als NEWS oder AKTUELLES auf verschiedenen Homepages findet.
Ein Blog macht nur Sinn, wenn er regelmäßig mit neuen Beiträgen gefüllt wird.
Du kannst – musst aber nicht – die Kommentarfunktion freischalten und somit deine Leser zum Mitreden animieren.

Browser
Um überhaupt eine Webseite betrachten zu können, benötigt man einen sogenannte Browser.
Die gängigsten sind: Firefox, Google Chrome, Internet Explorer, Safari

Wichtig ist, dass der Browser immer up-to-date gehalten wird, d.h. dass du die neueste Version verwendest.
Am einfachsten ist es, wenn du eine automatische Aktualisierung einstellst.

Domain

Die Internetadresse nennt man Domain.
Also ist zum Beispiel basstrid.at eine Domain.

Frontend
Das Frontend ist die Ansicht deiner Homepage im Internet – also das was deine Kunden sehen.
Das Gegenteil ist Backend.
Hosting

Deine Homepage braucht eine technische Heimat, die rund um die Uhr verfügbar und auch sicher & für jeden zugänglich ist.
Deshalb kannst du deine Homepage nicht zu Hause am Computer speichern und brauchst einen sogenannten “Hoster”.
World4you oder All-inkl.com sind solche Webhoster.

Homepage

Streng genommen ist die “Homepage” nur die Startseite deiner Webseite, also im wahrsten Sinn des Wortes die HOME-Seite.

Umgangssprachlich wird aber meistens von der ganzen Webseite gesprochen, wenn man “Homepage” sagt.

Ich halte das nicht sehr streng: Wenn ich die Startseite meine, dann sage ich auch Startseite. Alles andere ergibt sich aus dem Kontext.

H1 - H6 Überschriften

Wenn du irgendwo H1 / H2 / H3 … bis H6 liest, dann sind damit Überschriften gemeint.
Im Divi Theme (mit dem wir arbeiten) werden diese aber nicht “H1” genannt, sondern “Überschrift 1”, H2 = Überschrift 2, usw.

Im Web gibt es 6 Größen von Überschriften – die 1. ist die größte und wichtigste Überschrift auf einer Seite, die 6. die kleinste.
Das ist wörtlich und im übertragenen Sinn gemeint:

  • Gemeint ist die Formatierung der Überschriften. H1 ist am größten und auffälligsten formatiert, H2 etwas kleiner, H3 noch kleiner, etc.
    Das hilft dir bei der Gestaltung.
  • Google interpretiert den Inhalt der H1 – also der Überschrift 1. Ebene – als den wichtigsten Inhalt der Seite und leitet davon das Thema der Seite ab.
Hover

Wenn du mit der Maus über einen Button oder ein Bild drüberfährst, dann nennt man das “Hover”.
Bei Buttons oder Verlinkungen erwartet der Benutzer deiner Webseite, dass sich etwas verändert, z.B. dass der Button heller/dunkler/größer/kleiner wird.
Damit wird signalisiert, dass bei Klick darauf eine Aktion ausgelöst wird.

Menü
Die Gliederung der Homepage wird “Menü” genannt und ist meist am oberen oder seitlichen Rand zu finden. Sie dient dazu, dass die Kunden rasch zu den Informationen kommen, die sie suchen.
Onepager
Eine Homepage, die “nur” aus einer Seite besteht = der Startseite, die länger ist weil sie mehr Inhalt aufnehmen muss.
Das macht vor allem Sinn, wenn die Seite eher statischen, informativen Charakter hat und sich nicht sehr verändert (keine News oder Blogbeiträge).
Open Graph
Mit den Open Graph Einstellungen legst du fest, wie die sozialen Medien (Facebook, Twitter, etc.) deine Beiträge oder Seiten deiner Homepage darstellen.
Damit ist natürlich nur die VORSCHAU-Darstellung gemeint, d.h. welches Bild wird angezeigt und welcher Text/Kurzbeschreibung scheint auf.
Plugin

Ein Plugin ist eine Erweiterung von WordPress. Es gibt im WordPress-Menü sogar einen eigenen Menüpunkt dazu – so wichtig ist dieses Thema.

Es gibt Plugins für alles mögliche – viele davon kostenlos – z.B. für Sicherungen, für Bildergalerien, für Kontaktformulare, für den Mailversand, etc.etc.

Welche Plugins du brauchst, hängt vom Theme ab. Je nachdem, welche Funktionalitäten das Theme mitbringt, brauchst du mehr oder weniger Plugins. Das Theme DIVI mit dem wir arbeiten werden, hat viele eingebaute Funktionen und erspart uns somit einige Plugins.
Generell gilt: Weniger ist mehr.

Responsiv

Damit deine Homepage am Handy UND am Tablet UND am Computer-Bildschirm gut lesbar ist, muss sie “RESPONSIV” sein.
Das bedeutet, dass sie sich automatisch der Bildschirmgröße anpasst.
Testen kannst du das, in dem du das Browser-Fenster kleiner machst.

SEO
“Search Enginge Optimization” = englisch für “Suchmaschinenoptimierung”
Shortcode
Ein Shortcode ist eine praktische Sache und kommt hauptsächlich bei der Arbeit mit Plugins vor.
Ein Shortcode sieht ungefähr so aus: [psfb id=”3301″ title=”Voranmeldung”]
Einen Shortcode kannst du kopieren und dort auf deiner Seite/deinem Beitrag wieder einfügen, wo du ihn haben möchtest.
Dann wird z.B. an dieser Stelle ein Anmeldeformular erscheinen.
Suchmaschinenoptimierung

Google ist eine Suchmaschine. Zuerst muss die Suchmaschine deine Homepage finden, damit deine Kunden dann dich&deine Homepage finden können. Deshalb ist es wichtig, diese Einstellungen sorgfältig zu machen.
Die Kurzbezeichnung in Fachkreisen ist SEO.

SSL Zertifikat

Das SSL Zertifikat brauchst du, damit deine Seite als SICHER markiert wird und sie über https://www.deinedomain.at erreichbar wird.
Damit ist sichergestellt, dass Daten, die du oder deine Kunden auf deiner Webseite eingeben, nicht ausgelesen werden können. Außerdem wirst du dadurch bei Google besser bewertet und bekommst ein besseres Ranking in den Suchergebnissen.

Das SSL Zertifikat richtest du im Schritt 2 der technischen Einrichtung deiner Webseite ein.
Die Reihenfolge ist: Domainname registrieren – SSL Zertifikat beantragen – WordPress installieren.

Theme

Ein “Theme” oder auch “Vorlage” genannt ist zwingend nötig für das Funktionieren von WordPress, deshalb wird standardmäßig bei der Installation von WordPress auch ein “Theme” installiert und aktiviert.

Das Theme gibt vor, wie die Webseite später aussehen wird. Wir arbeiten mit dem Theme DIVI, das wir erst später im Kurs installieren werden.

Wordpress

WordPress ist ein kostenloses Programm mit dem du deine Homepage erstellen kannst.
Du musst dafür nicht programmieren können. Es bietet dir sehr viele Möglichkeiten, die du nutzen kannst, aber nicht musst.
Deshalb ist es sowohl für kleinere Homepages als auch für große Seiten mit vielen Anforderungen perfekt geeignet.

Webspace

Du brauchst einen Webspace, also einen Platz für deine Webseite. Dieser muss einiges “können” (technisch gesehen), deshalb kannst du deine Webseite nicht einfach zu Hause auf deinem Computer betreiben.

Wir bestellen ganz zu Beginn deinen Webspace bei einem Hoster. Achte darauf, dass php und Datenbanken unterstützt werden. Dies ist nötig für WordPress.