HPCO   HTML,
  PHP,
    CSS – ORGANISIERT
  Beta3 – April 2006

Tools

Die Erstellung, aber auch der Betrieb ist nicht ohne Werkzeuge (Tools) zu bewältigen; hier sind einige Tools zur Bearbeitung der HPCO-Sites gelistet, die allesamt Freeware oder Shareware sind. Alle Tools laufen nur mit Windows 2000 oder Windows XP.


Editoren und Entwicklungsumgebungen

Die Bausteine einer HPCO-Site sind ja HTML, PHP und CSS - also allesamt textbasierte Dateien, die somit mit einem normalen Texteditor bearbeitet werden könnten. Dennoch bieten spezielle Editoren einige Vorteile, wie beispielsweise das Hervorheben der einzelnen Syntax-Elemente, den Syntaxcheck oder das automatische Ergänzen von Elementen.

CSS-Editoren

Die CSS-Editoren unterstützen bei der Auswahl der zulässigen Eigenschaftswerte und bei der Editierung der CSS-Dateien. Einen Favoriten gibt es leider nicht.

Name Version Website Bemerkung
TopStyle 3.12 www.bradsoft.com Dieser Editor prüft die CSS-Angaben und hilft bei der Eingabe. Ein schöner Farbwert-Editor ist enthalten. In der Basisversion Freeware, sonst vergleichsweise teuer (80 Dollar).
Style Studio 3.80 www.style-sheets.com bietet ähnliche Möglichkeiten wie TopStyle. (50 Dollar)
Style Master 4.60 www.westciv.com Eine weitere Alternative - bietet einige nette Möglichkeiten. (60 Dollar)

PHP-Entwicklungsumgebungen

Name Version Website Bemerkung
Eclipse 3.2.1 www.eclipse.org Komplexe Entwicklungsumgebung für verschiedene Programmiersprachen. Freeware.

Browser und Erweiterungen

Welchen Browser man benutzt, sollte in heutiger Zeit eigentlich egal sein; leider halten sich die Hersteller der Browser nicht immer an die Standards, so dass jegliche Website zumindest mit den ersten dreien der folgenden Standard-Freeware-Browser überprüft werden sollte:

Name Version Website Bemerkung
FireFox 2.0.0.1 www.mozilla.org Der zur Zeit wohl beste Browser (für den PC); hohe CSS-Kompatibilität, viele Erweiterungen - für Entwickler fast unverzichtbar.
Internet Explorer 6.0.2090 www.microsoft.de Der Standard: etwa 80% aller Browser-Zugriffe weltweit erfolgen mit dem Internet-Explorer (Stand: Juni 2006).
Internet Explorer 7 7.0.5730.11 www.microsoft.de Nachfolger des Standards: hat vieles, was der FireFox auch bietet.
Opera 9.10 www.opera.com Eine weitere Alternative - bietet einige nette Möglichkeiten für den Standard-Betrieb.
Netscape 8.1.2 www.netscape.com Der Veteran unter den Browsern - wird durch AOL sporadisch weiterentwickelt. Basiert auf der Gecko-Engine, die auch in FireFox integriert ist, verhält sich also sehr ähnlich. In der aktuellen Version nur auf englisch verfügbar.

Alle HPCO-Sites werden zumindest mit diesen Browsern überprüft und laufen auch damit. Die Browser können alle zugleich auf einem Rechner installiert werden und laufen problemlos parallel.


Test-Laufzeitumgebungen

Zum Test einer gesamten Site (mit PHP, HTML und CSS) kann entweder direkt die Zielplattform im Internet verwendet werden oder aber ein System welches auf dem Entwicklungsrechner (= leistungsfähiger PC) läuft. Typischerweise kann man sich eine XAMPP-Zusammenstellung aus dem Internet besorgen, die dann einfach installiert werden muss. XAMPP ist Freeware.

Name Version Website Bemerkung
XAMPP von Apachefriends.org 1.5.5 (26. Nov 2006) www.apachefriends.org Die am einfachsten einsetzbare Testumgebung. Installieren und Loslegen - Schwierigkeiten macht höchstens die komplexe Verzeichnisstruktur.

Grafiktools

Zur Ansicht und Bearbeitung der Grafiken empfehlen wir IrfanView, welches neben dem reinen Preview auch Möglichkeiten

bietet. Auch einfache Screenshots können erstellt werden und Scanner werden angesprochen.

Name Version Website Bemerkung
IrfanView 3.99g www.irfanview.de Schnell, einfach aber dennoch mächtig und gut. Deutsche Version.
InkScape 0.45 www.inkscape.org Nettes Freewaretool zur Erstellung von Vektorgrafiken. Deutsche Version.
XARA Xtreme 2.00f ? www.xara.com Weiteres Illustrationsprogramm (zur Erstellung von Vektorgrafiken); sehr schnell, aber für Windows nicht kostenfrei (89 USD).
GIMP 2.2.13 www.gimp.org Freewarepaket für die Bearbeitung von Pixelgrafiken. Deutsche Version.

Weitere Tools

Name Version Website Bemerkung
SmartFTP 2.0.1000 www.smartftp.com Gutes FTP-Programm zur Übertragung der Dateien vom PC zum Server. Deutsche Version verfügbar.
PSPad 4.5.2 www.pspad.com Kleiner, flexibler Editor für HTML, CSS und PHP. Deutsche Version verfügbar.

Interaktive Tools (im Internet)

Die Liste der Tools, die direkt im Internet aufgerufen werden, findet sich unter dem Menüpunkt Links dieser Website. Insbesondere die Farbgeneratoren und Menü-Erstellungsysteme sind sinnvoll einsetzbar.


Tutorials (Anleitungen)

Die hier aufgeführten Online-Referenzen zu HTML und CSS haben inzwischen sehr gute Qualität. Eine Referenz in PHP auf diesem Niveau habe ich leider noch nicht gefunden.


Die Tool-Übersicht zum Download

Der Autor überprüft seine verwendete Standard-Toolpalette einmal pro Jahr (Januar) und stellt die Tools auf einer CD zusammen, die bei Nachfrage auch weitergegeben wird. Alle hier aufgeführten Tools sind Freeware (oder ggf. Shareware) und auch einfach über das Internet erhältlich.

Inhalt Seiten Grösse Typ
Website-Toolliste: Übersicht der Basistools; Stand 01/2007 1 18 kB pdf (pdf)

Letzte Aktualisierung: 18.01.2007 © HPCO, 2006-2018