Startseite > Merkmale der Vorlage
Merkmale der Webseiten-Vorlage (Übersicht)
| A. | Layout und Design |
|---|---|
| A.1 | Die strenge Trennung von Inhalt (HTML in PHP-Dateien) und Layout (CSS) ist wartungs- und änderungsfreundlich. |
| A.2 | Ihre Inhalte werden wie von Ihnen eingegeben in PHP-Dateien gespeichert. HTML-Grundkenntnisse reichen hierfür aus, keine PHP-Kenntnisse erforderlich. |
| A.3 | Die Webseiten-Vorlage ist responsiv durch CSS-Medienabfragen: die Darstellung paßt für breite (Desktop) und schmale (Smartphone) Endgeräte. |
| A.4 | Auf Wunsch wird (einfach durch Klassenzuweisung) Text in zwei Spalten dargestellt (CSS3-Mehrspalten-Layout). Die CSS3-Silbentrennung sorgt für ein gleichmäßiges Schriftbild. |
| A.5 | Auf breiten Bildschirmen ist die Navigation sticky angeordnet und bleibt immer im Blickfeld. |
| A.6 | Zwei Menü-Ebenen sind bei Bedarf möglich: die zweite Ebene klappt beim Übermausen (auf breiten Bildschirmen) nach rechts aus (Flyout-Menü). |
| A.7 | Das PHP-/HTML-Seitengerüst (Template) ist übersichtlich und enthält keine CSS- und keine Javascript-Codestrecken. |
| A.8 | Die Webseiten sind auch mit der Tastatur (Tab-Taste und Eingabe-Taste) bedienbar: ein Plus für Mausmuffel und Mausgeschädigte! Ausnahme: die zweite Menü-Ebene (dort funktioniert die Tastatur-Bedienung nicht) |
| A.9 | Alle verwendeten HTML-Elemente werden in allen aktuellen Browsern fehlerfrei dargestellt. |
| B. | Privatsphäre und Datenschutz |
| B.1 | Es werden keine Fremdanbieter-Elemente (Tracker, Google Fonts, Javascript-Bibliotheken ...) eingebunden, die nachhause telefonieren. |
| B.2 | Alle für Ihre Website erforderlichen Elemente laden Sie auf Ihren Server hoch: es gibt keine Abhängigkeiten von Fremdservern. |
| B.3 | Es werden keine Cookies auf den Endgeräten Ihrer Besucher gespeichert. |
| B.4 | Die Privatsphäre Ihrer Besucher wird beachtet, die Webseiten-Vorlage ist DSGVO- und TTDSG-konform. |
| C. | Suchmaschinenfreundlichlichkeit und schneller Seitenaufbau |
| C.1 | Suchmaschinenfreundliche Struktur des HTML-Quelltexts, wichtige Inhalte stehen am Seitenanfang. Zusätzliche Tipps und Hinweise zur Suchmaschinenoptimierung (SEO) sind enthalten. |
| C.2 | Die Anzahl erforderlicher Seitenelemente ist klein, die Übertragungsgröße gering: das bewirkt nicht nur kurze Ladezeiten und schnellen Seitenaufbau, sondern ist auch energiesparend, ressourcenschonend und nachhaltig. |
| C.3 | Sie können (jedenfalls mit einer Seite ohne Bilder) die Mitgliedschaft im Green Team des 512kb.club beantragen und erhalten dort einen Link zu Ihrer Website (Green Team für Seiten kleiner 100 KB). |
| C.4 | Der Lighthouse-Test in den Chromium-Entwicklerwerkzeugen zeigt in allen Kategorien grüne Werte an: Leistung: 100, Barrierefreiheit: 100, Best Practices: 100 und SEO: 100 Punkte (Mobil, Stand: Oktober 2022). Der Wert Leistungist auch von der jeweiligen Netzwerkverbindung abhängig. |
| D. | leichtes Erstellen Ihrer Webseiten, einfache Änderbarkeit |
| D.1 | Fertige HTML-Mustercodes als Kopiervorlagen zum Einfügen Ihrer Inhalte, fertige CSS-Klassen für viele Verwendungszwecke sind vorhanden. |
| D.2 | Als Zeichenkodierung wird UTF-8 verwendet: Sonderzeichen, diakritische Zeichen und fremdländische Schriften sind problemlos nutzbar. |
| D.3 | Vier Farbschemata (Designs) sind in der CSS-Datei enthalten: Rhodos (blau, türkis), Waldeslust (Grüntöne), Sahara (beige, braun), Merlot (weinrot, beige). Die Verwendung von CSS-Variablen ermöglicht den schnellen und leichten Wechsel des Designs. |
| D.4 | Alle Farbverläufe sind mit CSS-Regeln erstellt (keine Verwendung von Grafiken), zur Änderung ist kein Bildbearbeitungs-Programm erforderlich. |
| D.5 | Sechzehn Kopfzeilen-Bilder (header-Bilder) sind enthalten und dürfen bei Nutzung der Vorlage verwendet werden. Oder Sie erstellen Ihr eigenes Kopfzeilen-Bild in der Auflösung 1280 * 180 px. |
| D.6 | Wartungs- und änderungsfreundlich: mehrfach verwendete HTML-Codestrecken sind in PHP-Include-Elemente ausgelagert, die mit readfile() oder include()in die Zieldateien eingebunden werden: Menü, Kopfzeile, Fußzeile, gemeinsame Meta-Elemente ... |
| D.7 | Die Webseiten-Vorlage enthält das Suchmaschinen-Script von Werner Zenk zur Durchsuchung der eigenen Webseiten. Das PHP-Script läuft auf Ihrem eigenen Server. |
| D.8 | Erstellte Seiten laufen unter den PHP-Versionen 5.6, 7 und 8 (getestet mit PHP 5.6.18, PHP 7.4.19 und PHP 8.1.6). |
| E. | Pflege und Wartung, Umzug |
| E.1 | Sie entwickeln Ihre Webseiten anhand meiner Layout-Vorlage in aller Ruhe lokal auf Ihrem heimischen Rechner und laden die fertigen Seiten danach per FTP auf Ihren Webspace hoch. Keine Datenbank erforderlich! |
| E.2 | Die relative Adressierung interner Links und eingebundener Elemente ermöglicht ohne Änderungen den Test auf dem lokalen Server ebenso wie den Produktionsbetrieb auf dem Server des Webhosters (und den schnellen Umzug von Webhoster A zu Webhoster B). |
| E.3 | Es entstehen keine zusätzlichen Kosten und keine Abhängigkeiten wie bei Nutzung eines Webbaukastensirgendeines Anbieters. |
| E.4 | Keine Gefahr durch Sicherheitslücken wie bei vielen CMS infolge von Online-Änderungen, keine Update-Orgien wie bei Wordpress-Nutzung erforderlich. |
| E.5 | Der leichte und schnelle Umzug bei Webhosterwechsel ist gewährleistet: einfach alle Elemente per FTP neu hochladen! |
| F. | Urheberrecht, Nutzungsrechte, Lizenz |
| F.1 | Das Urheberrecht liegt bei mir, Gösta Thomas. Die Vorlage darf unter den Bedingungen der GNU GPL Version 3.0 zur Erstellung privater und geschäftlicher Websites kostenlos genutzt werden. Ausführliche Hinweise befinden sich auf der Startseite unter Urheberrecht, Nutzungsrechte, Lizenz. |