Responsive Webseiten-Vorlage

Menü≡

Startseite > Fragen FAQ

Fragen und Antworten FAQ

Auf dieser Seite habe ich für Sie wichtige Fragen und Antworten zur Nutzung der Webseiten-Vorlage zusammengestellt.

Wozu dient die Angabe der MD5-Prüfsumme auf der Download-Seite?

Antwort: Mit dem Erstellen und Verifizieren der MD5-Prüfsumme nach dem Runterladen können Sie prüfen, ob Sie mit dem Download wirklich die Original-Datei erhalten haben. Die beiden Vorgänge erledigen Sie mit einem Dateimanager wie zB dem FreeCommander.

Wozu dienen die PHP-Funktionen include() und readfile()?

Antwort: Mit der PHP-Funktion include() können PHP-Include-Elemente eingebunden werden, die PHP-Code beinhalten, mit der PHP-Funktion readfile() nicht. Das PHP-Include-Element fuss.inc enthält PHP-Code (die Ausgabe des aktuellen Jahres) und wird deshalb mit der PHP-Funktion include() eingebunden. Die anderen PHP-Include-Elemente enthalten keinen PHP-Code und werden deshalb mit der PHP-Funktion readfile() aufgerufen.

Meine alten Seiten konnte ich zuhause im file-Protokoll testen: Doppelklick, schon wurden sie im Browser angezeigt. Warum brauche ich zum Test der Webseiten-Vorlage einen Server?

Antwort: Die Seiten werden über PHP ausgeliefert. Browser können PHP-Code aber nicht interpretieren, denn PHP ist eine server-seitige Scriptsprache. Die server-seitige Aufbereitung der Seiten bietet viele Vorteile, zB die Einbindung von mehrfach verwendetem HTML-Quelltext über PHP-Include-Elemente. Beispiel: Wenn Sie 100 Seiten haben und Ihr Menü ändern, genügt es, das Menü einmal zu ändern: im PHP-Include-Element menue.inc. Die Server-Installation auf dem heimischen Rechner ist ein einmaliger Aufwand und schnell erledigt. Und keine Bange: PHP-Kenntnisse sind nicht erforderlich.

In der Vorlage wird für website-interne Links und zur Einbindung von Elementen eine seltsame Schreibweise (./irgendwas) verwendet. Warum?

Antwort: Diese Art der Referenzierung wird relative Adressierung genannt. Der Vorteil relativer Pfadangaben besteht darin, daß die Referenzierung nicht geändert werden muß, wenn das Projekt (a) auf dem lokalen Test-Server in ein anderes Verzeichnis verschoben oder (b) vom lokalen Test-Server auf den Prod-Server bei einem Webhoster hochgeladen wird. Beispiele:
./impressum.php ein Punkt bedeutet: ausgehend vom aktuellen Verzeichnis
../z-sonst/s3st.gif zwei Punkte bedeuten: ausgehend vom übergeordneten Verzeichnis

Ich habe eine neue Seite erstellt, und jetzt erscheinen in der Browser-Adreßzeile %-Zeichen, =-Zeichen und sonstige merkwürdige Zeichen. Wie kommt das?

Antwort: Wahrscheinlich haben Sie im Namen der Seite Umlaute, Leerstellen oder andere Sonderzeichen verwendet. Nutzen Sie in Dateinamen nur Buchstaben, Ziffern und (als Trennzeichen) das Minuszeichen, keine Leerstellen und keine Sonderzeichen. Und verwenden Sie als Buchstaben am Besten nur Kleinbuchstaben.

Anstelle von Umlauten wird auf meiner Seite ein sonderbares Zeichen angezeigt: sieht aus wie ein Fragezeichen auf einer Raute. Was soll ich tun?

Antwort: Das Unicode replacement character � wird angezeigt, wenn eine Seite als UTF-8-kodiert ausgegeben wird, aber mit einer anderen Zeichenkodierung (zB ISO-8859-1) gespeichert wurde. Ihr Fehler! Stellen Sie die Kodierung auf UTF-8 ohne BOM um, speichern Sie die Seite erneut und laden Sie sie neu auf den Server hoch.

Anstelle von Umlauten werden auf meiner Seite zwei merkwürdige Zeichen angezeigt, zB anstelle eines ö diese beiden Zeichen: ö. Was läuft hier falsch?

Antwort: Umgekehrter Fall: Die Seite wurde mit der richtigen Zeichenkodierung (UTF-8) gespeichert, wird vom Browser aber in einer anderen Zeichenkodierung (zB ISO-8859-1) angezeigt. Prüfen Sie in den Entwicklerwerkzeugen Ihres Browsers im Reiter Netzwerk die HTTP-Antwort-Kopfzeile Content-Type:. Dort sollte die Angabe text/html; charset=UTF-8 stehen. Wenn dort eine andere Zeichenkodierung angegeben ist, wenden Sie sich wegen des Fehlers an Ihren Webhoster: vermutlich hat er in der Datei php.ini etwas anderes eingetragen als default_charset = "UTF-8" (Standard-Zeichenkodierung seit PHP-Version 5.6). Die HTTP-Antwort-Kopfzeile Content-Type: hat übrigens Vorrang vor der <meta charset>-Angabe im HTML-head-Element der Seite.

Ich habe nur eine kleine Änderung durchgeführt, aber jetzt sind die Seiteninhalte verschoben, und der Text wird viel größer angezeigt.

Antwort: Es sind oft kleine Ursachen, die die Welt verändern: vielleicht haben Sie versehentlich das Ende-tag eines HTML-Elements gelöscht oder auch nur eine spitze Klammer entfernt. Mit der Syntax-Hervorhebung Ihrer Editors müßte Ihnen das auffallen. Gute Editoren enthalten oft auch eine HTML-Syntaxprüfung (entweder fest eingebaut oder als Erweiterung), die Sie verwenden können. In den Editoren SynWrite und CudaText heißt die HTML-Syntaxprüfung HTML Tidy.

Ich will die Überschrift in der Kopfzeile ändern, weil ich nicht Max Mustermann heiße. Aber ich finde nirgendwo im Quelltext die Stelle mit Max Mustermann. Wo kann ich das ändern?

Antwort: Die Überschrift 1. Ordnung (HTML-Element h1) ist für alle Seiten gleich und wird deshalb zentral festgelegt im PHP-Include-Element /x-includes/kopf.inc.

Ich möchte in der Kopfzeile anstelle des Bildes einen Farbverlauf anzeigen. Wie geht das?

Antwort: Den Wechsel von Kopfzeilen-Bild zu Kopfzeilen-Farbverlauf habe ich hier genau beschrieben.

Ich möchte in der Kopfzeile anstelle des Farbverlaufs ein Bild anzeigen. Wie geht das?

Antwort: Den Wechsel von Kopfzeilen-Farbverlauf zu Kopfzeilen-Bild habe ich dort genau beschrieben.

Ich habe in der Kopfzeile das Standard-Logo durch mein eigenes Logo ersetzt. Aber es sieht so merkwürdig zusammengequetscht aus. Warum?

Antwort: Vermutlich haben Sie vergessen, die speziellen Abmessungen Ihres Logos einzutragen. Hier steht, wie das geht.

Wie kann ich das Farbschema (Design) wechseln?

Antwort: Den Wechsel des Farbschemas habe ich hier genau beschrieben.

Wie erstelle ich ein neues Farbschema (Design)?

Antwort: Das Erstellen eines neuen Farbschemas habe ich dort genau beschrieben.

Im Quelltext der Impressum-Musterseite steht anstelle der E-Mail-Adresse seltsamer Javascript-Code. Warum?

Antwort: Die E-Mail-Adresse wird in Teile zerlegt, verschlüsselt und mit Javascript wieder zusammengefügt. Dieses doppelte Verfahren hilft oft (aber nicht immer) gegen robots, die den Quellcode von Webseiten durchsuchen, um E-Mail-Adressen für Werbezwecke einzusammeln. Verschlüsseln können Sie zB hier bei Carsten Meier oder dort bei Andy Hoppe.

Warum ist auf keiner Seite der Webseiten-Vorlage das Meta-Element keywords vorgesehen?

Antwort: Das Meta-Element keywords wird schon lange von keiner Suchmaschine mehr beachtet, weil damit früher viel Mißbrauch betrieben wurde. Eine Angabe wäre reine Platzverschwendung.

Wie viele Zeichen sollte die Beschreibung (Meta-Element description) enthalten?

Antwort: Bis zu 160 Zeichen einschließlich Leerzeichen. Der Text sollte den Seiteninhalt zusammenfassend beschreiben. Mit etwas Glück wird die Beschreibung von Google™ als Textschnippsel angezeigt.

Wie viele Zeichen sollte der Seitentitel (Element title) enthalten?

Antwort: Bis zu 60 Zeichen einschließlich Leerzeichen, ebenfalls eine kurze Zusammenfassung des Seiteninhalts. Suchbegriffe im Titel, in der Beschreibung, in Überschriften, im Fließtext und in den Linktexten eingehender Links erleichtern Google™ die inhaltliche Zuordnung der Seite.

Warum haben Sie für die vier Muster-Favicons nicht gleich die generierten Favicon-Formate mitgeliefert? Dann hätte ich jetzt weniger Arbeit.

Antwort: Die Browser-Entwicklung bleibt nicht stehen, und auch bei den Favicons ändert sich immer wieder etwas. Der Real Favicon Generator ist jetzt schon bei Version 16 angelangt. Mit einer frischen Generierung erhalten Sie den neuesten Stand der Technik.

Ich habe ein neues Favicon erstellt, die verschiedenen Formate beim Real Favicon Generator generieren lassen und alles auf den Server hochgeladen. Aber nach mehreren Tagen zeigt der Browser immer noch das alte Favicon an.

Antwort: Leider ein bekanntes Problem: Manche Browser nehmen die Aktualisierung gar nicht wahr und zeigen das alte Favicon noch wochenlang aus dem Browser-Cache an. Sie können die Sache aber beschleunigen: Ergänzen Sie im PHP-Include-Element /x-includes/meta.inc alle Favicon-link rel-Elemente um einen Parameter. Beispiel: <link rel="shortcut icon" href="./favicons/favicon.ico?v=3">. Im Generator gibt's übrigens eine Option, über die ein Parameter automatisch angehängt wird.

Ich möchte die Brotkrumen-Navigation auch auf Smartphones anzeigen. Wie geht das?

Antwort: Kein Problem. Suchen Sie in der CSS-Datei regeln.css in den Regeln für Mobilgeräte (Umschaltpunkt: 701 px) nach der Zeile article p.pfad {display:none;} und deaktivieren Sie diese Zeile durch Auskommentieren.

Was ist der Lighthouse-Test?

Antwort: Lighthouse ist ein nützliches Test- und Analysewerkzeug für Webseiten. Es wird als Bestandteil der Chromium-Entwicklerwerkzeuge mit allen Chromium-gestützten Browsern (Google Chrome, Microsoft Edge, Opera, Vivaldi, Yandex ...) ausgeliefert. Wenn Sie Chrome und Edge im Hinblick auf Datenschutz und Privatsphäre mißtrauen, empfehle ich Ihnen den Vivaldi Browser (in meinem Blog gibt's einen Vivaldi-Testbericht). Den Lighthouse-Test gibt's auch beim Google-Projekt PageSpeed Insights (dann ohne Zugriff auf Ihren lokalen Test-Server).

Warum zeigt der Lighthouse-Test für die Startseite in den Chromium-Entwicklerwerkzeugen in der Kategorie Leistung für Computer nur 98 Punkte an (für Mobil sind es 100)?

Antwort: Die Zwei-Spalten-Darstellung auf breiten Bildschirmen sorgt für 2 Punkte Abzug wegen angeblichem Cumulative Layout Shift. Ich kann auf den Bildschirm-Schnappschüssen aber keine Element-Verschiebungen beim Seitenaufbau erkennen.

Die Seiten von Werner Zenk, die Sie ein paarmal verlinkt haben, werden im Browser nicht angezeigt. Warum nicht?

Antwort: Leider hat Werner Zenk seine Website werner-zenk.de aus unbekannten Gründen vom Netz genommen. Das ist schade. Die Links habe ich drin gelassen in der Hoffnung, daß er seine Website wieder aktiviert.

Wann kommt für nicht vorhandene Seiten eine Fehler-Seite 404?

Antwort: Mit der nächsten Version (1.2) des Download-Pakets. Und so sieht sie aus.

Wie kann ich die Endung php aus den Adressen entfernen?

Antwort: Von mir kommt keine Lösung, weil mich die Erweiterung php nicht stört. Vielleicht hilft Ihnen dieser Artikel von Kev Quirk (da geht es um die Entfernung der Endung html).

Haben auch Sie eine Frage? Dann schreiben Sie mir eine Email.

« vorige Seite
nächste Seite »
 
⇧