Hosten und Bearbeiten von Websites unter Windows mit XAMPP

Sie möchten eine Website erstellen 10 Möglichkeiten, eine kleine und einfache Website ohne Overkill zu erstellen 10 Möglichkeiten, eine kleine und einfache Website ohne Overkill zu erstellen WordPress kann ein Overkill sein. Wie diese anderen ausgezeichneten Dienste beweisen, ist WordPress nicht das A und O für die Erstellung von Websites. Wenn Sie einfachere Lösungen wünschen, gibt es eine Vielzahl von Möglichkeiten. Lesen Sie mehr, wissen aber nicht, wo Sie anfangen sollen?

Es sieht so aus, als ob das übliche Webentwicklungs-Trainingsgelände das teuerste ist: Kaufen einer Domäne, eines Host-Servers, eines WordPress-Kontos, eines Themas usw. Was aber, wenn Sie kein Kleinunternehmer sind oder eine Marke aufbauen möchten? Was ist, wenn Sie nur versuchen, Web-Entwicklung zu erlernen, ohne Krempel?

Lesen Sie weiter, um zu erfahren, wie Sie Ihre eigene Website hosten können. So verwenden Sie einen selbst gehosteten WordPress-Blog für das Projektmanagement. Wie verwenden Sie einen selbst gehosteten WordPress-Blog für das Projektmanagement. Weitere Informationen können Sie entweder von Grund auf oder mit vorgefertigten Vorlagen erstellen auf Ihrem Computer und kostenlos. Oh, dazu gehört auch das Hosten Ihres eigenen WordPress-Kontos!

XAMPP: Eine Einführung

Bitnami's XAMPP ist “eine Apache-Distribution, die PHP und Perl enthält.” Für unsere Zwecke müssen wir nur verstehen, dass XAMPP ein kostenloses, einfaches Programm ist, mit dem Benutzer Websites auf ihren PCs hosten können.

Das Einrichten eines lokalen Servers mit XAMPP ist zwar etwas technisch, der Prozess ist jedoch recht einfach und unkompliziert. Nachdem Sie alles eingerichtet haben, ist die Verwaltung und Bearbeitung von Websites ein Kinderspiel.

Dann geht es um schnelle und vollständige Kontrolle. Mit XAMPP zum Erstellen und Bearbeiten von Websites können Sie so viele oder so wenig einer Website ändern, wie Sie möchten. Das heißt, mit großer Kraft geht eine große Verantwortung ein. Sie sind auch anfälliger für den Verlust Ihrer Websites, insbesondere, wenn Sie keine Backups erstellen. Das Handbuch "Ultimate Windows 10 Data Backup" Das Handbuch Ultimate Windows 10 Data Backup Wir haben alle Optionen für Backup, Wiederherstellung, Wiederherstellung und Reparatur zusammengefasst, die wir finden könnten Windows 10. Nutzen Sie unsere einfachen Tipps und verzweifeln Sie nie wieder an verlorenen Daten! Weiterlesen .

Wenn Sie jedoch ein echtes Einsteigerkursprojekt in web dev wünschen, ist XAMPP genau das Richtige für Sie. Dazu gehören alle Projekte, die sich auf HTML, CSS, Javascript und andere beziehen!

XAMPP installieren

Gehen Sie zur XAMPP-Website und laden Sie das Paket herunter. Befolgen Sie die Standardeinstellungen. Nachdem Sie XAMPP heruntergeladen haben, sollte sich das XAMPP-Kontrollfeld automatisch öffnen. Wenn nicht, können Sie das XAMPP-Programm wie jedes andere finden (über die Startmenüsuche)..

In Ihrem XAMPP-Kontrollfeldfenster sollten Sie ein einfaches Layout sehen, welche XAMPP-Prozesse ausgeführt werden. Für unsere Zwecke konzentrieren wir uns auf die ersten beiden Optionen: Apache und MySQL.

Apache - Der Hauptfokus von XAMPP, die Option Apache, erstellt einen Apache-Server auf Ihrem PC. Auf diese Weise können Sie Websites auf Ihrem PC über Webbrowser ausführen und bearbeiten, ähnlich wie eine Website. Diese Website wird natürlich auf Ihrem PC ausgeführt, im Gegensatz zu einem mit dem Internet verbundenen Server.

MySQL - SQL ermöglicht die Kommunikation zwischen Datenbanken und Websites, sodass Benutzer E-Mails, Kennwörter und andere Dateneingaben testen und speichern können. Wir werden dies für Ihren lokalen WordPress-Account verwenden.

Drücken Sie die Start Taste in Ihrem XAMPP-Kontrollfeld unter Aktionen für Apache und MySQL. Warten Sie, bis sowohl Apache als auch MySQL in Ihrem Modulbereich grün markiert sind. Nach der Aktivierung können Sie XAMPP frei verwenden.

Localhost und phpMyAdmin

Um sicherzustellen, dass alles funktioniert, öffnen Sie einen Webbrowser und geben Sie ein http: // localhost / in Ihre Adressleiste und drücken Sie Eingeben. Sie sollten zu weitergeleitet werden http: // localhost / dashboard /, Dies ist die Standard-XAMPP-Seite.

Klicken Sie anschließend auf phpMyAdmin Schaltfläche im oberen Navigationsmenü. Sie werden zu Ihrer Standard-PhpMyAdmin-Seite weitergeleitet.

Lassen Sie diese vorerst in Ruhe, aber wenn beide funktionieren, können Sie mit dem Erstellen von Websites beginnen!

Erstellen von Websites mit XAMPP

Jetzt kommt der lustige Teil. Gehen Sie zum XAMPP-Ordner, der sich in Ihrem Stammverzeichnis befindet (C: \ xampp standardmäßig). Dann geht es weiter htdocs. Dies ist das wichtigste Website-Repository, das Sie zum Anzeigen von Websites verwenden werden.

Bevor Sie eine Website erstellen und bearbeiten, benötigen Sie einen Texteditor. Sie können zwar einen Standard-Texteditor wie Notepad verwenden. In der Regel empfiehlt es sich jedoch, einen Drittanbieter-Editor herunterzuladen, der speziell für Code und Markup erstellt wurde. 11 Sublime Text Tips für Produktivität und einen schnelleren Workflow 11 Sublime Text Tipps für Produktivität und einen schnelleren Workflow Sublime Text ist ein vielseitiger Texteditor und ein Goldstandard für viele Programmierer. Unsere Tipps konzentrieren sich auf effizientes Codieren, aber allgemeine Benutzer werden die Tastenkombinationen zu schätzen wissen. Weiterlesen . Sublime Text ist einer der besten im ganzen Land. Besuchen Sie die Website und laden Sie die Software herunter, um loszulegen.

Nun können Sie mit dem Herunterladen und Installieren von Websites in XAMPP beginnen. Ich werde die Roadtrip-Vorlage verwenden, aber Sie können jede beliebige Vorlage verwenden. Laden Sie die ZIP-Datei der Website herunter und bewahren Sie sie an einem Ort auf, an den Sie sich erinnern werden. Als Nächstes erstellen Sie einen Ordner innerhalb des htdocs-Ordners von XAMPP für Ihre Website. Ich habe meine benannt Ausflug - Versuchen Sie, Ihren Namen einfach zu halten. Entpacken Sie dann den Inhalt Ihrer ZIP-Datei in diesen Ordner "htdocs".

Nachdem Sie die Dateien extrahiert haben, navigieren Sie zu Ihrem Website-Repository in htdocs, um sicherzustellen, dass sie korrekt extrahiert wurden.

Gehen Sie schließlich zu Ihrer Webseite in Ihrem Webbrowser. Die besten Webbrowser für Windows Die besten Webbrowser für Windows Was ist Ihr Standardbrowser? Auch wenn uns die Qual der Wahl fehlt, bleiben die meisten von uns bei den bewährten Hauptakteuren. Was sind bessere Alternativen für Ressourcennutzung, Geschwindigkeit und Sicherheit? Weiterlesen . Ihre Webseite, sozusagen erreichbar über den zuvor genannten localhost zusammen mit dem Namen des Ordners, in dem sich Ihre Seitendateien befinden. Dies ist darauf zurückzuführen, dass es sich bei Websites im Wesentlichen um Dateien handelt, die in Ordnern unter einem einzigen Domänen- oder Stammnamen gespeichert sind. Du lernst schon!

Unser zuvor erstellter Ordner hatte den Namen "roadtrip", daher lautet die vollständige Site-Adresse http: // localhost / roadtrip.

Sie sind fertig! Nun können Sie die Website lokal bearbeiten.

Websites bearbeiten

Sublime Text öffnen. Geh zu Datei und wählen Sie Ordner öffnen. Suchen und wählen Sie Ihren Webordner im XAMPP-Ordner. Sie können jetzt mehrere Seiten derselben Website in Ihrem Sublime-Texteditor bearbeiten.

Sublime Text bietet auch eine großartige Benutzeroberfläche, mit der Sie alle Dateien und Ordner Ihrer Website anzeigen können. Um Änderungen an Ihrer Website vorzunehmen, bearbeiten Sie den Code Ihrer Website und speichern Sie sie (mit dem Tastaturbefehl) Strg + S) und aktualisieren Sie Ihre Website im Browser.

Der Prozess ist einfach und direkt: Bearbeiten Sie die Webseite und prüfen Sie, ob Ihr Code funktioniert. Während Sie in Ihrer Webentwicklung vorankommen, versuchen Sie, kompliziertere Funktionen in Ihre Webseite zu integrieren. Unabhängig vom Skill-Level bleibt das grundlegende Format zum Bearbeiten von Seiten jedoch gleich.

Verwenden Sie WordPress mit XAMPP

Wenn Sie keinen Rohcode bearbeiten möchten oder lieber ein bekanntes Content-Management-System (CMS) verwenden möchten, stellt WordPress seine fantastischen Web-Design-Ressourcen in einer benutzerfreundlichen ZIP-Datei bereit! Um WordPress auf XAMPP zu installieren, besuchen Sie die WordPress-Website und laden Sie die offizielle Anwendung herunter.

Verwenden Sie dasselbe Format zum Erstellen einer Website wie zuvor, wobei sich der extrahierte WordPress-Ordner im htdoc-Verzeichnis im Ordner befindet WordPress. Behalten Sie den Ordnernamen der Übersichtlichkeit halber bei.

PhpMyAdmin verwenden

Da für WordPress Anmeldeinformationen erstellt werden müssen, müssen Sie einen Eintrag in Ihrem PHP-Verzeichnis für die Webseite erstellen. Gehen Sie zu Ihrer phpMyAdmin-Seite. Einrichten Ihres Blogs mit Wordpress: Der ultimative Leitfaden Einrichten Ihres Blogs mit Wordpress: Der ultimative Leitfaden Möchten Sie einen eigenen Blog erstellen, wissen jedoch nicht, wo Sie anfangen sollen? Sie sollten sich wirklich mit Wordpress, der einfachsten und leistungsfähigsten Blogging-Plattform, die heute verfügbar ist, vertraut machen. Weiterlesen - http: // localhost / phpmyadmin / standardmäßig - zum Einstieg.

Klicken Sie auf dieser Seite auf Datenbanken. Unter dem Datenbank erstellen Parameter eingeben WordPress und dann schlagen Erstellen. Sie sollten ein Popup sehen, das Ihnen mitteilt, dass die Datenbank erstellt wurde. Schließen Sie dann dieses Browserfenster und geben Sie Ihren WordPress-Ordner in das Verzeichnis XAMPP htdocs ein. Dieser Ordner sollte den Inhalt Ihrer entpackten WordPress-Dateien enthalten.

Login konfigurieren

Wir müssen die eigentliche WordPress-Website konfigurieren, damit Sie sich anmelden und die Website verwenden können. Dies geschieht über die Haupt-PHP-Konfigurationsdatei von WordPress. Suchen Sie in Ihrem WordPress-Ordner die Datei mit der Bezeichnung wp-config-sample.php, Klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie aus Bearbeiten (oder Öffnen mit für einen separaten Texteditor). Notizblock sollte gut funktionieren.

Hier ist der Code, auf den wir uns konzentrieren werden:

// ** MySQL-Einstellungen - Diese Informationen erhalten Sie von Ihrem Webhost. ** // / ** Der Name der Datenbank für WordPress * / define ('DB_NAME', 'Datenbankname_hier'); / ** MySQL-Datenbank-Benutzername * / define ('DB_USER', 'Benutzername_hier'); / ** MySQL-Datenbankkennwort * / define ('DB_PASSWORD', 'Passwort_hier'); 

Sie müssen drei Änderungen am obigen Code vornehmen innerhalb das Anführungszeichen.

Datenbankname_hier - Ändern Sie diesen Parameter in WordPress. Die Website verwendet dann die zuvor erstellte Datenbank in phpMyAdmin, die als solche gekennzeichnet ist.

Benutzername_hier - Ändern Sie dies in Wurzel. Der Root-Benutzername verfügt standardmäßig über die richtigen Administratorrechte, so dass er über phpMyAdmin zugelassen wird. Andere Benutzernamen funktionieren nur, wenn die entsprechenden Berechtigungen erteilt wurden.

Passwort_hier - Ändern Sie dieses in ein leicht identifizierbares Passwort. Wenn Sie kein Passwort verwenden möchten, löschen Sie den Parameter.

Speichern Sie diese Datei als wp-config.php - im Gegensatz zu den vorherigen wp-config-sample.php - und verlassen. Dann gehen Sie zur folgenden localhost-Adresse: http: // localhost / wordpress.

Fahren Sie mit der Installation fort, einschließlich der Erstellung Ihres WordPress Nutzername und Passwort. Sie können die gewünschten Werte eingeben. Wenn Sie Ihre Werte eingegeben haben, klicken Sie auf Installieren Sie WordPress Taste, um den Vorgang abzuschließen. Melden Sie sich anschließend bei Ihrem lokalen WordPress mit dem auf der vorherigen Seite angegebenen Benutzernamen und Kennwort an.

Sie sind fertig! Jetzt können Sie den Inhalt Ihres Herzens mit der Bearbeitung, Bearbeitung und Erstellung von Webseiten verbringen, sowohl von Grund auf als auch über WordPress, offline und kostenlos. Die besten WordPress-Plugins Die besten WordPress-Plugins Lesen Sie weiter !

Web-Entwicklung beginnt mit einer einzelnen Seite

Zuvor haben Sie gerade erst mit Ihrer Webentwicklungsreise begonnen. Jetzt haben Sie auf Ihrem PC einen lokalen Server erstellt, über den Sie Webseiten nach Belieben erstellen, ändern und anpassen können. Das Beste ist, Sie haben die Kontrolle. Jetzt müssen Sie nur noch mit dem Experimentieren beginnen, also machen Sie sich auf den Weg!

Welche Software verwenden Sie für die Webentwicklung? Haben Sie einen Rat für aufstrebende Entwickler? Lass es uns in den Kommentaren wissen!

Bildnachweise: Dmitry Tishchenko / Shutterstock

Erfahren Sie mehr über: Apache Server, Webentwicklung, Webhosting, Webserver, Webmaster-Tools, Wordpress.