Webmaster Tipps: Gestaltung und Programmierung (Seite 4)

Mit Javascript lassen sich alle Elemente einer Webseite ändern: Auch die CSS Hintergrundbilder (background-image). So kann man per Javascript das Bild ändern: Zum Beispiel als Reaktion auf einen Klick oder einen mouseover Effekt. In Javascript heißen die CSS Stile allerdings anders: Statt "background-image" heißt der Befehl dort "backgroundImage":   CSS: background-image:url('bild.jpg');   Javascript: style.backgroundImage =... Weiterlesen...

Wer seine MySQL Datenbank mit dem kostenlosen PHPMyAdmin verwaltet, hat die Funktion vielleicht schon gesucht: Mit der "Auto Increment" Funktion lässt sich ein Wert immer automatisch erhöhen. Das ist praktisch für die ID einer Tabelle, da diese immer einen eindeutigen, fortlaufenden Wert haben sollte: Stellt man sie auf "Auto Increment", muss man den Wert nicht mehr von Hand einfügen: SQL kümmert sich dann darum automatisch.   Auto Increment ... Weiterlesen...

Mit CSS Filtern kann man Bilder im Browser verändern: Damit lassen sie sich aufhellen, abdunkeln, in Graustufen umwandeln oder mit dem Blur-Filter weichzeichnen. Das ist praktisch, weil nicht jeweils zwei verschiedene Bilder übertragen werden müssen, sondern die Umwandlung im Browser stattfindet. Mit den CSS Filtern lassen sich Bilder daher zum Beispiel abdunkeln und bei Mausberührung (hover oder mouseover) aufhellen: Das klappt mit reinem CSS, ganz... Weiterlesen...

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