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
- zum Verkleinern und Vergrößern
- zum Ausschneiden
- zur Formatumwandlung
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.
- Selfhtml: die HTML-Referenz mit Downloadmöglichkeit (deutsch)
- die CSS2-Referenz (deutsch)
- CSS4YOU - eine CSS-Referenz mit Downloadmöglichkeit (deutsch)
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) |
Letzte Aktualisierung: 18.01.2007 © HPCO, 2006-2018