Von McDonald. T / Updated November 28th 2018
Das Erstellen einer Website kann entmutigend erscheinen, wenn Sie neu im Webdesign sind. Die Wahrheit ist jedoch, dass das Erstellen einer eigenen Testwebsite so einfach ist, dass Sie in Verlegenheit gebracht werden! Sie brauchen nur die richtigen Werkzeuge, um die Arbeit zu erledigen. Brackets und xampp können auf Mac, Windows oder Linux verwendet werden, aber in diesem Blog werde ich mich auf Mac konzentrieren.
Was ist eine Testwebsite?
Eine Testwebsite ist eine Website, die Sie ohne Server oder Webhost erstellen können. Sie können die Testseite auf Ihrem eigenen Computer erstellen und damit herumspielen, bis Sie damit zufrieden sind. Dies ist eine wirklich gute Möglichkeit, HTML5 und PHP in einer sicheren Umgebung zu lernen.
1) Installieren Sie Brackets
Brackets ist ein Editor, mit dem Sie Dateien codieren und testen können. Brackets ist einfach zu bedienen und verfügt über eine nette kleine Funktion namens Live View, mit der Sie den Code in einem Webbrowser so anzeigen können, wie er als Webseite aussehen würde. Mit anderen Worten, es übersetzt den Code in eine Webseite. Brackets ist eine kostenlose Open-Source-Software, die beim Schreiben ein Farbschema in Ihrem Quellcode verwendet.
Kosten: kostenlos
Download von http://brackets.io/
2) Installieren Sie xampp-vm
Xampp-vm ist eine benutzerfreundliche Anwendung, die einen virtuellen Server erstellt, mit dem Sie spielen können, und die einfach zu installieren ist. Mit xampp-vm erstellen Sie im Handumdrehen wunderschöne Websites. Xampp kommt mit einer Datenbank, PHP, Perl und Apache.
Kosten: kostenlos
Download von https://www.apachefriends.org/index.html
Installationsanleitung
3) Einrichten von Klammern zum Anzeigen von PHP-Dateien
Das Einrichten von Klammern mit xampp-vm zum Anzeigen von PHP-Dateien ist einfacher als die meisten Leute denken. Starten Sie nach der Installation xampp-vm und klicken Sie auf der Registerkarte Allgemein auf Start. Wählen Sie anschließend einen zu verwendenden Port aus und klicken Sie auf der Registerkarte Netzwerk auf Aktivieren. Nachdem Sie dies abgeschlossen haben, gehen Sie zur Registerkarte Volumes und klicken Sie auf mount. Auf Ihrem Desktop wird ein Datenträger mit dem Namen lampp: open it angezeigt. Suchen Sie nach ‚htdocs‘ einmal geöffnet. ‚htdocs‘ ist der Ordner, in dem Sie die Dateien für Ihre Testwebsite speichern müssen. Außerdem ist es gut, einen neuen Ordner in ‚htdocs‘ mit einem vernünftigen Namen wie ‚MyWeb‘ zu erstellen. Der Ordner ‚MyWeb‘ ist jetzt der Ort, an dem alle neuen Dateien für die Testwebsite gespeichert werden.
Öffnen Sie nun Klammern und gehen Sie zu Datei > Ordner öffnen. Suchen Sie in der Menüleiste unter Shared nach einem Volume, das wie eine IP-Adresse aussieht (eine Reihe von Zahlen und Punkten), und klicken Sie darauf. Es sollte einen Ordner namens lampp enthalten: Öffnen Sie ihn. Öffnen Sie nun den Ordner htdocs und wählen Sie (mit einem Klick) den Ordner MyWeb und öffnen Sie ihn mit der Schaltfläche ‚Öffnen‘ am unteren Rand des Fensters. Gehen Sie schließlich zu Datei > Projekteinstellungen und fügen Sie http://localhost:8080/MyWeb/ ein und klicken Sie auf Fertig. Wenn Sie nun eine PHP-Datei schreiben und an diesem Speicherort speichern, können Sie die Live-Ansicht in Klammern verwenden. Die Schaltfläche für die Live-Ansicht befindet sich oben rechts und sieht aus wie ein seitlicher Blitz. Wenn Sie einen Mac haben, geben Sie ’sudo apachectl start‘ in das Terminal ein und drücken Sie die Eingabetaste. Das ist es! Sie sind bereit, eine Testwebseite zu erstellen. Wenn Sie Apache testen möchten, geben Sie localhost in die Browserleiste ein und drücken Sie die Eingabetaste. Sie sollten ‚Es funktioniert‘ im Browser-Ansichtsfenster sehen.
Anleitung zur Einrichtung