Sie wollen eine Website erstellen 10 Wege, um eine kleine und einfache Website ohne Overkill 10 Möglichkeiten, eine kleine und einfache Website ohne Overkill WordPress erstellen kann ein Overkill sein. Wie diese anderen ausgezeichneten Dienste beweisen, ist WordPress nicht das A und O der Website-Erstellung. Wenn Sie einfachere Lösungen wünschen, können Sie aus einer Vielzahl auswählen. Lesen Sie mehr, aber nicht wissen, wo ich anfangen soll?
Es scheint, dass das typische Webentwicklungs-Training auch das teuerste ist: kaufe eine Domain, einen Host-Server, ein WordPress-Konto, ein Theme usw. Aber was ist, wenn du kein Kleinunternehmer bist oder versuchst, eine Marke aufzubauen? Was ist, wenn Sie nur versuchen, Web-Entwicklung zu lernen, ohne Unordnung?
Lesen Sie weiter, um zu erfahren, wie Sie Ihre eigene Website hosten können Wie Sie einen selbst gehosteten WordPress-Blog für Projektmanagement verwenden Wie Sie einen selbst gehosteten WordPress-Blog für Projektmanagement verwenden Mehr lesen, das Sie entweder von Grund auf neu erstellen oder mit vorgefertigten Vorlagen erstellen können, auf Ihrem Computer und kostenlos. Oh, das beinhaltet auch das Hosting Ihres eigenen WordPress-Accounts!
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.
Während die Einrichtung eines lokalen Servers mit XAMPP etwas technisch ist, ist der Prozess auch ziemlich einfach und unkompliziert. Sobald alles eingerichtet ist, werden Sie feststellen, dass das Verwalten und Bearbeiten von Websites ein Kinderspiel ist.
Dann geht es um die schnelle und vollständige Kontrolle. Mit XAMPP zum Erstellen und Bearbeiten von Websites können Sie so viele oder so wenig Websites ändern, wie Sie möchten. Das heißt, mit großer Macht kommt große Verantwortung. Sie sind auch anfälliger für den Verlust Ihrer Websites, insbesondere wenn Sie keine Backups erstellen. Das ultimative Windows 10-Datensicherungshandbuch Das ultimative Windows 10-Datensicherungshandbuch Wir haben alle Sicherungs-, Wiederherstellungs-, Wiederherstellungs- und Reparaturoptionen zusammengefasst Windows 10. Nutzen Sie unsere einfachen Tipps und verzweifeln Sie nie wieder an verlorenen Daten! Weiterlesen .
Wenn Sie jedoch ein echtes Anfängerkurs-Projekt in Web-Entwicklung möchten, XAMPP ist für Sie. Dazu gehören alle Projekte in Bezug auf HTML, CSS, Javascript und darüber hinaus!
Installation von XAMPP
Gehen Sie zur XAMPP-Website und laden Sie das Paket herunter. Folgen Sie dem Standard-Setup-Vorgang. Sobald Sie XAMPP heruntergeladen haben, sollte Ihr XAMPP-Kontrollfeld automatisch geöffnet werden. Wenn nicht, können Sie das XAMPP-Programm wie jedes andere suchen (über die Startmenü-Suche).
In Ihrem XAMPP Control Panel-Fenster sollten Sie ein einfaches Layout sehen, von dem XAMPP-Prozesse ausgeführt werden. Für unsere Zwecke werden wir uns auf die ersten beiden Optionen konzentrieren: Apache und MySQL.
Apache - Die Haupteigenschaft von XAMPP, die Apache-Option, 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 bei einer Website. Außer, natürlich läuft diese Website auf Ihrem PC, im Gegensatz zu einem Server, der mit dem Internet verbunden ist.
MySQL - SQL ermöglicht die Kommunikation zwischen Datenbanken und Websites, so dass Benutzer E-Mails, Kennwörter und andere Dateneingaben testen und speichern können. Wir werden dies für Ihr lokales WordPress-Konto verwenden.
Drücken Sie die Schaltfläche Start in Ihrem XAMPP-Kontrollfeld unter Aktionen für Apache und MySQL. Warte, bis Apache und MySQL unter deinem Modulbereich grün markiert sind. Sobald diese Option aktiviert ist, können Sie XAMPP verwenden.
Localhost und phpMyAdmin
Um sicherzustellen, dass alles funktioniert, öffnen Sie einen Webbrowser, geben Sie http: // localhost / in Ihre Adressleiste ein und drücken Sie die Eingabetaste . Sie sollten zu http: // localhost / dashboard / weitergeleitet werden, was die Standard-XAMPP-Seite ist.
Als nächstes klicken Sie auf die Schaltfläche phpMyAdmin im oberen Navigationsmenü. Sie werden auf Ihre Standard-phpMyAdmin-Seite weitergeleitet.
Lass sie für den Moment alleine, aber wenn beide funktionieren, kannst du beginnen, Webseiten zu erstellen!
Erstellen von Websites mit XAMPP
Jetzt kommt der spaßige Teil. Wechseln Sie in den Ordner XAMPP, der sich in Ihrem Stammverzeichnis (standardmäßig C: \ xampp ) befindet. Dann, Kopf zu htdocs . Dies ist das wichtigste Website-Repository, das Sie zum Anzeigen von Websites verwenden.
Bevor wir eine Website erstellen und bearbeiten, benötigen Sie einen Texteditor. Während Sie einen Standard-Texteditor wie Notepad verwenden können, ist es in der Regel am besten, einen Drittanbieter-Editor speziell für Code und Markup 11 Sublime Text Tipps für Produktivität und einen schnelleren Workflow Sublime Text Tipps für Produktivität und einen schnelleren Workflow Sublime Text herunterladen ein vielseitiger Texteditor und ein Goldstandard für viele Programmierer. Unsere Tipps konzentrieren sich auf effizientes Codieren, aber allgemeine Benutzer werden die Tastaturkürzel zu schätzen wissen. Weiterlesen . Sublime Text ist einer der besten in der Gegend, also gehen Sie auf ihre Website und laden Sie die Software herunter, um loszulegen.
Jetzt können Sie mit dem Herunterladen und Installieren von Websites in XAMPP beginnen. Ich werde die Roadtrip-Vorlage verwenden, aber Sie können die gewünschte 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 im XHTMP-Ordner von XAMPP für Ihre Website. Ich habe meinen Roadtrip genannt - versuche, deinen Namen einfach zu halten. Dann entpacken und entpacken Sie den Inhalt Ihrer Zip-Datei in diesen htdocs-Ordner.
Sobald Sie die Dateien extrahiert haben, gehen Sie zu Ihrem Website-Repository innerhalb von htdocs, um sicherzustellen, dass sie korrekt extrahiert wurden.
Schließlich, gehen Sie auf Ihre Webseite in Ihrem Web-Browser Die besten Web-Browser für Windows Die besten Web-Browser für Windows Was ist Ihr Standard-Web-Browser? Obwohl wir die Qual der Wahl haben, bleiben die meisten von uns bei den bewährten Major Playern. Was sind bessere Alternativen für Ressourcennutzung, Geschwindigkeit und Sicherheit? Weiterlesen . Ihre Website wird sozusagen mit dem bereits erwähnten localhost und dem Namen des Ordners mit Ihren Seitendateien erreichbar sein. Dies liegt daran, dass Webseiten im Wesentlichen Dateien sind, die in Ordnern enthalten sind, alle unter einer einzigen Domain - oder Root - Name. Du lernst schon!
Unser zuvor erstellter Ordner hieß Roadtrip, daher lautet die vollständige Adresse der Website http: // localhost / roadtrip .
Sie sind fertig! Jetzt können Sie beginnen, die Website lokal zu bearbeiten.
Webseiten bearbeiten
Eröffne erhabenen Text. Gehe zu Datei und wähle Ordner öffnen . Suchen Sie Ihren Webordner im XAMPP-Ordner und wählen Sie ihn aus. Sie können nun mehrere Seiten derselben Website in Ihrem Sublime Text-Editor bearbeiten.
Sublime Text bietet auch eine großartige Schnittstelle für Sie, um jede Datei und jeden Ordner Ihrer Website zu sehen. Um Änderungen auf Ihrer Website zu erstellen, bearbeiten Sie den Code Ihrer Website, speichern Sie (mit dem Tastaturbefehl Strg + S ), und aktualisieren Sie Ihre Website im Browser.
Der Prozess ist einfach und direkt: Bearbeiten Sie die Webseite und überprüfen Sie, ob Ihr Code funktioniert. Während Sie in Ihrer Webentwicklung voranschreiten, werden Sie versuchen, komplexere Funktionen in Ihre Webseite einzubinden. Unabhängig vom Schwierigkeitsgrad bleibt das grundlegende Format zum Bearbeiten der Seiten gleich.
Verwenden Sie WordPress mit XAMPP
Wenn Sie keinen Rohcode bearbeiten möchten oder lieber ein vertrauteres Content Management System (CMS) verwenden möchten, bietet WordPress seine fantastische Webdesign-Ressource auch in einer einfach zu verwendenden ZIP-Datei an. Um WordPress auf XAMPP zu installieren, besuchen Sie die WordPress-Website und laden Sie die offizielle Anwendung herunter.
Verwenden Sie das gleiche Format zum Erstellen einer Website wie zuvor, wobei der extrahierte WordPress-Ordner im Verzeichnis htdoc im Ordner wordpress enthalten ist . Pflegen Sie den Ordnernamen aus Gründen der Übersichtlichkeit.
Verwenden von phpMyAdmin
Da WordPress erfordert, dass Sie Login-Informationen erstellen, müssen Sie einen Eintrag in Ihrem PHP-Verzeichnis für die Webseite erstellen. Gehen Sie zu Ihrer phpMyAdmin-Seite Richten Sie Ihren Blog mit Wordpress ein: Der ultimative Leitfaden Richten Sie Ihren Blog mit Wordpress ein: Der ultimative Leitfaden Sie möchten Ihren eigenen Blog starten, wissen aber nicht, wo Sie anfangen sollen? Sie sollten wirklich in Wordpress schauen, der einfachsten und mächtigsten Blogging-Plattform, die heute verfügbar ist. Lesen Sie mehr - http: // localhost / phpmyadmin / standardmäßig - um loszulegen.
Klicken Sie auf dieser Seite auf Datenbanken . Geben Sie unter dem Parameter Create database wordpress ein und klicken Sie auf Create . Sie sollten ein Popup sehen, das Ihnen mitteilt, dass die Datenbank erstellt wurde. Schließen Sie als nächstes dieses Browserfenster und geben Sie Ihren WordPress-Ordner in das XAMPP-Verzeichnis htdocs ein. Dieser Ordner sollte den Inhalt Ihrer entpackten WordPress-Dateien enthalten.
Anmeldung konfigurieren
Wir müssen die eigentliche WordPress-Website konfigurieren, damit Sie sich anmelden und die Website verwenden können. Dies geschieht über die PHP-Konfigurationsdatei von WordPress. Suchen Sie in Ihrem WordPress-Ordner nach der Datei wp-config-sample.php, klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie Bearbeiten (oder Öffnen mit für einen separaten Texteditor). Notepad sollte gut funktionieren.
Hier ist der Code, auf den wir uns konzentrieren werden:
// ** MySQL settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define('DB_NAME', ' database_name_here '); /** MySQL database username */ define('DB_USER', ' username_here '); /** MySQL database password */ define('DB_PASSWORD', ' password_here '); Sie müssen drei Änderungen am obigen Code innerhalb des Anführungszeichens vornehmen.
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 - Ändere dies in root . Der root-Benutzername besitzt standardmäßig die richtigen Administratorrechte, also wird er über phpMyAdmin erlaubt. Andere Nutzernamen funktionieren nur, wenn sie die entsprechenden Berechtigungen erhalten.
password_here - Ändern Sie dies 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 zur vorherigen wp-config-sample.php - und beenden Sie sie . Dann gehen Sie zur folgenden localhost Adresse: http: // localhost / wordpress .
Fahren Sie mit der Installation fort, einschließlich der Erstellung Ihres WordPress- Benutzernamens und -Passworts . Sie können die gewünschten Werte eingeben. Sobald Sie mit der Eingabe Ihrer Werte fertig sind, klicken Sie auf die Schaltfläche WordPress installieren, um den Vorgang abzuschließen . Danach melden Sie sich in Ihrem lokalen WordPress mit dem Benutzernamen und dem Passwort auf der vorherigen Seite an.
Sie sind fertig! Jetzt können Sie Inhalte Ihres Herzens bearbeiten, modifizieren und erstellen Webseiten von Grund auf und über WordPress, offline und kostenlos Die besten WordPress-Plugins Die besten WordPress-Plugins Lesen Sie mehr!
Web-Entwicklung beginnt mit einer einzigen Seite
Zuvor haben Sie gerade mit der Entwicklung Ihrer Web-Entwicklung begonnen. Nun haben Sie einen lokalen Server auf Ihrem PC erstellt, über den Sie Webseiten nach Belieben erstellen, ändern und anpassen können. Das Beste von allem: Sie haben die volle Kontrolle. Das einzige, was übrig bleibt, ist, mit dem Experimentieren zu beginnen, also los!
Welche Software verwenden Sie für die Webentwicklung? Hast du einen Rat für aufstrebende Entwickler? Lass es uns in den Kommentaren wissen!
Bildnachweis: Dmitry Tishchenko / Shutterstock