Auch wer mit seinem Code- und Webeditor zufrieden ist, spart bei der Website-Entwicklung mit den richtigen Werkzeugen einiges an Zeit. Empfehlenswerte Development-Tools für Webdesigner präsentieren wir Ihnen ab sofort regelmäßig an dieser Stelle.
Wir stellen Tools vor, die Profis im Rahmen der Site-Entwicklung benötigen, um Web-Projekte oder einzelne Web-Seiten zu realisieren, zu veröffentlichen und zu pflegen: von professionellen Editoren, Grafik-Tools und Validatoren bis hin zu Produktivitäts-Tools. Weil sich alle Utilities entweder von unserem Server oder von der Hersteller-Website direkt herunterladen lassen, können Sie damit sofort loslegen.
Update: Openads: Umfassendes Bannermanagement
Wer die Platzierung von Werbebannern individuell steuern möchte, erhält mit Openads ein kostenloses Banner-Management System auf Open-Source-Basis. Mit der Software verwalten Sie problemlos die Werbeplätze auf Ihrer Site: Annoncenanzeige nach Zeitplan, Klicklimitierung, Anzeigenrotation und Protokolierung der Zugriffe.
Ursprünglich ist Openads aus dem phpMyAdmin-Projekt hervorgegangen, entsprechend einfach ist die Handhabung. Einmal angelegte Anzeigen lassen sich in verschiedene Websites integrieren. Umfassend sind die statistische Auswertungen und Berichte, die sich per Mail automatisiert an die Inserenten verschicken lassen.
Update: MyTop FAQ Maker: Einfach gehaltener FAQ-Listendesigner
Die englischsprachige Freeware MyTop FAQ Maker unterstützt Sie bei der einfachen Erstellung und Verwaltung von FAQ-Seiten als ein Bestandteil einer Website. Bei Frequently Asked Questions – häufig gestellte Fragen – handelt es sich um Teile eine Site, auf der Sie Ihren Besuchern wichtige Informationen in strukturierter Frage-und-Antwortform zum Direktabruf anbieten.
In MyTop FAQ Maker geben Sie die Fragen nebst passenden Antworten ein, wählen eines der mitgelieferten Beispiellayouts aus oder legen ein eigenes an, und lassen die Datensätze sortieren. Das Ergebnis exportieren Sie in den Formaten HTML, XML oder TXT.
Sizer: Lokale Fenstergröße automatisch anpassen
Webseiten müssen nicht nur in unterschiedlichen Browsern optimal funktionieren, sondern sie sollten auch bei verschiedenen Bildschirmauflösungen gut aussehen. Sizer erleichtert Ihnen die notwendigen Tests, denn es kann Browser- und andere Programmfenster auf eine von Ihnen vorgegebene Größe bringen. So spiegeln Sie die Ausmaße der Fenster bei unterschiedlichen Bildschirmauflösungen wieder, ohne dass Sie dazu etwas an Ihren Anzeigeeinstellungen verändern müssen.
Um die Größe eines Fensters pfeilschnell zu verändern, klicken Sie bei aktiviertem Tool einfach in die rechte untere Ecke. Welche Fenstergröße dabei erscheinen, legen Sie in den Voreinstellungen fest.
Update: PHP: Update schließt Sicherheitlecks
Webentwickler, die PHP 5 für ihre Projekte einsetzen, sollten unbedingt auf die neueste Release PHP Version 5.2.6 umsteigen, um eine Reihe kritischer Sicherheitslücken zu beheben. Das Update ist unter www.php.net kostenlos zu haben.
Angreifer können ohne eingespielten Patch etwa Sicherheitsmechanismen umgehen und einen Pufferüberlauf produzieren, der den Rechner zum Absturz bringen kann. Weitere Korrekturen betreffen die Speicherverwaltung, die Performance und Stabilität älterer PHP-Installationen.
Update: Web Developer Toolbar: Firefox-Tuning für Online-Entwickler
Standardmäßig bietet Firefox nicht viele Hilfen für Webdesigner. Mit der kostenlosen Firefox Webdev Toolbar wird aus dem Open-Source-Browser schnell ein Werkzeugkoffer für den Webdesigner.
Entwickler können die Cookies einer Site kontrollieren oder sich Javascript- und CSS-Code einzeln ansehen. Der Entwickler kann die Cookies einer Website kontrollieren oder sich Javascript- und CSS-Code einzeln ansehen. Ferner gibt es die Möglichkeit, das Browserfenster auf eine bestimmte Größe zu setzen und Hilfslinien und ein Messrechteck einzublenden.
Update: Rapid CSS 2008: Stylesheets erstellen und bearbeiten
Das 20 Euro teure Shareware Rapid CSS ist auf die Erstellung und Anpassung von CSS-Dateien spezialisiert. Zu den Highlights gehört eine Projektverwaltung, die mit einem automatischen FTP-Upload verbunden werden kann.
Beim schnellen Encoding hilft die Autovervollständigung. In der Code-Bearbeitung bietet Rapid CSS einen Code Explorer, der die einzelnen Selektoren übersichtlich zeigt. Gut gelöst ist die Integration diverser Tests von Syntax über W3C-Validierung bis zu HTML-Tidy. Die Oberfläche ist aufgeräumt und trotz nur englischer Sprache einfach zu verstehen. Gut: Vom Tastenkürzel bis zum Kontextmenü ist alles vom Nutzer einstellbar.
Update: Serendipity: Komfortables Weblog-System
Die Einrichtung einer Blog-Software ist normalerweise kompliziert. Nicht so Serendipity: Das Weblog-System auf PHP-Basis ist trotz seiner umfassenden Ausstattung ausgesprochen einfach zu bedienen.
Eine imposante Anzahl an Erweiterungen lässt Ihnen viel Spielraum für eine individuelle Konfiguration. Das Setup ist blitzschnell erledigt: Sie kopieren nur das Archiv auf Ihren Webspace, entpacken es und rufen es im Browser auf.
Die Setup-Routine führt dann automatisch einen Check der vorhandenen Server-Erweiterungen, Rechte und der php.ini-Einstellungsdatei durch. Probleme werden rot markiert, so dass fehlende Schreibrechte und Ähnliches schnell korrigieren können.
Update: Website Baker: Site-Pflege für jedermann
Wer für seinen Webauftritt ein einfaches CMS ohne die übliche Funktionsüberladung großer Systeme sucht, kann zum kostenlosen Website Baker greifen. Damit erledigen Sie das Aufsetzen und Pflegen einer Website einfach und schnell.
Die suchmaschinenfreundliche Software bietet alles, was für ein effektives Site-Management erforderlich ist: Wysiwyg-Editor, Medien- und Benutzerverwaltung sowie Erweiterungsoption mit Hilfe von Modulen. Sinnvoll ist die Volltext-Suchfunktion, in die Sie jede Seite einzeln integrieren oder explizit ausschließen können.
A-Prompt: Web-Kompatibilitätstest
Um zu überprüfen ob Ihre Webseite zu der Checkliste der Web Accessibility Initiative des World Wide Web Consortiums konform ist, hilft Ihnen das Tool A-Prompt. Obwohl kostenfrei, handelt es sich hierbei um ein ausgereiftes und anspruchvolles Testprogramm.
A-Prompt überprüft weit mehr als nur mangelhaftes HTML – eine Webseite wird auf Herz und Nieren untersucht. Im Anschluss daran macht das Tool Verbesserungsvorschläge, unter anderem die Farben und Bildbeschreibungen betreffend. Änderungen können Sie auch direkt in die Seiten übernehmen.
Update: SuperHTML: So nahe am Code wie möglich
Der HTML-Editor SuperHTML gefällt durch klare Strukturierung und viele professionelle Werkzeuge für die Code-Bearbeitung auszeichnet. Die Software ist in erster Linie ein Code-basierter Editor, der dem Entwickler die volle Kontrolle über den Quellcode und damit maximale Flexibilität und Präzision bietet. Für einen modernen Webeditor gehört es sich aber, auch einen WYSIWYG-Modus zu bieten - SuperHTML gibt sich hier keine Blöße.
Das Programm unterstützt alle gängigen Sprachen wie HTML, XHTML, XML, CSS, Javascript, PHP und Perl. Syntax-Highlighting und Code-Vervollständigung erleichtern die Arbeit ungemein. Ein Syntax-Check prüft während der Eingabe den Code und gibt bei Fehlern schlüssige Hinweise aus.
Mit zahlreichen Assistenten und Hilfsfunktionen greift das Programm dem Benutzer unter die Arme. Viele weitere Komfortextras wie FTP-Client, Tag-Inspektor, HTML-Referenz sowie Textbausteinverwaltung runden das Programmpaket ab.
Topstyle Pro: CSS von Anfang an
Sucht man nach einem CSS-Spezialisten, kommt Profis meist Topstyle in den Sinn. Es ist in der kleineren Version bereits in einigen Webeditoren integriert, und auch die Pro-Version lässt sich einfach als Editor für CSS einbinden. Die Oberfläche von Topstyle ist ordentlich strukturiert. Der Anwender hat die Möglichkeit, Werkzeuge zu verschieben und an anderen Stellen anzudocken.
Individuelles Anpassen ist eine der Stärken der Software: Vom Tastenkürzel über die Symbolleiste bis zum Menü kann der Nutzer alles individuell konfigurieren. An Funktionen bietet Topstyle von Standards wie Suchen & Ersetzen bis zu Anspruchsvollerem wie automatischer Code-Einrückung alles. Sinnvoll ist beispielsweise die Farbübersicht in einer eigenen Palette.Der Stilinspektor zeigt alle CSS-Befehle für bestimmte Browser oder CSS-Level, die derAnwender nach Kategorien oder alphabetisch ordnen kann.
Alternative zu Topstyle Pro: Die Shareware Coffeecup Stylesheet Maker ein deutlich einfacher konzipiert und beschränkt sich auf die wichtigsten Basisfunktionen.
Update: Phorum: Diskussionsplattform für Websites
Foren auf einer Website sorgen für hohen Besucherzahlen und eine Festigung der Community. Darüber hinaus vereinfachen Sie die strukturierte Veröffentlichung von Content. Eine stabile Foren-Software auf Basis von PHP ist Phorum. Neben PHP setzt Phorum eine MySQL-Datenbank voraus.
Als gelungen darf die Thread-Darstellung von Phorum bezeichnet werden. Der Diskussionscharakter kommt durch diese Darstellungsvariante wesentlich deutlicher zum Vorschein als bei einer rein sequenziellen Darstellung der einzelnen Beiträge einer Diskussion. Auf den ersten Blick sieht man hier, wer wem in einer virtuellen Forumsdiskussion geantwortet hat.
Alternative zu Phorum: Die Foren-Software MyBB ist in PHP geschrieben und beherrscht neben der linearen auch eine Thread-Ansicht der Einträge.
Update: Studio Line Web: Grafische Site-Entwicklungsoberfläche
Wer kein HTML-Profi ist, greift zu einem grafischen Web-Editor, um seine Website zu erstellen und zu pflegen. Studio Line Web kommt mit gut aussehenden Seitenvorlagen, die Einsteigern ohne Erfahrung beim Seitendesign und weniger versierten Anwendern zu schnellen Erfolgserlebnissen verhelfen.
Das Tool verbirgt den HTML-Quelltext vor dem Nutzer. Einerseits kommt das Einsteigern zugute, andererseits schränkt das die Gestaltungsmöglichkeiten erfahrener Web-Designer ein. Multimedia- Elemente Macromedia Flash, Shockwave und Videodateien lassen sich ohne weiteres in das Programm einbinden.
Auch wenn Studio Line Web bei der Verwaltung ganzer Websites auf eine Darstellung in Diagrammform verzichtet, geht die Tätigkeit recht einfach vonstatten. Denn bei der Site-Verwaltung hilft der integrierte Studio Line Explorer, eine Art Sammelbehälter für alle bei einem Projekt genutzten Designelemente. Ein wenig versteckt ist die integrierte FTP-Funktion, mit deren Hilfe der Nutzer die Seitenelemente auf den eigenen Server überträgt.
Update: CSE HTML Validator Lite: Schneller Codefehler-Checker
Ob Sie nun HTML-Code mit einem Text- oder WYSIWYG-Editor programmieren: Fehler im Code können Sie nie hundertprozentig ausschließen. Die englischsprachige Freeware prüft den HTML-Code einzelner Dateien auf seine Richtigkeit und Kompatibilität mit den wichtigsten Browsern hin. Die Software liest HTML-Dateien ein, geht sie Zeile für Zeile durch und sucht nach den Verweiszielen. Ein Verweisziel ist dabei jede verlinkte externe Datei: Web-Seiten im eigenen Projekt, Bilddateien, Video- und Musikdateien, Flash-Animationen, etc. und selbstverständlich auch Internet-Links. Dann prüft das Tool, ob das Ziel existiert. Gefundene Fehler markiert das Tool - so sehen Sie gleich, an welchen Stellen Sie Änderungen durchführen müssen.
Bei der Code-Prüfung lässt sich unter anderem die Schärfe des Checks festlegen, etwa, ob das Programm auch HTML-Tags beanstanden soll, die zwar nicht stimmen, aber in den verbreiteten Browsern trotzdem funktionieren.
Das Tool liegt in einer kostenlosen Light-Version und einer voll ausgestatteten Pro-Version vor.
Animake: Effektiv arbeitendes Animations-Tool
Animake erzeugt animierte GIF-Bilder für Ihre Homepage – etwa für Navigationselemente oder Werbebanner. Vorhandene Grafikdateien lassen sich in den Formaten BMP, ICO, JPG, PCD, PCX, TGA sowie TIF laden und weiterbearbeiten. Sogar Einzelbilder aus AVI- oder MPEG-Videos kann die Freeware extrahieren und in Ihre Animation übernehmen.
Nach dem Import der Bilder erscheinen sie mit den zugehörigen Informationen wie Bildgröße und Transparenzfarben in der Frame-Liste. Hier passen Sie unter anderem die Position der Motive und die Umschaltzeiten zwischen den Bildern an, bevor Sie die GIF-Datei speichern.
Update: Promoware: Website automatisch per Software eintragen
Bei 900 Suchmaschinen anmelden kann das 100 Euro teure Programm Promoware des Herstellers IN Media. Ein geheim gehaltenes Eintragungsverfahren soll dabei sicherstellen, dass die Anmeldung auch tatsächlich funktioniert. Nach der Eintragung führt die Software eine Überprüfung der Bestätigung durch. Auch der automatische Eintrag bei Altavista ist trotz der beschriebenen Hindernisse möglich. Zunächst geben Sie offline alle Einstellungen und Einträge in das Programm ein, lassen sie auf Wunsch für zukünftige Anmeldungsdurchläufe speichern und schicken die Anmeldungen online ab.
Ähnlich arbeitet das Programm Hello Engines des Herstellers Acebit (rund 100 Euro) mit der Eintragung bei bis zu 1000 Suchmaschinen. Integriert sind Meta- Tag-Assistenten, Statusberichte, automatisches Aktualisieren, Speichern der Daten sowie ein Voreintrags-Check. (mec)