tutorials
Webdesign Tutorial 5: Tools und Links
Zugegeben, eine Toolliste passt nicht gerad optimal in eine Tutorialsammlung.
Doch wenn mans mal genau betrachtet: Tuts sind dazu da um zu lernen, Tools sind
dazu da um dabei zu helfen. Also Brücke geschlagen... los gehts
Tools
| Notepad ++ |
 |
| Notepad++ ist im Prinzip die Weiterentwicklung vom Windows Editor. Also ein
schöner, schlichter Texteditor in der Basis - mit sehr vielen netten Erweiterungen
wie Tabbrowsing, Syntax-Highlightning für mehrere Sprachen, Autovervollständigung
usw. DER Editor für Webdesigner ! |
 |
| Freeware |
| Download bei Sourceforge |
| Firebug |
 |
| Firebug ist ein Addon für den Firefox Browser. Damit lässt sich u.a. schnell
feststellen welches CSS-Attribut auf welchen HTML-Wert greift. Entweder
direkt über das Browserfenster, oder auch über den Quelltext möglich.
Auch kann Firebug Javascript oder Codefehler dem Programmierer aufzeigen.
Ein Tool ideal zur Fehlerbehebung. |
 |
| Freeware |
| Download bei Firebug |
| XAMPP |
 |
| XAMPP ist eine Distribution von Apache, MySQL, PHP und Pearl. Einfach installieren
und schon steht einem ein funktionstüchtiger Webserver mit PHP und Perl, ein Filezilla
FTP-Server sowie eine MySQL-Datenbank mit phpmyadmin zur Verfügung. Somit kann auch
lokal und offline weiter an PHP und Co entwickelt werden. Unabdingbar. |
 |
| Freeware |
| Download bei Apachefriends.de |
| HTML Validator (FF Addon) |
 |
| Was ein Validator ist dürfte ja bekannt sein: Ein Programm / Tool, welches
den Quelltext (in Verbindung mit dem Doctype) auf syntaktische Korrektheit prüft.
Die URL von W3C kennen die meisten, hier gibts ein Addon für den Firefox Browser
welches eine Validierung der Seiten Offline ermöglicht. Neben den Fehlern werden
gleichzeitig Tipps und Lösungen vorgeschlagen. |
 |
| Freeware |
| Download bei Mozilla Addons |
| Qualidator Website Analyzer |
 |
| Der Qualidator ist die "Offline-Variante" der Qualidator-Page (sieh Pages weiter unten).
Das Programm prüft die Webseite hinsichtlich SEO, Usability und Accessibility. In der
Offline-Variante allerdings nur die ersten 20 Seiten (inkl. CSS Dateien) - außerdem ist zum Download dieser
Anwendung eine (kostenlose) Registrierung notwendig. |
 |
| Shareware |
| Download bei Qualidator.com |
| Joe |
 |
| Joe ist ein Tool zum umbenennen mehrerer Dateien auf einen Streich. Einfach die entsprechenden
Files via Drag&Drop in die Liste ziehen, Muster suchen, los gehts. Ob feste Werte, Zahlen,
Dateinamen, Schreibweise, Zählschritte... alles lässt sich von Hand festlegen. Ideal
um Bilder für die Gallery vorzubereiten. |
 |
| Freeware |
| Download bei Chip |
| Traycolor |
 |
| Traycolor ist ein kleiner "Color Picker" mit dem Programmübergreifend die
Farbe in hexadezimal, dezimal und im html-format bestimmt werden kann. Während
des Betriebs läuft es unscheinbar in der Taskleiste mit, wartend auf den nächsten
Einsatz. Das Tool wird als Zip-Datei geladen und muss nur entpackt werden. Eine Installation
ist nicht notwendig. |
 |
| Freeware |
| Download bei Freenet |
Pages
| Bezeichnung |
Link |
| Liste mit HTML-Entities für die Codierung von XHTML-Umlauten |
[ link ] |
| Umwandeln von PNG-Grafiken in ICO-Datein (z.b. für Favicons) - online! |
[ link ] |
| Onlinetest der Webseite hinsichtlich SEO, Accessibility und Usability |
[ link ] |
| Gut, über selfhtml.org muss ich nichts weiter sagen... |
[ link ] |
| Homepage bewerten lassen (Code, Pagerank, Links usw) |
[ link ] |
| Wie sieht die Webseite im IE6 aus ? oder auf Linux ? Hier kann mans rausfinden... |
[ link ] |