Home-theater-designers
Sie möchten eine Website erstellen, wissen aber nicht, wo Sie anfangen sollen?
Es scheint, dass das typische Schulungsgelände für Webentwicklung auch das teuerste ist: Kaufen Sie eine Domain, einen Hostserver, ein WordPress-Konto, ein Theme usw. Aber was ist, wenn Sie kein Kleinunternehmer sind oder versuchen, eine Marke aufzubauen? Was ist, wenn Sie nur versuchen, Webentwicklung zu lernen, ohne Unordnung?
Lesen Sie weiter, um zu erfahren, wie Sie Ihre eigene Website hosten, die Sie entweder von Grund auf neu oder mit vorgefertigten Vorlagen auf Ihrem Computer und kostenlos erstellen können. Oh, dazu gehört auch das Hosten Ihres eigenen WordPress-Kontos!
XAMPP: Eine Einführung
Bitnamis 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 das Einrichten 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. Wenn Sie XAMPP zum Erstellen und Bearbeiten von Websites verwenden, können Sie so viel oder so wenig von einer Website ä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 dies nicht der Fall ist Backups erstellen .
So erhalten Sie kostenlose Computerteile
Wenn Sie jedoch ein echtes Einsteigerkursprojekt in Webentwicklung wünschen, ist XAMPP genau das Richtige für Sie. Das schließt alle Projekte mit Bezug zu HTML, CSS, Javascript und mehr ein!
XAMPP installieren
Gehen Sie zum XAMPP Website und laden Sie das Paket herunter. Folgen Sie dem Standard-Setup-Prozess. Nachdem Sie XAMPP heruntergeladen haben, sollte sich Ihr XAMPP-Kontrollfeld automatisch öffnen. Wenn nicht, können Sie das XAMPP-Programm wie jedes andere finden (über die Suche im Startmenü).
In Ihrem XAMPP-Systemsteuerungsfenster 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 -- Die wichtigste Crux 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 eine Website. Außer natürlich, dass diese Website auf Ihrem PC läuft und nicht auf einem mit dem Internet verbundenen Server.
MySQL -- SQL ermöglicht die Kommunikation zwischen Datenbanken und Websites, sodass Benutzer E-Mails, Passwörter und andere Dateneingaben testen und speichern können. Wir werden dies für Ihr lokales WordPress-Konto verwenden.
Drücken Sie die Start Button in Ihrem XAMPP Control Panel unter Aktionen sowohl für Apache als auch für MySQL. Warten Sie, bis sowohl Apache als auch MySQL unter Ihrem Modulabschnitt grün markiert sind. Nach der Aktivierung können Sie XAMPP kostenlos verwenden.
Localhost und phpMyAdmin
Um sicherzustellen, dass alles in Ordnung ist, öffnen Sie einen Webbrowser, geben Sie http://localhost/ in deine Adressleiste und drücke Eintreten . Sie sollten weitergeleitet werden zu http://localhost/dashboard/ , die die Standard-XAMPP-Seite ist.
Klicken Sie anschließend auf das 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 der Erstellung von Websites beginnen!
Erstellen von Websites mit XAMPP
Jetzt kommt der lustige Teil. Gehen Sie zum XAMPP-Ordner, der sich in Ihrem Stammlaufwerksverzeichnis befindet ( C:xampp standardmäßig). Dann geh zu htdocs . Dies ist das Haupt-Website-Repository, das Sie zum Anzeigen von Websites verwenden.
Bevor wir eine Website erstellen und bearbeiten, benötigen Sie einen Texteditor. Sie können zwar einen Standard-Texteditor wie Notepad verwenden, es ist jedoch in der Regel am besten, einen Editor eines Drittanbieters herunterzuladen, der speziell für Code und Markup entwickelt wurde. Erhabener Text ist eine der besten auf der Welt, also besuchen Sie 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 verwenden Ausflug Vorlage, aber Sie können eine 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. Erstellen Sie als Nächstes einen Ordner im htdocs-Ordner von XAMPP für Ihre Website. Ich habe meine benannt Ausflug -- Versuchen Sie, Ihren Namen einfach zu halten. Entpacken und extrahieren Sie dann den Inhalt Ihrer Zip-Datei in diesen htdocs-Ordner.
Sobald Sie die Dateien extrahiert haben, gehen Sie zu Ihrem Website-Repository in htdocs, um sicherzustellen, dass sie korrekt extrahiert wurden.
Rufen Sie schließlich Ihre Webseite in Ihrem Webbrowser auf. Ihre Webseite , sozusagen über den zuvor erwähnten localhost zusammen mit dem Namen des Ordners, der Ihre Auslagerungsdateien enthält, erreichbar sein. Dies liegt daran, dass Websites im Wesentlichen Dateien sind, die in Ordnern enthalten sind, alle unter einem einzigen Domain- oder Root-Namen. Du lernst schon!
Unser zuvor erstellter Ordner hieß roadtrip, die vollständige Site-Adresse lautet also http://localhost/roadtrip .
Sie sind fertig! Jetzt können Sie mit der lokalen Bearbeitung der Website beginnen.
Bearbeiten von Websites
Öffne Sublime Text. Gehen Sie zu Datei und wählen Sie Ordner öffnen . Suchen und wählen Sie Ihren Webordner im XAMPP-Ordner aus. Sie können jetzt mehrere Seiten derselben Website in Ihrem Sublime Text-Editor bearbeiten.
Sublime Text bietet auch eine großartige Benutzeroberfläche, mit der Sie jede Datei und jeden Ordner Ihrer Website sehen können. Um Änderungen an Ihrer Website vorzunehmen, bearbeiten Sie den Code Ihrer Website, speichern Sie (mit dem Tastaturbefehl Strg + S ) und aktualisieren Sie Ihre Website im Browser.
Der Vorgang ist einfach und direkt: Bearbeiten Sie die Webseite und prüfen Sie, ob Ihr Code funktioniert. Im Laufe Ihrer Webentwicklung werden Sie versuchen, kompliziertere Funktionen in Ihre Webseite zu integrieren. Unabhängig vom Kenntnisstand bleibt das grundlegende Format zum Bearbeiten von Seiten jedoch dasselbe.
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! Um WordPress auf XAMPP zu installieren, gehen Sie zum WordPress-Website und laden Sie die offizielle Anwendung herunter.
Verwenden Sie dasselbe Format, um eine Website zu erstellen, wie Sie es zuvor getan haben, wobei sich Ihr extrahierter WordPress-Ordner im htdoc-Verzeichnis innerhalb des Ordners befindet WordPress . Behalten Sie den Ordnernamen der Übersichtlichkeit halber bei.
Verwenden von phpMyAdmin
Da WordPress erfordert, dass Sie Anmeldeinformationen erstellen, müssen Sie einen Eintrag in Ihrem PHP-Verzeichnis für die Webseite erstellen. Gehen Sie zu Ihre phpMyAdmin-Seite - http://localhost/phpmyadmin/ standardmäßig - um loszulegen.
Klicken Sie auf dieser Seite auf Datenbanken . Unter dem Datenbank erstellen Parameter, Eingabe WordPress und dann schlagen Schaffen . 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 im XAMPP-htdocs-Verzeichnis 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 Site 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 , klicke mit der rechten Maustaste auf die Datei, wähle 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 ');
Du musst drei Änderungen am obigen Code vornehmen innerhalb das Anführungszeichen.
database_name_here -- Ändern Sie diesen Parameter auf WordPress . Die Website verwendet dann die zuvor erstellte Datenbank in phpMyAdmin, die als solche gekennzeichnet ist.
Benutzername_hier -- Ändere dies in Wurzel . Der Root-Benutzername verfügt standardmäßig über die entsprechenden Administratorrechte, sodass er über phpMyAdmin zugelassen wird. Andere Benutzernamen funktionieren nur, wenn die entsprechenden Berechtigungen erteilt wurden.
passwort_hier -- Ändern Sie dies in ein leicht identifizierbares Passwort. Wenn Sie kein Passwort verwenden möchten, löschen Sie den Parameter.
Diese Datei speichern unter wp-config.php -- im Gegensatz zu den vorherigen wp-config-sample.php -- und aussteigen. Gehen Sie dann zu der folgenden localhost-Adresse: http://localhost/wordpress .
Fahren Sie mit der Installation fort, einschließlich der Erstellung Ihres WordPress Nutzername und Passwort . Sie können beliebige Werte eingeben. Wenn Sie mit der Eingabe Ihrer Werte fertig sind, klicken Sie auf das WordPress installieren Schaltfläche, um den Vorgang abzuschließen. Melden Sie sich anschließend mit dem auf der vorherigen Seite angegebenen Benutzernamen und Passwort bei Ihrem lokalen WordPress an.
Sie sind fertig! Jetzt können Sie nach Herzenslust Webseiten bearbeiten, ändern und erstellen, sowohl von Grund auf als auch über WordPress, offline und kostenlos !
Kann ich PS3-Spiele auf einer PS4 spielen?
Webentwicklung beginnt mit einer einzigen Seite
Zuvor haben Sie gerade Ihre Webentwicklungsreise begonnen. Jetzt haben Sie auf Ihrem PC einen lokalen Server erstellt, über den Sie Webseiten nach Belieben erstellen, ändern und anpassen können. Und das Beste: Sie haben die volle Kontrolle. Sie müssen nur noch mit dem Experimentieren beginnen, also legen Sie los!
Sie haben sich entschieden, dass Sie sich diese ganze Arbeit nicht leisten wollen? Probieren Sie einen von die besten kostenlosen Website-Hosting-Dienste stattdessen.
Bildnachweis: Dmitry Tishchenko/Shutterstock
Teilen Teilen Tweet Email 6 Audible-Alternativen: Die besten kostenlosen oder günstigen Hörbuch-AppsWenn Sie keine Lust haben, für Hörbücher zu bezahlen, finden Sie hier einige großartige Apps, mit denen Sie sie kostenlos und legal anhören können.
Weiter lesen Verwandte Themen- Fenster
- Programmierung
- WordPress
- Web Entwicklung
- Web-Hosting
- Webmaster werkzeuge
- Apache-Server
- Webserver
Christian ist ein Neuzugang in der MakeUseOf-Community und ein begeisterter Leser von allem, von dichter Literatur bis hin zu Calvin- und Hobbes-Comics. Seine Leidenschaft für Technik wird nur von seinem Willen und seiner Hilfsbereitschaft übertroffen; Wenn Sie Fragen zu (meistens) allem haben, können Sie gerne eine E-Mail senden!
Mehr von Christian BonillaAbonniere unseren Newsletter
Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!
Klicken Sie hier, um sich zu abonnieren