informatikZentrale

unterrichtsmaterialien für den informatikunterricht: präsentationen, übungen, projekte

Dreamweaver für lokalen Server konfigurieren

Wir benutzen den WYSIWYG-Editor Dreamweaver zur Gestaltung von GUIs. Damit wir PHP-Befehle direkt ausführen können, müssen wir Dreamweaver entsprechend einrichten.

1. Lokalen Webserver starten

Starten Sie zuerst einen lokalen Webserver, in unserem Fall den WAMP-Server (Mac-User: MAMP).

2. Neue Site einrichten

In Dreamweaver legen Sie eine neue "Site" an (oder, wenn Sie schon eine angelegt haben, editieren sie) - über das Menü "Site" -> "New Site" (oder -> "Manage Sites" zum Editieren).

Geben Sie der Site einen aussagekräftigen Namen; als URL geben Sie http://localhost/verzeichnisname an (in MAMP/Mac: http://localhost:8888/verzeichnisname). Klicken Sie auf "weiter".

Dialog: Neue Site in Dreamweaver anlegen

3. Lokalen Server einrichten

Im nächsten Dialogfenster teilen Sie mit, dass Sie als Servertechnologie PHP verwenden wollen:

Servertechnologie PHP in Dreamweaver einstellen

Geben Sie als nächstes den absoluten/vollständigen Pfad zu ihrem Site-Verzeichnis an. Bei Windows können Sie den oft in Arbeitsplatzfenstern oben in der Adresszeile ablesen; er hat in unserem Fall oft das Format C:\wamp\www\:

Screenshot: Serverpfad angeben in Dreamweaver

Im folgenden Dialog geben Sie als Root der Site noch einmal die URL aus Schritt 1 an, z.B. http://localhost/testseite (Mac/MAMP: localhost:8888/...). Die folgende Frage, ob Sie einen entfernten Server ("Remote-Server") benutzen wollen, beantworten Sie mit "Nein", da Sie erst mal ausschließlich lokal entwickeln wollen.

4. Site testen

Jetzt sollten Sie in Dreamweaver PHP-Befehle verwenden können. Probieren Sie es aus, indem Sie (innerhalb Ihres Site-Verzeichnisses) eine neue Datei anlegen und dort einen PHP-Befehl in den HTML-Code einbinden. Lassen Sie sich über den Vorschau-Button das Ergebnis in einem Browser anzeigen.

Screenshot: PHP-Befehle in Dreamweaver-HTML-Code einbinden und Vorschau in Browser aufrufen