Webmaster Tipps: Gestaltung und Programmierung (Seite 12)

Für Webseitenentwickler gibt es neben dem Pflichtwerkzeug "Webdeveloper Toolbar" nun ein weiteres kostenloses Add-on für den Firefox, das nun auch unter Firefox 3.0 läuft. Mittels Firebug kann der Code einer Webseite sehr einfach überprüft und sogar live verändert werden. Ferner beherrschte das Tool neben HTML auch den Umgang mit CSS. Nach dem starten von Firebug öffnet dieses im unteren Teil von Firefox einen neuen Fensterbereich. So zeigt F... Weiterlesen...

Um den Hintergrund eines Bildes zu entfernen, den Vordergrund also vor dem dann transparenten und durchsichtigen Hintergrund freizustellen, ist Photoshop ein gutes Werkzeug. Nachdem das Bild mit dem Adobe Bildbearbeitungsprogramm geöffnet wurde, wird in der Regel im Ebenen-Dialog nur eine Ebene, die Hintergrundebene, angezeigt. Mit einem Doppelklick ... Weiterlesen...

Das kostenlose Bildbetrachter-Programm Irfanview kann mehr als nur Bilder anzeigen oder daraus Slideshows erstellen. Zu große Bilder lassen sich damit auch schnell und einfach in der Größe anpassen. ... Weiterlesen...

Um die pixelgenauen Koordinaten eines Bildpunktes in einem Bild oder Foto herauszufinden, gibt es verschiedene Möglichkeiten und auch unterschiedliche Programme. Mit dem Profi-Tool Photoshop lassen sich die Werte in der "Info-Palette" ablesen. Gezeigt wird hier der Punkt, über dem sich der Mauszeiger gerade befindet. Weiterlesen...

Der Fehler "Catchable fatal error: Object of class __PHP_Incomplete_Class could not be converted to string in wp-settings.php on line 356" kann mitunter bei der Arbeit mit Wordpress auftauchen, oft liegt es an zu installierenden Plugins und der verwendeten PHP Version. Im Test konnten wir eine ältere Version des Yigg Plugins als Verursacher ausmachen, bei der der PHP 5 Patch noch nicht aktiviert wurde. Da man allerdings keinen Zugriff mehr auf das WP_... Weiterlesen...

Das englische Smashing Magazine hat 35 Source-Code und Texteditoren für Webmaster vorgestellt, unter denen sich auch einige Unbekannte Programme für Windows, Linux uns Mac OS X befinden. Jeder Editor ist mit Bild, Download-Link und eventuellem Preis vorgestellt. Wer eigene Tipps geben möchte, kann sein Lieblingsprogramm gerne auch in unserem Webmaster-Forum nennen. Smashing Magazine: 35 Sourcecode Editoren Smashing Magazine: 25 WYSIWYG Editoren ... Weiterlesen...

Die Mitglieder des Computerhilfen-Forums haben zusammen ein eigenes PHP-Gästebuch entwickelt, das verständlich kommentiert und mit wenigen HTML- und PHP-Kenntnissen schnell an die eigene Seite angepasst werden kann. Bei Fragen und Anregungen kann natürlich direkt im Forum nachgehakt werden. Die Entwicklung mit Hinweisen und Tipps Zur offiziellen Dokumentation Features: Captcha-Sicherheitscode zur Vorbeugung von Spam Administrationsbereich... Weiterlesen...

PHP und Reguläre Ausdrücke (Regular Expressions oder RegExp) - damit lassen sich leicht Informationen aus HTML-Seiten auslesen. Egal, ob man mit einer Suchmaschine die Titel- oder Meta-Angaben seiner Seiten ausgeben möchte oder zeigen, wer auf die eigenen Seiten verweist:

Mit den RegExp lassen sich Daten leicht und schnell filtern.

<?php $woher = "https://www.computerhilfen.de/start.php"; $data = implode("", file(... Weiterlesen...

Stimmt einmal ein Link nicht mehr, und die Besucher können die eigentliche Seite nicht finden, wird eine Fehlerseite angezeigt. Die wird in der Regel direkt vom Webserver oder Ihrem Provider geliefert. Es lässt sich aber auch ganz einfach eine eigene HTML Datei erstellen, die mit einem Hinweis und den wichtigsten Links für neue Besucher ausgestattet ist. Um die aktuelle Fehlerseite zu testen, geben Sie einfach "https://www.IhreDomain.de/xsfsztshab.htm... Weiterlesen...

Für Webmaster sind vor allem drei verschiedene Grafikformate interessant. Die Formate GIF (Dateiendung ".gif"), JPEG (Dateiendung: ".jpg") und PNG (Dateiendung: ".png"). GIF steht dabei für GIF Graphic Interchange Format, ein für Onlinedienste entwickeltes Format mit 256 Farben. JPEG (kurz für Joint Picture Experts Group) wurde später vor allem für Fotos mit vielen Farben entwickelt. Das PNG Format (Portable Network Graphics) unterstützt sow... Weiterlesen...

Wenn man Text oder Bilder direkt am linken Browserrand beginnen lassen möchte, muss man zuerst den Standard-Browserrand ausschalten. Dies funktioniert mit den allerdings veralteten Attributen "topmargin=0 leftmargin=0 marginheight=0 margingwidth=0" im body-tag, oder per CSS. Das sieht dann so aus: <body topmargin="0" leftmargin="0" marginheight="0" margingwidth="0"> Heute sollten solche Angaben allerdings per CSS definiert werden. Dies... Weiterlesen...

Um die Besucher automatisch zu einer anderen Seite weiterleiten zu lassen oder die aktuelle Seite in einem bestimmten Intervall ständig neu zu laden (Reload), hat der Webmaster verschiedene Möglichkeiten. Die am häufigsten verwendeten URL Weiterleitungen werden dabei mit HTML (als Meta-Element direkt im HEAD-Bereich der Seite), Javascript oder PHP realisiert.   Seiten-Redirect: Weiterleitung zu anderer Seite Bei der Javascript-Variante muss... Weiterlesen...

Ergänzt man den Link um das Title-Attribut, erscheint ein kleiner Hilfetext, der den Link beschreiben kann. So weiß der Besucher auf jeden Fall, wohin er gelangt. Beispiel Link <a href="https://www.computerhilfen.de" title="Zu Computerhilfen.de">Link</a> ... Weiterlesen...

Manchmal muss man ein Script kurz anhalten - zum Beispiel um eine Ausgabe zu kontrollieren, auf verschiedene Aktionen des Servers zu warten, oder einfach um bei einem Hacker-Versacht nach fehlerhafter Anmeldung den Besucher kurz warten zu lassen. Dies geht schnell und einfach mit dem Befehl sleep(anzahl_sekunden); ... Weiterlesen...

Mit CSS Style Sheet Befehlen oder Grafiken lassen sich neben den Formularfeldern auch langweilige Absende-Buttons etwas aufpeppen und an das Gesamt-Design der Website, des Blogs oder des Online-Shops anpassen. Standardbutton: <input type="submit" value="Absenden"> Mit zusätzlicher Grafik: <input type="submit" value=" Absenden" style="background-image:url(fragezeichen.gif); background-repeat: no-repeat; backgrou... Weiterlesen...