Webmaster Tipps: Gestaltung und Programmierung (Seite 4)

Wenn man mit Javascript Elemente an das aktuelle Dokument anhängen möchte, kommt es unter Umständen zu diesem Fehler. Das passiert, wenn das Skript ausgeführt wird, bevor das Dokument komplett geladen wurde. Möchte man dann mit der Funktion appendChild() etwas an das DOM anhängen, zeigt unter anderem der Chrome Browser diese Fehlermeldung: "Uncaught TypeError: Cannot read property 'appendChild' of null" oder: "Cannot call method 'append... Weiterlesen...

PHP hat die Funktion "striptags", mit der sich ganz leicht sämtliche HTML Befehle aus einem Wert entfernen lassen. In Javascript gibt es dafür zwar keinen Befehl, man kann sich mit einem kleinen Trick aber ganz gut behelfen! Wichtig ist das zum Beispiel, um einen Text weiter zu verarbeiten, oder auch nur um Wörter und Buchstaben zu zählen.   Javascript: HTML Befehle entfernen Eine eigene Funktion hat Javascript nicht, um HTML Befehle aus ei... Weiterlesen...

Auch mit Javascript lässt sich schnell und einfach die Länge eines Strings ermitteln: Das funktioniert ähnlich wie in PHP die Funktion strlen(). So weiß man, ob ein String 2, 3 oder 255 Zeichen enthält. var string = 'dies ist ein string'; var laenge = string.length; Die Funktion zur Ermittlung der Länge eines Strings mit Javascript heißt "length": Zum Ermitteln der Länge des Strings hängt man die Funktion ganz einfach an die String... Weiterlesen...

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