Webmaster Tipps: Gestaltung und Programmierung (Seite 9)

Links lassen sich sehr geschickt formatieren, um gut zum Rest der Seite zu passen: Möchte man zum Beispiel die Farbe ändern oder die Unterstreichung entfernen, geht das sehr einfach mit CSS. Außerdem lässt sich statt dem normalen Unterstrich auch eine gepunktete Linie nutzen oder eine Hintergrundfarbe.   Keine Unterstreichung unter dem Link: Um den Unterstrich unter einem Link wegzulassen, fügt man das folgende CSS Kommando ein: text-de... Weiterlesen...

Unter Linux-Systemen (auch auf den meisten Web-Servern) vergibt man Dateirechte mit dem "chmod" Befehl. Hier lassen sich drei Werte von 0 bis 7 einstellen, die regeln, wer die Datei ansehen, schreiben oder ausführen darf. Sieht man sich ein Verzeichnis mit dem Befehl "ls -l" an, werden die Rechte für jede Datei mit angezeigt: Diese Rechte werden mit "r" für "read" (darf lesen), "w" für "write" (darf schreiben) und "x" für "execute" (darf ausfü... Weiterlesen...

PHP.INI finden: Hier zeigen wir, wie man die PHP Konfigurationsdatei findet und Einstellungen macht - zum Beispiel die Anzeige der PHP Fehler aktiviert. Zum Entwickeln ist es hilfreich, auftretende Fehler direkt zu erkennen: Die Web-Sprache PHP macht das eigentlich recht gut und zeigt einen Programmierfehler direkt mit der Zeile an, an der er auftritt. Allerdings werden die PHP Fehlermeldungen oft gar nicht angezeigt: Das ist für Produktiv-Umgebungen a... Weiterlesen...

imagecreatefromjpeg(), imagecreatefrompng() und imagecreatefromgif() brauchen, wie viele andere Bild-Funktionen auch, eine bestimmte PHP Bibliothek, die nicht auf jedem Webserver installiert ist. Hier zeigen wir, wie man das Problem löst und die Image-Funktionen nutzen kann! Um mit der Programmiersprache PHP Bild-Bearbeitung auf dem Webserver auszuführen, braucht man spezielle Image-Funktionen. Diese werden aber nicht immer automatisch mit PHP mi... Weiterlesen...

Lange Tabellenzeilen sind nicht immer angenehm zu lesen, und auch das dezente Abwechseln von Hintergrundfarben hilft nicht viel. In diesem Beispiel zeigen wir einen einfachen MouseOver oder Hover Effekt, der die aktuelle Tabellenzeile unter dem Mauszeiger farbig hervorhebt. Das Beispiel nutzt hier Javascript (obwohl es auch nur mit CSS möglich wäre) - ist daher etwas flexibler und kann bestimmte Zeilen daher auch leicht mit anderen Farben hervorheben, wi... Weiterlesen...

PageSpeed ist ein Server-Modul für den Apache oder Nginx Webserver, um die Webseiten zu beschleunigen: Damit wird zum Beispiel der Quelltext optimiert und ohne Leerzeichen oder Zeilenumbrüche ausgeliefert oder die Bilder in einem extra Cache zwischengespeichert, heruntergerechnet und in der richtigen Auflösung übertragen. Um das Modul zu konfigurieren, muss man sich in der Regel per SSH auf dem Server anmelden und anschließend mit einem Text-Editor... Weiterlesen...

Das Wordpress-Plugin "WP-PostRatings" hat manchmal Probleme, beim Abstimmen den Referer zu erkennen und zeigt dann die Fehlermeldung "Failed To Verify Referrer". Leider lässt sich die dafür zuständige Funktion nicht in den Einstellungen abschalten, daher muss man hierfür die Datei selber bearbeiten. Der Vorteil: Man kann auch gleich den englischen Text der anderen Fehlermeldungen dort bearbeiten. Bei einem Update des Plugins werden die Änderungen alle... Weiterlesen...

HTML ist nicht nur für einfache Webseiten geeignet, sondern auch für später ausdruckbare Seiten: So kann ein Onlineshop die Rechnungen direkt in HTML anzeigen, und schon für das Drucken optimieren. Anders als bei scrollbaren Bildschirmseiten werden die Ausdrucke aber von der Papierlänge eingeschränkt: Hier hilft ein einfacher HTML Seitenumbruch, um längere Seiten passend für den Druck zu optimieren. Den Seitenumbruch kann man in HTML ganz einfach p... Weiterlesen...

Ein iFrame ist ein viereckiger Bereich einer Webseite, der eine eigene HTML-Seite als Inhalt hat. Die kann von fremden Seiten kommen, wie zum Beispiel ein eingebettetes YouTube Video, aber auch von eigenen Seiten: So haben wir für den Smart Home Server FHEM die zusätzlichen Menüs zum Beispiel mit iFrames über einen Hintergrund gelegt. Das kann aber problematisch sein, wenn der iFrame - wie in unserem Menü-Beispiel - andere Inhalte auf der Webseite ... Weiterlesen...

Pagespeed ist ein Google-Test zum Optimieren der eigenen Webseiten: Durch oft schon kleine Änderungen werden die Seiten schneller übertragen und dargestellt - und das freut nicht nur die Google-Bots, die pro Tag Milliarden Webseiten einlesen müssen, sondern auch alle anderen Webnutzer. Um die Webseiten noch weiter zu optimieren, hat Google ein Apache Modul entwickelt: mod_pagespeed. Das sorgt unter anderem dafür, dass die Bilder optimiert werden oder n... Weiterlesen...

Hier die Lösung für das Problem: Wie finde ich eine bestimmte Datei unter Linux oder eine Textstelle, wenn ich nicht weiß, in welcher Datei ich suchen muss. Gerade Webmaster kennen das Problem: Wenn man ein größeres Web-Projekt bearbeitet, sucht man manchmal unnötig lange nach gewissen Textstellen, Bildern oder Dateinamen, die in einem Template oder Theme versteckt sind. Nur in welcher Datei man suchen muss, weiß man leider selten. Hat man per SS... Weiterlesen...

Wordpress Hacker haben es auf die Sicherheitssysteme in dem beliebten CMS oder den zahlreichen Plugins abgesehen, um einen Server mit Viren zu infizieren: Wir zeigen hier, wie man mit einer Firewall und den richtigen Schutz-Einstellungen einen Großteil der Angreifer abblocken und sein Wordpress schützen kann. Haben die Angreifer allerdings schon Zugang zu dem eigenen Server gehabt, hilft dieser Artikel bei der Suche nach heimlich installierten Viren wie ... Weiterlesen...

Wenn man seine Webseite gerade erneuert oder Teile umbaut, ist es oft besser, allen anderen Besuchern eine Wartungsseite zu zeigen - so können keine neuen Daten geschrieben werden, was später vielleicht zu Problemen führen könnte. Aber auch für Google ist es besser, statt defekten Webseite mit Fehlermeldungen oder einer 404-Meldung ("File not found") eine richtige Wartungsseite mit korrekter http Meldung zu erhalten: Für Wartungsarbeiten ist hier die... Weiterlesen...

CMS Programme wie Wordpress sind beliebte Angriffsziele für Hacker: Kostenlos und auf Millionen Webservern installiert lassen sich Sicherheitslücken leicht ausnutzen, um eigene Programme auf den Server zu schleusen - zum Beispiel, um im Hintergrund heimlich massenweise Spam-Emails zu versenden. Dem Webmaster fällt das meist erst auf, wenn der Server langsam wird oder die eigenen Emails nicht mehr versendet werden können, da der Server bereits auf einer... Weiterlesen...

Dieser Tipp funktioniert ohne extra Wordpress-Plugin! Wer viele Artikel oder Blog-Beiträge mit Wordpress schreibt, kennt den praktischen Bilder-Upload bestimmt: Mit einem Klick auf "Dateien hinzufügen" lassen sich die Dateien per Drag 'n' Drop direkt in das Browserfenster ziehen und dann in den Artikel einbauen. Die Bilder werden dabei aber immer automatisch verlinkt - und zwar auf sich selbst: Wer also auf ein Bild klickt, bekommt das Bild noch einmal e... Weiterlesen...