Webmaster Tipps: Gestaltung und Programmierung (Seite 5)

Statt Arial, Helvetica und Times kann man auch eigene Schriften bei der Gestaltung der Webseiten nutzen: Das ist praktisch, da man deutlich freier ist als bei der Wahl der Standard-Systemschriften. Damit die Schrift aber bei dem Besucher auch richtig angezeigt wird, muss man sie mit übertragen. Viele Nutzen dafür Cloud-Dienste zum Beispiel von Google: Man kann den Font aber auch auf dem eigenen Webserver hosten.   Webfonts: Eigene Schriften ... Weiterlesen...

Mit HTML und CSS lassen sich Texte ganz einfach mit einem Farbverlauf belegen. Dieser wird dann statt der eigentlichen Textfarbe angezeigt und von allen großen Browsern unterstützt. Das sieht vor allem bei Überschriften sehr schick aus, wenn man es mit dem Farbverlauf nicht übertreibt. Achtung: Hierbei handelt es sich um reinen Text, es wird kein Bild benutzt. Das kann aus SEO Sicht wichtig sein, wenn der Text auch für Maschinen lesbar sein sol... Weiterlesen...

Weiterleitung mit PHP: Das geht ganz einfach über die Header-Funktion. Der Server sendet dabei aber die nicht ganz korrekte 302 Weiterleitung an den Browser: Dies bedeutet eigentlich "Moved Temporarily". Wurde die Seite nicht nur vorrübergehend für Wartungszwecke verschoben, ist der Statuscode 302 nicht richtig sondern sollte "301: Moved Permanently" lauten. Für normale Besucher macht das keinen Unterschied, da der Header im Browser gar nicht angeze... Weiterlesen...

GIF Animationen sind praktische, kleine Frame-Animationen: Jeder Frame kann eine eigene Farbpalette haben und eine eigene Anzeigedauer. Außerdem lässt sich festlegen, ob die Animation einmal, mehrere Male oder unendlich wiederholt wird. Moderne Browser speichern die Animation aber gern im Cache: Dann wird sie nicht mehr neu gestartet. Das ist praktisch, wenn eine große GIF Animation, die unendlich wiederholt wird, gezeigt werden soll.   GIF An... Weiterlesen...

Kann man sich in PHPMyAdmin nicht am MySQL Server anmelden, weil der Login nicht akzeptiert wird, hilft dieser Tipp: Weil der root User meistens gesperrt ist, legt man einen neuen Benutzer für PHPMyAdmin an und vergibt ihm ein Passwort für den MySQL Server! Bei der Installation des MySQL Servers wird man in der Regel nach einem Passwort für den Benutzer "root" gefragt: Dies ist wichtig, um sich am Server anzumelden. Hat man kein Passwort vergeben... Weiterlesen...

Um eine kurze Verzögerung in die Skripte einzubauen, hilft in Javascript "setTimeout": Was in PHP der sleep() Befehl macht, ist in Javascript "setTimeout". Wichtig ist hier aber die Groß- und Kleinschreibung: Der Befehl beginnt mit kleinem "s", das "T" von Timeout wird aber groß geschrieben. Mit setTimeout kann man eine Funktion oder einen Befehl zeitverzögert starten: Das können wenige Millisekunden, Sekunden oder Minuten sein. Ganz egal wie lange da... Weiterlesen...

Den Cache ausschalten für Wordpress und andere Webseiten: Das geht mit einer einfachen Anweisung in der .htaccess Datei. Normalerweise ist der Cache praktisch, da Dateien nicht jedes Mal neu geladen werden. Gerade bei der Programmierung stört der Cache aber! Vor allem, wenn man gerade die CSS Dateien anpasst für die Gestaltung der Seite: Zum Beispiel die Datei style.css in Wordpress. Mit aktiviertem Cache sieht man Änderungen an den CSS Dateien ers... Weiterlesen...

Mit CSS hat jedes HTML Element einen äußeren Abstand ("margin"), einen Rahmen ("border") und einen inneren Abstand ("padding"). Je größer der Rahmen und der innere Padding-Abstand sind, desto größer wird am Ende auch das Element: Meist ein <DIV> Container. Für pixelgenaues Webdesign ist das manchmal aber störend, da sich neben den Attributen für Höhe und Breite (height und width) auch die Abstandswerte noch auf die tatsächliche Größe ... Weiterlesen...

Copy & Paste HTML Code: Der Code für den Play-Button, für den Stop-Button, den Rewind- und Forward-Button: So macht man die Knöpfe mit reinem HTML-Code, ohne CSS und ohne Grafiken! Play Button: ► - Code: &#9658; Stop Button: ◾ - Code: &#9726; Pause Button: ❙❙ - Code: &#10073;&#10073; Pfeil nach oben: ▲ - Code: &#9650; Pfeil nach unten: ▼ - Code: &#9660; Pfeil nach links: ... Weiterlesen...

Ein schicker Effekt ist das vertikale Parallax-Scrolling, das für einen 3D Effekt sorgt: Dabei werden verschiedene Ebenen (DIVs) einfach unterschiedlich schnell beim Scrollen bewegt. In der richtigen Reihenfolge sorgt dass dann für einen Tiefeneffekt - dafür muss sich die hinterste Ebene am langsamsten bewegen, die vorderste am schnellsten. Für den Parallax-Effekt gibt es mittlerweile verschiedene Varianten, unter anderem mit JQuery. Unsere Vers... Weiterlesen...

Um einen Apostroph ("'") oder ein Anführungszeichen ('"') einzugeben, gibt es bestimmte HTML-Codes: Das kann gerade bei der Programmierung mit Sprachen wie PHP, Perl oder Javascript wichtig sein, wenn am Ende wieder HTML Code ausgegeben werden soll: Dann müssten Apostroph oder Anführungszeichen maskiert werden - oder durch ihre HTML-Codes ersetzt werden. Genau wie bei den Umlauten gibt es auch für Sonderzeichen wie Apos... Weiterlesen...

Um eine SQL- oder MySQL-Datenbank von einem Webserver zu exportieren (zum Beispiel als Backup oder um den SQL Dump auf einem neuen Server wieder zu importieren) hilft das Tool "phpMyAdmin": Das ist auf vielen Webservern bereits installiert und wird über den Browser geöffnet. Neben zahlreichen SQL-Befehlen lässt sich hiermit auch der "SQL Dump", wie man den Export der Datenbank auch nennt, ganz einfach ausführen.   SQL Dump ganz schnell: p... Weiterlesen...

Die Anzeige der PHP Fehler und Warnungen (PHP error, Fatal error oder Warning) werden normalerweise in der Konfigurationsdatei PHP.ini für den ganzen Server gesteuert: Wie man die Anzeige der Fehlermeldungen dort aktiviert, zeigen wir in dem PHP.ini Fehler-Einstellungen-Artikel. Alternativ lassen sich die PHP Fehlermeldungen auch für einzelne Ordner einschalten. Oft möchte man aber gar nicht auf sämtlichen Seiten der Website die Fehlermeldungen oder... Weiterlesen...

Wenn Elemente im Header, Footer oder der Sidebar auf verschiedenen Seiten unterschiedliche Texte oder Bilder anzeigen sollen, ist es wichtig, zu wissen, welche Wordpress-Seite der Nutzer gerade aufgerufen hat. Das geht zum Beispiel über den in Wordpress angegebenen Namen der Seite, der auch als Permalink angezeigt wird: In PHP kann man damit über die Server-Variable $_SERVER["REQUEST_URI"] zugreifen: // Welche Seite wird angezeigt? $page_tit... Weiterlesen...

Mit dem neuen Wordpress 5 ist auch der neue Block-Editor "Gutenberg" zum Standard-Editor für die Beiträge und Seiten des Blogs geworden. Dieser ist für manche Nutzer praktisch, da sich Elemente jetzt einfacher als Block in den Text ziehen lassen. Wer trotzdem den klassischen Wordpress Editor, oder sogar den reinen Text-Editor, bevorzugt, kann den neuen Editor aber auch deaktivieren. Das geht aber nicht mehr über die User-Einstellungen: Dort lie�... Weiterlesen...