Nachdem wir in den ersten beiden Teilen dieser Artikelreihe Xampp heruntergelden & installiert haben und Xampp gestartet haben, geht es in dem heutigen Artikel darum, eine kleine Website zu erstellen und mit Xampp aufzurufen.
Erwartet jetzt bitte nicht zu viel. Wir werden heute keine grafisch anspruchsvolle Website erstellen. Darum geht es heute auch nicht. Sondern es soll Euch zeigen wie Xampp funktioniert.
Xampp Verzeichnisstruktur
Als erstes schauen wir uns heute die Verzeichnisstruktur von Xampp an. Dazu öffnet Ihr den Windows Explorer und geht in das Xampp Verzeichnis. Wenn Ihr den Installationsort während der Installation nicht geändert habt, findet Ihr das Xampp Verzeichnis unter C:\Xampp.
Wie Ihr seht gibt es dort viele Verzeichnisse. Wir interessieren uns aber im Moment nur für das Verzeichnis “htdocs“. Der Ordner htdocs ist sozusagen das Root Verzeichnis des Webservers. Hier sucht Xampp nach Eurer Website.
In dem Ordner htdocs befindet sich bereits der Ordner xampp, eine index.html und index.php Datei.
Die index.html Datei beinhaltet nur den Text “It works!”. Ihr könnt es ganz einfach ausprobieren indem Ihr in Eurem Browser die Adresse: http://localhost/index.html aufruft.
Wenn Ihr in Eurem Browser lediglich die Adresse http://localhost/ aufruft, schaut Xampp standardmäßig nach, ob eine index.php Datei existiert. Ist dies nicht der Fall, sucht Xampp nach einer index.html Datei.
Da es in dem htdocs Verzeichnis eine index.php Datei gibt, ruft Xampp diese auf.
In der index.php Datei steht eine Weiterleitung zu dem xampp Ordner. Das heißt, wenn Ihr lediglich http://localhost/ in Eurem Browser eingebt, greift Xampp auf die index.php Datei zu und leitet Euch direkt zum xampp Verzeichnis. Probiert es einfach aus. In der Adresszeile des Browsers seht Ihr dann die Adresse “http://localhost/xampp/” obwohl Ihr nur http//:localhost/ eingegeben habt.
Ihr könnt theoretisch alle Dateien und Ordner im htdocs Verzeichnis löschen. Ich persönlich lösche nur die index.html und die index.php Datei. Denn so komme ich später immer noch auf die Xampp Startseite, wo wir letztes mal z.B. die Sicherheitseinstellungen vorgenommen haben.
Die erste Website
Jetzt aber genug der Theorie. Wir schreiben jetzt unsere erste Website. Erwartet jetzt bitte nicht zu viel. Ich werde hier keine grafisch anspruchsvolle Website erstellen. Darum geht es heute auch nicht. Sondern es soll Euch zeigen wie Xampp funktioniert.
Als erstes öffnet Ihr einen Text-Editor. Falls Ihr keinen HTML-Editor habt, wie z.B. Dreamweaver o.ä, tut es im Moment auch das Notepad (in Windows 7 heißt es jetzt “Editor”), welches Ihr unter Zubehör findet.
Wir wollen eine einfache Website mit ein bißchen Text erstellen.
Kopiert folgenden Code in den Text Editor und speichert die Datei als “index.html” in dem Ordner “htdcos”.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="cs"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Meine erste Website mit Xampp</title> </head> <body> <h1>Meine erste Website mit Xampp</h1> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </body> </html>
Wenn Ihr http://localhost/ in Eurem Browser aufruft solltet Ihr folgendes sehen:
Ihr könnt auch in dem htdocs Verzeichnis z.B. einen Ordner “test” anlegen und dort die index.html speichern. Dann erfolgt der aufruf über “http://localhost/test/”
So könnt Ihr jetzt entweder Eure eigene Website Schreiben und Testen, oder Ihr installiert z.B. einen Blog, wie WordPress, oder ein CMS.
Ähnliche Artikel :
Von der Planung bis zur fertigen Website ist es manchmal ein langer Weg. Hat man die Planungspha ...
Nachdem wir letzte Woche im ersten Teil, Xampp heruntergeladen und installiert haben, geht es he ...
Da hat das neue Jahr gerade erst angefangen, und schon ist der Januar vorbei. Auch wenn sich de ...
WordPress ist eine der beliebtesten Blogging Plattform. Sei es gehostete Blogs bei Wordpress.com ...
Schriftarten sind im Webdesign eine zentrale Rolle. Sie prägen das Design genauso wie Bilder. Ob ...
Pingback: cURL bei XAMPP aktivieren – wpRobot - XAMPP, WordPress, wpRobot, cURL - Dennis Bloggin