stromradau.de

nur ein Icon
1 Stern2 Sterne3 Sterne4 Sterne5 Sterne 3
Loading ... Loading ...

Ein Blick in die Werkzeugkiste

Momentan habe ich relativ viel Zeit zum Internetseiten bauen. In diesem Zug möchte ich einen schon länger geplanten Artikel über die von mir genutzten Werkzeuge schreiben.

Quellcode

Dreamweaver CS4

Dreamweaver CS4

Ganz früher erstellte ich das HTML-Gerüst mit Frontpage. Das wird vermutlich gar nicht mehr weiterentwickelt. Wenn es nach meinen Geschmack geht: eine richtige Entscheidung.

Die Ablösung kam durch den Dreamweaver 8.0 von Macromedia. Damals war er einfach besser zum Quellcode bearbeiten und bis heute bin ich ihm treu geblieben. Jetzt kommt er zwar seit der Version 9.0 aus dem Hause Adobe, aber für meine Anforderungen werden von den älteren Versionen allemal erfüllt.

Grafik

Fireworks CS4

Fireworks CS4

Auch wieder eine ziemlich teure Angelegenheit, aber Fireworks war damals im Macromedia-Paket enthalten und ist ebenso bei der Creative Suite 4 von Adobe dabei.

Dieses Programm möchte ich nicht vermissen. Gerade zum Anpassen fertiger Bilder oder Grafiken für’s Web ist es ein Spitzenprogramm. Zudem ist eine erstklassige Stapelfunktion zum Bearbeiten von Bildern enthalten.

Mittlerweile nutze ich auch Photoshop, aber dieses Programm ist stellenweise überdimensioniert. Da verliere ich zu schnell die Übersicht.

Wer oft viele Bilder zu bearbeiten hat ist auch mit IrfanView bestens bedient. Dieses Programm ist Freeware und auch sehr kompakt. Wenn man es sich runterladen möchte ist das Paket nicht größer als 2 MB. Stärken liegen bei der Bildbetrachtung, beim Erstellen von Diashows und eben eine sehr praktische Stapelverarbeitung.

Server

XAMPP

XAMPP

Wer nur statische Seiten auf HTML-Basis erstellen möchte braucht so etwas nicht. Aber wenn man PHP und MySQL benötigt, dann ist es einfacher mit einem Testserver auf dem eigenen PC. Die einzelne  Installation von Apache mit PHP uns MySQL möchte ich nur Freaks empfehlen. Ich komm bestens mit XAMPP aus. Eine leichte Installation und schon kann man sämtliche Scripte auf den eigenen Rechner laufen lassen.

Browser

Firefox

Firefox

Ich arbeite mir Firefox von Mozilla. Das hat zwei Gründe: er ist sehr stark verbreitet und es gibt sehr viele, praktische Plugins, die das Entwickeln von Webseiten extrem vereinfachen.

Problematische Browser sind die Microsoft Internet Explorer 7 oder ältere. Viele CSS-Befehle werden total eigenartig interpretiert. Leider ist es gar nicht so einfach mehrere Versionen dieses Browsers nebeneinander in ein Betriebssystem zu installieren. Man kann zwar ein virtuelles Windows mit den gewünschten Internet Explorer verwenden, aber das ist zum Glück nicht mehr notwendig. Es gibt eine kostenlose Lösung aus dem Hause Microsoft und nennt sich Expression Web 3 SuperPreview for Internet Explorer. Damit kann man sich seine Seiten so angucken, wie sie vom Internet Explorer dargestellt werden. Es ist auch möglich andere Browser zu integrieren. Somit hat man ein Prima Werkzeug um die Kompatibilität seiner Seite zu checken.

Firefox Plugins

Ich weiß, es gibt da eine ganze Menge, aber ich stelle nur die drei vor, die bei mir zum Einsatz kommen:

  • ColorZilla ist eine einfache Farbpipette mit der man sich alle Farben aufsammeln kann, RGB und hexadezimal.
  • Der Html Validator zeigt an, ob die aufgerufene Seite in sauberen HTML-Code geschrieben wurde oder nicht. Man erfährt die Anzahl von Fehlern und erhält eine Erläuterung was genau falsch ist.
  • Hinter Web Developer verbirgt sich eine mächtige Werkzeugleiste. Sehr praktisch finde ich dabei die Funktionen mit denen man sich die CSS-Eigenschaften einzelner Elemente anzeigen lassen kann. Allgemein gibt es viele Werkzeuge rund um die Browserchronik, Stylesheets, Formulare, Grafiken, Frames und Scripte.

Fazit

Bis auf die Produkte von Adobe kann man sich alle Programme kostenlos und legal im Internet runterladen. Ich weiß, dass meine Beurteilung oft sehr subjektiv ist. Eventuell hilft es manchen dennoch weiter.

Zum Schluss noch ein Link-Tipp: selfhtml.org Eine erstklassige Seite wenn man mit seinem HTML oder CSS am Ende ist.

Ähnliche Artikel

Schreibe einen Kommentar

* … erforderliche Angaben

XHTML: Folgender Code ist erlaubt: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Avatar: Wenn du wissen möchtest wie man eigene Bildchen neben die Kommentare setzt … eine kleine Anleitung.

© 2010 Martin Seltmann – Alle Rechte vorbehalten / All rights reserved   •••   Start | Impressum | Anmelden