Webentwicklung mit dem Mac: Tools für komplexe Aufgaben

Das Erstellen von Webseiten mit iWeb ist dank grafischer Benutzeroberfläche recht bequem, und die Ergebnisse können sich sehen lassen. Für ein individuelleres Design brauchen Mac-User andere Tools. ZDNet stellt vier nützliche Helfer vor.

Mit dem in iLife integrierten Webentwicklungs-Tool iWeb lassen sich schnell und unkompliziert schöne Ergebnisse erzielen. Die Bedienung ist einfach, die Arbeit mit dem Programm macht Spaß. Selbst Anfänger können damit quasi spielerisch einen eigenen Webauftritt anfertigen.

Doch gerade weil die Software so einfach zu bedienen ist, muss der Nutzer seine Kreativität im Zaum halten. So lässt sich beispielsweise die Navigationsleiste einer Webseite nur oben am Bildschirm platzieren. Wer seine Navigation seitlich anbringen will, hat Pech gehabt. Die einzige Lösung des Problems liegt darin, sich in den HTML-Code zu wagen - und das funktioniert nur mit externen Texteditoren sehr gut.

Damit die Versuche zur Verschönerung von Webseiten nicht fehlschlagen, hat ZDNet vier praktische Freeware-Helfer ausgesucht - mit Funktionen, die iWeb nicht bietet.

Die Freeware Textwrangler ist ein beliebter Texteditor mit umfangreichen Funktionen. Syntax-Highlighting ist beispielsweise für ANSI C, C++, Fortran, Java, Object Pascal, Objective-C, Perl, Python, Tcl, TeX, Ruby, SQL, YAML und Unix Shell-Scripts sowie eben auch für HTML verfügbar. Neben den Textbearbeitungsfunktionen bietet das Plaintext-Tool auch FTP-Funktionen zum Hochladen von Dateien auf einen Server.

iPhoney ist ein iPhone-Emulator, mit dem es möglich ist, Web-2.0-Applikationen oder Webseiten auf ihre iPhone-Kompatibilität zu überprüfen. Zusätzlich kann das Tool auf dem Desktop gedreht werden, um Webseiten im Hoch- oder Querformat zu betrachten und das Umschalten in das andere Format zu testen. iPhoney lässt sich mit Plug-ins erweitern, die nur aktiviert beziehungsweise deaktiviert werden müssen. Der Nutzer hat zusätzlich die Möglichkeit, sich mit verschiedenen User Agents zu identifizieren und die Webseite auf das Format des iPhone zu zoomen.

Die Firefox-Erweiterung Firebug soll bei der Webentwicklung durch Analyse-Funktionen helfen. Mit ihr lassen sich HTML-Code wie auch CSS analysieren und verändern sowie die Ladezeiten der einzelnen Bestandteile einer Website überprüfen. Außerdem kann man damit JavaScript debuggen und die Ausführung verfolgen. Selbst Ereignisse lassen sich loggen, und das DOM einer Seite kann erkundet werden. Das HTML-Gerüst der Seiten stellt Firebug in einer Baumstruktur dar. Zudem lassen sich einzelne Elemente einer Seite markieren.

Die Web Developer Toolbar für Firefox bietet Features wie das Anzeigen von Stylesheets und Skripten. Über die Schaltfläche "Information" lassen sich sämtliche Codes einer Webseite sichtbar machen. Außerdem können Cookies dargestellt oder geändert, Seitenelemente versteckt und JavaScript geblockt werden.

Fanden Sie diesen Artikel nützlich?
Noch keine Bewertung vorhanden.

Aktuelle Job-Angebote

Lesermeinungen zum Artikel

 
von Sebastian
am 1. März 2009, 12:35 Uhr
Mein Tipp: Coda von Panic.com
Die Auswahl an Programmen ist ein wenig "spärlich", oder? Für Web-Entwicklung auf dem Mac eignet sich aus meiner Sicht Coda.

ZDNet.de Live

Sex ...

Sex Tech: EFF Exposes Dating Site Security, Fileporn Shutdown, Facebook Sex Predator t.co/...

11.02.12, 00:20 von ZDNet
Guinn ...

Guinness World Record for Facebook comments now 1 million t.co/...

11.02.12, 00:20 von ZDNet
Chart ...

Chart Show: "wenn ich Candle in the Wind" höre, denke ich sofort an Lady Di" ... ach? Nein! Wie das nur?!? #gigafail

10.02.12, 23:39 von coke4all
Chrom ...

Chrome for Android -- best mobile browser t.co/...

10.02.12, 22:35 von ZDNet
UL, ...

UL, Drexel University partner to establish research hub t.co/...

10.02.12, 22:15 von ZDNet
wow! ...

wow! ein wirklich schickes Android, das nicht Tablet-Größe hat: t.co/... ... leider nur mäßige technische Daten.

10.02.12, 21:25 von coke4all
Googl ...

Google arbeitet angeblich an Home Entertainment System mit Cloudanbindung t.co/...

10.02.12, 21:10 von zdnet_de
Why ...

Why are young Japanese men losing interest in sex? t.co/...

10.02.12, 20:55 von ZDNet
What ...

What AMD's new roadmap means for users t.co/...

10.02.12, 20:40 von ZDNet
Manch ...

Manchester City is expanding its online reach to Japan t.co/...

10.02.12, 20:35 von ZDNet
Fours ...

Foursquare evolving into one-stop shop with NFC support t.co/...

10.02.12, 20:35 von ZDNet
Websi ...

Website der Gelben Seiten baut Bewertungsfunktionen aus t.co/...

10.02.12, 20:30 von zdnet_de
Motor ...

Motorola: Android-Updates verzögern sich wegen der Hardware-Vielfalt t.co/...

10.02.12, 20:00 von zdnet_de
Aktie ...

Aktienkurse dort wo man sie am liebsten sieht: auf dem Mülleimer! t.co/...

10.02.12, 19:50 von coke4all
Faceb ...

Facebook details Zuckerberg's $500,000 salary, 45% bonus t.co/...

10.02.12, 19:45 von ZDNet
New ...

New Microsoft Office University product comes with tougher verification rules t.co/...

10.02.12, 19:35 von ZDNet
#Prad ...

#Prada Phone by #LG 3.0 ausgepackt und ausprobiert - #smartphone #android t.co/...

10.02.12, 19:30 von cnet_de
Schon ...

Schon im Test: Prada Phone by LG 3.0 mit Android und superhellem Display t.co/...

10.02.12, 19:30 von cnet_de
Beta ...

Beta von Chrome 18 erweitert Hardwarebeschleunigung t.co/...

10.02.12, 19:30 von zdnet_de