Webmaster Tipps: Gestaltung und Programmierung (Seite 4)

Für Webseiten und deren HTML und CSS Code benötigt man die Farben als RGB-Werte: Diese werden allerdings hexadezimal und nicht dezimal angegeben. So hat man statt den Farbwerten von 0 bis 255 pro Farbe Rot, Grün oder Blau Werte von 00 bis FF. Zum Umrechnen der dezimalen Farbwerte in die hexadezimale Form hat PHP bereits eine eigene Funktion: Diese muss man allerdings für dunkle Farben anpassen!   PHP: Dezimal-Werte in hexadezimale Werte umrech... Weiterlesen...

Um mit PHP die Länge eines Strings zu ermitteln, gibt es eine praktische Funktion: Diese gibt die Länge des Strings als Zahl zurück: So weiß man, ob der String 2, 3 oder 255 Zeichen lang ist. Dies ist oft gut zu wissen: Zum Beispiel, um zu prüfen, ob der String überhaupt mit dem Befehl "substr()" gekürzt werden muss. $string = 'dies ist ein string'; $laenge = strlen($string); Die Funktion zur Ermittlung der Länge eines Strings heißt "st... Weiterlesen...

Mit unserem CSS Farbverlauf Generator kann man einen HTML / CSS Farbverlauf ganz einfach online erstellen: Dazu wählt man die erste und die zweite Farbe und die Richtung aus: Anschließend kann man sich CSS Befehle mit dem HTML Code direkt kopieren und in die eigene Webseite einfügen. Aktuell unterstützt unser Generator Farbverläufe mit zwei Farben: Wer mehr Farben braucht, für den haben wir im Grafik-Blog eine Übersicht mit weiteren Webdiensten ... Weiterlesen...

Mit den CSS Media Queries hat man praktische Funktionen für responsive Websites: Damit kann man die Webseite per CSS direkt für die Größe (z.B. Breite) des Bildschirms anpassen. Für manche Funktionen braucht man aber auch Javascript: Hier ist es oft praktisch, wenn das Skript auch auf die Media Eigenschaften von CSS zugreifen kann!   Beispiele für CSS Media Queries: Mit diesem CSS Code passt man die Schriftgröße von einem Div-Element an... Weiterlesen...

Farbverläufe mit CSS sind ein einfaches Mittel, dezent etwas Farbe auf die Webseite zu bringen. Mit einem CSS Farbverlauf kann man aber auch ein Bild am oberen oder unteren Rand abdunkeln und Text lesbarer machen. Den CSS Farbverlauf erstellt mal als Hintergrund-Bild (background-image) eines Objektes: Dabei kann man entweder einen Verlauf zwischen zwei oder mehr Farben erstellen oder mit Transparenz arbeiten: Damit kann man dann zum Beispiel eine Farbe au... Weiterlesen...

Dieses kleine Skript hilft dabei, viele Dateien schnell und einfach umzubenennen: Das ist zum Beispiel praktisch, um allen Bildern in einem Ordner eine fortlaufende Nummer zu geben oder das Datum mit in den Namen zu übernehmen. Das Skript nutzt dabei die "rename" Funktion von PHP: Die Programmiersprache ist auf den meisten Apple und Linux Rechnern bereits installiert. Der Vorteil von PHP: Das Skript lässt sich Terminal aufrufen und läuft somit auf al... Weiterlesen...

Ob auf einem lokalen Server oder auf einem Webserver: Manchmal arbeitet man mit verschiedenen Programmen und Programmiersprachen zusammen. Mit PHP und Python geht das einfacher als mit Javascript: PHP und Python laufen beide zusammen auf dem Server, während Javascript erst im Browser ausgeführt wird. Hier lassen sich Daten nicht mehr so einfach an PHP oder Python zurück senden.   Python Code in PHP Um Python-Code aus einem PHP Programm herau... Weiterlesen...

Für manche Sachen braucht man als Webmaster die IP Adresse des Besuchers: Zum Beispiel um beim Testen eine neue Änderung nur für bestimmte Besucher (oder sich selbst) anzuzeigen. PHP stellt dafür eine spezielle Server-Variable bereit, die man abfragen kann: Diese enthält dann die IP Adresse mit Zahlen und Trennzeichen, zum Beispiel "94.220.120.95". Die Server-Variable heißt: $_SERVER['REMOTE_ADDR'] Mit dieser Abfrage prüft man die IP Adresse d... Weiterlesen...

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...