Die Entwicklungsumgebung

Die sogenannte Entwicklungsumgebung sind die Programme, die Du brauchst um sozusagen auf Deinem Computer das Internet zu simulieren.

Das Internet ist vereinfach gesagt nix anderes als ein Haufen Computer die überall auf der Welt verteilt und mit Kabeln zusammen geschlossen sind. Wenn Du also z.B. eine amerikanische Homepage aufrufst, dann steht irgendwo in Amerika ein Computer wo die Html Datei dieser Webseite drauf gespeichert ist. Dein Computer verbindet sich mit dem Rechner und lädt die Html Datei runter und kann sie dann anzeigen.

Dazu hast Du ein Programm installiert, den sogenannten Browser. Das ist ein Programm das Webseiten anzeigen kann. Bei Windows ist immer der Internet Explorer als Browser Programm dabei, viele surfen aber inzwischen auch mit anderen Browsern, z.B. Firefox oder Safari.

Auf dem entfernten Computer, also dem in Amerika, läuft auch ein Programm, ein sogenannter Webserver. Der liefert die Webseiten an die Browser aus. Der meistgenutzte Webserver heißt apache und das tolle ist, der ist kostenlos. Zusätzlich zu dem apache braucht man aber noch ein paar andere Programme, damit man bestimmte Spezialfeatures machen kann.
Für Homepages wo man sich z.B. anmelden und Informationen speichern kann braucht man eine Datenbank. Die heißt MySQL und juhu, auch da gibt es eine kostenlose Version.
Bei Computern im Internet ist normalerweise Linux als Betriebssystem installiert, z.B. Suse Linux oder Ubuntu. Wenn man so ein Linux installiert hat, ist meistens schon der apache mit drauf, wenn nicht, kann man ihn einfach als Paket nachinstallieren. So ein System nennt man dann LAMP. Das steht für Linux Apache Mysql PHP.
PHP ist die Programmiersprache für dynamische Webseiten, die brauchen wir später neben der Sprache Html für die statischen Seiten.

Um jetzt aber das Internet auf Deinem Computer zu simulieren gibt es zwei Möglichkeiten. Entweder Du installierst parallel neben Deinem Windows ein Linux. Das geht inzwischen ganz einfach und man kann kann dann wenn man den Computer startet wählen, ob man Windows oder Linux starten will. Oder Du installierst Dir die Programme einfach für Windows. Das tolle ist, auch da gibt es ein kostenloses Paket, wo alle Programme die Du brauchst gleich mit dabei sind. Das heißt XAMPP und das gibt hier kostenlos zum runter laden:

http://www.apachefriends.org/de/xampp-windows.html
Ich nehm immer die Installer Version, da klickt man einfach drauf und es wird installiert. Hier ein Screenshot wo Du sehn kannst wo der Download genau ist:

Wenn Du auf den Link geklickt hast kommt folgender Dialog(mit dem Firefox):


Da klickst Du auf Datei speichern und die Datei wird auf Deinem Desktop abgelegt:


Hier einfach drauf doppelklicken. Bei Windows Vista musst Du noch auf Zulassen klicken, bei allen anderen Windows Versionen kommt folgender Dialog:


Da wählst Du Deutsch(ist normal schon voreingestellt) und klickst auf OK. Dann kommt bei Windows Vista dieser Dialog:


Da klickst Du auf OK und es kommt der nächste Dialog:


Da klickst Du auf Weiter > und es kommt:


Da sollte als Zielverzeichnis immer c:\xampp drinstehn. Wenn es nicht drinsteht, schreib es einfach rein. Wenn der verfügbare Speicher auf Deiner Festplatte ausreicht(das siehst Du an den zwei Angaben unter dem Textfeld), dann kannst Du auf Weiter > klicken und es kommt:



Ich mache immer den Haken bei XAMPP als Desktop-Icon weg, weil ich kein Desktop Icon möchte. Wenn Du eines haben willst um XAMPP von dort aus zu starten, dann kannst Du natürlich den Haken setzen. Bei Dienste brauchst Du nichts anhaken. Dann auf Installieren klicken und XAMPP wird installiert:


Wenn alles installiert ist kommt dieser Dialog:



Hier einfach auf Fertig stellen klicken und es kommt die Erfolgsmeldung:


Dort klickst Du auf Ja und das XAMPP Control Panel wird gestartet:


Jetzt klickst Du rechts neben Apache auf den Button Start, wartest bis das Wort Apache grün hinterlegt wird und danach auf den Button rechts neben MySql auf Start und die beiden Systeme werden gestartet. Wenn das passiert ist, sieht der Dialog so aus:



Super! Jetzt hast Du ein vollständiges Produktionssystem zum Webprogammieren. Um zu Testen, das es auch funkioniert klickst Du rechts neben dem Wort Apache neben dem Button Stop auf Admin... und Dein Browser geht auf und zeigt zum ersten mal eine Webseite die von Deinem eigenen Apache ausgeliefert wurde:


Auf dieser Seite findest du links in der Navigation unter Tools den Link phpMyAdmin. Wenn Du dort drauf klickst, wird die phpMyAdmin Seite geladen. phpMyAdmin ist ein Datenbankveraltungstool. Wenn keine Fehlermeldung kommt hast Du auch Deine MySQL Datenbank erfolgreich installiert:


Ok, jetzt kannst Du den nächsten Schritt wagen, die erste richtige Html Seite!. Hier gehts weiter .