Hostujte a upravujte webové stránky ve Windows zdarma pomocí XAMPP

Hostujte a upravujte webové stránky ve Windows zdarma pomocí XAMPP

Chcete vytvořit web, ale nevíte, kde začít?





Zdá se, že typické školicí středisko pro vývoj webu je také nejdražší: koupit doménu, hostitelský server, účet WordPress, téma atd. Co když ale nejste majitelem malé firmy nebo se snažíte vybudovat značku? Co když se jen snažíte naučit vývoj webu, bez nepořádku?





Pokračujte v čtení, abyste se dozvěděli, jak hostovat svůj vlastní web, který můžete vytvořit zcela od začátku nebo pomocí předem připravených šablon, na počítači a zdarma. Oh, to zahrnuje také hostování vašeho vlastního účtu WordPress!





XAMPP: Úvod

Bitnami's XAMPP je „distribuce Apache obsahující PHP a Perl“. Pro naše účely musíme pouze pochopit, že XAMPP je bezplatný a jednoduchý program, který umožňuje uživatelům hostovat webové stránky na jejich počítačích.

Zatímco nastavení místního serveru pomocí XAMPP je poněkud technické, proces je také poměrně snadný a přímočarý. Jakmile je vše nastaveno, zjistíte, že správa a úprava webových stránek je hračka.



Pak je tu otázka rychlé a úplné kontroly. Pomocí XAMPP k vytváření a úpravám webových stránek budete moci změnit tolik nebo málo webových stránek, kolik byste chtěli. To znamená, že s velkou mocí přichází i velká zodpovědnost. Jste také náchylnější ke ztrátě svých stránek, zvláště pokud ne vytvářet zálohy .

jak otevřít soubory zip v systému Android

Pokud byste chtěli skutečný projekt úvodního kurzu ve webovém vývojáři, XAMPP je pro vás. To zahrnuje všechny projekty týkající se HTML, CSS, Javascriptu a dalších!





Instalace XAMPP

Vydejte se na XAMPP stáhněte si balíček. Postupujte podle výchozího postupu instalace. Jakmile si stáhnete XAMPP, měl by se automaticky otevřít ovládací panel XAMPP. Pokud ne, můžete program XAMPP vyhledat jako kterýkoli jiný (pomocí vyhledávání v nabídce Start).

V okně ovládacího panelu XAMPP byste měli vidět jednoduché rozložení procesů XAMPP, které běží. Pro naše účely se zaměříme na první dvě možnosti: Apache a MySQL.





Apache - Hlavní podstata XAMPP, možnost Apache, vytváří na vašem počítači server Apache. To je to, co vám umožní spouštět a upravovat webové stránky na vašem PC prostřednictvím webových prohlížečů, podobně jako by to bylo na webových stránkách. Kromě toho, samozřejmě, tento web běží na vašem PC, na rozdíl od serveru připojeného k internetu.

MySQL - SQL umožňuje komunikaci mezi databázemi a webovými stránkami, což uživatelům umožňuje testovat a ukládat e-maily, hesla a jakékoli další datové vstupy. Použijeme to pro váš místní účet WordPress.

zmáčkni Start na ovládacím panelu XAMPP pod Akce pro Apache i MySQL. Počkejte, až se v sekci modulu zvýrazní zeleně Apache i MySQL. Po povolení můžete XAMPP používat zdarma.

Localhost a phpMyAdmin

Chcete -li zajistit, aby vše fungovalo, otevřete webový prohlížeč a zadejte http: // localhost/ do adresního řádku a stiskněte Vstupte . Měli byste být přesměrováni na http: // localhost/dashboard/ , což je výchozí stránka XAMPP.

Dále klikněte na phpMyAdmin tlačítko v horní navigační nabídce. Budete přesměrováni na výchozí stránku phpMyAdmin.

Nechte to prozatím na pokoji, ale pokud oba fungují, jste připraveni začít vytvářet webové stránky!

Vytváření webových stránek pomocí XAMPP

Nyní přichází zábavná část. Přejděte do složky XAMPP umístěné v adresáři kořenové jednotky ( C: xampp ve výchozím stavu). Pak přejděte na htdocs . Toto bude hlavní úložiště webových stránek, které budete používat k prohlížení webových stránek.

Než web vytvoříme a upravíme, budete potřebovat textový editor. I když můžete použít výchozí textový editor, jako je Poznámkový blok, je obvykle nejlepší stáhnout si editor jiného výrobce vytvořený speciálně pro kód a značky. Vznešený text je jedním z nejlepších v okolí, takže jděte na jejich webové stránky a stáhněte si software, abyste mohli začít.

Nyní můžete začít stahovat a instalovat webové stránky do XAMPP. Budu používat Roadtrip šablonu, ale můžete použít libovolnou šablonu. Stáhněte si zip soubor webové stránky a uložte jej na místo, které si budete pamatovat. Dále vytvořte složku ve složce htdocs XAMPP pro svůj web. Pojmenoval jsem své roadtrip - zkuste udržet své jméno prosté. Poté rozbalte a rozbalte obsah souboru zip do této složky htdocs.

Jakmile soubory extrahujete, přejděte do úložiště svých webových stránek v htdocs, abyste se ujistili, že byly extrahovány správně.

Nakonec přejděte na webovou stránku ve webovém prohlížeči. Vaše webová stránka , tak říkajíc, bude dosažitelný pomocí výše uvedeného localhost spolu s názvem složky, která obsahuje vaše soubory stránky. Důvodem je, že webové stránky jsou v podstatě soubory obsažené ve složkách, všechny pod jednou doménou - nebo root - jménem. Už se učíš!

Naše dříve vytvořená složka byla pojmenována roadtrip, takže úplná adresa webu je http: // localhost/roadtrip .

Jsi hotový! Nyní můžete začít web upravovat lokálně.

Úpravy webových stránek

Otevřete Sublime Text. Vydejte se na Soubor a vyberte Otevřená složka . Najděte a vyberte svou webovou složku ve složce XAMPP. Nyní budete moci v editoru Sublime Text upravovat více stránek stejného webu.

Sublime Text také poskytuje skvělé rozhraní pro zobrazení všech souborů a složek vašeho webu. Chcete -li na svém webu provést změny, upravte kód svého webu a uložte (pomocí příkazu klávesnice Ctrl + S ) a obnovte své webové stránky v prohlížeči.

Proces je jednoduchý a přímý: upravte webovou stránku a poté zkontrolujte, zda váš kód funguje. Jak budete postupovat ve vývoji webu, pokusíte se do své webové stránky začlenit složitější funkce. Bez ohledu na úroveň dovedností však základní formát pro úpravu stránek zůstává stejný.

Používejte WordPress s XAMPP

Pokud nechcete upravovat surový kód, nebo raději používáte známější systém pro správu obsahu (CMS), WordPress poskytuje svůj fantastický zdroj pro webový design také ve snadno použitelném souboru ZIP! Chcete -li nainstalovat WordPress na XAMPP, přejděte na Web WordPress a stáhněte si oficiální aplikaci.

K vytvoření webové stránky použijte stejný formát jako dříve, s extrahovanou složkou WordPress přítomnou v adresáři htdoc ve složce wordpress . Z důvodu přehlednosti zachovejte název složky.

Pomocí phpMyAdmin

Protože WordPress vyžaduje, abyste vytvořili přihlašovací údaje, budete muset pro webovou stránku vytvořit položku ve svém adresáři PHP. Vydejte se na vaše stránka phpMyAdmin - http: // localhost/phpmyadmin/ ve výchozím nastavení - abyste mohli začít.

Na této stránce klikněte na Databáze . Pod Vytvořit databázi parametr, zadejte wordpress a pak udeřit Vytvořit . Měli byste vidět vyskakovací okno s informací, že databáze byla vytvořena. Poté zavřete toto okno prohlížeče a zadejte svou složku WordPress do adresáře XAMPP htdocs. Tato složka by měla obsahovat obsah rozbalených souborů WordPress.

Konfigurace přihlášení

Potřebujeme nakonfigurovat skutečný web WordPress, abyste se mohli přihlásit a používat web. To se provádí prostřednictvím hlavního konfiguračního souboru PHP WordPress. Ve své složce WordPress najděte soubor označený wp-config-sample.php , klikněte pravým tlačítkem na soubor, vyberte Upravit (nebo Otevřít s pro samostatný textový editor). Poznámkový blok by měl fungovat dobře.

Zde je kód, na který se zaměříme:

// ** 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 ');

Ve výše uvedeném kódu budete muset provést tři změny v rámci uvozovky.

název_databáze_zde - Změňte tento parametr na wordpress . Web poté použije dříve vytvořenou databázi v phpMyAdmin označenou jako takovou.

uživatelské jméno_zde - Změňte to na vykořenit . Uživatelské jméno root má ve výchozím nastavení správná oprávnění správce, takže bude povoleno prostřednictvím phpMyAdmin. Jiná uživatelská jména nebudou fungovat, pokud nebudou udělena příslušná oprávnění.

heslo_ zde - Změňte toto na snadno identifikovatelné heslo. Pokud heslo raději nepoužíváte, odstraňte parametr.

Uložit tento soubor jako wp-config.php - na rozdíl od předchozího wp-config-sample.php - a odejít. Poté přejděte na následující adresu localhost: http: // localhost/wordpress .

Pokračujte v instalaci, včetně vytvoření WordPressu Uživatelské jméno a Heslo . Můžete zadat libovolné hodnoty, kterým dáváte přednost. Jakmile zadáte hodnoty, klikněte na Nainstalujte si WordPress tlačítko pro dokončení procesu. Jakmile to bude hotové, přihlaste se do svého místního WordPressu pomocí uživatelského jména a hesla uvedeného na předchozí stránce.

Jsi hotový! Nyní můžete věnovat obsahu obsahu úpravám, úpravám a vytváření webových stránek od nuly i prostřednictvím WordPressu, offline a zdarma !

jak najít smazané zprávy na messengeru

Vývoj webu začíná na jedné stránce

Dříve jste teprve začínali s vývojem webu. Nyní jste ve svém počítači vytvořili místní server, pomocí kterého můžete libovolně vytvářet, upravovat a přizpůsobovat webové stránky. Nejlepší ze všeho je, že to máte zcela pod kontrolou. Jediné, co zbývá, je zahájit experimentování, takže do toho!

Rozhodli jste se, že nechcete projít celou touto prací? Zkuste jeden z nejlepší bezplatné služby hostování webových stránek namísto.

Kredity obrázku: Dmitry Tishchenko/Shutterstock

Podíl Podíl tweet E-mailem 6 zvukových alternativ: Nejlepší bezplatné nebo levné aplikace pro audioknihy

Pokud vás nebaví platit za audioknihy, zde je několik skvělých aplikací, které vám umožní poslouchat je zdarma a legálně.

Číst dále
Související témata
  • Okna
  • Programování
  • Wordpress
  • Vývoj webu
  • Web hosting
  • Nástroje pro webmastery
  • Server Apache
  • Webový server
O autorovi Křesťanská bonilla(83 článků zveřejněno)

Christian je nedávným přírůstkem do komunity MakeUseOf a vášnivým čtenářem všeho od husté literatury po komiksy od Calvina a Hobbese. Jeho vášni pro technologie odpovídá pouze jeho chuť a ochota pomoci; Pokud máte nějaké dotazy týkající se (většinou) čehokoli, neváhejte nám poslat e -mail!

Více od Christiana Bonilly

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru